diff --git a/src/app/possible-score/possible-score.component.html b/src/app/possible-score/possible-score.component.html
index d40d581dc93..1112ec0ad97 100644
--- a/src/app/possible-score/possible-score.component.html
+++ b/src/app/possible-score/possible-score.component.html
@@ -1,9 +1,7 @@
 @if (maxScore > 0 && !hidePossibleScores) {
-  <span class="gray-darker md-body-1 possible-score">
-    @if (maxScore === 1) {
-      (<span i18n>{{ maxScore }} point</span>)
-    } @else {
-      (<span i18n>{{ maxScore }} points</span>)
-    }
-  </span>
+  @if (maxScore === 1) {
+    <span i18n class="rounded-md notice-bg-bg mat-caption p-1">{{ maxScore }} point</span>
+  } @else {
+    <span i18n class="rounded-md notice-bg-bg mat-caption p-1">{{ maxScore }} points</span>
+  }
 }
diff --git a/src/assets/wise5/authoringTool/components/edit-component-title/edit-component-title.component.ts b/src/assets/wise5/authoringTool/components/edit-component-title/edit-component-title.component.ts
index 7fab4a680c3..8f2f8d4a554 100644
--- a/src/assets/wise5/authoringTool/components/edit-component-title/edit-component-title.component.ts
+++ b/src/assets/wise5/authoringTool/components/edit-component-title/edit-component-title.component.ts
@@ -11,7 +11,7 @@ import { TranslatableInputComponent } from '../translatable-input/translatable-i
     <translatable-input
       [content]="componentContent"
       [hasClearButton]="true"
-      key="title"
+      key="componentTitle"
       label="Activity Title"
       i18n-label
       (defaultLanguageTextChanged)="titleChanged($event)"
@@ -23,7 +23,7 @@ export class EditComponentTitleComponent {
   private projectService = inject(TeacherProjectService);
 
   titleChanged(title: string): void {
-    this.componentContent.title = title;
+    this.componentContent.componentTitle = title;
     this.projectService.saveProject();
   }
 }
diff --git a/src/assets/wise5/common/ComponentContent.ts b/src/assets/wise5/common/ComponentContent.ts
index 2ea81b9c048..f56de8c2f68 100644
--- a/src/assets/wise5/common/ComponentContent.ts
+++ b/src/assets/wise5/common/ComponentContent.ts
@@ -9,11 +9,11 @@ export interface ComponentContent {
   };
   anonymizeResponses?: boolean;
   connectedComponents?: any[];
+  componentTitle?: string;
   constraints?: any[];
   cRaterRubric?: CRaterRubric;
   dynamicPrompt?: DynamicPrompt;
   excludeFromTotalScore?: boolean;
-  title?: string;
   maxScore?: number;
   maxSubmitCount?: number;
   prompt?: string;
diff --git a/src/assets/wise5/components/aiChat/ai-chat-student/ai-chat-student.component.html b/src/assets/wise5/components/aiChat/ai-chat-student/ai-chat-student.component.html
index 41ca506b8f8..e9551fdf3f3 100644
--- a/src/assets/wise5/components/aiChat/ai-chat-student/ai-chat-student.component.html
+++ b/src/assets/wise5/components/aiChat/ai-chat-student/ai-chat-student.component.html
@@ -5,19 +5,17 @@
   />
 }
 @if (!computerAvatarSelectorVisible) {
-  <mat-card appearance="outlined" class="mat-elevation-z2">
-    <component-header [component]="component" />
-    <div #messagesContainer class="messages">
-      <ai-chat-messages
-        [messages]="messages"
-        [workgroupId]="workgroupId"
-        [waitingForComputerResponse]="waitingForComputerResponse"
-        [computerAvatar]="computerAvatar"
-      />
-    </div>
-    <chat-input
-      [submitDisabled]="waitingForComputerResponse"
-      (submitEvent)="submitStudentResponse($event)"
+  <component-header [component]="component" />
+  <div #messagesContainer class="messages">
+    <ai-chat-messages
+      [messages]="messages"
+      [workgroupId]="workgroupId"
+      [waitingForComputerResponse]="waitingForComputerResponse"
+      [computerAvatar]="computerAvatar"
     />
-  </mat-card>
+  </div>
+  <chat-input
+    [submitDisabled]="waitingForComputerResponse"
+    (submitEvent)="submitStudentResponse($event)"
+  />
 }
diff --git a/src/assets/wise5/components/aiChat/ai-chat-student/ai-chat-student.component.scss b/src/assets/wise5/components/aiChat/ai-chat-student/ai-chat-student.component.scss
index 2ac4c0a8c49..a4a80b89ee5 100644
--- a/src/assets/wise5/components/aiChat/ai-chat-student/ai-chat-student.component.scss
+++ b/src/assets/wise5/components/aiChat/ai-chat-student/ai-chat-student.component.scss
@@ -1,11 +1,3 @@
-@use 'style/abstracts/functions';
-
-.mat-mdc-card {
-  padding: 12px;
-  margin-top: 16px;
-  max-width: functions.breakpoint('sm.min');
-}
-
 .messages {
   margin-bottom: 12px;
   max-height: 500px;
diff --git a/src/assets/wise5/components/aiChat/ai-chat-student/ai-chat-student.component.ts b/src/assets/wise5/components/aiChat/ai-chat-student/ai-chat-student.component.ts
index a80a8a12527..f5a93c12dd7 100644
--- a/src/assets/wise5/components/aiChat/ai-chat-student/ai-chat-student.component.ts
+++ b/src/assets/wise5/components/aiChat/ai-chat-student/ai-chat-student.component.ts
@@ -18,7 +18,6 @@ import { ComputerAvatarInitializer } from '../../../common/computer-avatar/compu
 import { ComputerAvatarService } from '../../../services/computerAvatarService';
 import { StudentStatusService } from '../../../services/studentStatusService';
 import { ComputerAvatarSelectorComponent } from '../../../vle/computer-avatar-selector/computer-avatar-selector.component';
-import { MatCard } from '@angular/material/card';
 import { ComponentHeaderComponent } from '../../../directives/component-header/component-header.component';
 import { ChatInputComponent } from '../../../common/chat-input/chat-input.component';
 import { AiChatMessagesComponent } from '../ai-chat-messages/ai-chat-messages.component';
@@ -28,8 +27,7 @@ import { AiChatMessagesComponent } from '../ai-chat-messages/ai-chat-messages.co
     AiChatMessagesComponent,
     ChatInputComponent,
     ComponentHeaderComponent,
-    ComputerAvatarSelectorComponent,
-    MatCard
+    ComputerAvatarSelectorComponent
   ],
   styleUrl: './ai-chat-student.component.scss',
   templateUrl: './ai-chat-student.component.html'
diff --git a/src/assets/wise5/components/dialogGuidance/dialog-guidance-show-work/dialog-guidance-show-work.component.ts b/src/assets/wise5/components/dialogGuidance/dialog-guidance-show-work/dialog-guidance-show-work.component.ts
index 2cf7e9d7fce..2b950376145 100644
--- a/src/assets/wise5/components/dialogGuidance/dialog-guidance-show-work/dialog-guidance-show-work.component.ts
+++ b/src/assets/wise5/components/dialogGuidance/dialog-guidance-show-work/dialog-guidance-show-work.component.ts
@@ -4,28 +4,25 @@ import { ComputerAvatarService } from '../../../services/computerAvatarService';
 import { NodeService } from '../../../services/nodeService';
 import { ProjectService } from '../../../services/projectService';
 import { ComponentShowWorkDirective } from '../../component-show-work.directive';
-import { MatCardModule } from '@angular/material/card';
 import { DialogResponsesComponent } from '../dialog-responses/dialog-responses.component';
 import { CRaterRubric } from '../../common/cRater/CRaterRubric';
 import { CRaterService } from '../../../services/cRaterService';
 import { UserService } from '../../../../../app/services/user.service';
 
 @Component({
-  imports: [DialogResponsesComponent, MatCardModule],
+  imports: [DialogResponsesComponent],
   selector: 'dialog-guidance-show-work',
   styleUrls: [
     '../dialog-guidance-student/dialog-guidance-student.component.scss',
     './dialog-guidance-show-work.component.scss'
   ],
   template: `
-    <mat-card appearance="outlined" class="mat-elevation-z2">
-      <dialog-responses
-        [computerAvatar]="computerAvatar"
-        [cRaterRubric]="cRaterRubric"
-        [responses]="componentState.studentData.responses"
-        [showDetectedIdeas]="showDetectedIdeas"
-      />
-    </mat-card>
+    <dialog-responses
+      [computerAvatar]="computerAvatar"
+      [cRaterRubric]="cRaterRubric"
+      [responses]="componentState.studentData.responses"
+      [showDetectedIdeas]="showDetectedIdeas"
+    />
   `
 })
 export class DialogGuidanceShowWorkComponent extends ComponentShowWorkDirective {
diff --git a/src/assets/wise5/components/dialogGuidance/dialog-guidance-student/dialog-guidance-student.component.html b/src/assets/wise5/components/dialogGuidance/dialog-guidance-student/dialog-guidance-student.component.html
index f5dd917b23a..cb1d84cbd18 100644
--- a/src/assets/wise5/components/dialogGuidance/dialog-guidance-student/dialog-guidance-student.component.html
+++ b/src/assets/wise5/components/dialogGuidance/dialog-guidance-student/dialog-guidance-student.component.html
@@ -1,23 +1,20 @@
-<div class="mb-4">
-  @if (computerAvatarSelectorVisible) {
-    <computer-avatar-selector
-      [computerAvatarSettings]="componentContent.computerAvatarSettings"
-      (chooseAvatarEvent)="selectComputerAvatar($event)"
+@if (computerAvatarSelectorVisible) {
+  <component-header [component]="component" [showPrompt]="false" />
+  <computer-avatar-selector
+    [computerAvatarSettings]="componentContent.computerAvatarSettings"
+    (chooseAvatarEvent)="selectComputerAvatar($event)"
+  />
+} @else {
+  <component-header [component]="component" />
+  <dialog-responses
+    [responses]="responses"
+    [isWaitingForComputerResponse]="isWaitingForComputerResponse"
+    [computerAvatar]="computerAvatar"
+  />
+  @if (studentCanRespond) {
+    <chat-input
+      [submitDisabled]="isWaitingForComputerResponse"
+      (submitEvent)="submitStudentResponse($event)"
     />
-  } @else {
-    <mat-card appearance="outlined" class="mat-elevation-z2">
-      <component-header [component]="component" />
-      <dialog-responses
-        [responses]="responses"
-        [isWaitingForComputerResponse]="isWaitingForComputerResponse"
-        [computerAvatar]="computerAvatar"
-      />
-      @if (studentCanRespond) {
-        <chat-input
-          [submitDisabled]="isWaitingForComputerResponse"
-          (submitEvent)="submitStudentResponse($event)"
-        />
-      }
-    </mat-card>
   }
-</div>
+}
diff --git a/src/assets/wise5/components/dialogGuidance/dialog-guidance-student/dialog-guidance-student.component.scss b/src/assets/wise5/components/dialogGuidance/dialog-guidance-student/dialog-guidance-student.component.scss
index da11d2dde22..969fc34a0f7 100644
--- a/src/assets/wise5/components/dialogGuidance/dialog-guidance-student/dialog-guidance-student.component.scss
+++ b/src/assets/wise5/components/dialogGuidance/dialog-guidance-student/dialog-guidance-student.component.scss
@@ -1,11 +1,3 @@
-@use 'style/abstracts/functions';
-
-.mat-mdc-card {
-  padding: 12px;
-  margin-top: 16px;
-  max-width: functions.breakpoint('sm.min');
-}
-
 dialog-responses {
   display: block;
   margin-bottom: 12px;
diff --git a/src/assets/wise5/components/dialogGuidance/dialog-guidance-student/dialog-guidance-student.component.ts b/src/assets/wise5/components/dialogGuidance/dialog-guidance-student/dialog-guidance-student.component.ts
index 9f2ce0c65a3..b677fdfea46 100644
--- a/src/assets/wise5/components/dialogGuidance/dialog-guidance-student/dialog-guidance-student.component.ts
+++ b/src/assets/wise5/components/dialogGuidance/dialog-guidance-student/dialog-guidance-student.component.ts
@@ -30,7 +30,6 @@ import { ConstraintService } from '../../../services/constraintService';
 import { applyMixins } from '../../../common/apply-mixins';
 import { ComputerAvatarInitializer } from '../../../common/computer-avatar/computer-avatar-initializer';
 import { ComputerAvatarSelectorComponent } from '../../../vle/computer-avatar-selector/computer-avatar-selector.component';
-import { MatCardModule } from '@angular/material/card';
 import { ComponentHeaderComponent } from '../../../directives/component-header/component-header.component';
 import { DialogResponsesComponent } from '../dialog-responses/dialog-responses.component';
 import { ChatInputComponent } from '../../../common/chat-input/chat-input.component';
@@ -41,8 +40,7 @@ import { CRaterPingService } from '../../../services/cRaterPingService';
     ChatInputComponent,
     ComponentHeaderComponent,
     ComputerAvatarSelectorComponent,
-    DialogResponsesComponent,
-    MatCardModule
+    DialogResponsesComponent
   ],
   providers: [CRaterPingService, DialogGuidanceFeedbackService],
   selector: 'dialog-guidance-student',
diff --git a/src/assets/wise5/components/draw/draw-student/draw-student.component.html b/src/assets/wise5/components/draw/draw-student/draw-student.component.html
index a0e45ff31c2..0e5cf0b92b0 100644
--- a/src/assets/wise5/components/draw/draw-student/draw-student.component.html
+++ b/src/assets/wise5/components/draw/draw-student/draw-student.component.html
@@ -44,9 +44,10 @@
     </button>
   }
 </div>
-<div id="{{ drawingToolId }}" class="drawing-tool-div"></div>
+<div id="{{ drawingToolId }}"></div>
 @if (isSaveOrSubmitButtonVisible) {
   <component-save-submit-buttons
+    class="block mt-3"
     [componentState]="latestComponentState"
     [isDirty]="isDirty"
     [isDisabled]="isDisabled"
diff --git a/src/assets/wise5/components/draw/draw-student/draw-student.component.scss b/src/assets/wise5/components/draw/draw-student/draw-student.component.scss
index 01a204d3c91..56f22b77b67 100644
--- a/src/assets/wise5/components/draw/draw-student/draw-student.component.scss
+++ b/src/assets/wise5/components/draw/draw-student/draw-student.component.scss
@@ -6,8 +6,4 @@ $margin-spacing: 20px;
 
 .top-button {
   margin-right: $margin-spacing
-}
-
-.drawing-tool-div {
-  margin-bottom: $margin-spacing;
 }
\ No newline at end of file
diff --git a/src/assets/wise5/components/label/label-student/label-student.component.html b/src/assets/wise5/components/label/label-student/label-student.component.html
index 3c04dc669f9..804639d5746 100644
--- a/src/assets/wise5/components/label/label-student/label-student.component.html
+++ b/src/assets/wise5/components/label/label-student/label-student.component.html
@@ -97,11 +97,12 @@
     </button>
   }
 </div>
-<div id="canvasParent_{{ canvasId }}" class="label-canvas-container">
+<div id="canvasParent_{{ canvasId }}">
   <canvas id="{{ canvasId }}" class="label-canvas" width="800" height="600"></canvas>
 </div>
 @if (isSaveOrSubmitButtonVisible) {
   <component-save-submit-buttons
+    class="block mt-3"
     [componentState]="latestComponentState"
     [isDirty]="isDirty"
     [isDisabled]="isDisabled"
diff --git a/src/assets/wise5/components/label/label-student/label-student.component.scss b/src/assets/wise5/components/label/label-student/label-student.component.scss
index 89182c82db5..a1b42ce90e2 100644
--- a/src/assets/wise5/components/label/label-student/label-student.component.scss
+++ b/src/assets/wise5/components/label/label-student/label-student.component.scss
@@ -34,10 +34,6 @@ $margin-spacing: 20px;
   margin-right: $margin-spacing;
 }
 
-.label-canvas-container {
-  margin-bottom: $margin-spacing;
-}
-
 .label-canvas {
   border: 1px solid black;
 }
diff --git a/src/assets/wise5/components/match/match-student/match-student-default/match-student-default.component.html b/src/assets/wise5/components/match/match-student/match-student-default/match-student-default.component.html
index 54615d7b669..7d078c51560 100644
--- a/src/assets/wise5/components/match/match-student/match-student-default/match-student-default.component.html
+++ b/src/assets/wise5/components/match/match-student/match-student-default/match-student-default.component.html
@@ -112,6 +112,7 @@ <h3 class="mat-subtitle-2" [innerHTML]="bucket.value"></h3>
 />
 @if (isSaveOrSubmitButtonVisible) {
   <component-save-submit-buttons
+    class="block mt-3"
     [componentState]="latestComponentState"
     [isDirty]="isDirty"
     [isDisabled]="isDisabled"
diff --git a/src/assets/wise5/components/match/match-student/match-student-default/match-student-default.component.scss b/src/assets/wise5/components/match/match-student/match-student-default/match-student-default.component.scss
index e81a41cb739..91a8903410e 100644
--- a/src/assets/wise5/components/match/match-student/match-student-default/match-student-default.component.scss
+++ b/src/assets/wise5/components/match/match-student/match-student-default/match-student-default.component.scss
@@ -47,9 +47,3 @@
 .cdk-drag-placeholder {
   opacity: .4;
 }
-
-component-save-submit-buttons {
-  display: block;
-  margin-top: 16px;
-  margin-bottom: 8px;
-}
diff --git a/src/assets/wise5/components/openResponse/open-response-student/open-response-student.component.html b/src/assets/wise5/components/openResponse/open-response-student/open-response-student.component.html
index 31c3b172867..3cd0e3d67db 100644
--- a/src/assets/wise5/components/openResponse/open-response-student/open-response-student.component.html
+++ b/src/assets/wise5/components/openResponse/open-response-student/open-response-student.component.html
@@ -25,7 +25,7 @@
     </button>
   }
 </div>
-<div class="my-2">
+<div class="mt-2">
   <mat-form-field class="w-full form-field-no-hint">
     <textarea
       matInput
@@ -76,6 +76,7 @@
 }
 @if (isSaveOrSubmitButtonVisible) {
   <component-save-submit-buttons
+    class="block mt-3"
     [componentState]="latestComponentState"
     [isDirty]="isDirty"
     [isDisabled]="isDisabled"
diff --git a/src/assets/wise5/components/peerChat/peer-chat-chat-box/peer-chat-chat-box.component.html b/src/assets/wise5/components/peerChat/peer-chat-chat-box/peer-chat-chat-box.component.html
index de873297f83..ac000b8953d 100644
--- a/src/assets/wise5/components/peerChat/peer-chat-chat-box/peer-chat-chat-box.component.html
+++ b/src/assets/wise5/components/peerChat/peer-chat-chat-box/peer-chat-chat-box.component.html
@@ -1,28 +1,25 @@
-<mat-card appearance="outlined" class="chat-box mat-elevation-z2">
-  <peer-chat-members [peerChatWorkgroupInfos]="workgroupInfosWithoutTeachers" />
-  @if (messages.length > 0) {
-    <peer-chat-messages
-      [peerChatMessages]="messages"
-      [myWorkgroupId]="myWorkgroupId"
-      [workgroupInfos]="workgroupInfos"
-      [isGrading]="isGrading"
-      (deleteClickedEvent)="deleteClicked($event)"
-      (undeleteClickedEvent)="undeleteClicked($event)"
-    />
-  }
-  @if (isEnabled) {
-    <peer-chat-message-input
-      [component]="component"
-      [messageText]="response"
-      [peerGroup]="peerGroup"
-      (onSubmit)="submitResponse($event)"
-      (responseChangedEvent)="responseChanged($event)"
-    />
-  }
-  <peer-chat-member-typing-indicator
-    [component]="component"
+@if (messages.length > 0) {
+  <peer-chat-messages
+    [peerChatMessages]="messages"
     [myWorkgroupId]="myWorkgroupId"
+    [workgroupInfos]="workgroupInfos"
+    [isGrading]="isGrading"
+    (deleteClickedEvent)="deleteClicked($event)"
+    (undeleteClickedEvent)="undeleteClicked($event)"
+  />
+}
+@if (isEnabled) {
+  <peer-chat-message-input
+    [component]="component"
+    [messageText]="response"
     [peerGroup]="peerGroup"
-    class="mat-caption secondary-text"
+    (onSubmit)="submitResponse($event)"
+    (responseChangedEvent)="responseChanged($event)"
   />
-</mat-card>
+}
+<peer-chat-member-typing-indicator
+  [component]="component"
+  [myWorkgroupId]="myWorkgroupId"
+  [peerGroup]="peerGroup"
+  class="mat-caption secondary-text"
+/>
diff --git a/src/assets/wise5/components/peerChat/peer-chat-chat-box/peer-chat-chat-box.component.spec.ts b/src/assets/wise5/components/peerChat/peer-chat-chat-box/peer-chat-chat-box.component.spec.ts
index 25b0e634939..ff832de89e7 100644
--- a/src/assets/wise5/components/peerChat/peer-chat-chat-box/peer-chat-chat-box.component.spec.ts
+++ b/src/assets/wise5/components/peerChat/peer-chat-chat-box/peer-chat-chat-box.component.spec.ts
@@ -3,6 +3,7 @@ import { PeerChatChatBoxComponent } from './peer-chat-chat-box.component';
 import { MockComponents } from 'ng-mocks';
 import { PeerChatMemberTypingIndicatorComponent } from '../peer-chat-member-typing-indicator/peer-chat-member-typing-indicator.component';
 import { PeerChatMessageInputComponent } from '../peer-chat-message-input/peer-chat-message-input.component';
+import { PeerChatMessagesComponent } from '../peer-chat-messages/peer-chat-messages.component';
 
 describe('PeerChatChatBoxComponent', () => {
   let component: PeerChatChatBoxComponent;
@@ -12,7 +13,11 @@ describe('PeerChatChatBoxComponent', () => {
     await TestBed.configureTestingModule({
       imports: [
         PeerChatChatBoxComponent,
-        MockComponents(PeerChatMessageInputComponent, PeerChatMemberTypingIndicatorComponent)
+        MockComponents(
+          PeerChatMessageInputComponent,
+          PeerChatMemberTypingIndicatorComponent,
+          PeerChatMessagesComponent
+        )
       ]
     }).compileComponents();
   });
@@ -20,19 +25,10 @@ describe('PeerChatChatBoxComponent', () => {
   beforeEach(() => {
     fixture = TestBed.createComponent(PeerChatChatBoxComponent);
     component = fixture.componentInstance;
-    component.workgroupInfos = {
-      1: { isTeacher: true },
-      2: { isTeacher: false },
-      3: { isTeacher: false }
-    };
     fixture.detectChanges();
   });
 
-  it('should create with workgroup infos without teachers', () => {
+  it('should create', () => {
     expect(component).toBeTruthy();
-    expect(component['workgroupInfosWithoutTeachers']).toEqual([
-      { isTeacher: false },
-      { isTeacher: false }
-    ]);
   });
 });
diff --git a/src/assets/wise5/components/peerChat/peer-chat-chat-box/peer-chat-chat-box.component.ts b/src/assets/wise5/components/peerChat/peer-chat-chat-box/peer-chat-chat-box.component.ts
index 21aac5f6026..3ee534be4e8 100644
--- a/src/assets/wise5/components/peerChat/peer-chat-chat-box/peer-chat-chat-box.component.ts
+++ b/src/assets/wise5/components/peerChat/peer-chat-chat-box/peer-chat-chat-box.component.ts
@@ -1,17 +1,13 @@
-import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
+import { Component, EventEmitter, Input, Output } from '@angular/core';
 import { PeerChatMessage } from '../PeerChatMessage';
 import { PeerChatComponent } from '../PeerChatComponent';
 import { PeerGroup } from '../PeerGroup';
-import { MatCardModule } from '@angular/material/card';
-import { PeerChatMembersComponent } from '../peer-chat-members/peer-chat-members.component';
 import { PeerChatMessagesComponent } from '../peer-chat-messages/peer-chat-messages.component';
 import { PeerChatMessageInputComponent } from '../peer-chat-message-input/peer-chat-message-input.component';
 import { PeerChatMemberTypingIndicatorComponent } from '../peer-chat-member-typing-indicator/peer-chat-member-typing-indicator.component';
 
 @Component({
   imports: [
-    MatCardModule,
-    PeerChatMembersComponent,
     PeerChatMemberTypingIndicatorComponent,
     PeerChatMessageInputComponent,
     PeerChatMessagesComponent
@@ -20,7 +16,7 @@ import { PeerChatMemberTypingIndicatorComponent } from '../peer-chat-member-typi
   styleUrl: './peer-chat-chat-box.component.scss',
   templateUrl: './peer-chat-chat-box.component.html'
 })
-export class PeerChatChatBoxComponent implements OnInit {
+export class PeerChatChatBoxComponent {
   @Input() component: PeerChatComponent;
   @Output() deleteClickedEvent: EventEmitter<PeerChatMessage> = new EventEmitter<PeerChatMessage>();
   @Input() isEnabled: boolean = true;
@@ -34,15 +30,6 @@ export class PeerChatChatBoxComponent implements OnInit {
   @Output() undeleteClickedEvent: EventEmitter<PeerChatMessage> =
     new EventEmitter<PeerChatMessage>();
   @Input() workgroupInfos: any = {};
-  protected workgroupInfosWithoutTeachers: any[];
-
-  ngOnInit(): void {
-    this.workgroupInfosWithoutTeachers = this.filterOutTeachers(this.workgroupInfos);
-  }
-
-  private filterOutTeachers(workgroupInfos: any): any[] {
-    return Object.values(workgroupInfos).filter((workgroupInfo: any) => !workgroupInfo.isTeacher);
-  }
 
   protected deleteClicked(peerChatMessage: PeerChatMessage): void {
     this.deleteClickedEvent.emit(peerChatMessage);
diff --git a/src/assets/wise5/components/peerChat/peer-chat-student/peer-chat-student.component.html b/src/assets/wise5/components/peerChat/peer-chat-student/peer-chat-student.component.html
index e07dde52a73..9529e9a6200 100644
--- a/src/assets/wise5/components/peerChat/peer-chat-student/peer-chat-student.component.html
+++ b/src/assets/wise5/components/peerChat/peer-chat-student/peer-chat-student.component.html
@@ -1,31 +1,31 @@
-<div class="mb-4">
-  @if (isPeerChatWorkgroupsResponseReceived && !isPeerChatWorkgroupsAvailable) {
-    <div class="notice mat-subtitle-2" i18n>
-      This Peer Chat activity is not yet available. Please check back later or wait for a
-      notification to return.
-      <!-- TODO: Show different message when student has not completed required previous component(s) -->
-    </div>
-  }
-  @if (isPeerChatWorkgroupsAvailable) {
+@if (isPeerChatWorkgroupsResponseReceived && !isPeerChatWorkgroupsAvailable) {
+  <component-header [component]="component" [showPrompt]="false" />
+  <div class="notice mat-subtitle-2" i18n>
+    This Peer Chat activity is not yet available. Please check back later or wait for a notification
+    to return.
+    <!-- TODO: Show different message when student has not completed required previous component(s) -->
+  </div>
+}
+@if (isPeerChatWorkgroupsAvailable) {
+  <div class="@container">
     <component-header
       [component]="component"
       (dynamicPromptChanged)="onDynamicPromptChanged($event)"
     />
-    <div class="flex flex-col md:flex-row md:justify-start md:items-start gap-4">
-      @if (questionBankContent != null) {
-        <div class="flex-1 md:w-2/5 order-1 md:order-2">
-          @if (questionBankContent.questionBank?.enabled) {
-            <peer-chat-question-bank
-              class="w-full"
-              [content]="questionBankContent"
-              [(displayedQuestionBankRules)]="displayedQuestionBankRules"
-              (useQuestionEvent)="useQuestion($event)"
-              [questionIdsUsed]="questionIdsUsed"
-            />
-          }
+    <peer-chat-members [peerChatWorkgroupInfos]="workgroupInfosWithoutTeachers" />
+    <div class="flex flex-col @2xl:flex-row @2xl:justify-start @2xl:items-start gap-4 mt-4">
+      @if (questionBankContent?.questionBank?.enabled) {
+        <div class="@2xl:w-2/5 order-1 @2xl:order-2">
+          <peer-chat-question-bank
+            class="w-full"
+            [content]="questionBankContent"
+            [(displayedQuestionBankRules)]="displayedQuestionBankRules"
+            (useQuestionEvent)="useQuestion($event)"
+            [questionIdsUsed]="questionIdsUsed"
+          />
         </div>
       }
-      <div class="flex md:w-3/5 order-2 md:order-1">
+      <div class="flex grow order-2 @2xl:order-1">
         <peer-chat-chat-box
           class="w-full"
           [component]="component"
@@ -47,5 +47,5 @@
         [componentId]="componentId"
       />
     }
-  }
-</div>
+  </div>
+}
diff --git a/src/assets/wise5/components/peerChat/peer-chat-student/peer-chat-student.component.ts b/src/assets/wise5/components/peerChat/peer-chat-student/peer-chat-student.component.ts
index e0308bd75b6..b7b414d3058 100644
--- a/src/assets/wise5/components/peerChat/peer-chat-student/peer-chat-student.component.ts
+++ b/src/assets/wise5/components/peerChat/peer-chat-student/peer-chat-student.component.ts
@@ -27,12 +27,14 @@ import { ComponentHeaderComponent } from '../../../directives/component-header/c
 import { PeerChatQuestionBankComponent } from '../peer-chat-question-bank/peer-chat-question-bank.component';
 import { PeerChatChatBoxComponent } from '../peer-chat-chat-box/peer-chat-chat-box.component';
 import { ComponentAnnotationsComponent } from '../../../directives/componentAnnotations/component-annotations.component';
+import { PeerChatMembersComponent } from '../peer-chat-members/peer-chat-members.component';
 
 @Component({
   imports: [
     ComponentAnnotationsComponent,
     ComponentHeaderComponent,
     PeerChatChatBoxComponent,
+    PeerChatMembersComponent,
     PeerChatQuestionBankComponent
   ],
   providers: [QuestionBankService],
@@ -55,6 +57,7 @@ export class PeerChatStudentComponent extends ComponentStudent {
   questionIdsUsed: string[] = [];
   requestTimeout: number = 10000;
   response: string = '';
+  protected workgroupInfosWithoutTeachers: any[];
 
   constructor(
     protected annotationService: AnnotationService,
@@ -128,6 +131,9 @@ export class PeerChatStudentComponent extends ComponentStudent {
             const peerGroupWorkgroupIds = peerGroup.getWorkgroupIds();
             this.addTeacherWorkgroupIds(peerGroupWorkgroupIds);
             this.setPeerChatWorkgroups(peerGroupWorkgroupIds);
+            this.workgroupInfosWithoutTeachers = this.filterOutTeachers(
+              this.peerChatWorkgroupInfos
+            );
             forkJoin([
               this.getPeerChatComponentStates(peerGroup),
               this.getPeerChatAnnotations(peerGroup)
@@ -144,6 +150,10 @@ export class PeerChatStudentComponent extends ComponentStudent {
       );
   }
 
+  private filterOutTeachers(workgroupInfos: any): any[] {
+    return Object.values(workgroupInfos).filter((workgroupInfo: any) => !workgroupInfo.isTeacher);
+  }
+
   private addTeacherWorkgroupIds(workgroupIds: number[]): void {
     workgroupIds.push(...this.configService.getTeacherWorkgroupIds());
   }
diff --git a/src/assets/wise5/components/showGroupWork/show-group-work-display/show-group-work-display.component.html b/src/assets/wise5/components/showGroupWork/show-group-work-display/show-group-work-display.component.html
index eaee605ab0a..5a82eed1ec4 100644
--- a/src/assets/wise5/components/showGroupWork/show-group-work-display/show-group-work-display.component.html
+++ b/src/assets/wise5/components/showGroupWork/show-group-work-display/show-group-work-display.component.html
@@ -7,17 +7,17 @@
     }
     @if (peerGroup != null) {
       <div
-        class="flex flex-wrap"
+        class="flex flex-wrap @container"
         [ngClass]="{ 'flex-col': flexLayout === 'column', 'flex-row': flexLayout === 'row' }"
       >
         @for (member of peerGroup.members; track member) {
           <div
             class="w-full flex flex-col"
             [ngClass]="{
-              'md:w-1/2': widthMd === 50,
-              'md:w-1/3': widthMd === 33.33,
-              'lg:w-1/3': widthLg === 33.33,
-              'lg:w-1/4': widthLg === 25
+              '@md:w-1/2': widthMd === 50,
+              '@md:w-1/3': widthMd === 33.33,
+              '@lg:w-1/3': widthLg === 33.33,
+              '@lg:w-1/4': widthLg === 25
             }"
           >
             <mat-card
diff --git a/src/assets/wise5/components/summary/summary-student/summary-student.component.html b/src/assets/wise5/components/summary/summary-student/summary-student.component.html
index d8034c5ea98..63848ad2d7d 100644
--- a/src/assets/wise5/components/summary/summary-student/summary-student.component.html
+++ b/src/assets/wise5/components/summary/summary-student/summary-student.component.html
@@ -1,8 +1,5 @@
 <component-header [component]="component" />
 <div class="summary">
-  @if (componentContent.prompt) {
-    <div [innerHTML]="prompt" class="prompt"></div>
-  }
   @if (componentContent.showPromptFromOtherComponent) {
     <div [innerHTML]="otherPrompt" class="prompt"></div>
   }
diff --git a/src/assets/wise5/components/table/table-student/table-student.component.html b/src/assets/wise5/components/table/table-student/table-student.component.html
index 0c32c5b31f2..80b08046e67 100644
--- a/src/assets/wise5/components/table/table-student/table-student.component.html
+++ b/src/assets/wise5/components/table/table-student/table-student.component.html
@@ -149,6 +149,7 @@
 }
 @if (isSaveOrSubmitButtonVisible) {
   <component-save-submit-buttons
+    class="block mt-4"
     [componentState]="latestComponentState"
     [isDirty]="isDirty"
     [isDisabled]="isDisabled"
diff --git a/src/assets/wise5/components/table/tabulator-table/tabulator-table.component.scss b/src/assets/wise5/components/table/tabulator-table/tabulator-table.component.scss
index 1960b0d2629..d2dd2d691b1 100644
--- a/src/assets/wise5/components/table/tabulator-table/tabulator-table.component.scss
+++ b/src/assets/wise5/components/table/tabulator-table/tabulator-table.component.scss
@@ -1,6 +1,7 @@
 .tabulator {
   width: auto;
   max-width: 100%;
+  margin: 0;
 
   .tabulator-header {
     font-weight: 500;
diff --git a/src/assets/wise5/directives/component-header/component-header.component.html b/src/assets/wise5/directives/component-header/component-header.component.html
index a5cf91d8be1..2b50696311d 100644
--- a/src/assets/wise5/directives/component-header/component-header.component.html
+++ b/src/assets/wise5/directives/component-header/component-header.component.html
@@ -1,13 +1,21 @@
-@if (title) {
-  <div class="mat-headline-6">{{ title }}</div>
+@if (title || hasPrompt || component.content.maxScore) {
+  <div class="flex justify-between gap-1 mb-4">
+    <div class="flex flex-col gap-3">
+      @if (title) {
+        <div class="mat-headline-6 primary !mb-0">
+          <mat-icon class="align-sub">{{ icon }}</mat-icon> {{ title }}
+        </div>
+      }
+      @if (hasPrompt) {
+        <prompt
+          [prompt]="prompt"
+          [nodeId]="component.nodeId"
+          [componentId]="component.id"
+          [dynamicPrompt]="dynamicPrompt"
+          (dynamicPromptChanged)="onDynamicPromptChanged($event)"
+        />
+      }
+    </div>
+    <possible-score [maxScore]="component.content.maxScore" class="mt-1.5 shrink-0" />
+  </div>
 }
-<div class="flex flex-wrap gap-1 mb-4">
-  <prompt
-    [prompt]="prompt"
-    [nodeId]="component.nodeId"
-    [componentId]="component.id"
-    [dynamicPrompt]="dynamicPrompt"
-    (dynamicPromptChanged)="onDynamicPromptChanged($event)"
-  />
-  <possible-score [maxScore]="component.content.maxScore" />
-</div>
diff --git a/src/assets/wise5/directives/component-header/component-header.component.ts b/src/assets/wise5/directives/component-header/component-header.component.ts
index 10a5354177c..4c5a529275f 100644
--- a/src/assets/wise5/directives/component-header/component-header.component.ts
+++ b/src/assets/wise5/directives/component-header/component-header.component.ts
@@ -1,24 +1,31 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { Component, EventEmitter, Input, inject, Output } from '@angular/core';
 import { Component as WISEComponent } from '../../common/Component';
 import { FeedbackRule } from '../../components/common/feedbackRule/FeedbackRule';
 import { DynamicPrompt } from '../dynamic-prompt/DynamicPrompt';
+import { MatIconModule } from '@angular/material/icon';
 import { PossibleScoreComponent } from '../../../../app/possible-score/possible-score.component';
 import { PromptComponent } from '../prompt/prompt.component';
+import { ComponentInfoService } from '../../services/componentInfoService';
 
 @Component({
-  imports: [PossibleScoreComponent, PromptComponent],
+  imports: [MatIconModule, PossibleScoreComponent, PromptComponent],
   selector: 'component-header',
   templateUrl: 'component-header.component.html'
 })
 export class ComponentHeaderComponent {
   @Input() component: WISEComponent;
+  private componentInfoService = inject(ComponentInfoService);
   protected dynamicPrompt: DynamicPrompt;
   @Output() dynamicPromptChanged: EventEmitter<FeedbackRule> = new EventEmitter<FeedbackRule>();
+  protected hasPrompt: boolean;
+  @Input() showPrompt: boolean = true;
 
-  constructor() {}
+  protected get icon(): string {
+    return this.componentInfoService.getInfo(this.component.content.type).getIcon();
+  }
 
   protected get title(): string {
-    return this.component.content.title || '';
+    return this.component.content.componentTitle || '';
   }
 
   protected get prompt(): string {
@@ -26,6 +33,7 @@ export class ComponentHeaderComponent {
   }
 
   ngOnInit(): void {
+    this.hasPrompt = this.prompt && this.showPrompt;
     this.dynamicPrompt = new DynamicPrompt(this.component.content.dynamicPrompt);
   }
 
diff --git a/src/assets/wise5/themes/default/style/author.css b/src/assets/wise5/themes/default/style/author.css
index 5f9e72279ba..2af19d2be10 100644
--- a/src/assets/wise5/themes/default/style/author.css
+++ b/src/assets/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;border:solid #7e57c2;border-width:0 0 0 3px;margin:16px 0;padding:8px}.has-indicator:after{background-color:#f05843;border-radius:50%;content:"";padding:5px;position:absolute}.has-indicator--icon-button:after{left:5px;top:25px}.badge{background-color:#aaa;border-radius:4px;font-size:12px;font-style:normal;font-weight:500;padding:2px 6px}.badge.md-button{line-height:inherit;min-height:0;min-width:0}.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-option[selected],md-select-menu.md-default-theme md-option[selected]{background-color:#fff}.md-autocomplete-suggestions-container li .highlight,.md-autocomplete-suggestions-container.md-default-theme li .highlight{background-color:#fff;color:#7e57c2}.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}}@media (min-width:1920px){.l-constrained{width:1920px}}.l-constrained-md{max-width:100%;width:960px}.l-footer{background-color:#fff;border-top:1px solid #eee;bottom:0;left:0;position:fixed;right:0;z-index:1}.button--footer{display:flex;margin:0;min-width:0;padding-bottom:0;padding-top:0}.button--footer__element{padding-left:8px}.l-header{z-index:3}.l-header .logo{height:36px;margin-left:0!important;vertical-align:middle;width:36px}.l-header .logo-link{display:none;margin-right:12px;min-width:auto;padding:0 4px}@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{left:0;margin:0 auto;padding:8px;position:absolute;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}[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-size:36px;font-weight:300;margin-bottom:0;margin-top:0}@media only screen and (max-width:959px){.content-head h1,.content-head h2,.content-head h3{font-size:32px;text-align:center}.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-notebook{background-color:#eee!important;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;vertical-align:bottom;z-index:1}.md-button.status-icon{height:auto;line-height:inherit;margin:0 4px;min-height:0;padding:0;width:auto}.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{background-color:#ef6c00;padding:0 0 0 12px}.help-bubble___title__content .md-icon-button{margin-right:0;padding-bottom:0;padding-top:0}.help-bubble__content{max-height:480px;overflow:auto;padding:8px 12px}.help-bubble__actions{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.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{background-color:#f7f7f7;border:1px solid #ccc;margin-bottom:8px;padding: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{color:rgba(0,0,0,.87);line-height:1.2}.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{word-wrap:none;color:rgba(0,0,0,.54);font-weight:500;overflow:hidden;text-overflow:ellipsis}@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){background-color:#eee;box-shadow:none}.select__header{height:48px}.select__header input{border:0;font-size:14px;font-weight:500;height:100%;outline:none;padding:0 8px;width:100%}.table{margin:8px 0;max-width:100%;min-width:100px;width:auto}.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;font-size:15px;height:32px;min-height:32px;min-width:32px;padding:6px;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{background-color:#fff;border:0;border-collapse:collapse;max-width:100%;overflow:auto}.table--list td,.table--list th{border:0;padding:0 4px}.table--list td{height:56px;min-height:56px}.table--list tr.md-button{display:table-row;font-size:inherit;font-weight:400;text-align:left;text-transform:none;width:auto}.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;height:42px;min-height:42px}.table--list__thead__link{color:#fff;line-height:1.4;margin:0;min-width:0;text-transform:none;white-space:normal;width:100%}.table--list__thead__sort{margin:0}.table--list__thead__sort--reverse{transform:rotate(180deg)}.td--wrap{line-height:1.2;min-width:180px;white-space:normal}@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{font-size:15px;padding:0 8px}.md-toolbar--sidenav{background-color:#333!important}.md-toolbar--sidenav .md-toolbar-tools{font-size:16px;font-weight:500}.toolbar{left:0;position:fixed;right:0;top:52px;z-index:3}.toolbar__title{font-size:16px;font-weight:500;margin-left:8px}.md-button.toolbar__nav,.toolbar__nav{margin:0}.md-button.toolbar__select,.toolbar__select{background-color:#f7f7f7;margin:0 4px;min-height:32px}.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{background-color:#fff;color:rgba(0,0,0,.87)}.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-subheader-content,.list-item--info._md-button-wrap>div.md-button:first-child{border-left:4px solid #ef6c00!important;margin-left:-4px}.list-item--warn .md-subheader-content,.list-item--warn._md-button-wrap>div.md-button:first-child{border-left:4px solid #c62828!important;margin-left:-4px}.list-item--expanded{border-bottom-width:0}.list-item--noclick,.list-item--noclick.md-button{background-color:#f7f7f7;cursor:default}.list-item--actions{padding:0 8px!important}.list-item__subheader-button{line-height:1.4;margin:0;padding:8px 16px;text-align:left;text-transform:none;white-space:normal;width:100%}.user-list{font-size:15px}#nav{position:relative}.nav{margin-bottom:16px}.nav-mask{background-color:rgba(0,0,0,.25);bottom:0;left:0;position:absolute;right:0;top:0;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-left-radius:4px;border-top-right-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%;margin:8px auto;max-height:none!important;max-width:100%}.nav-item--root.expanded:first-of-type{margin-top:0}.nav-item--list__reorder{color:rgba(0,0,0,.26);margin-left:8px}.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-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top:1px solid #ddd;min-height:40px;padding:8px 16px}.nav-item__users{color:#fff;cursor:pointer;height:auto;margin:0;padding:1px 6px}.nav-item__users>md-icon{color:#fff;padding-right:4px}.nav-item__users:focus.success-bg,.nav-item__users:hover.success-bg{background-color:#00c853}.nav-item__title{font-weight:400;line-height:1.2;padding-left:16px}[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}.menu-progress{position:absolute;right:12px;top:10px}.menu-progress path{stroke:#cad266!important;stroke-width:2px}[dir=rtl] .menu-progress{left:12px;right:auto}.menu-sidenav__item{font-size:14px;font-weight:700}.menu-sidenav__icon{margin-left:12px;margin-right:12px!important;margin-top:12px!important}.active .menu-sidenav__icon,.active .menu-sidenav__item{color:#7e57c2}.menu-sidebar{background-color:#fff;border-right:1px solid #ccc;bottom:0;left:0;overflow:hidden;padding:8px 0;position:absolute;text-align:center;top:94px;width:56px}@media only screen and (max-width:599px){.menu-sidebar{display:none}}[dir=rtl] .menu-sidebar{left:auto;right:0}.md-button.md-icon-button.menu-sidebar__link{margin-bottom:6px;margin-top:6px}#node{left:0;margin:0 auto;position:absolute;right:0}@media only screen and (min-width:600px){#node{margin-bottom:32px;padding:24px 16px}}@media only screen and (min-width:960px){#node{padding:32px}}#node.ng-enter{opacity:0;transition:opacity .5s}#node.ng-enter-active{opacity:1}.node-content{background-color:#fff;border-radius:3px;overflow:visible;padding:0 0 48px}@media only screen and (max-width:599px){.node-content{box-shadow:none}}@media only screen and (min-width:600px){.node-content{border-bottom:2px solid;border-top:2px solid;padding:0}}md-content.node-content{background-color:#fff}.node-content__rubric{left:0;position:absolute;right:0;top:-22px;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{font-size:15px;font-weight:500;margin:0 8px;min-width:0}.node-select .md-select-value :first-child{flex:1 0 0;transform:translateZ(0)}.node-select .md-select-value .node-select__icon,.node-select .md-select-value .node-select__status{display:none}.node-select .md-select-icon{color:rgba(0,0,0,.87);margin-left:0}.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{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media only screen and (min-width:600px){.node-select__text{margin-top:2px}}.node-title{line-height:1.2;margin-top:3px;text-transform:none}@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}}.node-content__actions .md-button:first-child{margin-left:0}.node-content__actions .md-button:last-child{margin-right:0}.node-content__actions__info{color:rgba(0,0,0,.54);font-style:italic;margin-left:8px}.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{background-color:#fff;border-radius:3px;padding:8px 0;position:fixed;width:52px}@media only screen and (max-width:599px){.node-sidebar__toolbar{border-radius:0;bottom:0;height:42px;left:0;min-height:0;padding:0;right:0;width:100%}}.node__label--vertical-alignment{display:inline-block;vertical-align:middle}notebook-report{bottom:0;position:absolute;right:66px;transition:right .25s;z-index:3}notebook-report.report-full{bottom:8px;left:8px;right:8px;top:8px}@media only screen and (min-width:960px){notebook-report.notes-visible{right:474px}}.notebook-sidebar{max-width:none;width:270px}@media only screen and (min-width:600px){.notebook-sidebar{width:450px}}@media only screen and (max-width:599px){.notebook-enabled .md-fab-bottom-left,.notebook-enabled .md-fab-bottom-right{bottom:50px!important}}.notification-btn{width:60px!important}.notification-btn md-icon{margin-left:20px}.notification-count{background-color:#f05843;border:2px solid;border-radius:50%;font-size:12px;font-weight:700;height:22px;left:-18px;line-height:22px;position:absolute;top:12px;width:22px}.notification-count:before{border-bottom:4px solid transparent;border-left:6px solid hsla(0,0%,100%,.87);border-top:4px solid transparent;content:"";position:absolute;right:-7px;top:6px}.notification-list{padding:8px 0}.notification-dismiss{width:500px}.notification-dismiss__input{margin-bottom:0}md-list md-list-item .md-list-item-text h4.notification-list-item__source,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{color:rgba(0,0,0,.54);font-size:12px}md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,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{font-size:18px;line-height:20px;margin-left:-4px;min-width:0;width:auto}.account-menu{border-radius:4px;font-size:15px;max-width:380px;padding:0}@media (min-width:1280px){.account-menu{min-width:380px!important}}.account-menu h3{font-weight:300;margin:0}.account-menu .mat-mdc-menu-content{padding:0}.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{outline:none;position:absolute;right:28px;top:-8px}.account-menu__caret:before{border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent;content:"";position:absolute}.account-menu__caret--notification,.account-menu__caret--pause{right:80px}.account-menu__caret--notification--with-pause{right:132px}[dir=rtl] .account-menu__caret{left:28px;right:auto}[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{color:rgba(0,0,0,.54);font-weight:400}.account-menu__users,.account-menu__users md-list-item{padding:0}.account-menu__users md-list-item .md-avatar{height:48px;margin:0 8px 0 0;width:48px}.account-menu__actions{background-color:#f7f7f7}.account-menu__control{padding:16px}.annotations{font-size:15px;margin:16px 4px 16px 62px;position:relative}.annotations hr{border-color:rgba(0,0,0,.12);margin:10px 0 8px}.annotations:after{border-bottom:20px solid transparent;border-right:16px solid #757575;border-top:20px solid transparent;bottom:auto;content:"";height:0;left:-15px;position:absolute;right:auto;top:-1px;width:0}.annotations-container--student--report{border-top:1px solid #ddd}.annotations--report{margin-bottom:0;margin-top:0}.annotations__header{background-color:#757575;border-top-right-radius:4px;color:#fff;font-weight:700;padding:10px 12px;position:relative;transition:all 1s}.annotations__avatar{background-color:#f05843;left:-62px;padding:2px;position:absolute;top:0}.annotations__icon{color:#fff;transition:all 1s}.annotations__body{background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:auto;padding:12px}.annotations__status{background-color:#fff;color:#ef6c00;display:inline-block;font-size:12px;margin-left:8px}.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{border-bottom:1px dotted;font-size:13px;font-style:italic;opacity:.8}.annotations--inside .annotations{margin-left:72px}.annotations--info{margin-bottom:32px;margin-left:72px;margin-right:8px}@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{margin:24px 0;padding:0 24px}.component__content{font-size:15px;overflow-x:auto;overflow-y:hidden}@media only screen and (min-width:600px){.component__content{padding:0 8px}}h3.component__header{font-size:14px;margin:0;padding:8px 12px}.component__rubric{left:-20px;position:absolute;top:12px}.notebook-enabled .component_content img{cursor:pointer;cursor:copy;transition:all .25s}.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{color:rgba(0,0,0,.54);font-style:italic;font-weight:400;margin-left:8px}.component__actions__more{border-bottom:1px dotted}.component__prompt{font-weight:500;margin-bottom:8px}.component__prompt__content{display:inline}.component__attachment{margin:0 8px;padding-bottom:8px;position:relative}@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{background-color:hsla(0,0%,100%,.75)!important;border-radius:0;position:absolute;right:0;top:0}.component__revision{margin:8px 0;padding:8px}.component__revision:nth-child(odd){background-color:#f7f7f7}.component__revision__content{border-bottom:1px solid #ddd;padding:4px 0 8px}.component__revision__actions{color:#757575;padding-top:4px}.embedded-content__iframe{border:0}.graph-select{max-width:200px;min-width:150px}.graph-controls{border-color:#eee;border-style:solid;border-width:1px 0;margin:8px 0;padding:8px 0}.outside-content iframe{border:1px solid #eee}.outside-content__source{margin-top:4px;text-align:end}.outside-content__source a{display:inline-block;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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{bottom:40px;position:absolute}.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;border:solid #7e57c2;border-width:0 0 0 3px;margin:16px 0;padding:8px}.has-indicator:after{background-color:#f05843;border-radius:50%;content:"";padding:5px;position:absolute}.has-indicator--icon-button:after{left:5px;top:25px}.badge{background-color:#aaa;border-radius:4px;font-size:12px;font-style:normal;font-weight:500;padding:2px 6px}.badge.md-button{line-height:inherit;min-height:0;min-width:0}.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-option[selected],md-select-menu.md-default-theme md-option[selected]{background-color:#fff}.md-autocomplete-suggestions-container li .highlight,.md-autocomplete-suggestions-container.md-default-theme li .highlight{background-color:#fff;color:#7e57c2}.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}}@media (min-width:1920px){.l-constrained{width:1920px}}.l-constrained-md{max-width:100%;width:960px}.l-footer{background-color:#fff;border-top:1px solid #eee;bottom:0;left:0;position:fixed;right:0;z-index:1}.button--footer{display:flex;margin:0;min-width:0;padding-bottom:0;padding-top:0}.button--footer__element{padding-left:8px}.l-header{z-index:3}.l-header .logo{height:36px;margin-left:0!important;vertical-align:middle;width:36px}.l-header .logo-link{display:none;margin-right:12px;min-width:auto;padding:0 4px}@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{left:0;margin:0 auto;padding:8px;position:absolute;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}[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-size:36px;font-weight:300;margin-bottom:0;margin-top:0}@media only screen and (max-width:959px){.content-head h1,.content-head h2,.content-head h3{font-size:32px;text-align:center}.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-notebook{background-color:#eee!important;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;vertical-align:bottom;z-index:1}.md-button.status-icon{height:auto;line-height:inherit;margin:0 4px;min-height:0;padding:0;width:auto}.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{background-color:#ef6c00;padding:0 0 0 12px}.help-bubble___title__content .md-icon-button{margin-right:0;padding-bottom:0;padding-top:0}.help-bubble__content{max-height:480px;overflow:auto;padding:8px 12px}.help-bubble__actions{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.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{background-color:#f7f7f7;border:1px solid #ccc;margin-bottom:8px;padding: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{color:rgba(0,0,0,.87);line-height:1.2}.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{word-wrap:none;color:rgba(0,0,0,.54);font-weight:500;overflow:hidden;text-overflow:ellipsis}@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){background-color:#eee;box-shadow:none}.select__header{height:48px}.select__header input{border:0;font-size:14px;font-weight:500;height:100%;outline:none;padding:0 8px;width:100%}.table{margin:8px 0;max-width:100%;min-width:100px;width:auto}.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;font-size:15px;height:32px;min-height:32px;min-width:32px;padding:6px;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{background-color:#fff;border:0;border-collapse:collapse;max-width:100%;overflow:auto}.table--list td,.table--list th{border:0;padding:0 4px}.table--list td{height:56px;min-height:56px}.table--list tr.md-button{display:table-row;font-size:inherit;font-weight:400;text-align:left;text-transform:none;width:auto}.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;height:42px;min-height:42px}.table--list__thead__link{color:#fff;line-height:1.4;margin:0;min-width:0;text-transform:none;white-space:normal;width:100%}.table--list__thead__sort{margin:0}.table--list__thead__sort--reverse{transform:rotate(180deg)}.td--wrap{line-height:1.2;min-width:180px;white-space:normal}@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{font-size:15px;padding:0 8px}.md-toolbar--sidenav{background-color:#333!important}.md-toolbar--sidenav .md-toolbar-tools{font-size:16px;font-weight:500}.toolbar{left:0;position:fixed;right:0;top:52px;z-index:3}.toolbar__title{font-size:16px;font-weight:500;margin-left:8px}.md-button.toolbar__nav,.toolbar__nav{margin:0}.md-button.toolbar__select,.toolbar__select{background-color:#f7f7f7;margin:0 4px;min-height:32px}.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{background-color:#fff;color:rgba(0,0,0,.87)}.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-subheader-content,.list-item--info._md-button-wrap>div.md-button:first-child{border-left:4px solid #ef6c00!important;margin-left:-4px}.list-item--warn .md-subheader-content,.list-item--warn._md-button-wrap>div.md-button:first-child{border-left:4px solid #c62828!important;margin-left:-4px}.list-item--expanded{border-bottom-width:0}.list-item--noclick,.list-item--noclick.md-button{background-color:#f7f7f7;cursor:default}.list-item--actions{padding:0 8px!important}.list-item__subheader-button{line-height:1.4;margin:0;padding:8px 16px;text-align:left;text-transform:none;white-space:normal;width:100%}.user-list{font-size:15px}#nav{position:relative}.nav{margin-bottom:16px}.nav-mask{background-color:rgba(0,0,0,.25);bottom:0;left:0;position:absolute;right:0;top:0;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-left-radius:4px;border-top-right-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%;margin:8px auto;max-height:none!important;max-width:100%}.nav-item--root.expanded:first-of-type{margin-top:0}.nav-item--list__reorder{color:rgba(0,0,0,.26);margin-left:8px}.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-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top:1px solid #ddd;min-height:40px;padding:8px 16px}.nav-item__users{color:#fff;cursor:pointer;height:auto;margin:0;padding:1px 6px}.nav-item__users>md-icon{color:#fff;padding-right:4px}.nav-item__users:focus.success-bg,.nav-item__users:hover.success-bg{background-color:#00c853}.nav-item__title{font-weight:400;line-height:1.2;padding-left:16px}[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}.menu-progress{position:absolute;right:12px;top:10px}.menu-progress path{stroke:#cad266!important;stroke-width:2px}[dir=rtl] .menu-progress{left:12px;right:auto}.menu-sidenav__item{font-size:14px;font-weight:700}.menu-sidenav__icon{margin-left:12px;margin-right:12px!important;margin-top:12px!important}.active .menu-sidenav__icon,.active .menu-sidenav__item{color:#7e57c2}.menu-sidebar{background-color:#fff;border-right:1px solid #ccc;bottom:0;left:0;overflow:hidden;padding:8px 0;position:absolute;text-align:center;top:94px;width:56px}@media only screen and (max-width:599px){.menu-sidebar{display:none}}[dir=rtl] .menu-sidebar{left:auto;right:0}.md-button.md-icon-button.menu-sidebar__link{margin-bottom:6px;margin-top:6px}#node{left:0;margin:0 auto;position:absolute;right:0}@media only screen and (min-width:600px){#node{margin-bottom:32px;padding:24px 16px}}@media only screen and (min-width:960px){#node{padding:32px}}#node.ng-enter{opacity:0;transition:opacity .5s}#node.ng-enter-active{opacity:1}.node-content{background-color:#fff;border-radius:3px;overflow:visible;padding:0 0 48px}@media only screen and (max-width:599px){.node-content{box-shadow:none}}@media only screen and (min-width:600px){.node-content{border-bottom:2px solid;border-top:2px solid;padding:0}}md-content.node-content{background-color:#fff}.node-content__rubric{left:0;position:absolute;right:0;top:-22px;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{font-size:15px;font-weight:500;margin:0 8px;min-width:0}.node-select .md-select-value :first-child{flex:1 0 0;transform:translateZ(0)}.node-select .md-select-value .node-select__icon,.node-select .md-select-value .node-select__status{display:none}.node-select .md-select-icon{color:rgba(0,0,0,.87);margin-left:0}.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{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media only screen and (min-width:600px){.node-select__text{margin-top:2px}}.node-title{line-height:1.2;margin-top:3px;text-transform:none}@media only screen and (max-width:599px){.node-title{font-size:15px}}.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{background-color:#fff;border-radius:3px;padding:8px 0;position:fixed;width:52px}@media only screen and (max-width:599px){.node-sidebar__toolbar{border-radius:0;bottom:0;height:42px;left:0;min-height:0;padding:0;right:0;width:100%}}.node__label--vertical-alignment{display:inline-block;vertical-align:middle}notebook-report{bottom:0;position:absolute;right:66px;transition:right .25s;z-index:3}notebook-report.report-full{bottom:8px;left:8px;right:8px;top:8px}@media only screen and (min-width:960px){notebook-report.notes-visible{right:474px}}.notebook-sidebar{max-width:none;width:270px}@media only screen and (min-width:600px){.notebook-sidebar{width:450px}}@media only screen and (max-width:599px){.notebook-enabled .md-fab-bottom-left,.notebook-enabled .md-fab-bottom-right{bottom:50px!important}}.notification-btn{width:60px!important}.notification-btn md-icon{margin-left:20px}.notification-count{background-color:#f05843;border:2px solid;border-radius:50%;font-size:12px;font-weight:700;height:22px;left:-18px;line-height:22px;position:absolute;top:12px;width:22px}.notification-count:before{border-bottom:4px solid transparent;border-left:6px solid hsla(0,0%,100%,.87);border-top:4px solid transparent;content:"";position:absolute;right:-7px;top:6px}.notification-list{padding:8px 0}.notification-dismiss{width:500px}.notification-dismiss__input{margin-bottom:0}md-list md-list-item .md-list-item-text h4.notification-list-item__source,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{color:rgba(0,0,0,.54);font-size:12px}md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,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{font-size:18px;line-height:20px;margin-left:-4px;min-width:0;width:auto}.account-menu{border-radius:4px;font-size:15px;max-width:380px;padding:0}@media (min-width:1280px){.account-menu{min-width:380px!important}}.account-menu h3{font-weight:300;margin:0}.account-menu .mat-mdc-menu-content{padding:0}.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{outline:none;position:absolute;right:28px;top:-8px}.account-menu__caret:before{border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent;content:"";position:absolute}.account-menu__caret--notification,.account-menu__caret--pause{right:80px}.account-menu__caret--notification--with-pause{right:132px}[dir=rtl] .account-menu__caret{left:28px;right:auto}[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{color:rgba(0,0,0,.54);font-weight:400}.account-menu__users,.account-menu__users md-list-item{padding:0}.account-menu__users md-list-item .md-avatar{height:48px;margin:0 8px 0 0;width:48px}.account-menu__actions{background-color:#f7f7f7}.account-menu__control{padding:16px}.annotations{font-size:15px;margin:16px 4px 16px 62px;position:relative}.annotations hr{border-color:rgba(0,0,0,.12);margin:10px 0 8px}.annotations:after{border-bottom:20px solid transparent;border-right:16px solid #757575;border-top:20px solid transparent;bottom:auto;content:"";height:0;left:-15px;position:absolute;right:auto;top:-1px;width:0}.annotations-container--student--report{border-top:1px solid #ddd}.annotations--report{margin-bottom:0;margin-top:0}.annotations__header{background-color:#757575;border-top-right-radius:4px;color:#fff;font-weight:700;padding:10px 12px;position:relative;transition:all 1s}.annotations__avatar{background-color:#f05843;left:-62px;padding:2px;position:absolute;top:0}.annotations__icon{color:#fff;transition:all 1s}.annotations__body{background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:auto;padding:12px}.annotations__status{background-color:#fff;color:#ef6c00;display:inline-block;font-size:12px;margin-left:8px}.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{border-bottom:1px dotted;font-size:13px;font-style:italic;opacity:.8}.annotations--inside .annotations{margin-left:72px}.annotations--info{margin-bottom:32px;margin-left:72px;margin-right:8px}@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{margin:24px 0;padding:0 24px}.component__content{font-size:15px;overflow-x:auto;overflow-y:hidden}@media only screen and (min-width:600px){.component__content{padding:0 8px}}h3.component__header{font-size:14px;margin:0;padding:8px 12px}.component__rubric{left:-20px;position:absolute;top:12px}.notebook-enabled .component_content img{cursor:pointer;cursor:copy;transition:all .25s}.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{color:rgba(0,0,0,.54);font-style:italic;font-weight:400;margin-left:8px}.component__actions__more{border-bottom:1px dotted}.component__prompt{font-weight:500;margin-bottom:8px}.component__prompt__content{display:inline}.component__attachment{margin:0 8px;padding-bottom:8px;position:relative}@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{background-color:hsla(0,0%,100%,.75)!important;border-radius:0;position:absolute;right:0;top:0}.component__revision{margin:8px 0;padding:8px}.component__revision:nth-child(odd){background-color:#f7f7f7}.component__revision__content{border-bottom:1px solid #ddd;padding:4px 0 8px}.component__revision__actions{color:#757575;padding-top:4px}.embedded-content__iframe{border:0}.graph-select{max-width:200px;min-width:150px}.graph-controls{border-color:#eee;border-style:solid;border-width:1px 0;margin:8px 0;padding:8px 0}.outside-content iframe{border:1px solid #eee}.outside-content__source{margin-top:4px;text-align:end}.outside-content__source a{display:inline-block;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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{bottom:40px;position:absolute}.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/assets/wise5/themes/default/style/author.css.map b/src/assets/wise5/themes/default/style/author.css.map
index ae9c445f989..464ad676642 100644
--- a/src/assets/wise5/themes/default/style/author.css.map
+++ b/src/assets/wise5/themes/default/style/author.css.map
@@ -1 +1 @@
-{"version":3,"sources":["src/assets/wise5/themes/default/style/base/_presets.scss","src/assets/wise5/themes/default/style/author.css","src/assets/wise5/themes/default/style/base/_config.scss","src/assets/wise5/themes/default/style/layouts/_l-default.scss","src/assets/wise5/themes/default/style/layouts/_l-footer.scss","src/assets/wise5/themes/default/style/layouts/_l-header.scss","src/assets/wise5/themes/default/style/layouts/_l-main.scss","src/assets/wise5/themes/default/style/layouts/_l-notebook.scss","src/assets/wise5/themes/default/style/layouts/_l-sidebar.scss","src/assets/wise5/themes/default/style/modules/_alerts.scss","src/assets/wise5/themes/default/style/modules/_dialog.scss","src/assets/wise5/themes/default/style/modules/_help.scss","src/assets/wise5/themes/default/style/modules/_inputs.scss","src/assets/wise5/themes/default/style/modules/_table.scss","src/assets/wise5/themes/default/style/modules/_toolbar.scss","src/assets/wise5/themes/default/style/material/_config.scss","src/assets/wise5/themes/default/style/modules/_list.scss","src/assets/wise5/themes/default/style/modules/_nav.scss","src/assets/wise5/themes/default/style/modules/_menu.scss","src/assets/wise5/themes/default/style/modules/_node.scss","src/assets/wise5/themes/default/style/modules/_notebook.scss","src/assets/wise5/themes/default/style/modules/_notifications.scss","src/assets/wise5/themes/default/style/modules/_account-menu.scss","src/assets/wise5/themes/default/style/modules/_annotations.scss","src/assets/wise5/themes/default/style/modules/_component.scss","src/assets/wise5/themes/default/style/modules/_component--embedded.scss","src/assets/wise5/themes/default/style/modules/_component--graph.scss","src/assets/wise5/themes/default/style/modules/_component--outside.scss","src/assets/wise5/themes/default/style/modules/_notebook-toolbar.scss","src/assets/wise5/themes/default/style/modules/_highcharts.scss"],"names":[],"mappings":"AAIA,KACE,eCAF,CDEE,SACI,eCAN,CDKI,gBACI,aCFR,CDMA,WACE,qBAAA,CAKA,oBAAA,CAAA,sBAAA,CAHA,aAAA,CADA,WCCF,CDOI,qBAKI,wBAAA,CAFA,iBAAA,CAFA,UAAA,CAGA,WAAA,CAFA,iBCDR,CDSI,kCAEI,QAAA,CADA,QCLR,CDWA,OAMI,qBAAA,CALA,iBEUiB,CFRjB,cAAA,CAEA,iBAAA,CADA,eAAA,CAFA,eCJJ,CDUI,iBAGI,mBAAA,CADA,YAAA,CADA,WCNR,CDUQ,8CACI,qBCRZ,CDWQ,uBACI,uBCTZ,CDcA,aACI,wBAAA,CACA,UCXJ,CDcA,aACI,wBAAA,CACA,UCXJ,CDcA,gBACI,wBAAA,CACA,UCXJ,CDeA,qBACI,aCZJ,CDeA,iBACI,uBCZJ,CDgBA,EACE,aAAA,CACA,cCbF,CDgBA,QACI,kCAAA,CACA,qBCbJ,CDiBA,QACE,iBAAA,CACA,sBCdF,CDiBA,gBACE,iBCdF,CDmBE,cACE,WAAA,CACA,UChBJ,CDkBE,cACE,WAAA,CACA,UChBJ,CDkBE,cACE,WAAA,CACA,UChBJ,CDkBE,cACE,WAAA,CACA,UChBJ,CDqBA,cACE,qBAAA,CACA,4BClBF,CDoBE,8BACI,WClBN,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDwBE,wDACE,qBCrBJ,CDyBI,4EACE,qBCvBN,CD8BE,mDACE,uBC3BJ,CD6BE,mDACE,uBC3BJ,CD6BE,6CACE,uBC3BJ,CD6BE,6CACE,uBC3BJ,CD6BE,iDACE,uBC3BJ,CD6BE,qDACE,uBC3BJ,CD6BE,qDACE,uBC3BJ,CDgCA,uCACE,qBC7BF,CDgCA,uFACE,qBC7BF,CDgCA,2HAGE,qBAAA,CADA,aC5BF,CDmCI,SACE,aChCN,CD+BI,QACE,aC5BN,CD2BI,UACE,aCxBN,CDuBI,UACE,aCpBN,CDmBI,MACE,aChBN,CDeI,MACE,aCZN,CDWI,SACE,aCRN,CDOI,SACE,qBCJN,CDGI,eACE,aCAN,CDDI,cACE,UCIN,CDLI,YACE,UCQN,CDTI,MACE,UCYN,CDbI,WACE,UCgBN,CDjBI,aACE,aCoBN,CDrBI,cACE,UCwBN,CDzBI,MACE,qBC4BN,CD7BI,gBACE,qBCgCN,CDjCI,eACE,qBCoCN,CDrCI,YACE,UCwCN,CDzCI,sBACE,wBC4CN,CD7CI,qBACE,wBCgDN,CDjDI,aACE,UCoDN,CDrDI,OACE,aCwDN,CDzDI,MACE,qBC4DN,CD7DI,SACE,UCgEN,CD1DI,YACE,wBC6DN,CD9DI,WACE,wBCiEN,CDlEI,aACE,wBCqEN,CDtEI,aACE,wBCyEN,CD1EI,SACE,wBC6EN,CD9EI,SACE,wBCiFN,CDlFI,YACE,wBCqFN,CDtFI,YACE,gCCyFN,CD1FI,kBACE,wBC6FN,CD9FI,iBACE,qBCiGN,CDlGI,eACE,qBCqGN,CDtGI,SACE,qBCyGN,CD1GI,cACE,qBC6GN,CD9GI,gBACE,wBCiHN,CDlHI,iBACE,qBCqHN,CDtHI,SACE,gCCyHN,CD1HI,mBACE,gCC6HN,CD9HI,kBACE,gCCiIN,CDlII,eACE,qBCqIN,CDtII,yBACE,mCCyIN,CD1II,wBACE,mCC6IN,CD9II,gBACE,qBCiJN,CDlJI,UACE,wBCqJN,CDtJI,SACE,gCCyJN,CD1JI,YACE,qBC6JN,CDtJQ,kCACI,cCyJZ,CD1JQ,iCACI,cC6JZ,CD9JQ,mCACI,cCiKZ,CDlKQ,mCACI,cCqKZ,CDtKQ,+BACI,cCyKZ,CD1KQ,+BACI,cC6KZ,CD9KQ,kCACI,cCiLZ,CDlLQ,kCACI,sBCqLZ,CDtLQ,wCACI,cCyLZ,CD1LQ,uCACI,WC6LZ,CD9LQ,qCACI,WCiMZ,CDlMQ,+BACI,WCqMZ,CDtMQ,oCACI,WCyMZ,CD1MQ,sCACI,cC6MZ,CD9MQ,uCACI,WCiNZ,CDlNQ,+BACI,sBCqNZ,CDtNQ,yCACI,sBCyNZ,CD1NQ,wCACI,sBC6NZ,CD9NQ,qCACI,WCiOZ,CDlOQ,+CACI,yBCqOZ,CDtOQ,8CACI,yBCyOZ,CD1OQ,sCACI,WC6OZ,CD9OQ,gCACI,cCiPZ,CDlPQ,+BACI,sBCqPZ,CDtPQ,kCACI,WCyPZ,CE7dA,eACE,gBAAA,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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","/*\n WISE Project Styles\n */\nbody {\n  background: #eeeeee;\n}\nbody.vle {\n  overflow: hidden;\n}\n\na:hover, a:focus {\n  color: #7e57c2;\n}\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\n.has-indicator:after {\n  content: \"\";\n  position: absolute;\n  border-radius: 50%;\n  padding: 5px;\n  background-color: #F05843;\n}\n\n.has-indicator--icon-button:after {\n  top: 25px;\n  left: 5px;\n}\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}\n.badge.md-button {\n  min-width: 0;\n  min-height: 0;\n  line-height: inherit;\n}\n.badge.md-button:hover, .badge.md-button:focus {\n  background-color: #aaaaaa;\n}\n.badge.md-button:focus {\n  outline: 1px dotted #aaaaaa;\n}\n\n.badge--info {\n  background-color: #ef6c00;\n  color: #ffffff;\n}\n\n.badge--warn {\n  background-color: #c62828;\n  color: #ffffff;\n}\n\n.badge--success {\n  background-color: #00C853;\n  color: #ffffff;\n}\n\n.divider--withmargin {\n  margin: 16px 0;\n}\n\n.divider--dashed {\n  border-top-style: dashed;\n}\n\na {\n  color: #7e57c2;\n  cursor: pointer;\n}\n\n.active {\n  background-color: rgba(158, 158, 158, 0.2);\n  color: rgba(0, 0, 0, 0.87);\n}\n\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box;\n}\n\n.avatar--square {\n  border-radius: 4px;\n}\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\n.avatar--icon {\n  background-color: #dddddd;\n  white-space: normal !important;\n}\n.avatar--icon:not(.md-avatar) {\n  padding: 6px;\n}\n.avatar--icon.md-18 {\n  height: 18px;\n  width: 18px;\n}\n.avatar--icon.md-24 {\n  height: 24px;\n  width: 24px;\n}\n.avatar--icon.md-36 {\n  height: 36px;\n  width: 36px;\n}\n.avatar--icon.md-48 {\n  height: 48px;\n  width: 48px;\n}\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}\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}\n\nmd-input-container.md-wise-theme label {\n  color: rgba(0, 0, 0, 0.87);\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: white;\n}\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\n.primary {\n  color: #7e57c2;\n}\n\n.accent {\n  color: #F05843;\n}\n\n.accent-1 {\n  color: #795C3A;\n}\n\n.accent-2 {\n  color: #CAD266;\n}\n\n.warn {\n  color: #c62828;\n}\n\n.info {\n  color: #ef6c00;\n}\n\n.success {\n  color: #00C853;\n}\n\n.divider {\n  color: rgba(0, 0, 0, 0.12);\n}\n\n.gray-lightest {\n  color: #f7f7f7;\n}\n\n.gray-lighter {\n  color: #eeeeee;\n}\n\n.gray-light {\n  color: #dddddd;\n}\n\n.gray {\n  color: #cccccc;\n}\n\n.gray-dark {\n  color: #aaaaaa;\n}\n\n.gray-darker {\n  color: #757575;\n}\n\n.gray-darkest {\n  color: #333333;\n}\n\n.text {\n  color: rgba(0, 0, 0, 0.87);\n}\n\n.text-secondary {\n  color: rgba(0, 0, 0, 0.54);\n}\n\n.text-disabled {\n  color: rgba(0, 0, 0, 0.26);\n}\n\n.text-light {\n  color: rgb(255, 255, 255);\n}\n\n.text-light-secondary {\n  color: rgba(255, 255, 255, 0.7);\n}\n\n.text-light-disabled {\n  color: rgba(255, 255, 255, 0.5);\n}\n\n.selected-bg {\n  color: white;\n}\n\n.score {\n  color: #FFC107;\n}\n\n.body {\n  color: rgba(0, 0, 0, 0.87);\n}\n\n.body-bg {\n  color: #eeeeee;\n}\n\n.primary-bg {\n  background-color: #7e57c2;\n}\n\n.accent-bg {\n  background-color: #F05843;\n}\n\n.accent-1-bg {\n  background-color: #795C3A;\n}\n\n.accent-2-bg {\n  background-color: #CAD266;\n}\n\n.warn-bg {\n  background-color: #c62828;\n}\n\n.info-bg {\n  background-color: #ef6c00;\n}\n\n.success-bg {\n  background-color: #00C853;\n}\n\n.divider-bg {\n  background-color: rgba(0, 0, 0, 0.12);\n}\n\n.gray-lightest-bg {\n  background-color: #f7f7f7;\n}\n\n.gray-lighter-bg {\n  background-color: #eeeeee;\n}\n\n.gray-light-bg {\n  background-color: #dddddd;\n}\n\n.gray-bg {\n  background-color: #cccccc;\n}\n\n.gray-dark-bg {\n  background-color: #aaaaaa;\n}\n\n.gray-darker-bg {\n  background-color: #757575;\n}\n\n.gray-darkest-bg {\n  background-color: #333333;\n}\n\n.text-bg {\n  background-color: rgba(0, 0, 0, 0.87);\n}\n\n.text-secondary-bg {\n  background-color: rgba(0, 0, 0, 0.54);\n}\n\n.text-disabled-bg {\n  background-color: rgba(0, 0, 0, 0.26);\n}\n\n.text-light-bg {\n  background-color: rgb(255, 255, 255);\n}\n\n.text-light-secondary-bg {\n  background-color: rgba(255, 255, 255, 0.7);\n}\n\n.text-light-disabled-bg {\n  background-color: rgba(255, 255, 255, 0.5);\n}\n\n.selected-bg-bg {\n  background-color: white;\n}\n\n.score-bg {\n  background-color: #FFC107;\n}\n\n.body-bg {\n  background-color: rgba(0, 0, 0, 0.87);\n}\n\n.body-bg-bg {\n  background-color: #eeeeee;\n}\n\nmd-progress-circular.primary path {\n  stroke: #7e57c2;\n}\n\nmd-progress-circular.accent path {\n  stroke: #F05843;\n}\n\nmd-progress-circular.accent-1 path {\n  stroke: #795C3A;\n}\n\nmd-progress-circular.accent-2 path {\n  stroke: #CAD266;\n}\n\nmd-progress-circular.warn path {\n  stroke: #c62828;\n}\n\nmd-progress-circular.info path {\n  stroke: #ef6c00;\n}\n\nmd-progress-circular.success path {\n  stroke: #00C853;\n}\n\nmd-progress-circular.divider path {\n  stroke: rgba(0, 0, 0, 0.12);\n}\n\nmd-progress-circular.gray-lightest path {\n  stroke: #f7f7f7;\n}\n\nmd-progress-circular.gray-lighter path {\n  stroke: #eeeeee;\n}\n\nmd-progress-circular.gray-light path {\n  stroke: #dddddd;\n}\n\nmd-progress-circular.gray path {\n  stroke: #cccccc;\n}\n\nmd-progress-circular.gray-dark path {\n  stroke: #aaaaaa;\n}\n\nmd-progress-circular.gray-darker path {\n  stroke: #757575;\n}\n\nmd-progress-circular.gray-darkest path {\n  stroke: #333333;\n}\n\nmd-progress-circular.text path {\n  stroke: rgba(0, 0, 0, 0.87);\n}\n\nmd-progress-circular.text-secondary path {\n  stroke: rgba(0, 0, 0, 0.54);\n}\n\nmd-progress-circular.text-disabled path {\n  stroke: rgba(0, 0, 0, 0.26);\n}\n\nmd-progress-circular.text-light path {\n  stroke: rgb(255, 255, 255);\n}\n\nmd-progress-circular.text-light-secondary path {\n  stroke: rgba(255, 255, 255, 0.7);\n}\n\nmd-progress-circular.text-light-disabled path {\n  stroke: rgba(255, 255, 255, 0.5);\n}\n\nmd-progress-circular.selected-bg path {\n  stroke: white;\n}\n\nmd-progress-circular.score path {\n  stroke: #FFC107;\n}\n\nmd-progress-circular.body path {\n  stroke: rgba(0, 0, 0, 0.87);\n}\n\nmd-progress-circular.body-bg path {\n  stroke: #eeeeee;\n}\n\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative;\n}\n@media (min-width: 600px) {\n  .l-constrained {\n    width: 1280px;\n  }\n}\n@media (min-width: 1920px) {\n  .l-constrained {\n    width: 1920px;\n  }\n}\n\n.l-constrained-md {\n  width: 960px;\n  max-width: 100%;\n}\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\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\n.l-header {\n  z-index: 3;\n}\n.l-header .logo {\n  margin-left: 0 !important;\n  height: 36px;\n  width: 36px;\n  vertical-align: middle;\n}\n.l-header .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: 600px) {\n  .l-header .logo-link {\n    display: block;\n  }\n}\n.l-header .logo-link:hover, .l-header .logo-link:focus {\n  border: 0 none;\n}\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}\n\n.l-main {\n  background-color: #eeeeee;\n}\n\n.l-main--with-toolbar {\n  margin-top: 42px;\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: 960px) {\n  .view-content {\n    padding: 16px;\n  }\n}\n.view-content.ng-enter {\n  opacity: 0;\n}\n.view-content .ng-enter-active {\n  opacity: 1;\n  transition-delay: 250ms;\n}\n.view-content.ng-leave-active, .view-content.ng-hide {\n  opacity: 0;\n}\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\n.view-content--with-sidemenu {\n  padding: 8px;\n}\n@media only screen and (min-width: 600px) {\n  .view-content--with-sidemenu {\n    margin-left: 54px;\n    padding: 16px;\n  }\n}\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}\n\n.content-head {\n  margin: 8px 0;\n}\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}\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}\n\n@media only screen and (max-width: 959px) {\n  .content-head__more {\n    margin-top: 8px;\n  }\n}\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px;\n}\n.content-head__item .md-subhead,\nh2.content-head__item .md-subhead {\n  padding-left: 4px;\n}\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  }\n}\n.content-head__item md-icon,\nh2.content-head__item md-icon {\n  vertical-align: text-bottom;\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px;\n}\n\n.l-notebook {\n  margin-top: 42px;\n  background-color: #eeeeee !important;\n}\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: #795C3A !important;\n}\n.l-sidebar__header md-select {\n  color: rgba(0, 0, 0, 0.87);\n}\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\nmd-dialog {\n  width: 600px;\n}\n\n.dialog--wide {\n  width: 960px;\n}\n\n.dialog--wider {\n  width: 1280px;\n}\n\n.help-bubble {\n  border-radius: 4px;\n  max-width: 320px;\n}\n@media (min-width: 600px) {\n  .help-bubble {\n    max-width: 552px;\n  }\n}\n@media (min-width: 960px) {\n  .help-bubble {\n    max-width: 912px;\n  }\n}\n@media (min-width: 1280px) {\n  .help-bubble {\n    max-width: 1232px;\n  }\n}\n\n.help-bubble__title {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n}\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}\n.help-bubble___title__content .md-icon-button {\n  margin-right: 0;\n  padding-top: 0;\n  padding-bottom: 0;\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: 4px;\n  border-bottom-right-radius: 4px;\n}\n\n.input-container {\n  padding-top: 12px;\n}\n\n.input-container--component {\n  margin-bottom: 0;\n}\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\n.input-wrapper {\n  position: relative;\n}\n\n.input-wrapper--focused .input--textarea__action md-icon {\n  color: #7e57c2;\n}\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}\n.input--textarea:focus, .input-container textarea.input--textarea:focus {\n  background-color: #ffffff;\n}\n.input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n  color: rgba(0, 0, 0, 0.54);\n}\n\n.input-container textarea.input--textarea {\n  width: 100%;\n}\n\n.input--textarea--disabled {\n  color: rgba(0, 0, 0, 0.54);\n}\n\n.input--textarea__action {\n  position: absolute;\n  right: -4px;\n}\n.input--textarea__action[disabled] md-icon {\n  color: rgba(0, 0, 0, 0.26) !important;\n}\n\n.input--textarea__action--notebook {\n  top: 6px;\n}\n.input-wrapper--richtext .input--textarea__action--notebook {\n  top: -7px;\n}\n\n.input--textarea__action--revision {\n  bottom: 6px;\n}\n.input-wrapper--richtext .input--textarea__action--revision {\n  bottom: -5px;\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: rgba(0, 0, 0, 0.87);\n}\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\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\n@media only screen and (min-width: 600px) {\n  .autocomplete--minwidth {\n    min-width: 300px;\n  }\n}\n@media only screen and (min-width: 960px) {\n  .autocomplete--minwidth {\n    min-width: 300px;\n  }\n}\n\n.autocomplete--flat md-autocomplete-wrap {\n  background-color: #ffffff;\n}\n.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n  box-shadow: none;\n  background-color: #eeeeee;\n}\n\n.select__header {\n  height: 48px;\n}\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\n.table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0;\n}\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}\n.table td.inactive,\n.table th {\n  background-color: #f7f7f7;\n  opacity: 1;\n  visibility: visible;\n}\n.table md-input-container {\n  margin: 0;\n}\n.table .md-errors-spacer {\n  display: none;\n}\n\n.table--student td.inactive {\n  padding: 8px 10px;\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.table--list th,\n.table--list td {\n  padding: 0 4px;\n  border: 0 none;\n}\n.table--list td {\n  min-height: 56px;\n  height: 56px;\n}\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\n.table--list__wrap {\n  min-width: 600px;\n}\n\n@media only screen and (max-width: 959px) {\n  .table-wrap-sticky {\n    overflow-x: auto;\n  }\n}\n\n.table--list__thead {\n  font-size: 14px;\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: #757575;\n  color: rgb(255, 255, 255);\n  min-height: 42px;\n  height: 42px;\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@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}\n\n.md-toolbar-tools {\n  font-size: 18px;\n}\n.md-toolbar-tools .autocomplete {\n  height: 36px;\n}\n.md-toolbar-tools .autocomplete md-autocomplete-wrap {\n  height: 36px;\n}\n.md-toolbar-tools .autocomplete input {\n  height: 36px;\n}\n\n.md-toolbar--wise {\n  min-height: 42px;\n}\n.md-toolbar--wise .md-toolbar-tools {\n  height: 42px;\n  max-height: 42px;\n}\n.md-toolbar--wise .md-button.md-icon-button {\n  height: 42px;\n  line-height: 42px;\n  width: 42px;\n}\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n  padding: 0 8px;\n  font-size: 15px;\n}\n\n.md-toolbar--sidenav {\n  background-color: #333333 !important;\n}\n.md-toolbar--sidenav .md-toolbar-tools {\n  font-size: 16px;\n  font-weight: 500;\n}\n\n.toolbar {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 52px;\n  z-index: 3;\n}\n\n.toolbar__title {\n  margin-left: 8px;\n  font-size: 16px;\n  font-weight: 500;\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: #f7f7f7;\n}\n.toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n  height: 32px;\n  text-align: left;\n}\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n  text-align: right;\n}\n\n.toolbar__select--fixedwidth {\n  width: 168px;\n}\n@media only screen and (min-width: 600px) {\n  .toolbar__select--fixedwidth {\n    width: 264px;\n  }\n}\n@media only screen and (min-width: 960px) {\n  .toolbar__select--fixedwidth {\n    width: 432px;\n  }\n}\n\n.list-item {\n  background-color: #ffffff;\n  border-bottom: 1px solid #eeeeee;\n}\n.list-item .md-subheader, .list-item.md-subheader {\n  color: rgba(0, 0, 0, 0.87);\n  background-color: #ffffff;\n}\n.list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n  vertical-align: middle;\n}\n.list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n  padding: 0;\n}\n.list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n  margin-right: 8px;\n}\n.list-item .autocomplete {\n  margin: 8px 0;\n}\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\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\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: #f7f7f7;\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: 15px;\n}\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.nav-mask.ng-hide {\n  opacity: 0;\n}\n\n.nav-head {\n  color: rgba(0, 0, 0, 0.54);\n  font-weight: 500;\n}\n.nav-head md-icon {\n  line-height: 20px;\n}\n\n.nav-contents--root {\n  padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n  background-color: #dddddd;\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: 600px) {\n  .nav-contents__list {\n    padding: 8px;\n  }\n}\n\n.nav-item {\n  transition: opacity 250ms ease-in-out;\n}\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\n.nav-item--card__content {\n  border-top-right-radius: 4px;\n  border-top-left-radius: 4px;\n}\n.nav-item--card__content:focus {\n  outline: none;\n}\n.nav-item--card__content:focus .nav-item__title > span {\n  border-bottom: 1px dashed #cccccc;\n}\n\n.nav-item--root {\n  transition: margin 250ms, box-shadow 500ms;\n}\n.nav-item--root.expanded {\n  flex-basis: 100%;\n  max-width: 100%;\n  max-height: none !important;\n  margin: 8px auto;\n}\n.nav-item--root.expanded:first-of-type {\n  margin-top: 0;\n}\n\n.nav-item--list__reorder {\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.26);\n}\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\n.nav-item__collapse {\n  margin: 0;\n}\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\n.nav-item__users {\n  height: auto;\n  cursor: pointer;\n  color: #ffffff;\n  margin: 0;\n  padding: 1px 6px;\n}\n.nav-item__users > md-icon {\n  padding-right: 4px;\n  color: #ffffff;\n}\n.nav-item__users:hover.success-bg, .nav-item__users:focus.success-bg {\n  background-color: #00C853;\n}\n\n.nav-item__title {\n  padding-left: 16px;\n  line-height: 1.2;\n  font-weight: 400;\n}\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.nav-item__progress > .md-container {\n  top: 0;\n}\n\n.nav-item__progress-value {\n  margin-left: 8px;\n  width: 36px;\n}\n\n.menu-progress {\n  position: absolute;\n  top: 10px;\n  right: 12px;\n}\n.menu-progress path {\n  stroke: #CAD266 !important;\n  stroke-width: 2px;\n}\n\n[dir=rtl] .menu-progress {\n  right: auto;\n  left: 12px;\n}\n\n.menu-sidenav__item {\n  font-weight: 700;\n  font-size: 14px;\n}\n\n.menu-sidenav__icon {\n  margin-top: 12px !important;\n  margin-right: 12px !important;\n  margin-left: 12px;\n}\n\n.active .menu-sidenav__icon, .active .menu-sidenav__item {\n  color: #7e57c2;\n}\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}\n@media only screen and (max-width: 599px) {\n  .menu-sidebar {\n    display: none;\n  }\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\n#node {\n  margin: 0 auto;\n  position: absolute;\n  left: 0;\n  right: 0;\n}\n@media only screen and (min-width: 600px) {\n  #node {\n    padding: 8px;\n    padding: 24px 16px;\n    margin-bottom: 32px;\n  }\n}\n@media only screen and (min-width: 960px) {\n  #node {\n    padding: 32px;\n  }\n}\n#node.ng-enter {\n  transition: opacity 0.5s;\n  opacity: 0;\n}\n#node.ng-enter-active {\n  opacity: 1;\n}\n\n.node-content {\n  padding: 0 0 48px;\n  background-color: #ffffff;\n  border-radius: 3px;\n  overflow: visible;\n}\n@media only screen and (max-width: 599px) {\n  .node-content {\n    box-shadow: none;\n  }\n}\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  }\n}\n\nmd-content.node-content {\n  background-color: #ffffff;\n}\n\n.node-content__rubric {\n  position: absolute;\n  top: -22px;\n  left: 0;\n  right: 0;\n  z-index: 1;\n}\n.node-content__rubric .avatar--icon {\n  transform: scale(0.94);\n}\n@media only screen and (max-width: 599px) {\n  .node-content__rubric .avatar--icon {\n    transform: scale(0.8);\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: 15px;\n}\n.node-select .md-select-value *:first-child {\n  transform: translate3d(0, 0, 0);\n  flex: 1 0 0;\n}\n.node-select .md-select-value .node-select__icon {\n  display: none;\n}\n.node-select .md-select-value .node-select__status {\n  display: none;\n}\n.node-select .md-select-icon {\n  margin-left: 0;\n  color: rgba(0, 0, 0, 0.87);\n}\n\n.node-select-option--group {\n  background-color: #f7f7f7;\n  border-bottom: 1px solid #eeeeee;\n  border-top: 1px solid #eeeeee;\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: 600px) {\n  .node-select__text {\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: 599px) {\n  .node-title {\n    font-size: 15px;\n  }\n}\n\n.node-content__actions {\n  padding: 0 16px 16px;\n}\n@media only screen and (min-width: 960px) {\n  .node-content__actions {\n    padding: 0 24px 24px;\n  }\n}\n.node-content__actions .md-button:first-child {\n  margin-left: 0;\n}\n.node-content__actions .md-button:last-child {\n  margin-right: 0;\n}\n\n.node-content__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54);\n}\n\n.node-content__actions__more {\n  border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav:first-of-type {\n  margin-right: 0;\n}\n\n@media only screen and (min-width: 600px) {\n  .node-sidebar-active {\n    margin-right: 68px;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .node-sidebar-visible {\n    margin-bottom: 42px;\n  }\n}\n\n.node-sidebar {\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 52px;\n}\n\n.node-sidebar__toolbar {\n  position: fixed;\n  width: 52px;\n  background-color: #ffffff;\n  padding: 8px 0;\n  border-radius: 3px;\n}\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}\n\n.node__label--vertical-alignment {\n  vertical-align: middle;\n  display: inline-block;\n}\n\nnotebook-report {\n  position: absolute;\n  bottom: 0;\n  right: 66px;\n  transition: right 250ms;\n  z-index: 3;\n}\nnotebook-report.report-full {\n  left: 8px;\n  right: 8px;\n  top: 8px;\n  bottom: 8px;\n}\n@media only screen and (min-width: 960px) {\n  notebook-report.notes-visible {\n    right: 474px;\n  }\n}\n\n.notebook-sidebar {\n  width: 270px;\n  max-width: none;\n}\n@media only screen and (min-width: 600px) {\n  .notebook-sidebar {\n    width: 450px;\n  }\n}\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}\n.notification-btn {\n  width: 60px !important;\n}\n.notification-btn md-icon {\n  margin-left: 20px;\n}\n\n.notification-count {\n  border-radius: 50%;\n  position: absolute;\n  background-color: #F05843;\n  width: 22px;\n  top: 12px;\n  left: -18px;\n  height: 22px;\n  line-height: 22px;\n  font-size: 12px;\n  font-weight: 700;\n  border: 2px solid;\n}\n.notification-count:before {\n  content: \"\";\n  position: absolute;\n  right: -7px;\n  top: 6px;\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.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.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}\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,\nmd-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\n.account-menu {\n  border-radius: 4px;\n  padding: 0;\n  font-size: 15px;\n  max-width: 380px;\n}\n@media (min-width: 1280px) {\n  .account-menu {\n    min-width: 380px !important;\n  }\n}\n.account-menu h3 {\n  margin: 0;\n  font-weight: 300;\n}\n.account-menu .mat-mdc-menu-content {\n  padding: 0;\n}\n\n.account-menu--fixed-height {\n  height: 304px;\n}\n\n.account-menu--fixed-width {\n  width: 320px;\n}\n@media (min-width: 960px) {\n  .account-menu--fixed-width {\n    width: 380px;\n  }\n}\n\n.account-menu__icon {\n  background-color: rgb(255, 255, 255);\n  border-radius: 50%;\n}\n\n.account-menu__caret {\n  position: absolute;\n  right: 28px;\n  top: -8px;\n  outline: none;\n}\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\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] .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\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: rgba(0, 0, 0, 0.54);\n}\n\n.account-menu__users {\n  padding: 0;\n}\n.account-menu__users md-list-item {\n  padding: 0;\n}\n.account-menu__users md-list-item .md-avatar {\n  margin: 0 8px 0 0;\n  height: 48px;\n  width: 48px;\n}\n\n.account-menu__actions {\n  background-color: #f7f7f7;\n}\n\n.account-menu__control {\n  padding: 16px;\n}\n\n.annotations {\n  margin: 16px 4px 16px 62px;\n  position: relative;\n  font-size: 15px;\n}\n.annotations hr {\n  margin: 10px 0 8px;\n  border-color: rgba(0, 0, 0, 0.12);\n}\n.annotations:after {\n  content: \"\";\n  position: absolute;\n  width: 0;\n  height: 0;\n  left: -15px;\n  right: auto;\n  top: -1px;\n  bottom: auto;\n  border-top: 20px solid transparent;\n  border-bottom: 20px solid transparent;\n  border-right: 16px solid #757575;\n}\n\n.annotations-container--student--report {\n  border-top: 1px solid #dddddd;\n}\n\n.annotations--report {\n  margin-top: 0;\n  margin-bottom: 0;\n}\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\n.annotations__avatar {\n  background-color: #F05843;\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: 4px;\n  border-bottom-right-radius: 4px;\n  overflow: auto;\n}\n\n.annotations__status {\n  background-color: #ffffff;\n  color: #ef6c00;\n  display: inline-block;\n  margin-left: 8px;\n  font-size: 12px;\n}\n.annotations__status.ng-enter, .annotations__status.ng-leave {\n  transition: all 1s;\n}\n.annotations__status.ng-enter, .annotations__status.ng-leave.ng-leave-active {\n  opacity: 0;\n}\n.annotations__status.ng-leave, .annotations__status.ng-enter.ng-enter-active {\n  opacity: 1;\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: 13px;\n}\n\n.annotations--inside .annotations {\n  margin-left: 72px;\n}\n\n.annotations--info {\n  margin-bottom: 32px;\n  margin-right: 8px;\n  margin-left: 72px;\n}\n@media only screen and (min-width: 600px) {\n  .annotations--info {\n    margin: 16px 16px 32px 76px;\n  }\n}\n.annotations--info:after {\n  border-right: 16px solid #ef6c00;\n}\n.annotations--info .annotations__avatar {\n  background-color: #ffffff;\n}\n.annotations--info .annotations__header {\n  background-color: #ef6c00;\n}\n\n.component {\n  position: relative;\n}\n\n.component__wrapper {\n  padding: 0 24px;\n  margin: 24px 0;\n}\n\n.component__content {\n  overflow-x: auto;\n  font-size: 15px;\n  overflow-y: hidden;\n}\n@media only screen and (min-width: 600px) {\n  .component__content {\n    padding: 0 8px;\n  }\n}\n\nh3.component__header {\n  padding: 8px 12px;\n  margin: 0;\n  font-size: 14px;\n}\n\n.component__rubric {\n  position: absolute;\n  left: -20px;\n  top: 12px;\n}\n\n.notebook-enabled .component_content img {\n  transition: all 250ms;\n  cursor: pointer;\n  cursor: copy;\n}\n.notebook-enabled .component_content img:hover, .notebook-enabled .component_content img:focus {\n  box-shadow: 0 0 5px 1px #F05843;\n}\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\n.component__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54);\n  font-weight: 400;\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: 600px) {\n  .component__attachment {\n    padding-top: 8px;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .component__add-attachment {\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  border-radius: 0;\n  background-color: rgba(255, 255, 255, 0.75) !important;\n}\n\n.component__revision {\n  margin: 8px 0;\n  padding: 8px;\n}\n.component__revision:nth-child(odd) {\n  background-color: #f7f7f7;\n}\n\n.component__revision__content {\n  padding: 4px 0 8px 0;\n  border-bottom: 1px solid #dddddd;\n}\n\n.component__revision__actions {\n  color: #757575;\n  padding-top: 4px;\n}\n\n.embedded-content__iframe {\n  border: 0 none;\n}\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 #eeeeee;\n  border-left-width: 0;\n  border-right-width: 0;\n}\n\n.outside-content iframe {\n  border: 1px solid #eeeeee;\n}\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end;\n}\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\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}\n\n.notebook-toolbar__add-menu {\n  position: absolute;\n  bottom: 40px;\n}\n.notebook-toolbar__add-menu .md-fab-action-item {\n  background-color: #ffffff;\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}\n\nhighchart {\n  display: block;\n}","@use 'sass:map';\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","// 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  @media (min-width: $layout-breakpoint-lg) {\n      width: $layout-breakpoint-lg;\n  }\n}\n\n.l-constrained-md {\n  width: $layout-breakpoint-sm;\n  max-width: 100%;\n}\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","// 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","// 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__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","// 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",".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\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__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","// 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-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    .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.node__label--vertical-alignment {\n    vertical-align: middle;\n    display: inline-block;\n}\n","// Variables\n$notebook-sidebar-width: 450px;\n$report-position-right: 66px;\n$report-full-gap: 8px;\n\n// Base\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 + 24;\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",".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    top: 12px;\n    left: -18px;\n    height: 22px;\n    line-height: 22px;\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: 6px;\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    .mat-mdc-menu-content {\n        padding: 0;\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__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: -15px;\n        right: auto;\n        top: -1px;\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 24px;\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 {\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('text-secondary');\n    font-weight: 400;\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    border-radius: 0;\n    background-color: rgba(255, 255, 255, 0.75) !important;\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",".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",".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/assets/wise5/themes/default/style/base/_presets.scss","src/assets/wise5/themes/default/style/author.css","src/assets/wise5/themes/default/style/base/_config.scss","src/assets/wise5/themes/default/style/layouts/_l-default.scss","src/assets/wise5/themes/default/style/layouts/_l-footer.scss","src/assets/wise5/themes/default/style/layouts/_l-header.scss","src/assets/wise5/themes/default/style/layouts/_l-main.scss","src/assets/wise5/themes/default/style/layouts/_l-notebook.scss","src/assets/wise5/themes/default/style/layouts/_l-sidebar.scss","src/assets/wise5/themes/default/style/modules/_alerts.scss","src/assets/wise5/themes/default/style/modules/_dialog.scss","src/assets/wise5/themes/default/style/modules/_help.scss","src/assets/wise5/themes/default/style/modules/_inputs.scss","src/assets/wise5/themes/default/style/modules/_table.scss","src/assets/wise5/themes/default/style/modules/_toolbar.scss","src/assets/wise5/themes/default/style/material/_config.scss","src/assets/wise5/themes/default/style/modules/_list.scss","src/assets/wise5/themes/default/style/modules/_nav.scss","src/assets/wise5/themes/default/style/modules/_menu.scss","src/assets/wise5/themes/default/style/modules/_node.scss","src/assets/wise5/themes/default/style/modules/_notebook.scss","src/assets/wise5/themes/default/style/modules/_notifications.scss","src/assets/wise5/themes/default/style/modules/_account-menu.scss","src/assets/wise5/themes/default/style/modules/_annotations.scss","src/assets/wise5/themes/default/style/modules/_component.scss","src/assets/wise5/themes/default/style/modules/_component--embedded.scss","src/assets/wise5/themes/default/style/modules/_component--graph.scss","src/assets/wise5/themes/default/style/modules/_component--outside.scss","src/assets/wise5/themes/default/style/modules/_notebook-toolbar.scss","src/assets/wise5/themes/default/style/modules/_highcharts.scss"],"names":[],"mappings":"AAIA,KACE,eCAF,CDEE,SACI,eCAN,CDKI,gBACI,aCFR,CDMA,WACE,qBAAA,CAKA,oBAAA,CAAA,sBAAA,CAHA,aAAA,CADA,WCCF,CDOI,qBAKI,wBAAA,CAFA,iBAAA,CAFA,UAAA,CAGA,WAAA,CAFA,iBCDR,CDSI,kCAEI,QAAA,CADA,QCLR,CDWA,OAMI,qBAAA,CALA,iBEUiB,CFRjB,cAAA,CAEA,iBAAA,CADA,eAAA,CAFA,eCJJ,CDUI,iBAGI,mBAAA,CADA,YAAA,CADA,WCNR,CDUQ,8CACI,qBCRZ,CDWQ,uBACI,uBCTZ,CDcA,aACI,wBAAA,CACA,UCXJ,CDcA,aACI,wBAAA,CACA,UCXJ,CDcA,gBACI,wBAAA,CACA,UCXJ,CDeA,qBACI,aCZJ,CDeA,iBACI,uBCZJ,CDgBA,EACE,aAAA,CACA,cCbF,CDgBA,QACI,kCAAA,CACA,qBCbJ,CDiBA,QACE,iBAAA,CACA,sBCdF,CDiBA,gBACE,iBCdF,CDmBE,cACE,WAAA,CACA,UChBJ,CDkBE,cACE,WAAA,CACA,UChBJ,CDkBE,cACE,WAAA,CACA,UChBJ,CDkBE,cACE,WAAA,CACA,UChBJ,CDqBA,cACE,qBAAA,CACA,4BClBF,CDoBE,8BACI,WClBN,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDwBE,wDACE,qBCrBJ,CDyBI,4EACE,qBCvBN,CD8BE,mDACE,uBC3BJ,CD6BE,mDACE,uBC3BJ,CD6BE,6CACE,uBC3BJ,CD6BE,6CACE,uBC3BJ,CD6BE,iDACE,uBC3BJ,CD6BE,qDACE,uBC3BJ,CD6BE,qDACE,uBC3BJ,CDgCA,uCACE,qBC7BF,CDgCA,uFACE,qBC7BF,CDgCA,2HAGE,qBAAA,CADA,aC5BF,CDmCI,SACE,aChCN,CD+BI,QACE,aC5BN,CD2BI,UACE,aCxBN,CDuBI,UACE,aCpBN,CDmBI,MACE,aChBN,CDeI,MACE,aCZN,CDWI,SACE,aCRN,CDOI,SACE,qBCJN,CDGI,eACE,aCAN,CDDI,cACE,UCIN,CDLI,YACE,UCQN,CDTI,MACE,UCYN,CDbI,WACE,UCgBN,CDjBI,aACE,aCoBN,CDrBI,cACE,UCwBN,CDzBI,MACE,qBC4BN,CD7BI,gBACE,qBCgCN,CDjCI,eACE,qBCoCN,CDrCI,YACE,UCwCN,CDzCI,sBACE,wBC4CN,CD7CI,qBACE,wBCgDN,CDjDI,aACE,UCoDN,CDrDI,OACE,aCwDN,CDzDI,MACE,qBC4DN,CD7DI,SACE,UCgEN,CD1DI,YACE,wBC6DN,CD9DI,WACE,wBCiEN,CDlEI,aACE,wBCqEN,CDtEI,aACE,wBCyEN,CD1EI,SACE,wBC6EN,CD9EI,SACE,wBCiFN,CDlFI,YACE,wBCqFN,CDtFI,YACE,gCCyFN,CD1FI,kBACE,wBC6FN,CD9FI,iBACE,qBCiGN,CDlGI,eACE,qBCqGN,CDtGI,SACE,qBCyGN,CD1GI,cACE,qBC6GN,CD9GI,gBACE,wBCiHN,CDlHI,iBACE,qBCqHN,CDtHI,SACE,gCCyHN,CD1HI,mBACE,gCC6HN,CD9HI,kBACE,gCCiIN,CDlII,eACE,qBCqIN,CDtII,yBACE,mCCyIN,CD1II,wBACE,mCC6IN,CD9II,gBACE,qBCiJN,CDlJI,UACE,wBCqJN,CDtJI,SACE,gCCyJN,CD1JI,YACE,qBC6JN,CDtJQ,kCACI,cCyJZ,CD1JQ,iCACI,cC6JZ,CD9JQ,mCACI,cCiKZ,CDlKQ,mCACI,cCqKZ,CDtKQ,+BACI,cCyKZ,CD1KQ,+BACI,cC6KZ,CD9KQ,kCACI,cCiLZ,CDlLQ,kCACI,sBCqLZ,CDtLQ,wCACI,cCyLZ,CD1LQ,uCACI,WC6LZ,CD9LQ,qCACI,WCiMZ,CDlMQ,+BACI,WCqMZ,CDtMQ,oCACI,WCyMZ,CD1MQ,sCACI,cC6MZ,CD9MQ,uCACI,WCiNZ,CDlNQ,+BACI,sBCqNZ,CDtNQ,yCACI,sBCyNZ,CD1NQ,wCACI,sBC6NZ,CD9NQ,qCACI,WCiOZ,CDlOQ,+CACI,yBCqOZ,CDtOQ,8CACI,yBCyOZ,CD1OQ,sCACI,WC6OZ,CD9OQ,gCACI,cCiPZ,CDlPQ,+BACI,sBCqPZ,CDtPQ,kCACI,WCyPZ,CE7dA,eACE,gBAAA,CACA,iBAAA,CACA,cAAA,CACA,iBFgeF,CE9dE,yBANF,eAOM,YFieJ,CACF,CE/dE,0BAVF,eAWM,YFkeJ,CACF,CE/dA,kBAEE,cAAA,CADA,WFmeF,CGnfA,UAME,qBAAA,CACA,yBAAA,CALA,QAAA,CACA,MAAA,CAFA,cAAA,CAGA,OAAA,CACA,SHwfF,CGlfA,gBAKE,YAAA,CAJA,QAAA,CAGA,WAAA,CADA,gBAAA,CADA,aHwfF,CGlfA,yBACE,gBHqfF,CIzgBA,UACI,SJ4gBJ,CI1gBI,gBAEI,WAAA,CADA,uBAAA,CAGA,qBAAA,CADA,UJ6gBR,CIzgBI,qBAEI,YAAA,CAEA,iBAAA,CAHA,cAAA,CAEA,aJ4gBR,CIzgBQ,yCANJ,qBAOQ,aJ4gBV,CACF,CI1gBQ,sDACI,QJ4gBZ,CIvgBI,yCAEQ,6FACI,cJwgBd,CACF,CKtiBA,QACE,qBLyiBF,CKtiBA,sBACE,eLyiBF,CKtiBA,SACE,yBLyiBF,CKtiBA,cAIE,MAAA,CAHA,aAAA,CACA,WAAA,CACA,iBAAA,CAEA,OAAA,CACA,sBLyiBF,CKviBE,yCARF,cASI,YL0iBF,CACF,CKxiBE,uBACE,SL0iBJ,CKviBE,+BACE,SAAA,CACA,qBLyiBJ,CKjiBE,gLAIE,SLmiBJ,CK/hBA,6BACE,WLkiBF,CKhiBE,yCAHF,6BAII,gBAAA,CACA,YLmiBF,CKhiBF,uCAEI,gBAAA,CACA,iBLoiBF,CANF,CK1hBA,cACE,YLoiBF,CKliBE,mDAME,cAAA,CAHA,eAAA,CAEA,eAAA,CADA,YLsiBJ,CKliBI,yCARF,mDASI,cAAA,CACA,iBLuiBJ,CKliBF,oBAEI,cLsiBF,CALF,CK7hBA,0CAEE,YLsiBF,CKpiBE,kEACE,gBLuiBJ,CKriBI,yCAHF,kEAII,aAAA,CACA,cLyiBJ,CACF,CKtiBE,0DACE,0BLyiBJ,CKriBA,2FAEE,gBLwiBF,CMjpBA,YAEI,+BAAA,CADA,eNqpBJ,COlpBA,mBACE,+BAAA,CACA,uBPqpBF,COnpBE,6BACE,qBPqpBJ,CQjqBA,aACI,YAAA,CAEA,qBAAA,CADA,SRqqBJ,CQjqBA,uBACI,WAAA,CAGA,mBAAA,CACA,YAAA,CAFA,YAAA,CAGA,SAAA,CAJA,URwqBJ,CQjqBA,qBACI,qBRoqBJ,CQjqBA,2BACI,cAAA,CACA,oBRoqBJ,CSzrBA,UACI,WT4rBJ,CSzrBA,cACI,WT4rBJ,CSzrBA,eACI,YT4rBJ,CUrsBA,aACI,iBTuDiB,CStDjB,eVwsBJ,CUtsBI,yBAJJ,aAKQ,eVysBN,CACF,CUvsBI,yBARJ,aASQ,eV0sBN,CACF,CUxsBI,0BAZJ,aAaQ,gBV2sBN,CACF,CUnsBA,kDAJI,0BTsCiB,CSrCjB,2BVktBJ,CU/sBA,8BAII,wBAAA,CADA,kBV4sBJ,CUzsBI,8CACI,cAAA,CAEA,gBAAA,CADA,aV4sBR,CUvsBA,sBAGI,gBAAA,CAFA,aAAA,CACA,gBV2sBJ,CUvsBA,sBACI,6BTciB,CSbjB,8BV0sBJ,CW/uBA,iBACI,gBXkvBJ,CW/uBA,4BACI,eXkvBJ,CW9uBI,4CACI,cXivBR,CW9uBI,kDACI,YXgvBR,CW5uBA,eACI,iBX+uBJ,CW3uBI,yDACI,aX8uBR,CW1uBA,2DAEI,wBAAA,CACA,qBAAA,CACA,iBAAA,CAHA,WXgvBJ,CW3uBI,uEACI,qBX6uBR,CW1uBI,+EACI,qBX4uBR,CWxuBA,0CACI,UX2uBJ,CWxuBA,2BACI,qBX2uBJ,CWxuBA,yBACI,iBAAA,CACA,UX2uBJ,CWzuBI,2CACI,+BX2uBR,CWvuBA,mCACI,OX0uBJ,CWxuBI,4DACI,QX0uBR,CWtuBA,mCACI,UXyuBJ,CWvuBI,4DACI,WXyuBR,CWpuBA,mHAEI,qBAAA,CADA,eXwuBJ,CWruBI,6JACI,aXuuBR,CWluBI,oBAGI,cAAA,CAEA,qBAAA,CADA,eAAA,CAFA,eAAA,CADA,sBXyuBR,CWhuBI,yCADJ,wBAEQ,eXouBN,CACF,CWluBI,yCALJ,wBAMQ,eXquBN,CACF,CWjuBI,yCACI,qBXouBR,CWluBQ,+DAEI,qBAAA,CADA,eXquBZ,CW/tBA,gBACI,WXkuBJ,CWhuBI,sBAKI,QAAA,CACA,cAAA,CACA,eAAA,CANA,WAAA,CAGA,YAAA,CADA,aAAA,CADA,UXuuBR,CYv2BA,OAIE,YAAA,CAHA,cAAA,CAEA,eAAA,CADA,UZ42BF,CYp2BI,kHAEE,qBAAA,CAEA,cAAA,CAEA,WAAA,CADA,eAAA,CAEA,cAAA,CAJA,WAAA,CAKA,kBZ02BN,CYt2BE,6BAEE,wBAAA,CACA,SAAA,CACA,kBZw2BJ,CYr2BE,0BACE,QZu2BJ,CYp2BE,yBACE,YZs2BJ,CYh2BI,4BACE,gBZm2BN,CY91BA,mBACE,UZi2BF,CY91BA,aAGE,qBAAA,CAFA,QAAA,CACA,wBAAA,CAEA,cAAA,CACA,aZi2BF,CY/1BE,gCAGE,QAAA,CADA,aZk2BJ,CY91BE,gBAEE,WAAA,CADA,eZi2BJ,CY51BI,0BACE,iBAAA,CAIA,iBAAA,CACA,eAAA,CAJA,eAAA,CAEA,mBAAA,CADA,UZi2BN,CYz1BA,mBACE,eZ41BF,CYx1BE,yCADF,mBAEI,eZ41BF,CACF,CYz1BA,oBACE,cAAA,CACA,eZ41BF,CYz1BA,wBACE,WAAA,CACA,QZ41BF,CYz1BA,wBACE,wBAAA,CACA,UAAA,CAEA,WX3DoB,CW0DpB,eZ61BF,CYz1BA,0BACE,UAAA,CAKA,eAAA,CAHA,QAAA,CACA,WAAA,CAFA,mBAAA,CAGA,kBAAA,CAEA,UZ41BF,CYz1BA,0BACE,QZ41BF,CYz1BA,mCACE,wBZ41BF,CYz1BA,UAGE,eAAA,CAFA,eAAA,CACA,kBZ61BF,CYx1BE,yCADF,eAEI,eAAA,CACA,eAAA,CACA,sBAAA,CACA,kBZ41BF,CACF,Car+BA,kBACI,cbw+BJ,Ca/9BQ,2HACI,Wbu+BZ,Cal+BA,kBACI,ebq+BJ,Can+BI,oCACI,WZyBc,CYxBd,ebq+BR,Cal+BI,4CACI,WZoBc,CYnBd,gBZmBc,CYlBd,Ubo+BR,Ca/9BI,wCAEI,cZOmB,CYRnB,abm+BR,Ca99BA,qBACI,+Bbi+BJ,Ca/9BI,uCACI,cAAA,CACA,ebi+BR,Ca79BA,SAEI,MAAA,CADA,cAAA,CAEA,OAAA,CACA,QC5CgB,CD6ChB,Sbg+BJ,Ca79BA,gBAEI,cAAA,CACA,eAAA,CAFA,ebk+BJ,Ca79BA,sCACI,Qbg+BJ,Ca79BA,4CAGI,wBAAA,CAFA,YAAA,CACA,ebi+BJ,Ca99BI,8EACI,WAAA,CACA,ebg+BR,Ca39BM,kGACI,gBb89BV,Caz9BA,6BACI,Wb49BJ,Ca19BI,yCAHJ,6BAIQ,Wb69BN,CACF,Ca39BI,yCAPJ,6BAQQ,Wb89BN,CACF,Ce1jCA,WACI,qBAAA,CACA,4Bf6jCJ,Ce3jCI,iDAEI,qBAAA,CADA,qBf8jCR,Ce3jCQ,iEACI,qBf6jCZ,Ce1jCQ,yFACI,Sf4jCZ,CezjCQ,uEACI,gBf2jCZ,CevjCI,yBACI,YfyjCR,CepjCI,kGACI,uCAAA,CACA,gBfujCR,CehjCI,kGACI,uCAAA,CACA,gBfmjCR,Ce/iCA,qBACI,qBfkjCJ,Ce/iCA,kDAEI,wBAAA,CADA,cfmjCJ,Ce/iCA,oBACI,uBfkjCJ,Ce/iCA,6BAOI,eAAA,CAHA,QAAA,CADA,gBAAA,CAGA,eAAA,CALA,mBAAA,CAIA,kBAAA,CAHA,UfujCJ,Ce/iCA,WACI,cfkjCJ,CgBpnCA,KACI,iBhBunCJ,CgBpnCA,KACI,kBhBunCJ,CgBpnCA,UAMI,gCAAA,CAHA,QAAA,CACA,MAAA,CAHA,iBAAA,CAIA,OAAA,CAHA,KAAA,CAKA,ShBunCJ,CgBrnCI,kBACI,ShBunCR,CgBnnCA,UACI,qBAAA,CACA,ehBsnCJ,CgBpnCI,kBACI,gBhBsnCR,CgBlnCA,oBACI,oBhBqnCJ,CgBlnCA,qBACI,qBAAA,CACA,WhBqnCJ,CgB9mCA,wCACI,ShBqnCJ,CgBnnCI,yBAHJ,oBAIQ,WhBsnCN,CACF,CgBnnCA,UACI,mChBsnCJ,CgBnnCQ,4BACI,qBhBynCZ,CgB/mCA,yBAEI,0BfbiB,CeYjB,2BhBmnCJ,CgBhnCI,+BACI,YhBknCR,CgBhnCQ,qDACI,6BhBknCZ,CgB7mCA,gBACI,qChBgnCJ,CgB9mCI,yBACI,eAAA,CAIA,eAAA,CADA,yBAAA,CADA,chBinCR,CgB7mCQ,uCACI,YhB+mCZ,CgBnmCA,yBAEI,qBAAA,CADA,ehBumCJ,CgB9lCI,sCACI,4IhBimCR,CgB5lCA,oBACI,QhB+lCJ,CgB5lCA,gBAGI,6BftEiB,CeqEjB,8BfrEiB,CeoEjB,yBAAA,CAIA,eAAA,CADA,gBhBgmCJ,CgB5lCA,iBAGI,UAAA,CADA,cAAA,CADA,WAAA,CAGA,QAAA,CACA,ehB+lCJ,CgB7lCI,yBAEI,UAAA,CADA,iBhBgmCR,CgB3lCQ,oEACI,wBhB6lCZ,CgBxlCA,iBAGI,eAAA,CADA,eAAA,CADA,iBhB6lCJ,CgBzlCA,2BACI,iBAAA,CACA,kBhB4lCJ,CgBzlCA,gBACI,ahB4lCJ,CgBzlCA,oBACI,UhB4lCJ,CgB1lCI,kCACI,KhB4lCR,CgBxlCA,0BACI,eAAA,CACA,UhB2lCJ,CiBrwCA,eACI,iBAAA,CAEA,UAAA,CADA,QjBywCJ,CiBtwCI,oBACI,wBAAA,CACA,gBjBwwCR,CiBrwCA,yBAEE,SAAA,CADA,UjBywCF,CiBjwCA,oBAGI,cAAA,CAFA,ejBqwCJ,CiBhwCA,oBAGI,gBAAA,CADA,2BAAA,CADA,yBjBqwCJ,CiB/vCI,wDACI,ajBkwCR,CiB9vCA,cAKI,qBAAA,CAKA,2BAAA,CAPA,QAAA,CACA,MAAA,CAGA,eAAA,CACA,aAAA,CAPA,iBAAA,CAQA,iBAAA,CAPA,QAAA,CAIA,UjBqwCJ,CiB/vCI,yCAZJ,cAaQ,YjBkwCN,CACF,CiBhwCA,wBAEE,SAAA,CADA,OjBowCF,CiBhwCA,6CAEI,iBAAA,CADA,cjBowCJ,CkB7zCA,MAGI,MAAA,CAFA,aAAA,CACA,iBAAA,CAEA,OlBg0CJ,CkB9zCI,yCANJ,MASQ,kBAAA,CADA,iBlBk0CN,CACF,CkB/zCI,yCAZJ,MAaQ,YlBk0CN,CACF,CkBh0CI,eAEI,SAAA,CADA,sBlBm0CR,CkB/zCI,sBACI,SlBi0CR,CkB3zCA,cAEI,qBAAA,CACA,iBjBsBmB,CiBrBnB,gBAAA,CAHA,gBlBi0CJ,CkB5zCI,yCANJ,cAOQ,elB+zCN,CACF,CkB7zCI,yCAVJ,cAaQ,uBAAA,CADA,oBAAA,CADA,SlBk0CN,CACF,CkB5zCI,wBACI,qBlB+zCR,CkB3zCA,sBAGI,MAAA,CAFA,iBAAA,CAGA,OAAA,CAFA,SAAA,CAGA,SlB8zCJ,CkB5zCI,oCACI,oBlB8zCR,CkB5zCQ,yCAHJ,oCAIQ,mBlB+zCV,CACF,CkB3zCA,WACI,UAAA,CACA,sBlB8zCJ,CkB3zCA,aAII,cjBzCuB,CiBwCvB,eAAA,CAFA,YAAA,CACA,WlBg0CJ,CkB3zCQ,2CAEI,UAAA,CADA,uBlB8zCZ,CkBtzCQ,oGACI,YlB2zCZ,CkBvzCI,6BAEI,qBAAA,CADA,alB0zCR,CkBrzCA,2BAEI,wBAAA,CACA,4BAAA,CACA,yBlBuzCJ,CkBpzCA,0BACI,iBlBuzCJ,CkBpzCA,mBACI,gBlBuzCJ,CkBpzCA,qBACI,elBuzCJ,CkBpzCA,mBAGI,eAAA,CAFA,sBAAA,CACA,kBlBwzCJ,CkBrzCI,yCALJ,mBAMQ,clBwzCN,CACF,CkBrzCA,YACI,eAAA,CAEA,cAAA,CADA,mBlByzCJ,CkBtzCI,yCALJ,YAMQ,clByzCN,CACF,CkBlzCI,iDACI,clBqzCR,CkBhzCI,yCADJ,qBAEQ,iBlBozCN,CACF,CkBhzCI,yCADJ,sBAEQ,kBlBozCN,CACF,CkBjzCA,cACI,iBAAA,CACA,OAAA,CACA,KAAA,CACA,UlBozCJ,CkBjzCA,uBAGI,qBAAA,CAEA,iBjBtHmB,CiBqHnB,aAAA,CAHA,cAAA,CACA,UlBuzCJ,CkBlzCI,yCAPJ,uBAYQ,eAAA,CAHA,QAAA,CAMA,WjB9Ic,CiById,MAAA,CAIA,YAAA,CADA,SAAA,CALA,OAAA,CAGA,UlByzCN,CACF,CkBlzCA,iCAEI,oBAAA,CADA,qBlBszCJ,CmB/+CA,gBAEE,QAAA,CADA,iBAAA,CAEA,UARsB,CAStB,qBAAA,CACA,SnBk/CF,CmBh/CE,4BAIE,UAfc,CAYd,QAZc,CAad,SAbc,CAcd,OnBm/CJ,CmB/+CE,yCACE,8BACE,WnBi/CJ,CACF,CmB7+CA,kBAEE,cAAA,CADA,WnBi/CF,CmB9+CE,yCAJF,kBAKI,WnBi/CF,CACF,CmB9+CA,yCAEI,6EACE,qBnBg/CJ,CACF,CoBzhDA,kBACI,oBpB2hDJ,CoBzhDI,0BACI,gBpB2hDR,CoBvhDA,oBAGI,wBAAA,CAQA,gBAAA,CAVA,iBAAA,CAQA,cAAA,CACA,eAAA,CAHA,WAAA,CADA,UAAA,CAEA,gBAAA,CANA,iBAAA,CAGA,QAAA,CADA,UpBiiDJ,CoBxhDI,2BAOI,mCAAA,CAFA,yCAAA,CACA,gCAAA,CALA,UAAA,CACA,iBAAA,CACA,UAAA,CACA,OpB6hDR,CoBthDA,mBACI,apByhDJ,CoBthDA,sBACI,WpByhDJ,CoBthDA,6BACI,epByhDJ,CoBnhDI,kPACI,qBAAA,CACA,cpBwhDR,CoBthDQ,0QACI,cAAA,CAIA,gBAAA,CADA,gBAAA,CAFA,WAAA,CACA,UpB4hDZ,CqBllDA,cACI,iBpBuDiB,CoBrDjB,cpBsCuB,CoBrCvB,eAAA,CAFA,SrBulDJ,CqBnlDI,0BANJ,cAOQ,yBrBslDN,CACF,CqBplDI,iBAEI,eAAA,CADA,QrBulDR,CqBnlDI,oCACI,SrBqlDR,CqBjlDA,4BACI,YrBolDJ,CqBjlDA,2BACI,WrBolDJ,CqBllDI,yBAHJ,2BAIQ,WrBqlDN,CACF,CqBllDA,oBACI,qBAAA,CACA,iBrBqlDJ,CqBllDA,qBAII,YAAA,CAHA,iBAAA,CACA,UAAA,CACA,QrBslDJ,CqBnlDI,4BAGI,4BAAA,CACA,iCAAA,CACA,kCAAA,CAJA,UAAA,CACA,iBrBwlDR,CqBjlDA,+DACI,UrBolDJ,CqBjlDA,+CACI,WrBolDJ,CqBhlDE,+BAEE,SAAA,CADA,UrBolDJ,CqBjlDE,mFACE,SAAA,CACA,UrBmlDJ,CqBjlDE,yDACI,UAAA,CACA,UrBmlDN,CqB/kDA,oBACI,gBrBklDJ,CqB/kDA,2BACI,erBklDJ,CqB/kDA,0BAEI,qBAAA,CADA,erBmlDJ,CqB5kDI,uDACI,SrBklDR,CqBhlDQ,6CAEI,WAAA,CADA,gBAAA,CAEA,UrBklDZ,CqB7kDA,uBACI,wBrBglDJ,CqB7kDA,uBACI,YrBglDJ,CsB3rDA,aAGI,cAAA,CAFA,yBAAA,CACA,iBtB+rDJ,CsB5rDI,gBAEI,4BAAA,CADA,iBtB+rDR,CsB3rDI,mBAUI,oCAAA,CACA,+BAAA,CAFA,iCAAA,CADA,WAAA,CAPA,UAAA,CAGA,QAAA,CACA,UAAA,CAHA,iBAAA,CAIA,UAAA,CACA,QAAA,CAJA,OtBqsDR,CsBzrDA,wCACI,yBtB4rDJ,CsBzrDA,qBAEI,eAAA,CADA,YtB6rDJ,CsBzrDA,qBAQI,wBAAA,CALA,2BAAA,CAIA,UAAA,CAFA,eAAA,CADA,iBAAA,CAHA,iBAAA,CAKA,iBtB6rDJ,CsBxrDA,qBACI,wBAAA,CAIA,UAAA,CAHA,WAAA,CACA,iBAAA,CACA,KtB4rDJ,CsBxrDA,mBAEI,UAAA,CADA,iBtB4rDJ,CsBxrDA,mBAEI,qBAAA,CACA,6BrBLiB,CqBMjB,8BrBNiB,CqBOjB,aAAA,CAJA,YtB+rDJ,CsBxrDA,qBACI,qBAAA,CACA,aAAA,CACA,oBAAA,CAEA,cAAA,CADA,etB4rDJ,CsBzrDI,4DACI,iBtB2rDR,CsBxrDI,4EACI,StB0rDR,CsBvrDI,4EACI,StByrDR,CsBrrDA,oBACI,etBwrDJ,CsBrrDA,mBAGI,wBAAA,CACA,cAAA,CAHA,iBAAA,CACA,UtB0rDJ,CsBprDI,kCACI,gBtBurDR,CsBlrDA,mBACI,kBAAA,CAEA,gBAAA,CADA,gBtBsrDJ,CsBnrDI,yCALJ,mBAMQ,0BtBsrDN,CACF,CsBprDI,yBACI,+BtBsrDR,CsBnrDI,wCACI,qBtBqrDR,CsBlrDI,wCACI,wBtBorDR,CuB9yDA,WACI,iBvBizDJ,CuB9yDA,oBAEI,aAAA,CADA,cvBkzDJ,CuB9yDA,oBAEI,cAAA,CADA,eAAA,CAEA,iBvBizDJ,CuB/yDI,yCALJ,oBAMQ,avBkzDN,CACF,CuB/yDA,qBAGI,cAAA,CADA,QAAA,CADA,gBvBozDJ,CuB/yDA,mBAEI,UAAA,CADA,iBAAA,CAEA,QvBkzDJ,CuB7yDQ,yCAEI,cAAA,CACA,WAAA,CAFA,mBvBkzDZ,CuB5yDY,8FACI,8BvB8yDhB,CuBtyDI,2CACI,avByyDR,CuBtyDI,0CACI,cvBwyDR,CuBpyDA,0BAGI,qBAAA,CAFA,iBAAA,CAGA,eAAA,CAFA,evByyDJ,CuBpyDA,0BACI,wBvBuyDJ,CuBpyDA,mBAEI,eAAA,CADA,iBvBwyDJ,CuBpyDA,4BACI,cvBuyDJ,CuBpyDA,uBAEI,YAAA,CACA,kBAAA,CAFA,iBvByyDJ,CuBryDI,yCALJ,uBAMQ,evBwyDN,CACF,CuBpyDI,yCADJ,2BAEQ,UvBwyDN,CACF,CuBryDA,gCACI,gBAAA,CACA,UvBwyDJ,CuBryDA,+BAKI,8CAAA,CADA,eAAA,CAHA,iBAAA,CAEA,OAAA,CADA,KvB2yDJ,CuBryDA,qBACI,YAAA,CACA,WvBwyDJ,CuBtyDI,oCACI,wBvBwyDR,CuBpyDA,8BAEI,4BAAA,CADA,iBvBwyDJ,CuBpyDA,8BACI,aAAA,CACA,evBuyDJ,CwB95DA,0BACI,QxBi6DJ,CyBt6DA,cAEI,eAAA,CADA,ezB06DJ,CyBt6DA,gBAKI,iBAAA,CAAA,kBAAA,CAAA,kBAAA,CAJA,YAAA,CACA,azB46DJ,C0Bl7DE,wBACE,qB1Bq7DJ,C0Bj7DA,yBACE,cAAA,CACA,c1Bo7DF,C0Bl7DE,2BAKE,oBAAA,CAJA,eAAA,CAEA,eAAA,CACA,sBAAA,CAFA,kB1Bu7DJ,C2Bl8DI,6BACI,Y3Bq8DR,C2Bl8DI,yCALJ,kBAMQ,yB3Bq8DN,CACF,C2Bl8DA,4BAEI,WAAA,CADA,iB3Bs8DJ,C2Bn8DI,gDACI,qB3Bq8DR,C2Bj8DA,4BACI,iB3Bo8DJ,C2Bj8DA,6BACE,W3Bo8DF,C2Bj8DA,uCACE,U3Bo8DF,C4Bh+DA,UACE,a5Bm+DF","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","/*\n WISE Project Styles\n */\nbody {\n  background: #eeeeee;\n}\nbody.vle {\n  overflow: hidden;\n}\n\na:hover, a:focus {\n  color: #7e57c2;\n}\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\n.has-indicator:after {\n  content: \"\";\n  position: absolute;\n  border-radius: 50%;\n  padding: 5px;\n  background-color: #F05843;\n}\n\n.has-indicator--icon-button:after {\n  top: 25px;\n  left: 5px;\n}\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}\n.badge.md-button {\n  min-width: 0;\n  min-height: 0;\n  line-height: inherit;\n}\n.badge.md-button:hover, .badge.md-button:focus {\n  background-color: #aaaaaa;\n}\n.badge.md-button:focus {\n  outline: 1px dotted #aaaaaa;\n}\n\n.badge--info {\n  background-color: #ef6c00;\n  color: #ffffff;\n}\n\n.badge--warn {\n  background-color: #c62828;\n  color: #ffffff;\n}\n\n.badge--success {\n  background-color: #00C853;\n  color: #ffffff;\n}\n\n.divider--withmargin {\n  margin: 16px 0;\n}\n\n.divider--dashed {\n  border-top-style: dashed;\n}\n\na {\n  color: #7e57c2;\n  cursor: pointer;\n}\n\n.active {\n  background-color: rgba(158, 158, 158, 0.2);\n  color: rgba(0, 0, 0, 0.87);\n}\n\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box;\n}\n\n.avatar--square {\n  border-radius: 4px;\n}\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\n.avatar--icon {\n  background-color: #dddddd;\n  white-space: normal !important;\n}\n.avatar--icon:not(.md-avatar) {\n  padding: 6px;\n}\n.avatar--icon.md-18 {\n  height: 18px;\n  width: 18px;\n}\n.avatar--icon.md-24 {\n  height: 24px;\n  width: 24px;\n}\n.avatar--icon.md-36 {\n  height: 36px;\n  width: 36px;\n}\n.avatar--icon.md-48 {\n  height: 48px;\n  width: 48px;\n}\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}\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}\n\nmd-input-container.md-wise-theme label {\n  color: rgba(0, 0, 0, 0.87);\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: white;\n}\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\n.primary {\n  color: #7e57c2;\n}\n\n.accent {\n  color: #F05843;\n}\n\n.accent-1 {\n  color: #795C3A;\n}\n\n.accent-2 {\n  color: #CAD266;\n}\n\n.warn {\n  color: #c62828;\n}\n\n.info {\n  color: #ef6c00;\n}\n\n.success {\n  color: #00C853;\n}\n\n.divider {\n  color: rgba(0, 0, 0, 0.12);\n}\n\n.gray-lightest {\n  color: #f7f7f7;\n}\n\n.gray-lighter {\n  color: #eeeeee;\n}\n\n.gray-light {\n  color: #dddddd;\n}\n\n.gray {\n  color: #cccccc;\n}\n\n.gray-dark {\n  color: #aaaaaa;\n}\n\n.gray-darker {\n  color: #757575;\n}\n\n.gray-darkest {\n  color: #333333;\n}\n\n.text {\n  color: rgba(0, 0, 0, 0.87);\n}\n\n.text-secondary {\n  color: rgba(0, 0, 0, 0.54);\n}\n\n.text-disabled {\n  color: rgba(0, 0, 0, 0.26);\n}\n\n.text-light {\n  color: rgb(255, 255, 255);\n}\n\n.text-light-secondary {\n  color: rgba(255, 255, 255, 0.7);\n}\n\n.text-light-disabled {\n  color: rgba(255, 255, 255, 0.5);\n}\n\n.selected-bg {\n  color: white;\n}\n\n.score {\n  color: #FFC107;\n}\n\n.body {\n  color: rgba(0, 0, 0, 0.87);\n}\n\n.body-bg {\n  color: #eeeeee;\n}\n\n.primary-bg {\n  background-color: #7e57c2;\n}\n\n.accent-bg {\n  background-color: #F05843;\n}\n\n.accent-1-bg {\n  background-color: #795C3A;\n}\n\n.accent-2-bg {\n  background-color: #CAD266;\n}\n\n.warn-bg {\n  background-color: #c62828;\n}\n\n.info-bg {\n  background-color: #ef6c00;\n}\n\n.success-bg {\n  background-color: #00C853;\n}\n\n.divider-bg {\n  background-color: rgba(0, 0, 0, 0.12);\n}\n\n.gray-lightest-bg {\n  background-color: #f7f7f7;\n}\n\n.gray-lighter-bg {\n  background-color: #eeeeee;\n}\n\n.gray-light-bg {\n  background-color: #dddddd;\n}\n\n.gray-bg {\n  background-color: #cccccc;\n}\n\n.gray-dark-bg {\n  background-color: #aaaaaa;\n}\n\n.gray-darker-bg {\n  background-color: #757575;\n}\n\n.gray-darkest-bg {\n  background-color: #333333;\n}\n\n.text-bg {\n  background-color: rgba(0, 0, 0, 0.87);\n}\n\n.text-secondary-bg {\n  background-color: rgba(0, 0, 0, 0.54);\n}\n\n.text-disabled-bg {\n  background-color: rgba(0, 0, 0, 0.26);\n}\n\n.text-light-bg {\n  background-color: rgb(255, 255, 255);\n}\n\n.text-light-secondary-bg {\n  background-color: rgba(255, 255, 255, 0.7);\n}\n\n.text-light-disabled-bg {\n  background-color: rgba(255, 255, 255, 0.5);\n}\n\n.selected-bg-bg {\n  background-color: white;\n}\n\n.score-bg {\n  background-color: #FFC107;\n}\n\n.body-bg {\n  background-color: rgba(0, 0, 0, 0.87);\n}\n\n.body-bg-bg {\n  background-color: #eeeeee;\n}\n\nmd-progress-circular.primary path {\n  stroke: #7e57c2;\n}\n\nmd-progress-circular.accent path {\n  stroke: #F05843;\n}\n\nmd-progress-circular.accent-1 path {\n  stroke: #795C3A;\n}\n\nmd-progress-circular.accent-2 path {\n  stroke: #CAD266;\n}\n\nmd-progress-circular.warn path {\n  stroke: #c62828;\n}\n\nmd-progress-circular.info path {\n  stroke: #ef6c00;\n}\n\nmd-progress-circular.success path {\n  stroke: #00C853;\n}\n\nmd-progress-circular.divider path {\n  stroke: rgba(0, 0, 0, 0.12);\n}\n\nmd-progress-circular.gray-lightest path {\n  stroke: #f7f7f7;\n}\n\nmd-progress-circular.gray-lighter path {\n  stroke: #eeeeee;\n}\n\nmd-progress-circular.gray-light path {\n  stroke: #dddddd;\n}\n\nmd-progress-circular.gray path {\n  stroke: #cccccc;\n}\n\nmd-progress-circular.gray-dark path {\n  stroke: #aaaaaa;\n}\n\nmd-progress-circular.gray-darker path {\n  stroke: #757575;\n}\n\nmd-progress-circular.gray-darkest path {\n  stroke: #333333;\n}\n\nmd-progress-circular.text path {\n  stroke: rgba(0, 0, 0, 0.87);\n}\n\nmd-progress-circular.text-secondary path {\n  stroke: rgba(0, 0, 0, 0.54);\n}\n\nmd-progress-circular.text-disabled path {\n  stroke: rgba(0, 0, 0, 0.26);\n}\n\nmd-progress-circular.text-light path {\n  stroke: rgb(255, 255, 255);\n}\n\nmd-progress-circular.text-light-secondary path {\n  stroke: rgba(255, 255, 255, 0.7);\n}\n\nmd-progress-circular.text-light-disabled path {\n  stroke: rgba(255, 255, 255, 0.5);\n}\n\nmd-progress-circular.selected-bg path {\n  stroke: white;\n}\n\nmd-progress-circular.score path {\n  stroke: #FFC107;\n}\n\nmd-progress-circular.body path {\n  stroke: rgba(0, 0, 0, 0.87);\n}\n\nmd-progress-circular.body-bg path {\n  stroke: #eeeeee;\n}\n\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative;\n}\n@media (min-width: 600px) {\n  .l-constrained {\n    width: 1280px;\n  }\n}\n@media (min-width: 1920px) {\n  .l-constrained {\n    width: 1920px;\n  }\n}\n\n.l-constrained-md {\n  width: 960px;\n  max-width: 100%;\n}\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\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\n.l-header {\n  z-index: 3;\n}\n.l-header .logo {\n  margin-left: 0 !important;\n  height: 36px;\n  width: 36px;\n  vertical-align: middle;\n}\n.l-header .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: 600px) {\n  .l-header .logo-link {\n    display: block;\n  }\n}\n.l-header .logo-link:hover, .l-header .logo-link:focus {\n  border: 0 none;\n}\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}\n\n.l-main {\n  background-color: #eeeeee;\n}\n\n.l-main--with-toolbar {\n  margin-top: 42px;\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: 960px) {\n  .view-content {\n    padding: 16px;\n  }\n}\n.view-content.ng-enter {\n  opacity: 0;\n}\n.view-content .ng-enter-active {\n  opacity: 1;\n  transition-delay: 250ms;\n}\n.view-content.ng-leave-active, .view-content.ng-hide {\n  opacity: 0;\n}\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\n.view-content--with-sidemenu {\n  padding: 8px;\n}\n@media only screen and (min-width: 600px) {\n  .view-content--with-sidemenu {\n    margin-left: 54px;\n    padding: 16px;\n  }\n}\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}\n\n.content-head {\n  margin: 8px 0;\n}\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}\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}\n\n@media only screen and (max-width: 959px) {\n  .content-head__more {\n    margin-top: 8px;\n  }\n}\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px;\n}\n.content-head__item .md-subhead,\nh2.content-head__item .md-subhead {\n  padding-left: 4px;\n}\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  }\n}\n.content-head__item md-icon,\nh2.content-head__item md-icon {\n  vertical-align: text-bottom;\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px;\n}\n\n.l-notebook {\n  margin-top: 42px;\n  background-color: #eeeeee !important;\n}\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: #795C3A !important;\n}\n.l-sidebar__header md-select {\n  color: rgba(0, 0, 0, 0.87);\n}\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\nmd-dialog {\n  width: 600px;\n}\n\n.dialog--wide {\n  width: 960px;\n}\n\n.dialog--wider {\n  width: 1280px;\n}\n\n.help-bubble {\n  border-radius: 4px;\n  max-width: 320px;\n}\n@media (min-width: 600px) {\n  .help-bubble {\n    max-width: 552px;\n  }\n}\n@media (min-width: 960px) {\n  .help-bubble {\n    max-width: 912px;\n  }\n}\n@media (min-width: 1280px) {\n  .help-bubble {\n    max-width: 1232px;\n  }\n}\n\n.help-bubble__title {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n}\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}\n.help-bubble___title__content .md-icon-button {\n  margin-right: 0;\n  padding-top: 0;\n  padding-bottom: 0;\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: 4px;\n  border-bottom-right-radius: 4px;\n}\n\n.input-container {\n  padding-top: 12px;\n}\n\n.input-container--component {\n  margin-bottom: 0;\n}\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\n.input-wrapper {\n  position: relative;\n}\n\n.input-wrapper--focused .input--textarea__action md-icon {\n  color: #7e57c2;\n}\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}\n.input--textarea:focus, .input-container textarea.input--textarea:focus {\n  background-color: #ffffff;\n}\n.input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n  color: rgba(0, 0, 0, 0.54);\n}\n\n.input-container textarea.input--textarea {\n  width: 100%;\n}\n\n.input--textarea--disabled {\n  color: rgba(0, 0, 0, 0.54);\n}\n\n.input--textarea__action {\n  position: absolute;\n  right: -4px;\n}\n.input--textarea__action[disabled] md-icon {\n  color: rgba(0, 0, 0, 0.26) !important;\n}\n\n.input--textarea__action--notebook {\n  top: 6px;\n}\n.input-wrapper--richtext .input--textarea__action--notebook {\n  top: -7px;\n}\n\n.input--textarea__action--revision {\n  bottom: 6px;\n}\n.input-wrapper--richtext .input--textarea__action--revision {\n  bottom: -5px;\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: rgba(0, 0, 0, 0.87);\n}\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\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\n@media only screen and (min-width: 600px) {\n  .autocomplete--minwidth {\n    min-width: 300px;\n  }\n}\n@media only screen and (min-width: 960px) {\n  .autocomplete--minwidth {\n    min-width: 300px;\n  }\n}\n\n.autocomplete--flat md-autocomplete-wrap {\n  background-color: #ffffff;\n}\n.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n  box-shadow: none;\n  background-color: #eeeeee;\n}\n\n.select__header {\n  height: 48px;\n}\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\n.table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0;\n}\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}\n.table td.inactive,\n.table th {\n  background-color: #f7f7f7;\n  opacity: 1;\n  visibility: visible;\n}\n.table md-input-container {\n  margin: 0;\n}\n.table .md-errors-spacer {\n  display: none;\n}\n\n.table--student td.inactive {\n  padding: 8px 10px;\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.table--list th,\n.table--list td {\n  padding: 0 4px;\n  border: 0 none;\n}\n.table--list td {\n  min-height: 56px;\n  height: 56px;\n}\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\n.table--list__wrap {\n  min-width: 600px;\n}\n\n@media only screen and (max-width: 959px) {\n  .table-wrap-sticky {\n    overflow-x: auto;\n  }\n}\n\n.table--list__thead {\n  font-size: 14px;\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: #757575;\n  color: rgb(255, 255, 255);\n  min-height: 42px;\n  height: 42px;\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@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}\n\n.md-toolbar-tools {\n  font-size: 18px;\n}\n.md-toolbar-tools .autocomplete {\n  height: 36px;\n}\n.md-toolbar-tools .autocomplete md-autocomplete-wrap {\n  height: 36px;\n}\n.md-toolbar-tools .autocomplete input {\n  height: 36px;\n}\n\n.md-toolbar--wise {\n  min-height: 42px;\n}\n.md-toolbar--wise .md-toolbar-tools {\n  height: 42px;\n  max-height: 42px;\n}\n.md-toolbar--wise .md-button.md-icon-button {\n  height: 42px;\n  line-height: 42px;\n  width: 42px;\n}\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n  padding: 0 8px;\n  font-size: 15px;\n}\n\n.md-toolbar--sidenav {\n  background-color: #333333 !important;\n}\n.md-toolbar--sidenav .md-toolbar-tools {\n  font-size: 16px;\n  font-weight: 500;\n}\n\n.toolbar {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 52px;\n  z-index: 3;\n}\n\n.toolbar__title {\n  margin-left: 8px;\n  font-size: 16px;\n  font-weight: 500;\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: #f7f7f7;\n}\n.toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n  height: 32px;\n  text-align: left;\n}\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n  text-align: right;\n}\n\n.toolbar__select--fixedwidth {\n  width: 168px;\n}\n@media only screen and (min-width: 600px) {\n  .toolbar__select--fixedwidth {\n    width: 264px;\n  }\n}\n@media only screen and (min-width: 960px) {\n  .toolbar__select--fixedwidth {\n    width: 432px;\n  }\n}\n\n.list-item {\n  background-color: #ffffff;\n  border-bottom: 1px solid #eeeeee;\n}\n.list-item .md-subheader, .list-item.md-subheader {\n  color: rgba(0, 0, 0, 0.87);\n  background-color: #ffffff;\n}\n.list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n  vertical-align: middle;\n}\n.list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n  padding: 0;\n}\n.list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n  margin-right: 8px;\n}\n.list-item .autocomplete {\n  margin: 8px 0;\n}\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\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\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: #f7f7f7;\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: 15px;\n}\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.nav-mask.ng-hide {\n  opacity: 0;\n}\n\n.nav-head {\n  color: rgba(0, 0, 0, 0.54);\n  font-weight: 500;\n}\n.nav-head md-icon {\n  line-height: 20px;\n}\n\n.nav-contents--root {\n  padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n  background-color: #dddddd;\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: 600px) {\n  .nav-contents__list {\n    padding: 8px;\n  }\n}\n\n.nav-item {\n  transition: opacity 250ms ease-in-out;\n}\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\n.nav-item--card__content {\n  border-top-right-radius: 4px;\n  border-top-left-radius: 4px;\n}\n.nav-item--card__content:focus {\n  outline: none;\n}\n.nav-item--card__content:focus .nav-item__title > span {\n  border-bottom: 1px dashed #cccccc;\n}\n\n.nav-item--root {\n  transition: margin 250ms, box-shadow 500ms;\n}\n.nav-item--root.expanded {\n  flex-basis: 100%;\n  max-width: 100%;\n  max-height: none !important;\n  margin: 8px auto;\n}\n.nav-item--root.expanded:first-of-type {\n  margin-top: 0;\n}\n\n.nav-item--list__reorder {\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.26);\n}\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\n.nav-item__collapse {\n  margin: 0;\n}\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\n.nav-item__users {\n  height: auto;\n  cursor: pointer;\n  color: #ffffff;\n  margin: 0;\n  padding: 1px 6px;\n}\n.nav-item__users > md-icon {\n  padding-right: 4px;\n  color: #ffffff;\n}\n.nav-item__users:hover.success-bg, .nav-item__users:focus.success-bg {\n  background-color: #00C853;\n}\n\n.nav-item__title {\n  padding-left: 16px;\n  line-height: 1.2;\n  font-weight: 400;\n}\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.nav-item__progress > .md-container {\n  top: 0;\n}\n\n.nav-item__progress-value {\n  margin-left: 8px;\n  width: 36px;\n}\n\n.menu-progress {\n  position: absolute;\n  top: 10px;\n  right: 12px;\n}\n.menu-progress path {\n  stroke: #CAD266 !important;\n  stroke-width: 2px;\n}\n\n[dir=rtl] .menu-progress {\n  right: auto;\n  left: 12px;\n}\n\n.menu-sidenav__item {\n  font-weight: 700;\n  font-size: 14px;\n}\n\n.menu-sidenav__icon {\n  margin-top: 12px !important;\n  margin-right: 12px !important;\n  margin-left: 12px;\n}\n\n.active .menu-sidenav__icon, .active .menu-sidenav__item {\n  color: #7e57c2;\n}\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}\n@media only screen and (max-width: 599px) {\n  .menu-sidebar {\n    display: none;\n  }\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\n#node {\n  margin: 0 auto;\n  position: absolute;\n  left: 0;\n  right: 0;\n}\n@media only screen and (min-width: 600px) {\n  #node {\n    padding: 8px;\n    padding: 24px 16px;\n    margin-bottom: 32px;\n  }\n}\n@media only screen and (min-width: 960px) {\n  #node {\n    padding: 32px;\n  }\n}\n#node.ng-enter {\n  transition: opacity 0.5s;\n  opacity: 0;\n}\n#node.ng-enter-active {\n  opacity: 1;\n}\n\n.node-content {\n  padding: 0 0 48px;\n  background-color: #ffffff;\n  border-radius: 3px;\n  overflow: visible;\n}\n@media only screen and (max-width: 599px) {\n  .node-content {\n    box-shadow: none;\n  }\n}\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  }\n}\n\nmd-content.node-content {\n  background-color: #ffffff;\n}\n\n.node-content__rubric {\n  position: absolute;\n  top: -22px;\n  left: 0;\n  right: 0;\n  z-index: 1;\n}\n.node-content__rubric .avatar--icon {\n  transform: scale(0.94);\n}\n@media only screen and (max-width: 599px) {\n  .node-content__rubric .avatar--icon {\n    transform: scale(0.8);\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: 15px;\n}\n.node-select .md-select-value *:first-child {\n  transform: translate3d(0, 0, 0);\n  flex: 1 0 0;\n}\n.node-select .md-select-value .node-select__icon {\n  display: none;\n}\n.node-select .md-select-value .node-select__status {\n  display: none;\n}\n.node-select .md-select-icon {\n  margin-left: 0;\n  color: rgba(0, 0, 0, 0.87);\n}\n\n.node-select-option--group {\n  background-color: #f7f7f7;\n  border-bottom: 1px solid #eeeeee;\n  border-top: 1px solid #eeeeee;\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: 600px) {\n  .node-select__text {\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: 599px) {\n  .node-title {\n    font-size: 15px;\n  }\n}\n\n.md-button.md-icon-button.node-nav:first-of-type {\n  margin-right: 0;\n}\n\n@media only screen and (min-width: 600px) {\n  .node-sidebar-active {\n    margin-right: 68px;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .node-sidebar-visible {\n    margin-bottom: 42px;\n  }\n}\n\n.node-sidebar {\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 52px;\n}\n\n.node-sidebar__toolbar {\n  position: fixed;\n  width: 52px;\n  background-color: #ffffff;\n  padding: 8px 0;\n  border-radius: 3px;\n}\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}\n\n.node__label--vertical-alignment {\n  vertical-align: middle;\n  display: inline-block;\n}\n\nnotebook-report {\n  position: absolute;\n  bottom: 0;\n  right: 66px;\n  transition: right 250ms;\n  z-index: 3;\n}\nnotebook-report.report-full {\n  left: 8px;\n  right: 8px;\n  top: 8px;\n  bottom: 8px;\n}\n@media only screen and (min-width: 960px) {\n  notebook-report.notes-visible {\n    right: 474px;\n  }\n}\n\n.notebook-sidebar {\n  width: 270px;\n  max-width: none;\n}\n@media only screen and (min-width: 600px) {\n  .notebook-sidebar {\n    width: 450px;\n  }\n}\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}\n.notification-btn {\n  width: 60px !important;\n}\n.notification-btn md-icon {\n  margin-left: 20px;\n}\n\n.notification-count {\n  border-radius: 50%;\n  position: absolute;\n  background-color: #F05843;\n  width: 22px;\n  top: 12px;\n  left: -18px;\n  height: 22px;\n  line-height: 22px;\n  font-size: 12px;\n  font-weight: 700;\n  border: 2px solid;\n}\n.notification-count:before {\n  content: \"\";\n  position: absolute;\n  right: -7px;\n  top: 6px;\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.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.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}\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,\nmd-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\n.account-menu {\n  border-radius: 4px;\n  padding: 0;\n  font-size: 15px;\n  max-width: 380px;\n}\n@media (min-width: 1280px) {\n  .account-menu {\n    min-width: 380px !important;\n  }\n}\n.account-menu h3 {\n  margin: 0;\n  font-weight: 300;\n}\n.account-menu .mat-mdc-menu-content {\n  padding: 0;\n}\n\n.account-menu--fixed-height {\n  height: 304px;\n}\n\n.account-menu--fixed-width {\n  width: 320px;\n}\n@media (min-width: 960px) {\n  .account-menu--fixed-width {\n    width: 380px;\n  }\n}\n\n.account-menu__icon {\n  background-color: rgb(255, 255, 255);\n  border-radius: 50%;\n}\n\n.account-menu__caret {\n  position: absolute;\n  right: 28px;\n  top: -8px;\n  outline: none;\n}\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\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] .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\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: rgba(0, 0, 0, 0.54);\n}\n\n.account-menu__users {\n  padding: 0;\n}\n.account-menu__users md-list-item {\n  padding: 0;\n}\n.account-menu__users md-list-item .md-avatar {\n  margin: 0 8px 0 0;\n  height: 48px;\n  width: 48px;\n}\n\n.account-menu__actions {\n  background-color: #f7f7f7;\n}\n\n.account-menu__control {\n  padding: 16px;\n}\n\n.annotations {\n  margin: 16px 4px 16px 62px;\n  position: relative;\n  font-size: 15px;\n}\n.annotations hr {\n  margin: 10px 0 8px;\n  border-color: rgba(0, 0, 0, 0.12);\n}\n.annotations:after {\n  content: \"\";\n  position: absolute;\n  width: 0;\n  height: 0;\n  left: -15px;\n  right: auto;\n  top: -1px;\n  bottom: auto;\n  border-top: 20px solid transparent;\n  border-bottom: 20px solid transparent;\n  border-right: 16px solid #757575;\n}\n\n.annotations-container--student--report {\n  border-top: 1px solid #dddddd;\n}\n\n.annotations--report {\n  margin-top: 0;\n  margin-bottom: 0;\n}\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\n.annotations__avatar {\n  background-color: #F05843;\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: 4px;\n  border-bottom-right-radius: 4px;\n  overflow: auto;\n}\n\n.annotations__status {\n  background-color: #ffffff;\n  color: #ef6c00;\n  display: inline-block;\n  margin-left: 8px;\n  font-size: 12px;\n}\n.annotations__status.ng-enter, .annotations__status.ng-leave {\n  transition: all 1s;\n}\n.annotations__status.ng-enter, .annotations__status.ng-leave.ng-leave-active {\n  opacity: 0;\n}\n.annotations__status.ng-leave, .annotations__status.ng-enter.ng-enter-active {\n  opacity: 1;\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: 13px;\n}\n\n.annotations--inside .annotations {\n  margin-left: 72px;\n}\n\n.annotations--info {\n  margin-bottom: 32px;\n  margin-right: 8px;\n  margin-left: 72px;\n}\n@media only screen and (min-width: 600px) {\n  .annotations--info {\n    margin: 16px 16px 32px 76px;\n  }\n}\n.annotations--info:after {\n  border-right: 16px solid #ef6c00;\n}\n.annotations--info .annotations__avatar {\n  background-color: #ffffff;\n}\n.annotations--info .annotations__header {\n  background-color: #ef6c00;\n}\n\n.component {\n  position: relative;\n}\n\n.component__wrapper {\n  padding: 0 24px;\n  margin: 24px 0;\n}\n\n.component__content {\n  overflow-x: auto;\n  font-size: 15px;\n  overflow-y: hidden;\n}\n@media only screen and (min-width: 600px) {\n  .component__content {\n    padding: 0 8px;\n  }\n}\n\nh3.component__header {\n  padding: 8px 12px;\n  margin: 0;\n  font-size: 14px;\n}\n\n.component__rubric {\n  position: absolute;\n  left: -20px;\n  top: 12px;\n}\n\n.notebook-enabled .component_content img {\n  transition: all 250ms;\n  cursor: pointer;\n  cursor: copy;\n}\n.notebook-enabled .component_content img:hover, .notebook-enabled .component_content img:focus {\n  box-shadow: 0 0 5px 1px #F05843;\n}\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\n.component__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54);\n  font-weight: 400;\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: 600px) {\n  .component__attachment {\n    padding-top: 8px;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .component__add-attachment {\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  border-radius: 0;\n  background-color: rgba(255, 255, 255, 0.75) !important;\n}\n\n.component__revision {\n  margin: 8px 0;\n  padding: 8px;\n}\n.component__revision:nth-child(odd) {\n  background-color: #f7f7f7;\n}\n\n.component__revision__content {\n  padding: 4px 0 8px 0;\n  border-bottom: 1px solid #dddddd;\n}\n\n.component__revision__actions {\n  color: #757575;\n  padding-top: 4px;\n}\n\n.embedded-content__iframe {\n  border: 0 none;\n}\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 #eeeeee;\n  border-left-width: 0;\n  border-right-width: 0;\n}\n\n.outside-content iframe {\n  border: 1px solid #eeeeee;\n}\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end;\n}\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\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}\n\n.notebook-toolbar__add-menu {\n  position: absolute;\n  bottom: 40px;\n}\n.notebook-toolbar__add-menu .md-fab-action-item {\n  background-color: #ffffff;\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}\n\nhighchart {\n  display: block;\n}","@use 'sass:map';\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","// 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  @media (min-width: $layout-breakpoint-lg) {\n      width: $layout-breakpoint-lg;\n  }\n}\n\n.l-constrained-md {\n  width: $layout-breakpoint-sm;\n  max-width: 100%;\n}\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","// 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","// 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__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","// 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",".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\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__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","// 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-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.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.node__label--vertical-alignment {\n    vertical-align: middle;\n    display: inline-block;\n}\n","// Variables\n$notebook-sidebar-width: 450px;\n$report-position-right: 66px;\n$report-full-gap: 8px;\n\n// Base\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 + 24;\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",".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    top: 12px;\n    left: -18px;\n    height: 22px;\n    line-height: 22px;\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: 6px;\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    .mat-mdc-menu-content {\n        padding: 0;\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__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: -15px;\n        right: auto;\n        top: -1px;\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 24px;\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 {\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('text-secondary');\n    font-weight: 400;\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    border-radius: 0;\n    background-color: rgba(255, 255, 255, 0.75) !important;\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",".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",".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/assets/wise5/themes/default/style/modules/_node.scss b/src/assets/wise5/themes/default/style/modules/_node.scss
index 9a66b922e2c..a64005f711c 100644
--- a/src/assets/wise5/themes/default/style/modules/_node.scss
+++ b/src/assets/wise5/themes/default/style/modules/_node.scss
@@ -142,32 +142,6 @@ md-content {
     }
 }
 
-.node-content__actions {
-    padding: 0 16px 16px;
-
-    @media only screen and (min-width: $layout-breakpoint-sm) {
-        padding: 0 24px 24px;
-    }
-
-    .md-button:first-child {
-        margin-left: 0;
-    }
-
-    .md-button:last-child {
-        margin-right: 0;
-    }
-}
-
-.node-content__actions__info {
-    font-style: italic;
-    margin-left: 8px;
-    color: color('text-secondary');
-}
-
-.node-content__actions__more {
-    border-bottom: 1px dotted;
-}
-
 .md-button.md-icon-button.node-nav {
     &:not(:first-of-type) {
     }
diff --git a/src/assets/wise5/themes/default/style/monitor.css b/src/assets/wise5/themes/default/style/monitor.css
index a9a13dd5c9a..8480c31035a 100644
--- a/src/assets/wise5/themes/default/style/monitor.css
+++ b/src/assets/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;border:solid #1565c0;border-width:0 0 0 3px;margin:16px 0;padding:8px}.has-indicator:after{background-color:#f05843;border-radius:50%;content:"";padding:5px;position:absolute}.has-indicator--icon-button:after{left:5px;top:25px}.badge{background-color:#aaa;border-radius:4px;font-size:12px;font-style:normal;font-weight:500;padding:2px 6px}.badge.md-button{line-height:inherit;min-height:0;min-width:0}.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-option[selected],md-select-menu.md-default-theme md-option[selected]{background-color:#ecf4fd}.md-autocomplete-suggestions-container li .highlight,.md-autocomplete-suggestions-container.md-default-theme li .highlight{background-color:#ecf4fd;color:#1565c0}.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}}@media (min-width:1920px){.l-constrained{width:1920px}}.l-constrained-md{max-width:100%;width:960px}.l-footer{background-color:#fff;border-top:1px solid #eee;bottom:0;left:0;position:fixed;right:0;z-index:1}.button--footer{display:flex;margin:0;min-width:0;padding-bottom:0;padding-top:0}.button--footer__element{padding-left:8px}.l-header{z-index:3}.l-header .logo{height:36px;margin-left:0!important;vertical-align:middle;width:36px}.l-header .logo-link{display:none;margin-right:12px;min-width:auto;padding:0 4px}@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{left:0;margin:0 auto;padding:8px;position:absolute;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}[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-size:36px;font-weight:300;margin-bottom:0;margin-top:0}@media only screen and (max-width:959px){.content-head h1,.content-head h2,.content-head h3{font-size:32px;text-align:center}.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;vertical-align:bottom;z-index:1}.md-button.status-icon{height:auto;line-height:inherit;margin:0 4px;min-height:0;padding:0;width:auto}.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{background-color:#ef6c00;padding:0 0 0 12px}.help-bubble___title__content .md-icon-button{margin-right:0;padding-bottom:0;padding-top:0}.help-bubble__content{max-height:480px;overflow:auto;padding:8px 12px}.help-bubble__actions{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.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{background-color:#f7f7f7;border:1px solid #ccc;margin-bottom:8px;padding: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{color:rgba(0,0,0,.87);line-height:1.2}.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{word-wrap:none;color:rgba(0,0,0,.54);font-weight:500;overflow:hidden;text-overflow:ellipsis}@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){background-color:#eee;box-shadow:none}.select__header{height:48px}.select__header input{border:0;font-size:14px;font-weight:500;height:100%;outline:none;padding:0 8px;width:100%}.table{margin:8px 0;max-width:100%;min-width:100px;width:auto}.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;font-size:15px;height:32px;min-height:32px;min-width:32px;padding:6px;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{background-color:#fff;border:0;border-collapse:collapse;max-width:100%;overflow:auto}.table--list td,.table--list th{border:0;padding:0 4px}.table--list td{height:56px;min-height:56px}.table--list tr.md-button{display:table-row;font-size:inherit;font-weight:400;text-align:left;text-transform:none;width:auto}.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;height:42px;min-height:42px}.table--list__thead__link{color:#fff;line-height:1.4;margin:0;min-width:0;text-transform:none;white-space:normal;width:100%}.table--list__thead__sort{margin:0}.table--list__thead__sort--reverse{transform:rotate(180deg)}.td--wrap{line-height:1.2;min-width:180px;white-space:normal}@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{font-size:15px;padding:0 8px}.md-toolbar--sidenav{background-color:#333!important}.md-toolbar--sidenav .md-toolbar-tools{font-size:16px;font-weight:500}.toolbar{left:0;position:fixed;right:0;top:52px;z-index:3}.toolbar__title{font-size:16px;font-weight:500;margin-left:8px}.md-button.toolbar__nav,.toolbar__nav{margin:0}.md-button.toolbar__select,.toolbar__select{background-color:#f7f7f7;margin:0 4px;min-height:32px}.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{background-color:#fff;color:rgba(0,0,0,.87)}.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-subheader-content,.list-item--info._md-button-wrap>div.md-button:first-child{border-left:4px solid #ef6c00!important;margin-left:-4px}.list-item--warn .md-subheader-content,.list-item--warn._md-button-wrap>div.md-button:first-child{border-left:4px solid #c62828!important;margin-left:-4px}.list-item--expanded{border-bottom-width:0}.list-item--noclick,.list-item--noclick.md-button{background-color:#f7f7f7;cursor:default}.list-item--actions{padding:0 8px!important}.list-item__subheader-button{line-height:1.4;margin:0;padding:8px 16px;text-align:left;text-transform:none;white-space:normal;width:100%}.user-list{font-size:15px}#nav{position:relative}.nav{margin-bottom:16px}.nav-mask{background-color:rgba(0,0,0,.25);bottom:0;left:0;position:absolute;right:0;top:0;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-left-radius:4px;border-top-right-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%;margin:8px auto;max-height:none!important;max-width:100%}.nav-item--root.expanded:first-of-type{margin-top:0}.nav-item--list__reorder{color:rgba(0,0,0,.26);margin-left:8px}.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-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top:1px solid #ddd;min-height:40px;padding:8px 16px}.nav-item__users{color:#fff;cursor:pointer;height:auto;margin:0;padding:1px 6px}.nav-item__users>md-icon{color:#fff;padding-right:4px}.nav-item__users:focus.success-bg,.nav-item__users:hover.success-bg{background-color:#00c853}.nav-item__title{font-weight:400;line-height:1.2;padding-left:16px}[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}.student-select{padding-bottom:0;padding-top:0}.workgroup-progress{margin-bottom:8px}@media (min-width:960px){.workgroup-progress{margin-bottom:0}}alert-status-corner{position:absolute;right:0;top:0}.menu-progress{position:absolute;right:12px;top:10px}.menu-progress path{stroke:#cad266!important;stroke-width:2px}[dir=rtl] .menu-progress{left:12px;right:auto}.menu-sidenav__item{font-size:14px;font-weight:700}.menu-sidenav__icon{margin-left:12px;margin-right:12px!important;margin-top:12px!important}.active .menu-sidenav__icon,.active .menu-sidenav__item{color:#1565c0}.menu-sidebar{background-color:#fff;border-right:1px solid #ccc;bottom:0;left:0;overflow:hidden;padding:8px 0;position:absolute;text-align:center;top:94px;width:56px}@media only screen and (max-width:599px){.menu-sidebar{display:none}}[dir=rtl] .menu-sidebar{left:auto;right:0}.md-button.md-icon-button.menu-sidebar__link{margin-bottom:6px;margin-top:6px}#node{left:0;margin:0 auto;position:absolute;right:0}@media only screen and (min-width:600px){#node{margin-bottom:32px;padding:24px 16px}}@media only screen and (min-width:960px){#node{padding:32px}}#node.ng-enter{opacity:0;transition:opacity .5s}#node.ng-enter-active{opacity:1}.node-content{background-color:#fff;border-radius:3px;overflow:visible;padding:0 0 48px}@media only screen and (max-width:599px){.node-content{box-shadow:none}}@media only screen and (min-width:600px){.node-content{border-bottom:2px solid;border-top:2px solid;padding:0}}md-content.node-content{background-color:#fff}.node-content__rubric{left:0;position:absolute;right:0;top:-22px;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{font-size:15px;font-weight:500;margin:0 8px;min-width:0}.node-select .md-select-value :first-child{flex:1 0 0;transform:translateZ(0)}.node-select .md-select-value .node-select__icon,.node-select .md-select-value .node-select__status{display:none}.node-select .md-select-icon{color:rgba(0,0,0,.87);margin-left:0}.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{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media only screen and (min-width:600px){.node-select__text{margin-top:2px}}.node-title{line-height:1.2;margin-top:3px;text-transform:none}@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}}.node-content__actions .md-button:first-child{margin-left:0}.node-content__actions .md-button:last-child{margin-right:0}.node-content__actions__info{color:rgba(0,0,0,.54);font-style:italic;margin-left:8px}.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{background-color:#fff;border-radius:3px;padding:8px 0;position:fixed;width:52px}@media only screen and (max-width:599px){.node-sidebar__toolbar{border-radius:0;bottom:0;height:42px;left:0;min-height:0;padding:0;right:0;width:100%}}.node__label--vertical-alignment{display:inline-block;vertical-align:middle}.grading__item-container{margin:0 0 16px;padding:0!important}.grading__item{background-color:#fff}.grading__item .component{padding:0}notebook-report{bottom:0;position:absolute;right:66px;transition:right .25s;z-index:3}notebook-report.report-full{bottom:8px;left:8px;right:8px;top:8px}@media only screen and (min-width:960px){notebook-report.notes-visible{right:474px}}.notebook-sidebar{max-width:none;width:270px}@media only screen and (min-width:600px){.notebook-sidebar{width:450px}}@media only screen and (max-width:599px){.notebook-enabled .md-fab-bottom-left,.notebook-enabled .md-fab-bottom-right{bottom:50px!important}}.notification-btn{width:60px!important}.notification-btn md-icon{margin-left:20px}.notification-count{background-color:#f05843;border:2px solid;border-radius:50%;font-size:12px;font-weight:700;height:22px;left:-18px;line-height:22px;position:absolute;top:12px;width:22px}.notification-count:before{border-bottom:4px solid transparent;border-left:6px solid hsla(0,0%,100%,.87);border-top:4px solid transparent;content:"";position:absolute;right:-7px;top:6px}.notification-list{padding:8px 0}.notification-dismiss{width:500px}.notification-dismiss__input{margin-bottom:0}md-list md-list-item .md-list-item-text h4.notification-list-item__source,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{color:rgba(0,0,0,.54);font-size:12px}md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,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{font-size:18px;line-height:20px;margin-left:-4px;min-width:0;width:auto}.account-menu{border-radius:4px;font-size:15px;max-width:380px;padding:0}@media (min-width:1280px){.account-menu{min-width:380px!important}}.account-menu h3{font-weight:300;margin:0}.account-menu .mat-mdc-menu-content{padding:0}.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{outline:none;position:absolute;right:28px;top:-8px}.account-menu__caret:before{border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent;content:"";position:absolute}.account-menu__caret--notification,.account-menu__caret--pause{right:80px}.account-menu__caret--notification--with-pause{right:132px}[dir=rtl] .account-menu__caret{left:28px;right:auto}[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{color:rgba(0,0,0,.54);font-weight:400}.account-menu__users,.account-menu__users md-list-item{padding:0}.account-menu__users md-list-item .md-avatar{height:48px;margin:0 8px 0 0;width:48px}.account-menu__actions{background-color:#f7f7f7}.account-menu__control{padding:16px}.annotations{font-size:15px;margin:16px 4px 16px 62px;position:relative}.annotations hr{border-color:rgba(0,0,0,.12);margin:10px 0 8px}.annotations:after{border-bottom:20px solid transparent;border-right:16px solid #757575;border-top:20px solid transparent;bottom:auto;content:"";height:0;left:-15px;position:absolute;right:auto;top:-1px;width:0}.annotations-container--student--report{border-top:1px solid #ddd}.annotations--report{margin-bottom:0;margin-top:0}.annotations__header{background-color:#757575;border-top-right-radius:4px;color:#fff;font-weight:700;padding:10px 12px;position:relative;transition:all 1s}.annotations__avatar{background-color:#f05843;left:-62px;padding:2px;position:absolute;top:0}.annotations__icon{color:#fff;transition:all 1s}.annotations__body{background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:auto;padding:12px}.annotations__status{background-color:#fff;color:#ef6c00;display:inline-block;font-size:12px;margin-left:8px}.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{border-bottom:1px dotted;font-size:13px;font-style:italic;opacity:.8}.annotations--inside .annotations{margin-left:72px}.annotations--info{margin-bottom:32px;margin-left:72px;margin-right:8px}@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 .mat-mdc-form-field-subscript-wrapper,.annotations--grading .md-errors-spacer{display:none}.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{font-size:18px;margin-top:0!important;text-align:center;width:52px}.annotations--grading__score .mat-mdc-form-field-infix{width:auto}.annotations--grading__score__label{display:block;margin:0 8px 0 0;padding:0;transform:none!important;width:auto}.annotations--grading__score__max label{display:none}.annotations--grading__score__divider{margin-left:4px;position:relative;top:12px}.annotations--grading__auto-comment{margin:0 2px}.annotations--grading__auto-comment__content{margin-top:8px}.component{position:relative}.component__wrapper{margin:24px 0;padding:0 24px}.component__content{font-size:15px;overflow-x:auto;overflow-y:hidden}@media only screen and (min-width:600px){.component__content{padding:0 8px}}h3.component__header{font-size:14px;margin:0;padding:8px 12px}.component__rubric{left:-20px;position:absolute;top:12px}.notebook-enabled .component_content img{cursor:pointer;cursor:copy;transition:all .25s}.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{color:rgba(0,0,0,.54);font-style:italic;font-weight:400;margin-left:8px}.component__actions__more{border-bottom:1px dotted}.component__prompt{font-weight:500;margin-bottom:8px}.component__prompt__content{display:inline}.component__attachment{margin:0 8px;padding-bottom:8px;position:relative}@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{background-color:hsla(0,0%,100%,.75)!important;border-radius:0;position:absolute;right:0;top:0}.component__revision{margin:8px 0;padding:8px}.component__revision:nth-child(odd){background-color:#f7f7f7}.component__revision__content{border-bottom:1px solid #ddd;padding:4px 0 8px}.component__revision__actions{color:#757575;padding-top:4px}.embedded-content__iframe{border:0}.component--grading{margin:0;padding:0}.component--grading:not(:last-child)>div{border-bottom:1px solid #ddd}.component--grading .component__wrapper{margin:0;padding:0}.component--grading .component__content{margin:0;padding:16px}.component--grading__response__content{white-space:pre-wrap}.component--grading__annotations{background-color:#ecf4fd}.component--grading__annotations__divider{background-color:#fff;padding:4px}.component--grading__actions__info{border-top:1px solid #eee;margin:16px 0 0;padding-top:8px}.graph-select{max-width:200px;min-width:150px}.graph-controls{border-color:#eee;border-style:solid;border-width:1px 0;margin:8px 0;padding:8px 0}.outside-content iframe{border:1px solid #eee}.outside-content__source{margin-top:4px;text-align:end}.outside-content__source a{display:inline-block;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.component-revisions .component{margin:0;padding: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{border-top:1px solid #ddd;margin-top:8px;padding-top:8px}.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{bottom:40px;position:absolute}.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;border:solid #1565c0;border-width:0 0 0 3px;margin:16px 0;padding:8px}.has-indicator:after{background-color:#f05843;border-radius:50%;content:"";padding:5px;position:absolute}.has-indicator--icon-button:after{left:5px;top:25px}.badge{background-color:#aaa;border-radius:4px;font-size:12px;font-style:normal;font-weight:500;padding:2px 6px}.badge.md-button{line-height:inherit;min-height:0;min-width:0}.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-option[selected],md-select-menu.md-default-theme md-option[selected]{background-color:#ecf4fd}.md-autocomplete-suggestions-container li .highlight,.md-autocomplete-suggestions-container.md-default-theme li .highlight{background-color:#ecf4fd;color:#1565c0}.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}}@media (min-width:1920px){.l-constrained{width:1920px}}.l-constrained-md{max-width:100%;width:960px}.l-footer{background-color:#fff;border-top:1px solid #eee;bottom:0;left:0;position:fixed;right:0;z-index:1}.button--footer{display:flex;margin:0;min-width:0;padding-bottom:0;padding-top:0}.button--footer__element{padding-left:8px}.l-header{z-index:3}.l-header .logo{height:36px;margin-left:0!important;vertical-align:middle;width:36px}.l-header .logo-link{display:none;margin-right:12px;min-width:auto;padding:0 4px}@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{left:0;margin:0 auto;padding:8px;position:absolute;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}[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-size:36px;font-weight:300;margin-bottom:0;margin-top:0}@media only screen and (max-width:959px){.content-head h1,.content-head h2,.content-head h3{font-size:32px;text-align:center}.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;vertical-align:bottom;z-index:1}.md-button.status-icon{height:auto;line-height:inherit;margin:0 4px;min-height:0;padding:0;width:auto}.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{background-color:#ef6c00;padding:0 0 0 12px}.help-bubble___title__content .md-icon-button{margin-right:0;padding-bottom:0;padding-top:0}.help-bubble__content{max-height:480px;overflow:auto;padding:8px 12px}.help-bubble__actions{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.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{background-color:#f7f7f7;border:1px solid #ccc;margin-bottom:8px;padding: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{color:rgba(0,0,0,.87);line-height:1.2}.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{word-wrap:none;color:rgba(0,0,0,.54);font-weight:500;overflow:hidden;text-overflow:ellipsis}@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){background-color:#eee;box-shadow:none}.select__header{height:48px}.select__header input{border:0;font-size:14px;font-weight:500;height:100%;outline:none;padding:0 8px;width:100%}.table{margin:8px 0;max-width:100%;min-width:100px;width:auto}.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;font-size:15px;height:32px;min-height:32px;min-width:32px;padding:6px;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{background-color:#fff;border:0;border-collapse:collapse;max-width:100%;overflow:auto}.table--list td,.table--list th{border:0;padding:0 4px}.table--list td{height:56px;min-height:56px}.table--list tr.md-button{display:table-row;font-size:inherit;font-weight:400;text-align:left;text-transform:none;width:auto}.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;height:42px;min-height:42px}.table--list__thead__link{color:#fff;line-height:1.4;margin:0;min-width:0;text-transform:none;white-space:normal;width:100%}.table--list__thead__sort{margin:0}.table--list__thead__sort--reverse{transform:rotate(180deg)}.td--wrap{line-height:1.2;min-width:180px;white-space:normal}@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{font-size:15px;padding:0 8px}.md-toolbar--sidenav{background-color:#333!important}.md-toolbar--sidenav .md-toolbar-tools{font-size:16px;font-weight:500}.toolbar{left:0;position:fixed;right:0;top:52px;z-index:3}.toolbar__title{font-size:16px;font-weight:500;margin-left:8px}.md-button.toolbar__nav,.toolbar__nav{margin:0}.md-button.toolbar__select,.toolbar__select{background-color:#f7f7f7;margin:0 4px;min-height:32px}.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{background-color:#fff;color:rgba(0,0,0,.87)}.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-subheader-content,.list-item--info._md-button-wrap>div.md-button:first-child{border-left:4px solid #ef6c00!important;margin-left:-4px}.list-item--warn .md-subheader-content,.list-item--warn._md-button-wrap>div.md-button:first-child{border-left:4px solid #c62828!important;margin-left:-4px}.list-item--expanded{border-bottom-width:0}.list-item--noclick,.list-item--noclick.md-button{background-color:#f7f7f7;cursor:default}.list-item--actions{padding:0 8px!important}.list-item__subheader-button{line-height:1.4;margin:0;padding:8px 16px;text-align:left;text-transform:none;white-space:normal;width:100%}.user-list{font-size:15px}#nav{position:relative}.nav{margin-bottom:16px}.nav-mask{background-color:rgba(0,0,0,.25);bottom:0;left:0;position:absolute;right:0;top:0;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-left-radius:4px;border-top-right-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%;margin:8px auto;max-height:none!important;max-width:100%}.nav-item--root.expanded:first-of-type{margin-top:0}.nav-item--list__reorder{color:rgba(0,0,0,.26);margin-left:8px}.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-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top:1px solid #ddd;min-height:40px;padding:8px 16px}.nav-item__users{color:#fff;cursor:pointer;height:auto;margin:0;padding:1px 6px}.nav-item__users>md-icon{color:#fff;padding-right:4px}.nav-item__users:focus.success-bg,.nav-item__users:hover.success-bg{background-color:#00c853}.nav-item__title{font-weight:400;line-height:1.2;padding-left:16px}[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}.student-select{padding-bottom:0;padding-top:0}.workgroup-progress{margin-bottom:8px}@media (min-width:960px){.workgroup-progress{margin-bottom:0}}alert-status-corner{position:absolute;right:0;top:0}.menu-progress{position:absolute;right:12px;top:10px}.menu-progress path{stroke:#cad266!important;stroke-width:2px}[dir=rtl] .menu-progress{left:12px;right:auto}.menu-sidenav__item{font-size:14px;font-weight:700}.menu-sidenav__icon{margin-left:12px;margin-right:12px!important;margin-top:12px!important}.active .menu-sidenav__icon,.active .menu-sidenav__item{color:#1565c0}.menu-sidebar{background-color:#fff;border-right:1px solid #ccc;bottom:0;left:0;overflow:hidden;padding:8px 0;position:absolute;text-align:center;top:94px;width:56px}@media only screen and (max-width:599px){.menu-sidebar{display:none}}[dir=rtl] .menu-sidebar{left:auto;right:0}.md-button.md-icon-button.menu-sidebar__link{margin-bottom:6px;margin-top:6px}#node{left:0;margin:0 auto;position:absolute;right:0}@media only screen and (min-width:600px){#node{margin-bottom:32px;padding:24px 16px}}@media only screen and (min-width:960px){#node{padding:32px}}#node.ng-enter{opacity:0;transition:opacity .5s}#node.ng-enter-active{opacity:1}.node-content{background-color:#fff;border-radius:3px;overflow:visible;padding:0 0 48px}@media only screen and (max-width:599px){.node-content{box-shadow:none}}@media only screen and (min-width:600px){.node-content{border-bottom:2px solid;border-top:2px solid;padding:0}}md-content.node-content{background-color:#fff}.node-content__rubric{left:0;position:absolute;right:0;top:-22px;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{font-size:15px;font-weight:500;margin:0 8px;min-width:0}.node-select .md-select-value :first-child{flex:1 0 0;transform:translateZ(0)}.node-select .md-select-value .node-select__icon,.node-select .md-select-value .node-select__status{display:none}.node-select .md-select-icon{color:rgba(0,0,0,.87);margin-left:0}.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{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media only screen and (min-width:600px){.node-select__text{margin-top:2px}}.node-title{line-height:1.2;margin-top:3px;text-transform:none}@media only screen and (max-width:599px){.node-title{font-size:15px}}.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{background-color:#fff;border-radius:3px;padding:8px 0;position:fixed;width:52px}@media only screen and (max-width:599px){.node-sidebar__toolbar{border-radius:0;bottom:0;height:42px;left:0;min-height:0;padding:0;right:0;width:100%}}.node__label--vertical-alignment{display:inline-block;vertical-align:middle}.grading__item-container{margin:0 0 16px;padding:0!important}.grading__item{background-color:#fff}.grading__item .component{padding:0}notebook-report{bottom:0;position:absolute;right:66px;transition:right .25s;z-index:3}notebook-report.report-full{bottom:8px;left:8px;right:8px;top:8px}@media only screen and (min-width:960px){notebook-report.notes-visible{right:474px}}.notebook-sidebar{max-width:none;width:270px}@media only screen and (min-width:600px){.notebook-sidebar{width:450px}}@media only screen and (max-width:599px){.notebook-enabled .md-fab-bottom-left,.notebook-enabled .md-fab-bottom-right{bottom:50px!important}}.notification-btn{width:60px!important}.notification-btn md-icon{margin-left:20px}.notification-count{background-color:#f05843;border:2px solid;border-radius:50%;font-size:12px;font-weight:700;height:22px;left:-18px;line-height:22px;position:absolute;top:12px;width:22px}.notification-count:before{border-bottom:4px solid transparent;border-left:6px solid hsla(0,0%,100%,.87);border-top:4px solid transparent;content:"";position:absolute;right:-7px;top:6px}.notification-list{padding:8px 0}.notification-dismiss{width:500px}.notification-dismiss__input{margin-bottom:0}md-list md-list-item .md-list-item-text h4.notification-list-item__source,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{color:rgba(0,0,0,.54);font-size:12px}md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,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{font-size:18px;line-height:20px;margin-left:-4px;min-width:0;width:auto}.account-menu{border-radius:4px;font-size:15px;max-width:380px;padding:0}@media (min-width:1280px){.account-menu{min-width:380px!important}}.account-menu h3{font-weight:300;margin:0}.account-menu .mat-mdc-menu-content{padding:0}.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{outline:none;position:absolute;right:28px;top:-8px}.account-menu__caret:before{border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent;content:"";position:absolute}.account-menu__caret--notification,.account-menu__caret--pause{right:80px}.account-menu__caret--notification--with-pause{right:132px}[dir=rtl] .account-menu__caret{left:28px;right:auto}[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{color:rgba(0,0,0,.54);font-weight:400}.account-menu__users,.account-menu__users md-list-item{padding:0}.account-menu__users md-list-item .md-avatar{height:48px;margin:0 8px 0 0;width:48px}.account-menu__actions{background-color:#f7f7f7}.account-menu__control{padding:16px}.annotations{font-size:15px;margin:16px 4px 16px 62px;position:relative}.annotations hr{border-color:rgba(0,0,0,.12);margin:10px 0 8px}.annotations:after{border-bottom:20px solid transparent;border-right:16px solid #757575;border-top:20px solid transparent;bottom:auto;content:"";height:0;left:-15px;position:absolute;right:auto;top:-1px;width:0}.annotations-container--student--report{border-top:1px solid #ddd}.annotations--report{margin-bottom:0;margin-top:0}.annotations__header{background-color:#757575;border-top-right-radius:4px;color:#fff;font-weight:700;padding:10px 12px;position:relative;transition:all 1s}.annotations__avatar{background-color:#f05843;left:-62px;padding:2px;position:absolute;top:0}.annotations__icon{color:#fff;transition:all 1s}.annotations__body{background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:auto;padding:12px}.annotations__status{background-color:#fff;color:#ef6c00;display:inline-block;font-size:12px;margin-left:8px}.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{border-bottom:1px dotted;font-size:13px;font-style:italic;opacity:.8}.annotations--inside .annotations{margin-left:72px}.annotations--info{margin-bottom:32px;margin-left:72px;margin-right:8px}@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 .mat-mdc-form-field-subscript-wrapper,.annotations--grading .md-errors-spacer{display:none}.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{font-size:18px;margin-top:0!important;text-align:center;width:52px}.annotations--grading__score .mat-mdc-form-field-infix{width:auto}.annotations--grading__score__label{display:block;margin:0 8px 0 0;padding:0;transform:none!important;width:auto}.annotations--grading__score__max label{display:none}.annotations--grading__score__divider{margin-left:4px;position:relative;top:12px}.annotations--grading__auto-comment{margin:0 2px}.annotations--grading__auto-comment__content{margin-top:8px}.component{position:relative}.component__wrapper{margin:24px 0;padding:0 24px}.component__content{font-size:15px;overflow-x:auto;overflow-y:hidden}@media only screen and (min-width:600px){.component__content{padding:0 8px}}h3.component__header{font-size:14px;margin:0;padding:8px 12px}.component__rubric{left:-20px;position:absolute;top:12px}.notebook-enabled .component_content img{cursor:pointer;cursor:copy;transition:all .25s}.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{color:rgba(0,0,0,.54);font-style:italic;font-weight:400;margin-left:8px}.component__actions__more{border-bottom:1px dotted}.component__prompt{font-weight:500;margin-bottom:8px}.component__prompt__content{display:inline}.component__attachment{margin:0 8px;padding-bottom:8px;position:relative}@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{background-color:hsla(0,0%,100%,.75)!important;border-radius:0;position:absolute;right:0;top:0}.component__revision{margin:8px 0;padding:8px}.component__revision:nth-child(odd){background-color:#f7f7f7}.component__revision__content{border-bottom:1px solid #ddd;padding:4px 0 8px}.component__revision__actions{color:#757575;padding-top:4px}.embedded-content__iframe{border:0}.component--grading{margin:0;padding:0}.component--grading:not(:last-child)>div{border-bottom:1px solid #ddd}.component--grading .component__wrapper{margin:0;padding:0}.component--grading .component__content{margin:0;padding:16px}.component--grading__response__content{white-space:pre-wrap}.component--grading__annotations{background-color:#ecf4fd}.component--grading__annotations__divider{background-color:#fff;padding:4px}.component--grading__actions__info{border-top:1px solid #eee;margin:16px 0 0;padding-top:8px}.graph-select{max-width:200px;min-width:150px}.graph-controls{border-color:#eee;border-style:solid;border-width:1px 0;margin:8px 0;padding:8px 0}.outside-content iframe{border:1px solid #eee}.outside-content__source{margin-top:4px;text-align:end}.outside-content__source a{display:inline-block;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.component-revisions .component{margin:0;padding: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{border-top:1px solid #ddd;margin-top:8px;padding-top:8px}.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{bottom:40px;position:absolute}.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/assets/wise5/themes/default/style/monitor.css.map b/src/assets/wise5/themes/default/style/monitor.css.map
index 30ccf37fde2..c766025dd76 100644
--- a/src/assets/wise5/themes/default/style/monitor.css.map
+++ b/src/assets/wise5/themes/default/style/monitor.css.map
@@ -1 +1 @@
-{"version":3,"sources":["src/assets/wise5/themes/default/style/base/_presets.scss","src/assets/wise5/themes/default/style/monitor.css","src/assets/wise5/themes/default/style/base/_config.scss","src/assets/wise5/themes/default/style/layouts/_l-default.scss","src/assets/wise5/themes/default/style/layouts/_l-footer.scss","src/assets/wise5/themes/default/style/layouts/_l-header.scss","src/assets/wise5/themes/default/style/layouts/_l-main.scss","src/assets/wise5/themes/default/style/layouts/_l-notebook.scss","src/assets/wise5/themes/default/style/layouts/_l-nav.scss","src/assets/wise5/themes/default/style/layouts/_l-sidebar.scss","src/assets/wise5/themes/default/style/modules/_alerts.scss","src/assets/wise5/themes/default/style/modules/_dialog.scss","src/assets/wise5/themes/default/style/modules/_help.scss","src/assets/wise5/themes/default/style/modules/_inputs.scss","src/assets/wise5/themes/default/style/modules/_table.scss","src/assets/wise5/themes/default/style/modules/_toolbar.scss","src/assets/wise5/themes/default/style/material/_config.scss","src/assets/wise5/themes/default/style/modules/_list.scss","src/assets/wise5/themes/default/style/modules/_nav.scss","src/assets/wise5/themes/default/style/modules/_nav--grading.scss","src/assets/wise5/themes/default/style/modules/_menu.scss","src/assets/wise5/themes/default/style/modules/_node.scss","src/assets/wise5/themes/default/style/modules/_grading.scss","src/assets/wise5/themes/default/style/modules/_notebook.scss","src/assets/wise5/themes/default/style/modules/_notifications.scss","src/assets/wise5/themes/default/style/modules/_account-menu.scss","src/assets/wise5/themes/default/style/modules/_annotations.scss","src/assets/wise5/themes/default/style/modules/_annotations--grading.scss","src/assets/wise5/themes/default/style/modules/_component.scss","src/assets/wise5/themes/default/style/modules/_component--embedded.scss","src/assets/wise5/themes/default/style/modules/_component--grading.scss","src/assets/wise5/themes/default/style/modules/_component--graph.scss","src/assets/wise5/themes/default/style/modules/_component--outside.scss","src/assets/wise5/themes/default/style/modules/_component--revisions.scss","src/assets/wise5/themes/default/style/modules/_notebook-toolbar.scss","src/assets/wise5/themes/default/style/modules/_highcharts.scss"],"names":[],"mappings":"AAIA,KACE,eCAF,CDEE,SACI,eCAN,CDKI,gBACI,aCFR,CDMA,WACE,wBAAA,CAKA,oBAAA,CAAA,sBAAA,CAHA,aAAA,CADA,WCCF,CDOI,qBAKI,wBAAA,CAFA,iBAAA,CAFA,UAAA,CAGA,WAAA,CAFA,iBCDR,CDSI,kCAEI,QAAA,CADA,QCLR,CDWA,OAMI,qBAAA,CALA,iBEUiB,CFRjB,cAAA,CAEA,iBAAA,CADA,eAAA,CAFA,eCJJ,CDUI,iBAGI,mBAAA,CADA,YAAA,CADA,WCNR,CDUQ,8CACI,qBCRZ,CDWQ,uBACI,uBCTZ,CDcA,aACI,wBAAA,CACA,UCXJ,CDcA,aACI,wBAAA,CACA,UCXJ,CDcA,gBACI,wBAAA,CACA,UCXJ,CDeA,qBACI,aCZJ,CDeA,iBACI,uBCZJ,CDgBA,EACE,aAAA,CACA,cCbF,CDgBA,QACI,kCAAA,CACA,qBCbJ,CDiBA,QACE,iBAAA,CACA,sBCdF,CDiBA,gBACE,iBCdF,CDmBE,cACE,WAAA,CACA,UChBJ,CDkBE,cACE,WAAA,CACA,UChBJ,CDkBE,cACE,WAAA,CACA,UChBJ,CDkBE,cACE,WAAA,CACA,UChBJ,CDqBA,cACE,qBAAA,CACA,4BClBF,CDoBE,8BACI,WClBN,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDwBE,wDACE,qBCrBJ,CDyBI,4EACE,qBCvBN,CD8BE,mDACE,uBC3BJ,CD6BE,mDACE,uBC3BJ,CD6BE,6CACE,uBC3BJ,CD6BE,6CACE,uBC3BJ,CD6BE,iDACE,uBC3BJ,CD6BE,qDACE,uBC3BJ,CD6BE,qDACE,uBC3BJ,CDgCA,uCACE,qBC7BF,CDgCA,uFACE,wBC7BF,CDgCA,2HAGE,wBAAA,CADA,aC5BF,CDmCI,SACE,aChCN,CD+BI,QACE,aC5BN,CD2BI,UACE,aCxBN,CDuBI,UACE,aCpBN,CDmBI,MACE,aChBN,CDeI,MACE,aCZN,CDWI,SACE,aCRN,CDOI,SACE,qBCJN,CDGI,eACE,aCAN,CDDI,cACE,UCIN,CDLI,YACE,UCQN,CDTI,MACE,UCYN,CDbI,WACE,UCgBN,CDjBI,aACE,aCoBN,CDrBI,cACE,UCwBN,CDzBI,MACE,qBC4BN,CD7BI,gBACE,qBCgCN,CDjCI,eACE,qBCoCN,CDrCI,YACE,UCwCN,CDzCI,sBACE,wBC4CN,CD7CI,qBACE,wBCgDN,CDjDI,aACE,aCoDN,CDrDI,OACE,aCwDN,CDzDI,MACE,qBC4DN,CD7DI,SACE,UCgEN,CD1DI,YACE,wBC6DN,CD9DI,WACE,wBCiEN,CDlEI,aACE,wBCqEN,CDtEI,aACE,wBCyEN,CD1EI,SACE,wBC6EN,CD9EI,SACE,wBCiFN,CDlFI,YACE,wBCqFN,CDtFI,YACE,gCCyFN,CD1FI,kBACE,wBC6FN,CD9FI,iBACE,qBCiGN,CDlGI,eACE,qBCqGN,CDtGI,SACE,qBCyGN,CD1GI,cACE,qBC6GN,CD9GI,gBACE,wBCiHN,CDlHI,iBACE,qBCqHN,CDtHI,SACE,gCCyHN,CD1HI,mBACE,gCC6HN,CD9HI,kBACE,gCCiIN,CDlII,eACE,qBCqIN,CDtII,yBACE,mCCyIN,CD1II,wBACE,mCC6IN,CD9II,gBACE,wBCiJN,CDlJI,UACE,wBCqJN,CDtJI,SACE,gCCyJN,CD1JI,YACE,qBC6JN,CDtJQ,kCACI,cCyJZ,CD1JQ,iCACI,cC6JZ,CD9JQ,mCACI,cCiKZ,CDlKQ,mCACI,cCqKZ,CDtKQ,+BACI,cCyKZ,CD1KQ,+BACI,cC6KZ,CD9KQ,kCACI,cCiLZ,CDlLQ,kCACI,sBCqLZ,CDtLQ,wCACI,cCyLZ,CD1LQ,uCACI,WC6LZ,CD9LQ,qCACI,WCiMZ,CDlMQ,+BACI,WCqMZ,CDtMQ,oCACI,WCyMZ,CD1MQ,sCACI,cC6MZ,CD9MQ,uCACI,WCiNZ,CDlNQ,+BACI,sBCqNZ,CDtNQ,yCACI,sBCyNZ,CD1NQ,wCACI,sBC6NZ,CD9NQ,qCACI,WCiOZ,CDlOQ,+CACI,yBCqOZ,CDtOQ,8CACI,yBCyOZ,CD1OQ,sCACI,cC6OZ,CD9OQ,gCACI,cCiPZ,CDlPQ,+BACI,sBCqPZ,CDtPQ,kCACI,WCyPZ,CE7dA,eACE,gBAAA,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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","/*\n WISE Project Styles\n */\nbody {\n  background: #eeeeee;\n}\nbody.vle {\n  overflow: hidden;\n}\n\na:hover, a:focus {\n  color: #1565c0;\n}\n\nblockquote {\n  background-color: rgb(244.723943662, 249.0056338028, 253.876056338);\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: #1565c0;\n  border-width: 0 0 0 3px;\n}\n\n.has-indicator:after {\n  content: \"\";\n  position: absolute;\n  border-radius: 50%;\n  padding: 5px;\n  background-color: #F05843;\n}\n\n.has-indicator--icon-button:after {\n  top: 25px;\n  left: 5px;\n}\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}\n.badge.md-button {\n  min-width: 0;\n  min-height: 0;\n  line-height: inherit;\n}\n.badge.md-button:hover, .badge.md-button:focus {\n  background-color: #aaaaaa;\n}\n.badge.md-button:focus {\n  outline: 1px dotted #aaaaaa;\n}\n\n.badge--info {\n  background-color: #ef6c00;\n  color: #ffffff;\n}\n\n.badge--warn {\n  background-color: #c62828;\n  color: #ffffff;\n}\n\n.badge--success {\n  background-color: #00C853;\n  color: #ffffff;\n}\n\n.divider--withmargin {\n  margin: 16px 0;\n}\n\n.divider--dashed {\n  border-top-style: dashed;\n}\n\na {\n  color: #1565c0;\n  cursor: pointer;\n}\n\n.active {\n  background-color: rgba(158, 158, 158, 0.2);\n  color: rgba(0, 0, 0, 0.87);\n}\n\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box;\n}\n\n.avatar--square {\n  border-radius: 4px;\n}\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\n.avatar--icon {\n  background-color: #dddddd;\n  white-space: normal !important;\n}\n.avatar--icon:not(.md-avatar) {\n  padding: 6px;\n}\n.avatar--icon.md-18 {\n  height: 18px;\n  width: 18px;\n}\n.avatar--icon.md-24 {\n  height: 24px;\n  width: 24px;\n}\n.avatar--icon.md-36 {\n  height: 36px;\n  width: 36px;\n}\n.avatar--icon.md-48 {\n  height: 48px;\n  width: 48px;\n}\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}\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}\n\nmd-input-container.md-wise-theme label {\n  color: rgba(0, 0, 0, 0.87);\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: rgb(235.5295774648, 243.6422535211, 252.8704225352);\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: #1565c0;\n  background-color: rgb(235.5295774648, 243.6422535211, 252.8704225352);\n}\n\n.primary {\n  color: #1565c0;\n}\n\n.accent {\n  color: #F05843;\n}\n\n.accent-1 {\n  color: #795C3A;\n}\n\n.accent-2 {\n  color: #CAD266;\n}\n\n.warn {\n  color: #c62828;\n}\n\n.info {\n  color: #ef6c00;\n}\n\n.success {\n  color: #00C853;\n}\n\n.divider {\n  color: rgba(0, 0, 0, 0.12);\n}\n\n.gray-lightest {\n  color: #f7f7f7;\n}\n\n.gray-lighter {\n  color: #eeeeee;\n}\n\n.gray-light {\n  color: #dddddd;\n}\n\n.gray {\n  color: #cccccc;\n}\n\n.gray-dark {\n  color: #aaaaaa;\n}\n\n.gray-darker {\n  color: #757575;\n}\n\n.gray-darkest {\n  color: #333333;\n}\n\n.text {\n  color: rgba(0, 0, 0, 0.87);\n}\n\n.text-secondary {\n  color: rgba(0, 0, 0, 0.54);\n}\n\n.text-disabled {\n  color: rgba(0, 0, 0, 0.26);\n}\n\n.text-light {\n  color: rgb(255, 255, 255);\n}\n\n.text-light-secondary {\n  color: rgba(255, 255, 255, 0.7);\n}\n\n.text-light-disabled {\n  color: rgba(255, 255, 255, 0.5);\n}\n\n.selected-bg {\n  color: rgb(235.5295774648, 243.6422535211, 252.8704225352);\n}\n\n.score {\n  color: #FFC107;\n}\n\n.body {\n  color: rgba(0, 0, 0, 0.87);\n}\n\n.body-bg {\n  color: #eeeeee;\n}\n\n.primary-bg {\n  background-color: #1565c0;\n}\n\n.accent-bg {\n  background-color: #F05843;\n}\n\n.accent-1-bg {\n  background-color: #795C3A;\n}\n\n.accent-2-bg {\n  background-color: #CAD266;\n}\n\n.warn-bg {\n  background-color: #c62828;\n}\n\n.info-bg {\n  background-color: #ef6c00;\n}\n\n.success-bg {\n  background-color: #00C853;\n}\n\n.divider-bg {\n  background-color: rgba(0, 0, 0, 0.12);\n}\n\n.gray-lightest-bg {\n  background-color: #f7f7f7;\n}\n\n.gray-lighter-bg {\n  background-color: #eeeeee;\n}\n\n.gray-light-bg {\n  background-color: #dddddd;\n}\n\n.gray-bg {\n  background-color: #cccccc;\n}\n\n.gray-dark-bg {\n  background-color: #aaaaaa;\n}\n\n.gray-darker-bg {\n  background-color: #757575;\n}\n\n.gray-darkest-bg {\n  background-color: #333333;\n}\n\n.text-bg {\n  background-color: rgba(0, 0, 0, 0.87);\n}\n\n.text-secondary-bg {\n  background-color: rgba(0, 0, 0, 0.54);\n}\n\n.text-disabled-bg {\n  background-color: rgba(0, 0, 0, 0.26);\n}\n\n.text-light-bg {\n  background-color: rgb(255, 255, 255);\n}\n\n.text-light-secondary-bg {\n  background-color: rgba(255, 255, 255, 0.7);\n}\n\n.text-light-disabled-bg {\n  background-color: rgba(255, 255, 255, 0.5);\n}\n\n.selected-bg-bg {\n  background-color: rgb(235.5295774648, 243.6422535211, 252.8704225352);\n}\n\n.score-bg {\n  background-color: #FFC107;\n}\n\n.body-bg {\n  background-color: rgba(0, 0, 0, 0.87);\n}\n\n.body-bg-bg {\n  background-color: #eeeeee;\n}\n\nmd-progress-circular.primary path {\n  stroke: #1565c0;\n}\n\nmd-progress-circular.accent path {\n  stroke: #F05843;\n}\n\nmd-progress-circular.accent-1 path {\n  stroke: #795C3A;\n}\n\nmd-progress-circular.accent-2 path {\n  stroke: #CAD266;\n}\n\nmd-progress-circular.warn path {\n  stroke: #c62828;\n}\n\nmd-progress-circular.info path {\n  stroke: #ef6c00;\n}\n\nmd-progress-circular.success path {\n  stroke: #00C853;\n}\n\nmd-progress-circular.divider path {\n  stroke: rgba(0, 0, 0, 0.12);\n}\n\nmd-progress-circular.gray-lightest path {\n  stroke: #f7f7f7;\n}\n\nmd-progress-circular.gray-lighter path {\n  stroke: #eeeeee;\n}\n\nmd-progress-circular.gray-light path {\n  stroke: #dddddd;\n}\n\nmd-progress-circular.gray path {\n  stroke: #cccccc;\n}\n\nmd-progress-circular.gray-dark path {\n  stroke: #aaaaaa;\n}\n\nmd-progress-circular.gray-darker path {\n  stroke: #757575;\n}\n\nmd-progress-circular.gray-darkest path {\n  stroke: #333333;\n}\n\nmd-progress-circular.text path {\n  stroke: rgba(0, 0, 0, 0.87);\n}\n\nmd-progress-circular.text-secondary path {\n  stroke: rgba(0, 0, 0, 0.54);\n}\n\nmd-progress-circular.text-disabled path {\n  stroke: rgba(0, 0, 0, 0.26);\n}\n\nmd-progress-circular.text-light path {\n  stroke: rgb(255, 255, 255);\n}\n\nmd-progress-circular.text-light-secondary path {\n  stroke: rgba(255, 255, 255, 0.7);\n}\n\nmd-progress-circular.text-light-disabled path {\n  stroke: rgba(255, 255, 255, 0.5);\n}\n\nmd-progress-circular.selected-bg path {\n  stroke: rgb(235.5295774648, 243.6422535211, 252.8704225352);\n}\n\nmd-progress-circular.score path {\n  stroke: #FFC107;\n}\n\nmd-progress-circular.body path {\n  stroke: rgba(0, 0, 0, 0.87);\n}\n\nmd-progress-circular.body-bg path {\n  stroke: #eeeeee;\n}\n\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative;\n}\n@media (min-width: 600px) {\n  .l-constrained {\n    width: 1280px;\n  }\n}\n@media (min-width: 1920px) {\n  .l-constrained {\n    width: 1920px;\n  }\n}\n\n.l-constrained-md {\n  width: 960px;\n  max-width: 100%;\n}\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\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\n.l-header {\n  z-index: 3;\n}\n.l-header .logo {\n  margin-left: 0 !important;\n  height: 36px;\n  width: 36px;\n  vertical-align: middle;\n}\n.l-header .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: 600px) {\n  .l-header .logo-link {\n    display: block;\n  }\n}\n.l-header .logo-link:hover, .l-header .logo-link:focus {\n  border: 0 none;\n}\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}\n\n.l-main {\n  background-color: #eeeeee;\n}\n\n.l-main--with-toolbar {\n  margin-top: 42px;\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: 960px) {\n  .view-content {\n    padding: 16px;\n  }\n}\n.view-content.ng-enter {\n  opacity: 0;\n}\n.view-content .ng-enter-active {\n  opacity: 1;\n  transition-delay: 250ms;\n}\n.view-content.ng-leave-active, .view-content.ng-hide {\n  opacity: 0;\n}\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\n.view-content--with-sidemenu {\n  padding: 8px;\n}\n@media only screen and (min-width: 600px) {\n  .view-content--with-sidemenu {\n    margin-left: 54px;\n    padding: 16px;\n  }\n}\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}\n\n.content-head {\n  margin: 8px 0;\n}\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}\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}\n\n@media only screen and (max-width: 959px) {\n  .content-head__more {\n    margin-top: 8px;\n  }\n}\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px;\n}\n.content-head__item .md-subhead,\nh2.content-head__item .md-subhead {\n  padding-left: 4px;\n}\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  }\n}\n.content-head__item md-icon,\nh2.content-head__item md-icon {\n  vertical-align: text-bottom;\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px;\n}\n\n.l-nav {\n  background-color: #eeeeee !important;\n}\n\n.l-notebook {\n  margin-top: 42px;\n  background-color: #eeeeee !important;\n}\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: #795C3A !important;\n}\n.l-sidebar__header md-select {\n  color: rgba(0, 0, 0, 0.87);\n}\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\nmd-dialog {\n  width: 600px;\n}\n\n.dialog--wide {\n  width: 960px;\n}\n\n.dialog--wider {\n  width: 1280px;\n}\n\n.help-bubble {\n  border-radius: 4px;\n  max-width: 320px;\n}\n@media (min-width: 600px) {\n  .help-bubble {\n    max-width: 552px;\n  }\n}\n@media (min-width: 960px) {\n  .help-bubble {\n    max-width: 912px;\n  }\n}\n@media (min-width: 1280px) {\n  .help-bubble {\n    max-width: 1232px;\n  }\n}\n\n.help-bubble__title {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n}\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}\n.help-bubble___title__content .md-icon-button {\n  margin-right: 0;\n  padding-top: 0;\n  padding-bottom: 0;\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: 4px;\n  border-bottom-right-radius: 4px;\n}\n\n.input-container {\n  padding-top: 12px;\n}\n\n.input-container--component {\n  margin-bottom: 0;\n}\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\n.input-wrapper {\n  position: relative;\n}\n\n.input-wrapper--focused .input--textarea__action md-icon {\n  color: #1565c0;\n}\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}\n.input--textarea:focus, .input-container textarea.input--textarea:focus {\n  background-color: #ffffff;\n}\n.input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n  color: rgba(0, 0, 0, 0.54);\n}\n\n.input-container textarea.input--textarea {\n  width: 100%;\n}\n\n.input--textarea--disabled {\n  color: rgba(0, 0, 0, 0.54);\n}\n\n.input--textarea__action {\n  position: absolute;\n  right: -4px;\n}\n.input--textarea__action[disabled] md-icon {\n  color: rgba(0, 0, 0, 0.26) !important;\n}\n\n.input--textarea__action--notebook {\n  top: 6px;\n}\n.input-wrapper--richtext .input--textarea__action--notebook {\n  top: -7px;\n}\n\n.input--textarea__action--revision {\n  bottom: 6px;\n}\n.input-wrapper--richtext .input--textarea__action--revision {\n  bottom: -5px;\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: rgba(0, 0, 0, 0.87);\n}\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\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\n@media only screen and (min-width: 600px) {\n  .autocomplete--minwidth {\n    min-width: 300px;\n  }\n}\n@media only screen and (min-width: 960px) {\n  .autocomplete--minwidth {\n    min-width: 300px;\n  }\n}\n\n.autocomplete--flat md-autocomplete-wrap {\n  background-color: #ffffff;\n}\n.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n  box-shadow: none;\n  background-color: #eeeeee;\n}\n\n.select__header {\n  height: 48px;\n}\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\n.table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0;\n}\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}\n.table td.inactive,\n.table th {\n  background-color: #f7f7f7;\n  opacity: 1;\n  visibility: visible;\n}\n.table md-input-container {\n  margin: 0;\n}\n.table .md-errors-spacer {\n  display: none;\n}\n\n.table--student td.inactive {\n  padding: 8px 10px;\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.table--list th,\n.table--list td {\n  padding: 0 4px;\n  border: 0 none;\n}\n.table--list td {\n  min-height: 56px;\n  height: 56px;\n}\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\n.table--list__wrap {\n  min-width: 600px;\n}\n\n@media only screen and (max-width: 959px) {\n  .table-wrap-sticky {\n    overflow-x: auto;\n  }\n}\n\n.table--list__thead {\n  font-size: 14px;\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: #757575;\n  color: rgb(255, 255, 255);\n  min-height: 42px;\n  height: 42px;\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@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}\n\n.md-toolbar-tools {\n  font-size: 18px;\n}\n.md-toolbar-tools .autocomplete {\n  height: 36px;\n}\n.md-toolbar-tools .autocomplete md-autocomplete-wrap {\n  height: 36px;\n}\n.md-toolbar-tools .autocomplete input {\n  height: 36px;\n}\n\n.md-toolbar--wise {\n  min-height: 42px;\n}\n.md-toolbar--wise .md-toolbar-tools {\n  height: 42px;\n  max-height: 42px;\n}\n.md-toolbar--wise .md-button.md-icon-button {\n  height: 42px;\n  line-height: 42px;\n  width: 42px;\n}\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n  padding: 0 8px;\n  font-size: 15px;\n}\n\n.md-toolbar--sidenav {\n  background-color: #333333 !important;\n}\n.md-toolbar--sidenav .md-toolbar-tools {\n  font-size: 16px;\n  font-weight: 500;\n}\n\n.toolbar {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 52px;\n  z-index: 3;\n}\n\n.toolbar__title {\n  margin-left: 8px;\n  font-size: 16px;\n  font-weight: 500;\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: #f7f7f7;\n}\n.toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n  height: 32px;\n  text-align: left;\n}\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n  text-align: right;\n}\n\n.toolbar__select--fixedwidth {\n  width: 168px;\n}\n@media only screen and (min-width: 600px) {\n  .toolbar__select--fixedwidth {\n    width: 264px;\n  }\n}\n@media only screen and (min-width: 960px) {\n  .toolbar__select--fixedwidth {\n    width: 432px;\n  }\n}\n\n.list-item {\n  background-color: #ffffff;\n  border-bottom: 1px solid #eeeeee;\n}\n.list-item .md-subheader, .list-item.md-subheader {\n  color: rgba(0, 0, 0, 0.87);\n  background-color: #ffffff;\n}\n.list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n  vertical-align: middle;\n}\n.list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n  padding: 0;\n}\n.list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n  margin-right: 8px;\n}\n.list-item .autocomplete {\n  margin: 8px 0;\n}\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\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\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: #f7f7f7;\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: 15px;\n}\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.nav-mask.ng-hide {\n  opacity: 0;\n}\n\n.nav-head {\n  color: rgba(0, 0, 0, 0.54);\n  font-weight: 500;\n}\n.nav-head md-icon {\n  line-height: 20px;\n}\n\n.nav-contents--root {\n  padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n  background-color: #dddddd;\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: 600px) {\n  .nav-contents__list {\n    padding: 8px;\n  }\n}\n\n.nav-item {\n  transition: opacity 250ms ease-in-out;\n}\n.nav-item.prev md-list-item {\n  background-color: rgb(235.5295774648, 243.6422535211, 252.8704225352);\n  /*&._md-button-wrap>div.md-button:first-child {\n      border-left: 4px solid color('primary');\n      margin-left: -4px;\n  }*/\n}\n\n.nav-item--card__content {\n  border-top-right-radius: 4px;\n  border-top-left-radius: 4px;\n}\n.nav-item--card__content:focus {\n  outline: none;\n}\n.nav-item--card__content:focus .nav-item__title > span {\n  border-bottom: 1px dashed #cccccc;\n}\n\n.nav-item--root {\n  transition: margin 250ms, box-shadow 500ms;\n}\n.nav-item--root.expanded {\n  flex-basis: 100%;\n  max-width: 100%;\n  max-height: none !important;\n  margin: 8px auto;\n}\n.nav-item--root.expanded:first-of-type {\n  margin-top: 0;\n}\n\n.nav-item--list__reorder {\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.26);\n}\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\n.nav-item__collapse {\n  margin: 0;\n}\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\n.nav-item__users {\n  height: auto;\n  cursor: pointer;\n  color: #ffffff;\n  margin: 0;\n  padding: 1px 6px;\n}\n.nav-item__users > md-icon {\n  padding-right: 4px;\n  color: #ffffff;\n}\n.nav-item__users:hover.success-bg, .nav-item__users:focus.success-bg {\n  background-color: #00C853;\n}\n\n.nav-item__title {\n  padding-left: 16px;\n  line-height: 1.2;\n  font-weight: 400;\n}\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.nav-item__progress > .md-container {\n  top: 0;\n}\n\n.nav-item__progress-value {\n  margin-left: 8px;\n  width: 36px;\n}\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: 960px) {\n  .workgroup-progress {\n    margin-bottom: 0;\n  }\n}\n\nalert-status-corner {\n  position: absolute;\n  top: 0;\n  right: 0;\n}\n\n.menu-progress {\n  position: absolute;\n  top: 10px;\n  right: 12px;\n}\n.menu-progress path {\n  stroke: #CAD266 !important;\n  stroke-width: 2px;\n}\n\n[dir=rtl] .menu-progress {\n  right: auto;\n  left: 12px;\n}\n\n.menu-sidenav__item {\n  font-weight: 700;\n  font-size: 14px;\n}\n\n.menu-sidenav__icon {\n  margin-top: 12px !important;\n  margin-right: 12px !important;\n  margin-left: 12px;\n}\n\n.active .menu-sidenav__icon, .active .menu-sidenav__item {\n  color: #1565c0;\n}\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}\n@media only screen and (max-width: 599px) {\n  .menu-sidebar {\n    display: none;\n  }\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\n#node {\n  margin: 0 auto;\n  position: absolute;\n  left: 0;\n  right: 0;\n}\n@media only screen and (min-width: 600px) {\n  #node {\n    padding: 8px;\n    padding: 24px 16px;\n    margin-bottom: 32px;\n  }\n}\n@media only screen and (min-width: 960px) {\n  #node {\n    padding: 32px;\n  }\n}\n#node.ng-enter {\n  transition: opacity 0.5s;\n  opacity: 0;\n}\n#node.ng-enter-active {\n  opacity: 1;\n}\n\n.node-content {\n  padding: 0 0 48px;\n  background-color: #ffffff;\n  border-radius: 3px;\n  overflow: visible;\n}\n@media only screen and (max-width: 599px) {\n  .node-content {\n    box-shadow: none;\n  }\n}\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  }\n}\n\nmd-content.node-content {\n  background-color: #ffffff;\n}\n\n.node-content__rubric {\n  position: absolute;\n  top: -22px;\n  left: 0;\n  right: 0;\n  z-index: 1;\n}\n.node-content__rubric .avatar--icon {\n  transform: scale(0.94);\n}\n@media only screen and (max-width: 599px) {\n  .node-content__rubric .avatar--icon {\n    transform: scale(0.8);\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: 15px;\n}\n.node-select .md-select-value *:first-child {\n  transform: translate3d(0, 0, 0);\n  flex: 1 0 0;\n}\n.node-select .md-select-value .node-select__icon {\n  display: none;\n}\n.node-select .md-select-value .node-select__status {\n  display: none;\n}\n.node-select .md-select-icon {\n  margin-left: 0;\n  color: rgba(0, 0, 0, 0.87);\n}\n\n.node-select-option--group {\n  background-color: #f7f7f7;\n  border-bottom: 1px solid #eeeeee;\n  border-top: 1px solid #eeeeee;\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: 600px) {\n  .node-select__text {\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: 599px) {\n  .node-title {\n    font-size: 15px;\n  }\n}\n\n.node-content__actions {\n  padding: 0 16px 16px;\n}\n@media only screen and (min-width: 960px) {\n  .node-content__actions {\n    padding: 0 24px 24px;\n  }\n}\n.node-content__actions .md-button:first-child {\n  margin-left: 0;\n}\n.node-content__actions .md-button:last-child {\n  margin-right: 0;\n}\n\n.node-content__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54);\n}\n\n.node-content__actions__more {\n  border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav:first-of-type {\n  margin-right: 0;\n}\n\n@media only screen and (min-width: 600px) {\n  .node-sidebar-active {\n    margin-right: 68px;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .node-sidebar-visible {\n    margin-bottom: 42px;\n  }\n}\n\n.node-sidebar {\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 52px;\n}\n\n.node-sidebar__toolbar {\n  position: fixed;\n  width: 52px;\n  background-color: #ffffff;\n  padding: 8px 0;\n  border-radius: 3px;\n}\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}\n\n.node__label--vertical-alignment {\n  vertical-align: middle;\n  display: inline-block;\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.grading__item .component {\n  padding: 0;\n}\n\nnotebook-report {\n  position: absolute;\n  bottom: 0;\n  right: 66px;\n  transition: right 250ms;\n  z-index: 3;\n}\nnotebook-report.report-full {\n  left: 8px;\n  right: 8px;\n  top: 8px;\n  bottom: 8px;\n}\n@media only screen and (min-width: 960px) {\n  notebook-report.notes-visible {\n    right: 474px;\n  }\n}\n\n.notebook-sidebar {\n  width: 270px;\n  max-width: none;\n}\n@media only screen and (min-width: 600px) {\n  .notebook-sidebar {\n    width: 450px;\n  }\n}\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}\n.notification-btn {\n  width: 60px !important;\n}\n.notification-btn md-icon {\n  margin-left: 20px;\n}\n\n.notification-count {\n  border-radius: 50%;\n  position: absolute;\n  background-color: #F05843;\n  width: 22px;\n  top: 12px;\n  left: -18px;\n  height: 22px;\n  line-height: 22px;\n  font-size: 12px;\n  font-weight: 700;\n  border: 2px solid;\n}\n.notification-count:before {\n  content: \"\";\n  position: absolute;\n  right: -7px;\n  top: 6px;\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.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.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}\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,\nmd-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\n.account-menu {\n  border-radius: 4px;\n  padding: 0;\n  font-size: 15px;\n  max-width: 380px;\n}\n@media (min-width: 1280px) {\n  .account-menu {\n    min-width: 380px !important;\n  }\n}\n.account-menu h3 {\n  margin: 0;\n  font-weight: 300;\n}\n.account-menu .mat-mdc-menu-content {\n  padding: 0;\n}\n\n.account-menu--fixed-height {\n  height: 304px;\n}\n\n.account-menu--fixed-width {\n  width: 320px;\n}\n@media (min-width: 960px) {\n  .account-menu--fixed-width {\n    width: 380px;\n  }\n}\n\n.account-menu__icon {\n  background-color: rgb(255, 255, 255);\n  border-radius: 50%;\n}\n\n.account-menu__caret {\n  position: absolute;\n  right: 28px;\n  top: -8px;\n  outline: none;\n}\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\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] .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\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: rgba(0, 0, 0, 0.54);\n}\n\n.account-menu__users {\n  padding: 0;\n}\n.account-menu__users md-list-item {\n  padding: 0;\n}\n.account-menu__users md-list-item .md-avatar {\n  margin: 0 8px 0 0;\n  height: 48px;\n  width: 48px;\n}\n\n.account-menu__actions {\n  background-color: #f7f7f7;\n}\n\n.account-menu__control {\n  padding: 16px;\n}\n\n.annotations {\n  margin: 16px 4px 16px 62px;\n  position: relative;\n  font-size: 15px;\n}\n.annotations hr {\n  margin: 10px 0 8px;\n  border-color: rgba(0, 0, 0, 0.12);\n}\n.annotations:after {\n  content: \"\";\n  position: absolute;\n  width: 0;\n  height: 0;\n  left: -15px;\n  right: auto;\n  top: -1px;\n  bottom: auto;\n  border-top: 20px solid transparent;\n  border-bottom: 20px solid transparent;\n  border-right: 16px solid #757575;\n}\n\n.annotations-container--student--report {\n  border-top: 1px solid #dddddd;\n}\n\n.annotations--report {\n  margin-top: 0;\n  margin-bottom: 0;\n}\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\n.annotations__avatar {\n  background-color: #F05843;\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: 4px;\n  border-bottom-right-radius: 4px;\n  overflow: auto;\n}\n\n.annotations__status {\n  background-color: #ffffff;\n  color: #ef6c00;\n  display: inline-block;\n  margin-left: 8px;\n  font-size: 12px;\n}\n.annotations__status.ng-enter, .annotations__status.ng-leave {\n  transition: all 1s;\n}\n.annotations__status.ng-enter, .annotations__status.ng-leave.ng-leave-active {\n  opacity: 0;\n}\n.annotations__status.ng-leave, .annotations__status.ng-enter.ng-enter-active {\n  opacity: 1;\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: 13px;\n}\n\n.annotations--inside .annotations {\n  margin-left: 72px;\n}\n\n.annotations--info {\n  margin-bottom: 32px;\n  margin-right: 8px;\n  margin-left: 72px;\n}\n@media only screen and (min-width: 600px) {\n  .annotations--info {\n    margin: 16px 16px 32px 76px;\n  }\n}\n.annotations--info:after {\n  border-right: 16px solid #ef6c00;\n}\n.annotations--info .annotations__avatar {\n  background-color: #ffffff;\n}\n.annotations--info .annotations__header {\n  background-color: #ef6c00;\n}\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 .mat-mdc-form-field-subscript-wrapper {\n  display: none;\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 input {\n  margin-top: 0 !important;\n  font-size: 18px;\n  width: 52px;\n  text-align: center;\n}\n.annotations--grading__score .mat-mdc-form-field-infix {\n  width: auto;\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 label {\n  display: none;\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\n.component {\n  position: relative;\n}\n\n.component__wrapper {\n  padding: 0 24px;\n  margin: 24px 0;\n}\n\n.component__content {\n  overflow-x: auto;\n  font-size: 15px;\n  overflow-y: hidden;\n}\n@media only screen and (min-width: 600px) {\n  .component__content {\n    padding: 0 8px;\n  }\n}\n\nh3.component__header {\n  padding: 8px 12px;\n  margin: 0;\n  font-size: 14px;\n}\n\n.component__rubric {\n  position: absolute;\n  left: -20px;\n  top: 12px;\n}\n\n.notebook-enabled .component_content img {\n  transition: all 250ms;\n  cursor: pointer;\n  cursor: copy;\n}\n.notebook-enabled .component_content img:hover, .notebook-enabled .component_content img:focus {\n  box-shadow: 0 0 5px 1px #F05843;\n}\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\n.component__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54);\n  font-weight: 400;\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: 600px) {\n  .component__attachment {\n    padding-top: 8px;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .component__add-attachment {\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  border-radius: 0;\n  background-color: rgba(255, 255, 255, 0.75) !important;\n}\n\n.component__revision {\n  margin: 8px 0;\n  padding: 8px;\n}\n.component__revision:nth-child(odd) {\n  background-color: #f7f7f7;\n}\n\n.component__revision__content {\n  padding: 4px 0 8px 0;\n  border-bottom: 1px solid #dddddd;\n}\n\n.component__revision__actions {\n  color: #757575;\n  padding-top: 4px;\n}\n\n.embedded-content__iframe {\n  border: 0 none;\n}\n\n.component--grading {\n  padding: 0;\n  margin: 0;\n}\n.component--grading:not(:last-child) > div {\n  border-bottom: 1px solid #dddddd;\n}\n.component--grading .component__wrapper {\n  padding: 0;\n  margin: 0;\n}\n.component--grading .component__content {\n  padding: 16px;\n  margin: 0;\n}\n\n.component--grading__response__content {\n  white-space: pre-wrap;\n}\n\n.component--grading__annotations {\n  background-color: rgb(235.5295774648, 243.6422535211, 252.8704225352);\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 #eeeeee;\n}\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 #eeeeee;\n  border-left-width: 0;\n  border-right-width: 0;\n}\n\n.outside-content iframe {\n  border: 1px solid #eeeeee;\n}\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end;\n}\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\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\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__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 #dddddd;\n}\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}\n\n.notebook-toolbar__add-menu {\n  position: absolute;\n  bottom: 40px;\n}\n.notebook-toolbar__add-menu .md-fab-action-item {\n  background-color: #ffffff;\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}\n\nhighchart {\n  display: block;\n}","@use 'sass:map';\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","// 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  @media (min-width: $layout-breakpoint-lg) {\n      width: $layout-breakpoint-lg;\n  }\n}\n\n.l-constrained-md {\n  width: $layout-breakpoint-sm;\n  max-width: 100%;\n}\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","// 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","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","// 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__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","// 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",".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\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__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",".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-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    .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.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: 450px;\n$report-position-right: 66px;\n$report-full-gap: 8px;\n\n// Base\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 + 24;\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",".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    top: 12px;\n    left: -18px;\n    height: 22px;\n    line-height: 22px;\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: 6px;\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    .mat-mdc-menu-content {\n        padding: 0;\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__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: -15px;\n        right: auto;\n        top: -1px;\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    .mat-mdc-form-field-subscript-wrapper {\n        display: none;\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    .mat-mdc-form-field-infix {\n        width: auto;\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 24px;\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 {\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('text-secondary');\n    font-weight: 400;\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    border-radius: 0;\n    background-color: rgba(255, 255, 255, 0.75) !important;\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",".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__content {\n    white-space: pre-wrap;\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",".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/assets/wise5/themes/default/style/base/_presets.scss","src/assets/wise5/themes/default/style/monitor.css","src/assets/wise5/themes/default/style/base/_config.scss","src/assets/wise5/themes/default/style/layouts/_l-default.scss","src/assets/wise5/themes/default/style/layouts/_l-footer.scss","src/assets/wise5/themes/default/style/layouts/_l-header.scss","src/assets/wise5/themes/default/style/layouts/_l-main.scss","src/assets/wise5/themes/default/style/layouts/_l-notebook.scss","src/assets/wise5/themes/default/style/layouts/_l-nav.scss","src/assets/wise5/themes/default/style/layouts/_l-sidebar.scss","src/assets/wise5/themes/default/style/modules/_alerts.scss","src/assets/wise5/themes/default/style/modules/_dialog.scss","src/assets/wise5/themes/default/style/modules/_help.scss","src/assets/wise5/themes/default/style/modules/_inputs.scss","src/assets/wise5/themes/default/style/modules/_table.scss","src/assets/wise5/themes/default/style/modules/_toolbar.scss","src/assets/wise5/themes/default/style/material/_config.scss","src/assets/wise5/themes/default/style/modules/_list.scss","src/assets/wise5/themes/default/style/modules/_nav.scss","src/assets/wise5/themes/default/style/modules/_nav--grading.scss","src/assets/wise5/themes/default/style/modules/_menu.scss","src/assets/wise5/themes/default/style/modules/_node.scss","src/assets/wise5/themes/default/style/modules/_grading.scss","src/assets/wise5/themes/default/style/modules/_notebook.scss","src/assets/wise5/themes/default/style/modules/_notifications.scss","src/assets/wise5/themes/default/style/modules/_account-menu.scss","src/assets/wise5/themes/default/style/modules/_annotations.scss","src/assets/wise5/themes/default/style/modules/_annotations--grading.scss","src/assets/wise5/themes/default/style/modules/_component.scss","src/assets/wise5/themes/default/style/modules/_component--embedded.scss","src/assets/wise5/themes/default/style/modules/_component--grading.scss","src/assets/wise5/themes/default/style/modules/_component--graph.scss","src/assets/wise5/themes/default/style/modules/_component--outside.scss","src/assets/wise5/themes/default/style/modules/_component--revisions.scss","src/assets/wise5/themes/default/style/modules/_notebook-toolbar.scss","src/assets/wise5/themes/default/style/modules/_highcharts.scss"],"names":[],"mappings":"AAIA,KACE,eCAF,CDEE,SACI,eCAN,CDKI,gBACI,aCFR,CDMA,WACE,wBAAA,CAKA,oBAAA,CAAA,sBAAA,CAHA,aAAA,CADA,WCCF,CDOI,qBAKI,wBAAA,CAFA,iBAAA,CAFA,UAAA,CAGA,WAAA,CAFA,iBCDR,CDSI,kCAEI,QAAA,CADA,QCLR,CDWA,OAMI,qBAAA,CALA,iBEUiB,CFRjB,cAAA,CAEA,iBAAA,CADA,eAAA,CAFA,eCJJ,CDUI,iBAGI,mBAAA,CADA,YAAA,CADA,WCNR,CDUQ,8CACI,qBCRZ,CDWQ,uBACI,uBCTZ,CDcA,aACI,wBAAA,CACA,UCXJ,CDcA,aACI,wBAAA,CACA,UCXJ,CDcA,gBACI,wBAAA,CACA,UCXJ,CDeA,qBACI,aCZJ,CDeA,iBACI,uBCZJ,CDgBA,EACE,aAAA,CACA,cCbF,CDgBA,QACI,kCAAA,CACA,qBCbJ,CDiBA,QACE,iBAAA,CACA,sBCdF,CDiBA,gBACE,iBCdF,CDmBE,cACE,WAAA,CACA,UChBJ,CDkBE,cACE,WAAA,CACA,UChBJ,CDkBE,cACE,WAAA,CACA,UChBJ,CDkBE,cACE,WAAA,CACA,UChBJ,CDqBA,cACE,qBAAA,CACA,4BClBF,CDoBE,8BACI,WClBN,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDwBE,wDACE,qBCrBJ,CDyBI,4EACE,qBCvBN,CD8BE,mDACE,uBC3BJ,CD6BE,mDACE,uBC3BJ,CD6BE,6CACE,uBC3BJ,CD6BE,6CACE,uBC3BJ,CD6BE,iDACE,uBC3BJ,CD6BE,qDACE,uBC3BJ,CD6BE,qDACE,uBC3BJ,CDgCA,uCACE,qBC7BF,CDgCA,uFACE,wBC7BF,CDgCA,2HAGE,wBAAA,CADA,aC5BF,CDmCI,SACE,aChCN,CD+BI,QACE,aC5BN,CD2BI,UACE,aCxBN,CDuBI,UACE,aCpBN,CDmBI,MACE,aChBN,CDeI,MACE,aCZN,CDWI,SACE,aCRN,CDOI,SACE,qBCJN,CDGI,eACE,aCAN,CDDI,cACE,UCIN,CDLI,YACE,UCQN,CDTI,MACE,UCYN,CDbI,WACE,UCgBN,CDjBI,aACE,aCoBN,CDrBI,cACE,UCwBN,CDzBI,MACE,qBC4BN,CD7BI,gBACE,qBCgCN,CDjCI,eACE,qBCoCN,CDrCI,YACE,UCwCN,CDzCI,sBACE,wBC4CN,CD7CI,qBACE,wBCgDN,CDjDI,aACE,aCoDN,CDrDI,OACE,aCwDN,CDzDI,MACE,qBC4DN,CD7DI,SACE,UCgEN,CD1DI,YACE,wBC6DN,CD9DI,WACE,wBCiEN,CDlEI,aACE,wBCqEN,CDtEI,aACE,wBCyEN,CD1EI,SACE,wBC6EN,CD9EI,SACE,wBCiFN,CDlFI,YACE,wBCqFN,CDtFI,YACE,gCCyFN,CD1FI,kBACE,wBC6FN,CD9FI,iBACE,qBCiGN,CDlGI,eACE,qBCqGN,CDtGI,SACE,qBCyGN,CD1GI,cACE,qBC6GN,CD9GI,gBACE,wBCiHN,CDlHI,iBACE,qBCqHN,CDtHI,SACE,gCCyHN,CD1HI,mBACE,gCC6HN,CD9HI,kBACE,gCCiIN,CDlII,eACE,qBCqIN,CDtII,yBACE,mCCyIN,CD1II,wBACE,mCC6IN,CD9II,gBACE,wBCiJN,CDlJI,UACE,wBCqJN,CDtJI,SACE,gCCyJN,CD1JI,YACE,qBC6JN,CDtJQ,kCACI,cCyJZ,CD1JQ,iCACI,cC6JZ,CD9JQ,mCACI,cCiKZ,CDlKQ,mCACI,cCqKZ,CDtKQ,+BACI,cCyKZ,CD1KQ,+BACI,cC6KZ,CD9KQ,kCACI,cCiLZ,CDlLQ,kCACI,sBCqLZ,CDtLQ,wCACI,cCyLZ,CD1LQ,uCACI,WC6LZ,CD9LQ,qCACI,WCiMZ,CDlMQ,+BACI,WCqMZ,CDtMQ,oCACI,WCyMZ,CD1MQ,sCACI,cC6MZ,CD9MQ,uCACI,WCiNZ,CDlNQ,+BACI,sBCqNZ,CDtNQ,yCACI,sBCyNZ,CD1NQ,wCACI,sBC6NZ,CD9NQ,qCACI,WCiOZ,CDlOQ,+CACI,yBCqOZ,CDtOQ,8CACI,yBCyOZ,CD1OQ,sCACI,cC6OZ,CD9OQ,gCACI,cCiPZ,CDlPQ,+BACI,sBCqPZ,CDtPQ,kCACI,WCyPZ,CE7dA,eACE,gBAAA,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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","/*\n WISE Project Styles\n */\nbody {\n  background: #eeeeee;\n}\nbody.vle {\n  overflow: hidden;\n}\n\na:hover, a:focus {\n  color: #1565c0;\n}\n\nblockquote {\n  background-color: rgb(244.723943662, 249.0056338028, 253.876056338);\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: #1565c0;\n  border-width: 0 0 0 3px;\n}\n\n.has-indicator:after {\n  content: \"\";\n  position: absolute;\n  border-radius: 50%;\n  padding: 5px;\n  background-color: #F05843;\n}\n\n.has-indicator--icon-button:after {\n  top: 25px;\n  left: 5px;\n}\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}\n.badge.md-button {\n  min-width: 0;\n  min-height: 0;\n  line-height: inherit;\n}\n.badge.md-button:hover, .badge.md-button:focus {\n  background-color: #aaaaaa;\n}\n.badge.md-button:focus {\n  outline: 1px dotted #aaaaaa;\n}\n\n.badge--info {\n  background-color: #ef6c00;\n  color: #ffffff;\n}\n\n.badge--warn {\n  background-color: #c62828;\n  color: #ffffff;\n}\n\n.badge--success {\n  background-color: #00C853;\n  color: #ffffff;\n}\n\n.divider--withmargin {\n  margin: 16px 0;\n}\n\n.divider--dashed {\n  border-top-style: dashed;\n}\n\na {\n  color: #1565c0;\n  cursor: pointer;\n}\n\n.active {\n  background-color: rgba(158, 158, 158, 0.2);\n  color: rgba(0, 0, 0, 0.87);\n}\n\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box;\n}\n\n.avatar--square {\n  border-radius: 4px;\n}\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\n.avatar--icon {\n  background-color: #dddddd;\n  white-space: normal !important;\n}\n.avatar--icon:not(.md-avatar) {\n  padding: 6px;\n}\n.avatar--icon.md-18 {\n  height: 18px;\n  width: 18px;\n}\n.avatar--icon.md-24 {\n  height: 24px;\n  width: 24px;\n}\n.avatar--icon.md-36 {\n  height: 36px;\n  width: 36px;\n}\n.avatar--icon.md-48 {\n  height: 48px;\n  width: 48px;\n}\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}\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}\n\nmd-input-container.md-wise-theme label {\n  color: rgba(0, 0, 0, 0.87);\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: rgb(235.5295774648, 243.6422535211, 252.8704225352);\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: #1565c0;\n  background-color: rgb(235.5295774648, 243.6422535211, 252.8704225352);\n}\n\n.primary {\n  color: #1565c0;\n}\n\n.accent {\n  color: #F05843;\n}\n\n.accent-1 {\n  color: #795C3A;\n}\n\n.accent-2 {\n  color: #CAD266;\n}\n\n.warn {\n  color: #c62828;\n}\n\n.info {\n  color: #ef6c00;\n}\n\n.success {\n  color: #00C853;\n}\n\n.divider {\n  color: rgba(0, 0, 0, 0.12);\n}\n\n.gray-lightest {\n  color: #f7f7f7;\n}\n\n.gray-lighter {\n  color: #eeeeee;\n}\n\n.gray-light {\n  color: #dddddd;\n}\n\n.gray {\n  color: #cccccc;\n}\n\n.gray-dark {\n  color: #aaaaaa;\n}\n\n.gray-darker {\n  color: #757575;\n}\n\n.gray-darkest {\n  color: #333333;\n}\n\n.text {\n  color: rgba(0, 0, 0, 0.87);\n}\n\n.text-secondary {\n  color: rgba(0, 0, 0, 0.54);\n}\n\n.text-disabled {\n  color: rgba(0, 0, 0, 0.26);\n}\n\n.text-light {\n  color: rgb(255, 255, 255);\n}\n\n.text-light-secondary {\n  color: rgba(255, 255, 255, 0.7);\n}\n\n.text-light-disabled {\n  color: rgba(255, 255, 255, 0.5);\n}\n\n.selected-bg {\n  color: rgb(235.5295774648, 243.6422535211, 252.8704225352);\n}\n\n.score {\n  color: #FFC107;\n}\n\n.body {\n  color: rgba(0, 0, 0, 0.87);\n}\n\n.body-bg {\n  color: #eeeeee;\n}\n\n.primary-bg {\n  background-color: #1565c0;\n}\n\n.accent-bg {\n  background-color: #F05843;\n}\n\n.accent-1-bg {\n  background-color: #795C3A;\n}\n\n.accent-2-bg {\n  background-color: #CAD266;\n}\n\n.warn-bg {\n  background-color: #c62828;\n}\n\n.info-bg {\n  background-color: #ef6c00;\n}\n\n.success-bg {\n  background-color: #00C853;\n}\n\n.divider-bg {\n  background-color: rgba(0, 0, 0, 0.12);\n}\n\n.gray-lightest-bg {\n  background-color: #f7f7f7;\n}\n\n.gray-lighter-bg {\n  background-color: #eeeeee;\n}\n\n.gray-light-bg {\n  background-color: #dddddd;\n}\n\n.gray-bg {\n  background-color: #cccccc;\n}\n\n.gray-dark-bg {\n  background-color: #aaaaaa;\n}\n\n.gray-darker-bg {\n  background-color: #757575;\n}\n\n.gray-darkest-bg {\n  background-color: #333333;\n}\n\n.text-bg {\n  background-color: rgba(0, 0, 0, 0.87);\n}\n\n.text-secondary-bg {\n  background-color: rgba(0, 0, 0, 0.54);\n}\n\n.text-disabled-bg {\n  background-color: rgba(0, 0, 0, 0.26);\n}\n\n.text-light-bg {\n  background-color: rgb(255, 255, 255);\n}\n\n.text-light-secondary-bg {\n  background-color: rgba(255, 255, 255, 0.7);\n}\n\n.text-light-disabled-bg {\n  background-color: rgba(255, 255, 255, 0.5);\n}\n\n.selected-bg-bg {\n  background-color: rgb(235.5295774648, 243.6422535211, 252.8704225352);\n}\n\n.score-bg {\n  background-color: #FFC107;\n}\n\n.body-bg {\n  background-color: rgba(0, 0, 0, 0.87);\n}\n\n.body-bg-bg {\n  background-color: #eeeeee;\n}\n\nmd-progress-circular.primary path {\n  stroke: #1565c0;\n}\n\nmd-progress-circular.accent path {\n  stroke: #F05843;\n}\n\nmd-progress-circular.accent-1 path {\n  stroke: #795C3A;\n}\n\nmd-progress-circular.accent-2 path {\n  stroke: #CAD266;\n}\n\nmd-progress-circular.warn path {\n  stroke: #c62828;\n}\n\nmd-progress-circular.info path {\n  stroke: #ef6c00;\n}\n\nmd-progress-circular.success path {\n  stroke: #00C853;\n}\n\nmd-progress-circular.divider path {\n  stroke: rgba(0, 0, 0, 0.12);\n}\n\nmd-progress-circular.gray-lightest path {\n  stroke: #f7f7f7;\n}\n\nmd-progress-circular.gray-lighter path {\n  stroke: #eeeeee;\n}\n\nmd-progress-circular.gray-light path {\n  stroke: #dddddd;\n}\n\nmd-progress-circular.gray path {\n  stroke: #cccccc;\n}\n\nmd-progress-circular.gray-dark path {\n  stroke: #aaaaaa;\n}\n\nmd-progress-circular.gray-darker path {\n  stroke: #757575;\n}\n\nmd-progress-circular.gray-darkest path {\n  stroke: #333333;\n}\n\nmd-progress-circular.text path {\n  stroke: rgba(0, 0, 0, 0.87);\n}\n\nmd-progress-circular.text-secondary path {\n  stroke: rgba(0, 0, 0, 0.54);\n}\n\nmd-progress-circular.text-disabled path {\n  stroke: rgba(0, 0, 0, 0.26);\n}\n\nmd-progress-circular.text-light path {\n  stroke: rgb(255, 255, 255);\n}\n\nmd-progress-circular.text-light-secondary path {\n  stroke: rgba(255, 255, 255, 0.7);\n}\n\nmd-progress-circular.text-light-disabled path {\n  stroke: rgba(255, 255, 255, 0.5);\n}\n\nmd-progress-circular.selected-bg path {\n  stroke: rgb(235.5295774648, 243.6422535211, 252.8704225352);\n}\n\nmd-progress-circular.score path {\n  stroke: #FFC107;\n}\n\nmd-progress-circular.body path {\n  stroke: rgba(0, 0, 0, 0.87);\n}\n\nmd-progress-circular.body-bg path {\n  stroke: #eeeeee;\n}\n\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative;\n}\n@media (min-width: 600px) {\n  .l-constrained {\n    width: 1280px;\n  }\n}\n@media (min-width: 1920px) {\n  .l-constrained {\n    width: 1920px;\n  }\n}\n\n.l-constrained-md {\n  width: 960px;\n  max-width: 100%;\n}\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\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\n.l-header {\n  z-index: 3;\n}\n.l-header .logo {\n  margin-left: 0 !important;\n  height: 36px;\n  width: 36px;\n  vertical-align: middle;\n}\n.l-header .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: 600px) {\n  .l-header .logo-link {\n    display: block;\n  }\n}\n.l-header .logo-link:hover, .l-header .logo-link:focus {\n  border: 0 none;\n}\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}\n\n.l-main {\n  background-color: #eeeeee;\n}\n\n.l-main--with-toolbar {\n  margin-top: 42px;\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: 960px) {\n  .view-content {\n    padding: 16px;\n  }\n}\n.view-content.ng-enter {\n  opacity: 0;\n}\n.view-content .ng-enter-active {\n  opacity: 1;\n  transition-delay: 250ms;\n}\n.view-content.ng-leave-active, .view-content.ng-hide {\n  opacity: 0;\n}\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\n.view-content--with-sidemenu {\n  padding: 8px;\n}\n@media only screen and (min-width: 600px) {\n  .view-content--with-sidemenu {\n    margin-left: 54px;\n    padding: 16px;\n  }\n}\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}\n\n.content-head {\n  margin: 8px 0;\n}\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}\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}\n\n@media only screen and (max-width: 959px) {\n  .content-head__more {\n    margin-top: 8px;\n  }\n}\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px;\n}\n.content-head__item .md-subhead,\nh2.content-head__item .md-subhead {\n  padding-left: 4px;\n}\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  }\n}\n.content-head__item md-icon,\nh2.content-head__item md-icon {\n  vertical-align: text-bottom;\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px;\n}\n\n.l-nav {\n  background-color: #eeeeee !important;\n}\n\n.l-notebook {\n  margin-top: 42px;\n  background-color: #eeeeee !important;\n}\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: #795C3A !important;\n}\n.l-sidebar__header md-select {\n  color: rgba(0, 0, 0, 0.87);\n}\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\nmd-dialog {\n  width: 600px;\n}\n\n.dialog--wide {\n  width: 960px;\n}\n\n.dialog--wider {\n  width: 1280px;\n}\n\n.help-bubble {\n  border-radius: 4px;\n  max-width: 320px;\n}\n@media (min-width: 600px) {\n  .help-bubble {\n    max-width: 552px;\n  }\n}\n@media (min-width: 960px) {\n  .help-bubble {\n    max-width: 912px;\n  }\n}\n@media (min-width: 1280px) {\n  .help-bubble {\n    max-width: 1232px;\n  }\n}\n\n.help-bubble__title {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n}\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}\n.help-bubble___title__content .md-icon-button {\n  margin-right: 0;\n  padding-top: 0;\n  padding-bottom: 0;\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: 4px;\n  border-bottom-right-radius: 4px;\n}\n\n.input-container {\n  padding-top: 12px;\n}\n\n.input-container--component {\n  margin-bottom: 0;\n}\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\n.input-wrapper {\n  position: relative;\n}\n\n.input-wrapper--focused .input--textarea__action md-icon {\n  color: #1565c0;\n}\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}\n.input--textarea:focus, .input-container textarea.input--textarea:focus {\n  background-color: #ffffff;\n}\n.input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n  color: rgba(0, 0, 0, 0.54);\n}\n\n.input-container textarea.input--textarea {\n  width: 100%;\n}\n\n.input--textarea--disabled {\n  color: rgba(0, 0, 0, 0.54);\n}\n\n.input--textarea__action {\n  position: absolute;\n  right: -4px;\n}\n.input--textarea__action[disabled] md-icon {\n  color: rgba(0, 0, 0, 0.26) !important;\n}\n\n.input--textarea__action--notebook {\n  top: 6px;\n}\n.input-wrapper--richtext .input--textarea__action--notebook {\n  top: -7px;\n}\n\n.input--textarea__action--revision {\n  bottom: 6px;\n}\n.input-wrapper--richtext .input--textarea__action--revision {\n  bottom: -5px;\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: rgba(0, 0, 0, 0.87);\n}\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\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\n@media only screen and (min-width: 600px) {\n  .autocomplete--minwidth {\n    min-width: 300px;\n  }\n}\n@media only screen and (min-width: 960px) {\n  .autocomplete--minwidth {\n    min-width: 300px;\n  }\n}\n\n.autocomplete--flat md-autocomplete-wrap {\n  background-color: #ffffff;\n}\n.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n  box-shadow: none;\n  background-color: #eeeeee;\n}\n\n.select__header {\n  height: 48px;\n}\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\n.table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0;\n}\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}\n.table td.inactive,\n.table th {\n  background-color: #f7f7f7;\n  opacity: 1;\n  visibility: visible;\n}\n.table md-input-container {\n  margin: 0;\n}\n.table .md-errors-spacer {\n  display: none;\n}\n\n.table--student td.inactive {\n  padding: 8px 10px;\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.table--list th,\n.table--list td {\n  padding: 0 4px;\n  border: 0 none;\n}\n.table--list td {\n  min-height: 56px;\n  height: 56px;\n}\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\n.table--list__wrap {\n  min-width: 600px;\n}\n\n@media only screen and (max-width: 959px) {\n  .table-wrap-sticky {\n    overflow-x: auto;\n  }\n}\n\n.table--list__thead {\n  font-size: 14px;\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: #757575;\n  color: rgb(255, 255, 255);\n  min-height: 42px;\n  height: 42px;\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@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}\n\n.md-toolbar-tools {\n  font-size: 18px;\n}\n.md-toolbar-tools .autocomplete {\n  height: 36px;\n}\n.md-toolbar-tools .autocomplete md-autocomplete-wrap {\n  height: 36px;\n}\n.md-toolbar-tools .autocomplete input {\n  height: 36px;\n}\n\n.md-toolbar--wise {\n  min-height: 42px;\n}\n.md-toolbar--wise .md-toolbar-tools {\n  height: 42px;\n  max-height: 42px;\n}\n.md-toolbar--wise .md-button.md-icon-button {\n  height: 42px;\n  line-height: 42px;\n  width: 42px;\n}\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n  padding: 0 8px;\n  font-size: 15px;\n}\n\n.md-toolbar--sidenav {\n  background-color: #333333 !important;\n}\n.md-toolbar--sidenav .md-toolbar-tools {\n  font-size: 16px;\n  font-weight: 500;\n}\n\n.toolbar {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 52px;\n  z-index: 3;\n}\n\n.toolbar__title {\n  margin-left: 8px;\n  font-size: 16px;\n  font-weight: 500;\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: #f7f7f7;\n}\n.toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n  height: 32px;\n  text-align: left;\n}\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n  text-align: right;\n}\n\n.toolbar__select--fixedwidth {\n  width: 168px;\n}\n@media only screen and (min-width: 600px) {\n  .toolbar__select--fixedwidth {\n    width: 264px;\n  }\n}\n@media only screen and (min-width: 960px) {\n  .toolbar__select--fixedwidth {\n    width: 432px;\n  }\n}\n\n.list-item {\n  background-color: #ffffff;\n  border-bottom: 1px solid #eeeeee;\n}\n.list-item .md-subheader, .list-item.md-subheader {\n  color: rgba(0, 0, 0, 0.87);\n  background-color: #ffffff;\n}\n.list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n  vertical-align: middle;\n}\n.list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n  padding: 0;\n}\n.list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n  margin-right: 8px;\n}\n.list-item .autocomplete {\n  margin: 8px 0;\n}\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\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\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: #f7f7f7;\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: 15px;\n}\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.nav-mask.ng-hide {\n  opacity: 0;\n}\n\n.nav-head {\n  color: rgba(0, 0, 0, 0.54);\n  font-weight: 500;\n}\n.nav-head md-icon {\n  line-height: 20px;\n}\n\n.nav-contents--root {\n  padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n  background-color: #dddddd;\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: 600px) {\n  .nav-contents__list {\n    padding: 8px;\n  }\n}\n\n.nav-item {\n  transition: opacity 250ms ease-in-out;\n}\n.nav-item.prev md-list-item {\n  background-color: rgb(235.5295774648, 243.6422535211, 252.8704225352);\n  /*&._md-button-wrap>div.md-button:first-child {\n      border-left: 4px solid color('primary');\n      margin-left: -4px;\n  }*/\n}\n\n.nav-item--card__content {\n  border-top-right-radius: 4px;\n  border-top-left-radius: 4px;\n}\n.nav-item--card__content:focus {\n  outline: none;\n}\n.nav-item--card__content:focus .nav-item__title > span {\n  border-bottom: 1px dashed #cccccc;\n}\n\n.nav-item--root {\n  transition: margin 250ms, box-shadow 500ms;\n}\n.nav-item--root.expanded {\n  flex-basis: 100%;\n  max-width: 100%;\n  max-height: none !important;\n  margin: 8px auto;\n}\n.nav-item--root.expanded:first-of-type {\n  margin-top: 0;\n}\n\n.nav-item--list__reorder {\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.26);\n}\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\n.nav-item__collapse {\n  margin: 0;\n}\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\n.nav-item__users {\n  height: auto;\n  cursor: pointer;\n  color: #ffffff;\n  margin: 0;\n  padding: 1px 6px;\n}\n.nav-item__users > md-icon {\n  padding-right: 4px;\n  color: #ffffff;\n}\n.nav-item__users:hover.success-bg, .nav-item__users:focus.success-bg {\n  background-color: #00C853;\n}\n\n.nav-item__title {\n  padding-left: 16px;\n  line-height: 1.2;\n  font-weight: 400;\n}\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.nav-item__progress > .md-container {\n  top: 0;\n}\n\n.nav-item__progress-value {\n  margin-left: 8px;\n  width: 36px;\n}\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: 960px) {\n  .workgroup-progress {\n    margin-bottom: 0;\n  }\n}\n\nalert-status-corner {\n  position: absolute;\n  top: 0;\n  right: 0;\n}\n\n.menu-progress {\n  position: absolute;\n  top: 10px;\n  right: 12px;\n}\n.menu-progress path {\n  stroke: #CAD266 !important;\n  stroke-width: 2px;\n}\n\n[dir=rtl] .menu-progress {\n  right: auto;\n  left: 12px;\n}\n\n.menu-sidenav__item {\n  font-weight: 700;\n  font-size: 14px;\n}\n\n.menu-sidenav__icon {\n  margin-top: 12px !important;\n  margin-right: 12px !important;\n  margin-left: 12px;\n}\n\n.active .menu-sidenav__icon, .active .menu-sidenav__item {\n  color: #1565c0;\n}\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}\n@media only screen and (max-width: 599px) {\n  .menu-sidebar {\n    display: none;\n  }\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\n#node {\n  margin: 0 auto;\n  position: absolute;\n  left: 0;\n  right: 0;\n}\n@media only screen and (min-width: 600px) {\n  #node {\n    padding: 8px;\n    padding: 24px 16px;\n    margin-bottom: 32px;\n  }\n}\n@media only screen and (min-width: 960px) {\n  #node {\n    padding: 32px;\n  }\n}\n#node.ng-enter {\n  transition: opacity 0.5s;\n  opacity: 0;\n}\n#node.ng-enter-active {\n  opacity: 1;\n}\n\n.node-content {\n  padding: 0 0 48px;\n  background-color: #ffffff;\n  border-radius: 3px;\n  overflow: visible;\n}\n@media only screen and (max-width: 599px) {\n  .node-content {\n    box-shadow: none;\n  }\n}\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  }\n}\n\nmd-content.node-content {\n  background-color: #ffffff;\n}\n\n.node-content__rubric {\n  position: absolute;\n  top: -22px;\n  left: 0;\n  right: 0;\n  z-index: 1;\n}\n.node-content__rubric .avatar--icon {\n  transform: scale(0.94);\n}\n@media only screen and (max-width: 599px) {\n  .node-content__rubric .avatar--icon {\n    transform: scale(0.8);\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: 15px;\n}\n.node-select .md-select-value *:first-child {\n  transform: translate3d(0, 0, 0);\n  flex: 1 0 0;\n}\n.node-select .md-select-value .node-select__icon {\n  display: none;\n}\n.node-select .md-select-value .node-select__status {\n  display: none;\n}\n.node-select .md-select-icon {\n  margin-left: 0;\n  color: rgba(0, 0, 0, 0.87);\n}\n\n.node-select-option--group {\n  background-color: #f7f7f7;\n  border-bottom: 1px solid #eeeeee;\n  border-top: 1px solid #eeeeee;\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: 600px) {\n  .node-select__text {\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: 599px) {\n  .node-title {\n    font-size: 15px;\n  }\n}\n\n.md-button.md-icon-button.node-nav:first-of-type {\n  margin-right: 0;\n}\n\n@media only screen and (min-width: 600px) {\n  .node-sidebar-active {\n    margin-right: 68px;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .node-sidebar-visible {\n    margin-bottom: 42px;\n  }\n}\n\n.node-sidebar {\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 52px;\n}\n\n.node-sidebar__toolbar {\n  position: fixed;\n  width: 52px;\n  background-color: #ffffff;\n  padding: 8px 0;\n  border-radius: 3px;\n}\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}\n\n.node__label--vertical-alignment {\n  vertical-align: middle;\n  display: inline-block;\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.grading__item .component {\n  padding: 0;\n}\n\nnotebook-report {\n  position: absolute;\n  bottom: 0;\n  right: 66px;\n  transition: right 250ms;\n  z-index: 3;\n}\nnotebook-report.report-full {\n  left: 8px;\n  right: 8px;\n  top: 8px;\n  bottom: 8px;\n}\n@media only screen and (min-width: 960px) {\n  notebook-report.notes-visible {\n    right: 474px;\n  }\n}\n\n.notebook-sidebar {\n  width: 270px;\n  max-width: none;\n}\n@media only screen and (min-width: 600px) {\n  .notebook-sidebar {\n    width: 450px;\n  }\n}\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}\n.notification-btn {\n  width: 60px !important;\n}\n.notification-btn md-icon {\n  margin-left: 20px;\n}\n\n.notification-count {\n  border-radius: 50%;\n  position: absolute;\n  background-color: #F05843;\n  width: 22px;\n  top: 12px;\n  left: -18px;\n  height: 22px;\n  line-height: 22px;\n  font-size: 12px;\n  font-weight: 700;\n  border: 2px solid;\n}\n.notification-count:before {\n  content: \"\";\n  position: absolute;\n  right: -7px;\n  top: 6px;\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.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.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}\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,\nmd-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\n.account-menu {\n  border-radius: 4px;\n  padding: 0;\n  font-size: 15px;\n  max-width: 380px;\n}\n@media (min-width: 1280px) {\n  .account-menu {\n    min-width: 380px !important;\n  }\n}\n.account-menu h3 {\n  margin: 0;\n  font-weight: 300;\n}\n.account-menu .mat-mdc-menu-content {\n  padding: 0;\n}\n\n.account-menu--fixed-height {\n  height: 304px;\n}\n\n.account-menu--fixed-width {\n  width: 320px;\n}\n@media (min-width: 960px) {\n  .account-menu--fixed-width {\n    width: 380px;\n  }\n}\n\n.account-menu__icon {\n  background-color: rgb(255, 255, 255);\n  border-radius: 50%;\n}\n\n.account-menu__caret {\n  position: absolute;\n  right: 28px;\n  top: -8px;\n  outline: none;\n}\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\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] .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\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: rgba(0, 0, 0, 0.54);\n}\n\n.account-menu__users {\n  padding: 0;\n}\n.account-menu__users md-list-item {\n  padding: 0;\n}\n.account-menu__users md-list-item .md-avatar {\n  margin: 0 8px 0 0;\n  height: 48px;\n  width: 48px;\n}\n\n.account-menu__actions {\n  background-color: #f7f7f7;\n}\n\n.account-menu__control {\n  padding: 16px;\n}\n\n.annotations {\n  margin: 16px 4px 16px 62px;\n  position: relative;\n  font-size: 15px;\n}\n.annotations hr {\n  margin: 10px 0 8px;\n  border-color: rgba(0, 0, 0, 0.12);\n}\n.annotations:after {\n  content: \"\";\n  position: absolute;\n  width: 0;\n  height: 0;\n  left: -15px;\n  right: auto;\n  top: -1px;\n  bottom: auto;\n  border-top: 20px solid transparent;\n  border-bottom: 20px solid transparent;\n  border-right: 16px solid #757575;\n}\n\n.annotations-container--student--report {\n  border-top: 1px solid #dddddd;\n}\n\n.annotations--report {\n  margin-top: 0;\n  margin-bottom: 0;\n}\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\n.annotations__avatar {\n  background-color: #F05843;\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: 4px;\n  border-bottom-right-radius: 4px;\n  overflow: auto;\n}\n\n.annotations__status {\n  background-color: #ffffff;\n  color: #ef6c00;\n  display: inline-block;\n  margin-left: 8px;\n  font-size: 12px;\n}\n.annotations__status.ng-enter, .annotations__status.ng-leave {\n  transition: all 1s;\n}\n.annotations__status.ng-enter, .annotations__status.ng-leave.ng-leave-active {\n  opacity: 0;\n}\n.annotations__status.ng-leave, .annotations__status.ng-enter.ng-enter-active {\n  opacity: 1;\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: 13px;\n}\n\n.annotations--inside .annotations {\n  margin-left: 72px;\n}\n\n.annotations--info {\n  margin-bottom: 32px;\n  margin-right: 8px;\n  margin-left: 72px;\n}\n@media only screen and (min-width: 600px) {\n  .annotations--info {\n    margin: 16px 16px 32px 76px;\n  }\n}\n.annotations--info:after {\n  border-right: 16px solid #ef6c00;\n}\n.annotations--info .annotations__avatar {\n  background-color: #ffffff;\n}\n.annotations--info .annotations__header {\n  background-color: #ef6c00;\n}\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 .mat-mdc-form-field-subscript-wrapper {\n  display: none;\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 input {\n  margin-top: 0 !important;\n  font-size: 18px;\n  width: 52px;\n  text-align: center;\n}\n.annotations--grading__score .mat-mdc-form-field-infix {\n  width: auto;\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 label {\n  display: none;\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\n.component {\n  position: relative;\n}\n\n.component__wrapper {\n  padding: 0 24px;\n  margin: 24px 0;\n}\n\n.component__content {\n  overflow-x: auto;\n  font-size: 15px;\n  overflow-y: hidden;\n}\n@media only screen and (min-width: 600px) {\n  .component__content {\n    padding: 0 8px;\n  }\n}\n\nh3.component__header {\n  padding: 8px 12px;\n  margin: 0;\n  font-size: 14px;\n}\n\n.component__rubric {\n  position: absolute;\n  left: -20px;\n  top: 12px;\n}\n\n.notebook-enabled .component_content img {\n  transition: all 250ms;\n  cursor: pointer;\n  cursor: copy;\n}\n.notebook-enabled .component_content img:hover, .notebook-enabled .component_content img:focus {\n  box-shadow: 0 0 5px 1px #F05843;\n}\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\n.component__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54);\n  font-weight: 400;\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: 600px) {\n  .component__attachment {\n    padding-top: 8px;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .component__add-attachment {\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  border-radius: 0;\n  background-color: rgba(255, 255, 255, 0.75) !important;\n}\n\n.component__revision {\n  margin: 8px 0;\n  padding: 8px;\n}\n.component__revision:nth-child(odd) {\n  background-color: #f7f7f7;\n}\n\n.component__revision__content {\n  padding: 4px 0 8px 0;\n  border-bottom: 1px solid #dddddd;\n}\n\n.component__revision__actions {\n  color: #757575;\n  padding-top: 4px;\n}\n\n.embedded-content__iframe {\n  border: 0 none;\n}\n\n.component--grading {\n  padding: 0;\n  margin: 0;\n}\n.component--grading:not(:last-child) > div {\n  border-bottom: 1px solid #dddddd;\n}\n.component--grading .component__wrapper {\n  padding: 0;\n  margin: 0;\n}\n.component--grading .component__content {\n  padding: 16px;\n  margin: 0;\n}\n\n.component--grading__response__content {\n  white-space: pre-wrap;\n}\n\n.component--grading__annotations {\n  background-color: rgb(235.5295774648, 243.6422535211, 252.8704225352);\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 #eeeeee;\n}\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 #eeeeee;\n  border-left-width: 0;\n  border-right-width: 0;\n}\n\n.outside-content iframe {\n  border: 1px solid #eeeeee;\n}\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end;\n}\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\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\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__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 #dddddd;\n}\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}\n\n.notebook-toolbar__add-menu {\n  position: absolute;\n  bottom: 40px;\n}\n.notebook-toolbar__add-menu .md-fab-action-item {\n  background-color: #ffffff;\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}\n\nhighchart {\n  display: block;\n}","@use 'sass:map';\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","// 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  @media (min-width: $layout-breakpoint-lg) {\n      width: $layout-breakpoint-lg;\n  }\n}\n\n.l-constrained-md {\n  width: $layout-breakpoint-sm;\n  max-width: 100%;\n}\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","// 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","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","// 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__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","// 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",".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\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__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",".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-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.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.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: 450px;\n$report-position-right: 66px;\n$report-full-gap: 8px;\n\n// Base\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 + 24;\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",".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    top: 12px;\n    left: -18px;\n    height: 22px;\n    line-height: 22px;\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: 6px;\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    .mat-mdc-menu-content {\n        padding: 0;\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__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: -15px;\n        right: auto;\n        top: -1px;\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    .mat-mdc-form-field-subscript-wrapper {\n        display: none;\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    .mat-mdc-form-field-infix {\n        width: auto;\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 24px;\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 {\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('text-secondary');\n    font-weight: 400;\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    border-radius: 0;\n    background-color: rgba(255, 255, 255, 0.75) !important;\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",".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__content {\n    white-space: pre-wrap;\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",".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/assets/wise5/themes/default/style/vle.css b/src/assets/wise5/themes/default/style/vle.css
index 2efdb5984e1..25764af54d0 100644
--- a/src/assets/wise5/themes/default/style/vle.css
+++ b/src/assets/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;border:solid #1c8ca8;border-width:0 0 0 3px;margin:16px 0;padding:8px}.has-indicator:after{background-color:#f05843;border-radius:50%;content:"";padding:5px;position:absolute}.has-indicator--icon-button:after{left:5px;top:25px}.badge{background-color:#aaa;border-radius:4px;font-size:12px;font-style:normal;font-weight:500;padding:2px 6px}.badge.md-button{line-height:inherit;min-height:0;min-width:0}.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-option[selected],md-select-menu.md-default-theme md-option[selected]{background-color:#f4fbfd}.md-autocomplete-suggestions-container li .highlight,.md-autocomplete-suggestions-container.md-default-theme li .highlight{background-color:#f4fbfd;color:#1c8ca8}.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}}@media (min-width:1920px){.l-constrained{width:1920px}}.l-constrained-md{max-width:100%;width:960px}.l-footer{background-color:#fff;border-top:1px solid #eee;bottom:0;left:0;position:fixed;right:0;z-index:1}.button--footer{display:flex;margin:0;min-width:0;padding-bottom:0;padding-top:0}.button--footer__element{padding-left:8px}.l-header{z-index:3}.l-header .logo{height:36px;margin-left:0!important;vertical-align:middle;width:36px}.l-header .logo-link{display:none;margin-right:12px;min-width:auto;padding:0 4px}@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{left:0;margin:0 auto;padding:8px;position:absolute;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}[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-size:36px;font-weight:300;margin-bottom:0;margin-top:0}@media only screen and (max-width:959px){.content-head h1,.content-head h2,.content-head h3{font-size:32px;text-align:center}.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-notebook{background-color:#eee!important;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;vertical-align:bottom;z-index:1}.md-button.status-icon{height:auto;line-height:inherit;margin:0 4px;min-height:0;padding:0;width:auto}.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{background-color:#ef6c00;padding:0 0 0 12px}.help-bubble___title__content .md-icon-button{margin-right:0;padding-bottom:0;padding-top:0}.help-bubble__content{max-height:480px;overflow:auto;padding:8px 12px}.help-bubble__actions{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.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{background-color:#f7f7f7;border:1px solid #ccc;margin-bottom:8px;padding: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{color:rgba(0,0,0,.87);line-height:1.2}.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{word-wrap:none;color:rgba(0,0,0,.54);font-weight:500;overflow:hidden;text-overflow:ellipsis}@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){background-color:#eee;box-shadow:none}.select__header{height:48px}.select__header input{border:0;font-size:14px;font-weight:500;height:100%;outline:none;padding:0 8px;width:100%}.table{margin:8px 0;max-width:100%;min-width:100px;width:auto}.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;font-size:15px;height:32px;min-height:32px;min-width:32px;padding:6px;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{background-color:#fff;border:0;border-collapse:collapse;max-width:100%;overflow:auto}.table--list td,.table--list th{border:0;padding:0 4px}.table--list td{height:56px;min-height:56px}.table--list tr.md-button{display:table-row;font-size:inherit;font-weight:400;text-align:left;text-transform:none;width:auto}.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;height:42px;min-height:42px}.table--list__thead__link{color:#fff;line-height:1.4;margin:0;min-width:0;text-transform:none;white-space:normal;width:100%}.table--list__thead__sort{margin:0}.table--list__thead__sort--reverse{transform:rotate(180deg)}.td--wrap{line-height:1.2;min-width:180px;white-space:normal}@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{font-size:15px;padding:0 8px}.md-toolbar--sidenav{background-color:#333!important}.md-toolbar--sidenav .md-toolbar-tools{font-size:16px;font-weight:500}.toolbar{left:0;position:fixed;right:0;top:52px;z-index:3}.toolbar__title{font-size:16px;font-weight:500;margin-left:8px}.md-button.toolbar__nav,.toolbar__nav{margin:0}.md-button.toolbar__select,.toolbar__select{background-color:#f7f7f7;margin:0 4px;min-height:32px}.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{background-color:#fff;color:rgba(0,0,0,.87)}.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-subheader-content,.list-item--info._md-button-wrap>div.md-button:first-child{border-left:4px solid #ef6c00!important;margin-left:-4px}.list-item--warn .md-subheader-content,.list-item--warn._md-button-wrap>div.md-button:first-child{border-left:4px solid #c62828!important;margin-left:-4px}.list-item--expanded{border-bottom-width:0}.list-item--noclick,.list-item--noclick.md-button{background-color:#f7f7f7;cursor:default}.list-item--actions{padding:0 8px!important}.list-item__subheader-button{line-height:1.4;margin:0;padding:8px 16px;text-align:left;text-transform:none;white-space:normal;width:100%}.user-list{font-size:15px}#nav{position:relative}.nav{margin-bottom:16px}.nav-mask{background-color:rgba(0,0,0,.25);bottom:0;left:0;position:absolute;right:0;top:0;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-left-radius:4px;border-top-right-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%;margin:8px auto;max-height:none!important;max-width:100%}.nav-item--root.expanded:first-of-type{margin-top:0}.nav-item--list__reorder{color:rgba(0,0,0,.26);margin-left:8px}.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-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top:1px solid #ddd;min-height:40px;padding:8px 16px}.nav-item__users{color:#fff;cursor:pointer;height:auto;margin:0;padding:1px 6px}.nav-item__users>md-icon{color:#fff;padding-right:4px}.nav-item__users:focus.success-bg,.nav-item__users:hover.success-bg{background-color:#00c853}.nav-item__title{font-weight:400;line-height:1.2;padding-left:16px}[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}.menu-progress{position:absolute;right:12px;top:10px}.menu-progress path{stroke:#cad266!important;stroke-width:2px}[dir=rtl] .menu-progress{left:12px;right:auto}.menu-sidenav__item{font-size:14px;font-weight:700}.menu-sidenav__icon{margin-left:12px;margin-right:12px!important;margin-top:12px!important}.active .menu-sidenav__icon,.active .menu-sidenav__item{color:#1c8ca8}.menu-sidebar{background-color:#fff;border-right:1px solid #ccc;bottom:0;left:0;overflow:hidden;padding:8px 0;position:absolute;text-align:center;top:94px;width:56px}@media only screen and (max-width:599px){.menu-sidebar{display:none}}[dir=rtl] .menu-sidebar{left:auto;right:0}.md-button.md-icon-button.menu-sidebar__link{margin-bottom:6px;margin-top:6px}#node{left:0;margin:0 auto;position:absolute;right:0}@media only screen and (min-width:600px){#node{margin-bottom:32px;padding:24px 16px}}@media only screen and (min-width:960px){#node{padding:32px}}#node.ng-enter{opacity:0;transition:opacity .5s}#node.ng-enter-active{opacity:1}.node-content{background-color:#fff;border-radius:3px;overflow:visible;padding:0 0 48px}@media only screen and (max-width:599px){.node-content{box-shadow:none}}@media only screen and (min-width:600px){.node-content{border-bottom:2px solid;border-top:2px solid;padding:0}}md-content.node-content{background-color:#fff}.node-content__rubric{left:0;position:absolute;right:0;top:-22px;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{font-size:15px;font-weight:500;margin:0 8px;min-width:0}.node-select .md-select-value :first-child{flex:1 0 0;transform:translateZ(0)}.node-select .md-select-value .node-select__icon,.node-select .md-select-value .node-select__status{display:none}.node-select .md-select-icon{color:rgba(0,0,0,.87);margin-left:0}.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{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media only screen and (min-width:600px){.node-select__text{margin-top:2px}}.node-title{line-height:1.2;margin-top:3px;text-transform:none}@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}}.node-content__actions .md-button:first-child{margin-left:0}.node-content__actions .md-button:last-child{margin-right:0}.node-content__actions__info{color:rgba(0,0,0,.54);font-style:italic;margin-left:8px}.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{background-color:#fff;border-radius:3px;padding:8px 0;position:fixed;width:52px}@media only screen and (max-width:599px){.node-sidebar__toolbar{border-radius:0;bottom:0;height:42px;left:0;min-height:0;padding:0;right:0;width:100%}}.node__label--vertical-alignment{display:inline-block;vertical-align:middle}notebook-report{bottom:0;position:absolute;right:66px;transition:right .25s;z-index:3}notebook-report.report-full{bottom:8px;left:8px;right:8px;top:8px}@media only screen and (min-width:960px){notebook-report.notes-visible{right:474px}}.notebook-sidebar{max-width:none;width:270px}@media only screen and (min-width:600px){.notebook-sidebar{width:450px}}@media only screen and (max-width:599px){.notebook-enabled .md-fab-bottom-left,.notebook-enabled .md-fab-bottom-right{bottom:50px!important}}.notification-btn{width:60px!important}.notification-btn md-icon{margin-left:20px}.notification-count{background-color:#f05843;border:2px solid;border-radius:50%;font-size:12px;font-weight:700;height:22px;left:-18px;line-height:22px;position:absolute;top:12px;width:22px}.notification-count:before{border-bottom:4px solid transparent;border-left:6px solid hsla(0,0%,100%,.87);border-top:4px solid transparent;content:"";position:absolute;right:-7px;top:6px}.notification-list{padding:8px 0}.notification-dismiss{width:500px}.notification-dismiss__input{margin-bottom:0}md-list md-list-item .md-list-item-text h4.notification-list-item__source,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{color:rgba(0,0,0,.54);font-size:12px}md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,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{font-size:18px;line-height:20px;margin-left:-4px;min-width:0;width:auto}.account-menu{border-radius:4px;font-size:15px;max-width:380px;padding:0}@media (min-width:1280px){.account-menu{min-width:380px!important}}.account-menu h3{font-weight:300;margin:0}.account-menu .mat-mdc-menu-content{padding:0}.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{outline:none;position:absolute;right:28px;top:-8px}.account-menu__caret:before{border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent;content:"";position:absolute}.account-menu__caret--notification,.account-menu__caret--pause{right:80px}.account-menu__caret--notification--with-pause{right:132px}[dir=rtl] .account-menu__caret{left:28px;right:auto}[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{color:rgba(0,0,0,.54);font-weight:400}.account-menu__users,.account-menu__users md-list-item{padding:0}.account-menu__users md-list-item .md-avatar{height:48px;margin:0 8px 0 0;width:48px}.account-menu__actions{background-color:#f7f7f7}.account-menu__control{padding:16px}.annotations{font-size:15px;margin:16px 4px 16px 62px;position:relative}.annotations hr{border-color:rgba(0,0,0,.12);margin:10px 0 8px}.annotations:after{border-bottom:20px solid transparent;border-right:16px solid #757575;border-top:20px solid transparent;bottom:auto;content:"";height:0;left:-15px;position:absolute;right:auto;top:-1px;width:0}.annotations-container--student--report{border-top:1px solid #ddd}.annotations--report{margin-bottom:0;margin-top:0}.annotations__header{background-color:#757575;border-top-right-radius:4px;color:#fff;font-weight:700;padding:10px 12px;position:relative;transition:all 1s}.annotations__avatar{background-color:#f05843;left:-62px;padding:2px;position:absolute;top:0}.annotations__icon{color:#fff;transition:all 1s}.annotations__body{background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:auto;padding:12px}.annotations__status{background-color:#fff;color:#ef6c00;display:inline-block;font-size:12px;margin-left:8px}.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{border-bottom:1px dotted;font-size:13px;font-style:italic;opacity:.8}.annotations--inside .annotations{margin-left:72px}.annotations--info{margin-bottom:32px;margin-left:72px;margin-right:8px}@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{margin:24px 0;padding:0 24px}.component__content{font-size:15px;overflow-x:auto;overflow-y:hidden}@media only screen and (min-width:600px){.component__content{padding:0 8px}}h3.component__header{font-size:14px;margin:0;padding:8px 12px}.component__rubric{left:-20px;position:absolute;top:12px}.notebook-enabled .component_content img{cursor:pointer;cursor:copy;transition:all .25s}.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{color:rgba(0,0,0,.54);font-style:italic;font-weight:400;margin-left:8px}.component__actions__more{border-bottom:1px dotted}.component__prompt{font-weight:500;margin-bottom:8px}.component__prompt__content{display:inline}.component__attachment{margin:0 8px;padding-bottom:8px;position:relative}@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{background-color:hsla(0,0%,100%,.75)!important;border-radius:0;position:absolute;right:0;top:0}.component__revision{margin:8px 0;padding:8px}.component__revision:nth-child(odd){background-color:#f7f7f7}.component__revision__content{border-bottom:1px solid #ddd;padding:4px 0 8px}.component__revision__actions{color:#757575;padding-top:4px}.embedded-content__iframe{border:0}.graph-select{max-width:200px;min-width:150px}.graph-controls{border-color:#eee;border-style:solid;border-width:1px 0;margin:8px 0;padding:8px 0}.outside-content iframe{border:1px solid #eee}.outside-content__source{margin-top:4px;text-align:end}.outside-content__source a{display:inline-block;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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{bottom:40px;position:absolute}.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;border:solid #1c8ca8;border-width:0 0 0 3px;margin:16px 0;padding:8px}.has-indicator:after{background-color:#f05843;border-radius:50%;content:"";padding:5px;position:absolute}.has-indicator--icon-button:after{left:5px;top:25px}.badge{background-color:#aaa;border-radius:4px;font-size:12px;font-style:normal;font-weight:500;padding:2px 6px}.badge.md-button{line-height:inherit;min-height:0;min-width:0}.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-option[selected],md-select-menu.md-default-theme md-option[selected]{background-color:#f4fbfd}.md-autocomplete-suggestions-container li .highlight,.md-autocomplete-suggestions-container.md-default-theme li .highlight{background-color:#f4fbfd;color:#1c8ca8}.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}}@media (min-width:1920px){.l-constrained{width:1920px}}.l-constrained-md{max-width:100%;width:960px}.l-footer{background-color:#fff;border-top:1px solid #eee;bottom:0;left:0;position:fixed;right:0;z-index:1}.button--footer{display:flex;margin:0;min-width:0;padding-bottom:0;padding-top:0}.button--footer__element{padding-left:8px}.l-header{z-index:3}.l-header .logo{height:36px;margin-left:0!important;vertical-align:middle;width:36px}.l-header .logo-link{display:none;margin-right:12px;min-width:auto;padding:0 4px}@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{left:0;margin:0 auto;padding:8px;position:absolute;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}[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-size:36px;font-weight:300;margin-bottom:0;margin-top:0}@media only screen and (max-width:959px){.content-head h1,.content-head h2,.content-head h3{font-size:32px;text-align:center}.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-notebook{background-color:#eee!important;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;vertical-align:bottom;z-index:1}.md-button.status-icon{height:auto;line-height:inherit;margin:0 4px;min-height:0;padding:0;width:auto}.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{background-color:#ef6c00;padding:0 0 0 12px}.help-bubble___title__content .md-icon-button{margin-right:0;padding-bottom:0;padding-top:0}.help-bubble__content{max-height:480px;overflow:auto;padding:8px 12px}.help-bubble__actions{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.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{background-color:#f7f7f7;border:1px solid #ccc;margin-bottom:8px;padding: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{color:rgba(0,0,0,.87);line-height:1.2}.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{word-wrap:none;color:rgba(0,0,0,.54);font-weight:500;overflow:hidden;text-overflow:ellipsis}@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){background-color:#eee;box-shadow:none}.select__header{height:48px}.select__header input{border:0;font-size:14px;font-weight:500;height:100%;outline:none;padding:0 8px;width:100%}.table{margin:8px 0;max-width:100%;min-width:100px;width:auto}.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;font-size:15px;height:32px;min-height:32px;min-width:32px;padding:6px;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{background-color:#fff;border:0;border-collapse:collapse;max-width:100%;overflow:auto}.table--list td,.table--list th{border:0;padding:0 4px}.table--list td{height:56px;min-height:56px}.table--list tr.md-button{display:table-row;font-size:inherit;font-weight:400;text-align:left;text-transform:none;width:auto}.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;height:42px;min-height:42px}.table--list__thead__link{color:#fff;line-height:1.4;margin:0;min-width:0;text-transform:none;white-space:normal;width:100%}.table--list__thead__sort{margin:0}.table--list__thead__sort--reverse{transform:rotate(180deg)}.td--wrap{line-height:1.2;min-width:180px;white-space:normal}@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{font-size:15px;padding:0 8px}.md-toolbar--sidenav{background-color:#333!important}.md-toolbar--sidenav .md-toolbar-tools{font-size:16px;font-weight:500}.toolbar{left:0;position:fixed;right:0;top:52px;z-index:3}.toolbar__title{font-size:16px;font-weight:500;margin-left:8px}.md-button.toolbar__nav,.toolbar__nav{margin:0}.md-button.toolbar__select,.toolbar__select{background-color:#f7f7f7;margin:0 4px;min-height:32px}.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{background-color:#fff;color:rgba(0,0,0,.87)}.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-subheader-content,.list-item--info._md-button-wrap>div.md-button:first-child{border-left:4px solid #ef6c00!important;margin-left:-4px}.list-item--warn .md-subheader-content,.list-item--warn._md-button-wrap>div.md-button:first-child{border-left:4px solid #c62828!important;margin-left:-4px}.list-item--expanded{border-bottom-width:0}.list-item--noclick,.list-item--noclick.md-button{background-color:#f7f7f7;cursor:default}.list-item--actions{padding:0 8px!important}.list-item__subheader-button{line-height:1.4;margin:0;padding:8px 16px;text-align:left;text-transform:none;white-space:normal;width:100%}.user-list{font-size:15px}#nav{position:relative}.nav{margin-bottom:16px}.nav-mask{background-color:rgba(0,0,0,.25);bottom:0;left:0;position:absolute;right:0;top:0;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-left-radius:4px;border-top-right-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%;margin:8px auto;max-height:none!important;max-width:100%}.nav-item--root.expanded:first-of-type{margin-top:0}.nav-item--list__reorder{color:rgba(0,0,0,.26);margin-left:8px}.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-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top:1px solid #ddd;min-height:40px;padding:8px 16px}.nav-item__users{color:#fff;cursor:pointer;height:auto;margin:0;padding:1px 6px}.nav-item__users>md-icon{color:#fff;padding-right:4px}.nav-item__users:focus.success-bg,.nav-item__users:hover.success-bg{background-color:#00c853}.nav-item__title{font-weight:400;line-height:1.2;padding-left:16px}[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}.menu-progress{position:absolute;right:12px;top:10px}.menu-progress path{stroke:#cad266!important;stroke-width:2px}[dir=rtl] .menu-progress{left:12px;right:auto}.menu-sidenav__item{font-size:14px;font-weight:700}.menu-sidenav__icon{margin-left:12px;margin-right:12px!important;margin-top:12px!important}.active .menu-sidenav__icon,.active .menu-sidenav__item{color:#1c8ca8}.menu-sidebar{background-color:#fff;border-right:1px solid #ccc;bottom:0;left:0;overflow:hidden;padding:8px 0;position:absolute;text-align:center;top:94px;width:56px}@media only screen and (max-width:599px){.menu-sidebar{display:none}}[dir=rtl] .menu-sidebar{left:auto;right:0}.md-button.md-icon-button.menu-sidebar__link{margin-bottom:6px;margin-top:6px}#node{left:0;margin:0 auto;position:absolute;right:0}@media only screen and (min-width:600px){#node{margin-bottom:32px;padding:24px 16px}}@media only screen and (min-width:960px){#node{padding:32px}}#node.ng-enter{opacity:0;transition:opacity .5s}#node.ng-enter-active{opacity:1}.node-content{background-color:#fff;border-radius:3px;overflow:visible;padding:0 0 48px}@media only screen and (max-width:599px){.node-content{box-shadow:none}}@media only screen and (min-width:600px){.node-content{border-bottom:2px solid;border-top:2px solid;padding:0}}md-content.node-content{background-color:#fff}.node-content__rubric{left:0;position:absolute;right:0;top:-22px;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{font-size:15px;font-weight:500;margin:0 8px;min-width:0}.node-select .md-select-value :first-child{flex:1 0 0;transform:translateZ(0)}.node-select .md-select-value .node-select__icon,.node-select .md-select-value .node-select__status{display:none}.node-select .md-select-icon{color:rgba(0,0,0,.87);margin-left:0}.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{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media only screen and (min-width:600px){.node-select__text{margin-top:2px}}.node-title{line-height:1.2;margin-top:3px;text-transform:none}@media only screen and (max-width:599px){.node-title{font-size:15px}}.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{background-color:#fff;border-radius:3px;padding:8px 0;position:fixed;width:52px}@media only screen and (max-width:599px){.node-sidebar__toolbar{border-radius:0;bottom:0;height:42px;left:0;min-height:0;padding:0;right:0;width:100%}}.node__label--vertical-alignment{display:inline-block;vertical-align:middle}notebook-report{bottom:0;position:absolute;right:66px;transition:right .25s;z-index:3}notebook-report.report-full{bottom:8px;left:8px;right:8px;top:8px}@media only screen and (min-width:960px){notebook-report.notes-visible{right:474px}}.notebook-sidebar{max-width:none;width:270px}@media only screen and (min-width:600px){.notebook-sidebar{width:450px}}@media only screen and (max-width:599px){.notebook-enabled .md-fab-bottom-left,.notebook-enabled .md-fab-bottom-right{bottom:50px!important}}.notification-btn{width:60px!important}.notification-btn md-icon{margin-left:20px}.notification-count{background-color:#f05843;border:2px solid;border-radius:50%;font-size:12px;font-weight:700;height:22px;left:-18px;line-height:22px;position:absolute;top:12px;width:22px}.notification-count:before{border-bottom:4px solid transparent;border-left:6px solid hsla(0,0%,100%,.87);border-top:4px solid transparent;content:"";position:absolute;right:-7px;top:6px}.notification-list{padding:8px 0}.notification-dismiss{width:500px}.notification-dismiss__input{margin-bottom:0}md-list md-list-item .md-list-item-text h4.notification-list-item__source,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{color:rgba(0,0,0,.54);font-size:12px}md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,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{font-size:18px;line-height:20px;margin-left:-4px;min-width:0;width:auto}.account-menu{border-radius:4px;font-size:15px;max-width:380px;padding:0}@media (min-width:1280px){.account-menu{min-width:380px!important}}.account-menu h3{font-weight:300;margin:0}.account-menu .mat-mdc-menu-content{padding:0}.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{outline:none;position:absolute;right:28px;top:-8px}.account-menu__caret:before{border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent;content:"";position:absolute}.account-menu__caret--notification,.account-menu__caret--pause{right:80px}.account-menu__caret--notification--with-pause{right:132px}[dir=rtl] .account-menu__caret{left:28px;right:auto}[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{color:rgba(0,0,0,.54);font-weight:400}.account-menu__users,.account-menu__users md-list-item{padding:0}.account-menu__users md-list-item .md-avatar{height:48px;margin:0 8px 0 0;width:48px}.account-menu__actions{background-color:#f7f7f7}.account-menu__control{padding:16px}.annotations{font-size:15px;margin:16px 4px 16px 62px;position:relative}.annotations hr{border-color:rgba(0,0,0,.12);margin:10px 0 8px}.annotations:after{border-bottom:20px solid transparent;border-right:16px solid #757575;border-top:20px solid transparent;bottom:auto;content:"";height:0;left:-15px;position:absolute;right:auto;top:-1px;width:0}.annotations-container--student--report{border-top:1px solid #ddd}.annotations--report{margin-bottom:0;margin-top:0}.annotations__header{background-color:#757575;border-top-right-radius:4px;color:#fff;font-weight:700;padding:10px 12px;position:relative;transition:all 1s}.annotations__avatar{background-color:#f05843;left:-62px;padding:2px;position:absolute;top:0}.annotations__icon{color:#fff;transition:all 1s}.annotations__body{background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:auto;padding:12px}.annotations__status{background-color:#fff;color:#ef6c00;display:inline-block;font-size:12px;margin-left:8px}.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{border-bottom:1px dotted;font-size:13px;font-style:italic;opacity:.8}.annotations--inside .annotations{margin-left:72px}.annotations--info{margin-bottom:32px;margin-left:72px;margin-right:8px}@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{margin:24px 0;padding:0 24px}.component__content{font-size:15px;overflow-x:auto;overflow-y:hidden}@media only screen and (min-width:600px){.component__content{padding:0 8px}}h3.component__header{font-size:14px;margin:0;padding:8px 12px}.component__rubric{left:-20px;position:absolute;top:12px}.notebook-enabled .component_content img{cursor:pointer;cursor:copy;transition:all .25s}.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{color:rgba(0,0,0,.54);font-style:italic;font-weight:400;margin-left:8px}.component__actions__more{border-bottom:1px dotted}.component__prompt{font-weight:500;margin-bottom:8px}.component__prompt__content{display:inline}.component__attachment{margin:0 8px;padding-bottom:8px;position:relative}@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{background-color:hsla(0,0%,100%,.75)!important;border-radius:0;position:absolute;right:0;top:0}.component__revision{margin:8px 0;padding:8px}.component__revision:nth-child(odd){background-color:#f7f7f7}.component__revision__content{border-bottom:1px solid #ddd;padding:4px 0 8px}.component__revision__actions{color:#757575;padding-top:4px}.embedded-content__iframe{border:0}.graph-select{max-width:200px;min-width:150px}.graph-controls{border-color:#eee;border-style:solid;border-width:1px 0;margin:8px 0;padding:8px 0}.outside-content iframe{border:1px solid #eee}.outside-content__source{margin-top:4px;text-align:end}.outside-content__source a{display:inline-block;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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{bottom:40px;position:absolute}.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/assets/wise5/themes/default/style/vle.css.map b/src/assets/wise5/themes/default/style/vle.css.map
index d897499d6ca..474e1fd9d6e 100644
--- a/src/assets/wise5/themes/default/style/vle.css.map
+++ b/src/assets/wise5/themes/default/style/vle.css.map
@@ -1 +1 @@
-{"version":3,"sources":["src/assets/wise5/themes/default/style/base/_presets.scss","src/assets/wise5/themes/default/style/vle.css","src/assets/wise5/themes/default/style/base/_config.scss","src/assets/wise5/themes/default/style/layouts/_l-default.scss","src/assets/wise5/themes/default/style/layouts/_l-footer.scss","src/assets/wise5/themes/default/style/layouts/_l-header.scss","src/assets/wise5/themes/default/style/layouts/_l-main.scss","src/assets/wise5/themes/default/style/layouts/_l-notebook.scss","src/assets/wise5/themes/default/style/layouts/_l-sidebar.scss","src/assets/wise5/themes/default/style/modules/_alerts.scss","src/assets/wise5/themes/default/style/modules/_dialog.scss","src/assets/wise5/themes/default/style/modules/_help.scss","src/assets/wise5/themes/default/style/modules/_inputs.scss","src/assets/wise5/themes/default/style/modules/_table.scss","src/assets/wise5/themes/default/style/modules/_toolbar.scss","src/assets/wise5/themes/default/style/material/_config.scss","src/assets/wise5/themes/default/style/modules/_list.scss","src/assets/wise5/themes/default/style/modules/_nav.scss","src/assets/wise5/themes/default/style/modules/_menu.scss","src/assets/wise5/themes/default/style/modules/_node.scss","src/assets/wise5/themes/default/style/modules/_notebook.scss","src/assets/wise5/themes/default/style/modules/_notifications.scss","src/assets/wise5/themes/default/style/modules/_account-menu.scss","src/assets/wise5/themes/default/style/modules/_annotations.scss","src/assets/wise5/themes/default/style/modules/_component.scss","src/assets/wise5/themes/default/style/modules/_component--embedded.scss","src/assets/wise5/themes/default/style/modules/_component--graph.scss","src/assets/wise5/themes/default/style/modules/_component--outside.scss","src/assets/wise5/themes/default/style/modules/_notebook-toolbar.scss","src/assets/wise5/themes/default/style/modules/_highcharts.scss"],"names":[],"mappings":"AAIA,KACE,eCAF,CDEE,SACI,eCAN,CDKI,gBACI,aCFR,CDMA,WACE,wBAAA,CAKA,oBAAA,CAAA,sBAAA,CAHA,aAAA,CADA,WCCF,CDOI,qBAKI,wBAAA,CAFA,iBAAA,CAFA,UAAA,CAGA,WAAA,CAFA,iBCDR,CDSI,kCAEI,QAAA,CADA,QCLR,CDWA,OAMI,qBAAA,CALA,iBEUiB,CFRjB,cAAA,CAEA,iBAAA,CADA,eAAA,CAFA,eCJJ,CDUI,iBAGI,mBAAA,CADA,YAAA,CADA,WCNR,CDUQ,8CACI,qBCRZ,CDWQ,uBACI,uBCTZ,CDcA,aACI,wBAAA,CACA,UCXJ,CDcA,aACI,wBAAA,CACA,UCXJ,CDcA,gBACI,wBAAA,CACA,UCXJ,CDeA,qBACI,aCZJ,CDeA,iBACI,uBCZJ,CDgBA,EACE,aAAA,CACA,cCbF,CDgBA,QACI,kCAAA,CACA,qBCbJ,CDiBA,QACE,iBAAA,CACA,sBCdF,CDiBA,gBACE,iBCdF,CDmBE,cACE,WAAA,CACA,UChBJ,CDkBE,cACE,WAAA,CACA,UChBJ,CDkBE,cACE,WAAA,CACA,UChBJ,CDkBE,cACE,WAAA,CACA,UChBJ,CDqBA,cACE,qBAAA,CACA,4BClBF,CDoBE,8BACI,WClBN,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDwBE,wDACE,qBCrBJ,CDyBI,4EACE,qBCvBN,CD8BE,mDACE,uBC3BJ,CD6BE,mDACE,uBC3BJ,CD6BE,6CACE,uBC3BJ,CD6BE,6CACE,uBC3BJ,CD6BE,iDACE,uBC3BJ,CD6BE,qDACE,uBC3BJ,CD6BE,qDACE,uBC3BJ,CDgCA,uCACE,qBC7BF,CDgCA,uFACE,wBC7BF,CDgCA,2HAGE,wBAAA,CADA,aC5BF,CDmCI,SACE,aChCN,CD+BI,QACE,aC5BN,CD2BI,UACE,aCxBN,CDuBI,UACE,aCpBN,CDmBI,MACE,aChBN,CDeI,MACE,aCZN,CDWI,SACE,aCRN,CDOI,SACE,qBCJN,CDGI,eACE,aCAN,CDDI,cACE,UCIN,CDLI,YACE,UCQN,CDTI,MACE,UCYN,CDbI,WACE,UCgBN,CDjBI,aACE,aCoBN,CDrBI,cACE,UCwBN,CDzBI,MACE,qBC4BN,CD7BI,gBACE,qBCgCN,CDjCI,eACE,qBCoCN,CDrCI,YACE,UCwCN,CDzCI,sBACE,wBC4CN,CD7CI,qBACE,wBCgDN,CDjDI,aACE,aCoDN,CDrDI,OACE,aCwDN,CDzDI,MACE,qBC4DN,CD7DI,SACE,UCgEN,CD1DI,YACE,wBC6DN,CD9DI,WACE,wBCiEN,CDlEI,aACE,wBCqEN,CDtEI,aACE,wBCyEN,CD1EI,SACE,wBC6EN,CD9EI,SACE,wBCiFN,CDlFI,YACE,wBCqFN,CDtFI,YACE,gCCyFN,CD1FI,kBACE,wBC6FN,CD9FI,iBACE,qBCiGN,CDlGI,eACE,qBCqGN,CDtGI,SACE,qBCyGN,CD1GI,cACE,qBC6GN,CD9GI,gBACE,wBCiHN,CDlHI,iBACE,qBCqHN,CDtHI,SACE,gCCyHN,CD1HI,mBACE,gCC6HN,CD9HI,kBACE,gCCiIN,CDlII,eACE,qBCqIN,CDtII,yBACE,mCCyIN,CD1II,wBACE,mCC6IN,CD9II,gBACE,wBCiJN,CDlJI,UACE,wBCqJN,CDtJI,SACE,gCCyJN,CD1JI,YACE,qBC6JN,CDtJQ,kCACI,cCyJZ,CD1JQ,iCACI,cC6JZ,CD9JQ,mCACI,cCiKZ,CDlKQ,mCACI,cCqKZ,CDtKQ,+BACI,cCyKZ,CD1KQ,+BACI,cC6KZ,CD9KQ,kCACI,cCiLZ,CDlLQ,kCACI,sBCqLZ,CDtLQ,wCACI,cCyLZ,CD1LQ,uCACI,WC6LZ,CD9LQ,qCACI,WCiMZ,CDlMQ,+BACI,WCqMZ,CDtMQ,oCACI,WCyMZ,CD1MQ,sCACI,cC6MZ,CD9MQ,uCACI,WCiNZ,CDlNQ,+BACI,sBCqNZ,CDtNQ,yCACI,sBCyNZ,CD1NQ,wCACI,sBC6NZ,CD9NQ,qCACI,WCiOZ,CDlOQ,+CACI,yBCqOZ,CDtOQ,8CACI,yBCyOZ,CD1OQ,sCACI,cC6OZ,CD9OQ,gCACI,cCiPZ,CDlPQ,+BACI,sBCqPZ,CDtPQ,kCACI,WCyPZ,CE7dA,eACE,gBAAA,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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","/*\n WISE Project Styles\n */\nbody {\n  background: #eeeeee;\n}\nbody.vle {\n  overflow: hidden;\n}\n\na:hover, a:focus {\n  color: #1C8CA8;\n}\n\nblockquote {\n  background-color: rgb(230.6571428571, 246.8857142857, 250.9428571429);\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: #1C8CA8;\n  border-width: 0 0 0 3px;\n}\n\n.has-indicator:after {\n  content: \"\";\n  position: absolute;\n  border-radius: 50%;\n  padding: 5px;\n  background-color: #F05843;\n}\n\n.has-indicator--icon-button:after {\n  top: 25px;\n  left: 5px;\n}\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}\n.badge.md-button {\n  min-width: 0;\n  min-height: 0;\n  line-height: inherit;\n}\n.badge.md-button:hover, .badge.md-button:focus {\n  background-color: #aaaaaa;\n}\n.badge.md-button:focus {\n  outline: 1px dotted #aaaaaa;\n}\n\n.badge--info {\n  background-color: #ef6c00;\n  color: #ffffff;\n}\n\n.badge--warn {\n  background-color: #c62828;\n  color: #ffffff;\n}\n\n.badge--success {\n  background-color: #00C853;\n  color: #ffffff;\n}\n\n.divider--withmargin {\n  margin: 16px 0;\n}\n\n.divider--dashed {\n  border-top-style: dashed;\n}\n\na {\n  color: #1C8CA8;\n  cursor: pointer;\n}\n\n.active {\n  background-color: rgba(158, 158, 158, 0.2);\n  color: rgba(0, 0, 0, 0.87);\n}\n\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box;\n}\n\n.avatar--square {\n  border-radius: 4px;\n}\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\n.avatar--icon {\n  background-color: #dddddd;\n  white-space: normal !important;\n}\n.avatar--icon:not(.md-avatar) {\n  padding: 6px;\n}\n.avatar--icon.md-18 {\n  height: 18px;\n  width: 18px;\n}\n.avatar--icon.md-24 {\n  height: 24px;\n  width: 24px;\n}\n.avatar--icon.md-36 {\n  height: 36px;\n  width: 36px;\n}\n.avatar--icon.md-48 {\n  height: 48px;\n  width: 48px;\n}\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}\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}\n\nmd-input-container.md-wise-theme label {\n  color: rgba(0, 0, 0, 0.87);\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: rgb(243.7714285714, 251.2571428571, 253.1285714286);\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: #1C8CA8;\n  background-color: rgb(243.7714285714, 251.2571428571, 253.1285714286);\n}\n\n.primary {\n  color: #1C8CA8;\n}\n\n.accent {\n  color: #F05843;\n}\n\n.accent-1 {\n  color: #795C3A;\n}\n\n.accent-2 {\n  color: #CAD266;\n}\n\n.warn {\n  color: #c62828;\n}\n\n.info {\n  color: #ef6c00;\n}\n\n.success {\n  color: #00C853;\n}\n\n.divider {\n  color: rgba(0, 0, 0, 0.12);\n}\n\n.gray-lightest {\n  color: #f7f7f7;\n}\n\n.gray-lighter {\n  color: #eeeeee;\n}\n\n.gray-light {\n  color: #dddddd;\n}\n\n.gray {\n  color: #cccccc;\n}\n\n.gray-dark {\n  color: #aaaaaa;\n}\n\n.gray-darker {\n  color: #757575;\n}\n\n.gray-darkest {\n  color: #333333;\n}\n\n.text {\n  color: rgba(0, 0, 0, 0.87);\n}\n\n.text-secondary {\n  color: rgba(0, 0, 0, 0.54);\n}\n\n.text-disabled {\n  color: rgba(0, 0, 0, 0.26);\n}\n\n.text-light {\n  color: rgb(255, 255, 255);\n}\n\n.text-light-secondary {\n  color: rgba(255, 255, 255, 0.7);\n}\n\n.text-light-disabled {\n  color: rgba(255, 255, 255, 0.5);\n}\n\n.selected-bg {\n  color: rgb(243.7714285714, 251.2571428571, 253.1285714286);\n}\n\n.score {\n  color: #FFC107;\n}\n\n.body {\n  color: rgba(0, 0, 0, 0.87);\n}\n\n.body-bg {\n  color: #eeeeee;\n}\n\n.primary-bg {\n  background-color: #1C8CA8;\n}\n\n.accent-bg {\n  background-color: #F05843;\n}\n\n.accent-1-bg {\n  background-color: #795C3A;\n}\n\n.accent-2-bg {\n  background-color: #CAD266;\n}\n\n.warn-bg {\n  background-color: #c62828;\n}\n\n.info-bg {\n  background-color: #ef6c00;\n}\n\n.success-bg {\n  background-color: #00C853;\n}\n\n.divider-bg {\n  background-color: rgba(0, 0, 0, 0.12);\n}\n\n.gray-lightest-bg {\n  background-color: #f7f7f7;\n}\n\n.gray-lighter-bg {\n  background-color: #eeeeee;\n}\n\n.gray-light-bg {\n  background-color: #dddddd;\n}\n\n.gray-bg {\n  background-color: #cccccc;\n}\n\n.gray-dark-bg {\n  background-color: #aaaaaa;\n}\n\n.gray-darker-bg {\n  background-color: #757575;\n}\n\n.gray-darkest-bg {\n  background-color: #333333;\n}\n\n.text-bg {\n  background-color: rgba(0, 0, 0, 0.87);\n}\n\n.text-secondary-bg {\n  background-color: rgba(0, 0, 0, 0.54);\n}\n\n.text-disabled-bg {\n  background-color: rgba(0, 0, 0, 0.26);\n}\n\n.text-light-bg {\n  background-color: rgb(255, 255, 255);\n}\n\n.text-light-secondary-bg {\n  background-color: rgba(255, 255, 255, 0.7);\n}\n\n.text-light-disabled-bg {\n  background-color: rgba(255, 255, 255, 0.5);\n}\n\n.selected-bg-bg {\n  background-color: rgb(243.7714285714, 251.2571428571, 253.1285714286);\n}\n\n.score-bg {\n  background-color: #FFC107;\n}\n\n.body-bg {\n  background-color: rgba(0, 0, 0, 0.87);\n}\n\n.body-bg-bg {\n  background-color: #eeeeee;\n}\n\nmd-progress-circular.primary path {\n  stroke: #1C8CA8;\n}\n\nmd-progress-circular.accent path {\n  stroke: #F05843;\n}\n\nmd-progress-circular.accent-1 path {\n  stroke: #795C3A;\n}\n\nmd-progress-circular.accent-2 path {\n  stroke: #CAD266;\n}\n\nmd-progress-circular.warn path {\n  stroke: #c62828;\n}\n\nmd-progress-circular.info path {\n  stroke: #ef6c00;\n}\n\nmd-progress-circular.success path {\n  stroke: #00C853;\n}\n\nmd-progress-circular.divider path {\n  stroke: rgba(0, 0, 0, 0.12);\n}\n\nmd-progress-circular.gray-lightest path {\n  stroke: #f7f7f7;\n}\n\nmd-progress-circular.gray-lighter path {\n  stroke: #eeeeee;\n}\n\nmd-progress-circular.gray-light path {\n  stroke: #dddddd;\n}\n\nmd-progress-circular.gray path {\n  stroke: #cccccc;\n}\n\nmd-progress-circular.gray-dark path {\n  stroke: #aaaaaa;\n}\n\nmd-progress-circular.gray-darker path {\n  stroke: #757575;\n}\n\nmd-progress-circular.gray-darkest path {\n  stroke: #333333;\n}\n\nmd-progress-circular.text path {\n  stroke: rgba(0, 0, 0, 0.87);\n}\n\nmd-progress-circular.text-secondary path {\n  stroke: rgba(0, 0, 0, 0.54);\n}\n\nmd-progress-circular.text-disabled path {\n  stroke: rgba(0, 0, 0, 0.26);\n}\n\nmd-progress-circular.text-light path {\n  stroke: rgb(255, 255, 255);\n}\n\nmd-progress-circular.text-light-secondary path {\n  stroke: rgba(255, 255, 255, 0.7);\n}\n\nmd-progress-circular.text-light-disabled path {\n  stroke: rgba(255, 255, 255, 0.5);\n}\n\nmd-progress-circular.selected-bg path {\n  stroke: rgb(243.7714285714, 251.2571428571, 253.1285714286);\n}\n\nmd-progress-circular.score path {\n  stroke: #FFC107;\n}\n\nmd-progress-circular.body path {\n  stroke: rgba(0, 0, 0, 0.87);\n}\n\nmd-progress-circular.body-bg path {\n  stroke: #eeeeee;\n}\n\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative;\n}\n@media (min-width: 600px) {\n  .l-constrained {\n    width: 1280px;\n  }\n}\n@media (min-width: 1920px) {\n  .l-constrained {\n    width: 1920px;\n  }\n}\n\n.l-constrained-md {\n  width: 960px;\n  max-width: 100%;\n}\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\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\n.l-header {\n  z-index: 3;\n}\n.l-header .logo {\n  margin-left: 0 !important;\n  height: 36px;\n  width: 36px;\n  vertical-align: middle;\n}\n.l-header .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: 600px) {\n  .l-header .logo-link {\n    display: block;\n  }\n}\n.l-header .logo-link:hover, .l-header .logo-link:focus {\n  border: 0 none;\n}\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}\n\n.l-main {\n  background-color: #eeeeee;\n}\n\n.l-main--with-toolbar {\n  margin-top: 42px;\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: 960px) {\n  .view-content {\n    padding: 16px;\n  }\n}\n.view-content.ng-enter {\n  opacity: 0;\n}\n.view-content .ng-enter-active {\n  opacity: 1;\n  transition-delay: 250ms;\n}\n.view-content.ng-leave-active, .view-content.ng-hide {\n  opacity: 0;\n}\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\n.view-content--with-sidemenu {\n  padding: 8px;\n}\n@media only screen and (min-width: 600px) {\n  .view-content--with-sidemenu {\n    margin-left: 54px;\n    padding: 16px;\n  }\n}\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}\n\n.content-head {\n  margin: 8px 0;\n}\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}\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}\n\n@media only screen and (max-width: 959px) {\n  .content-head__more {\n    margin-top: 8px;\n  }\n}\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px;\n}\n.content-head__item .md-subhead,\nh2.content-head__item .md-subhead {\n  padding-left: 4px;\n}\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  }\n}\n.content-head__item md-icon,\nh2.content-head__item md-icon {\n  vertical-align: text-bottom;\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px;\n}\n\n.l-notebook {\n  margin-top: 42px;\n  background-color: #eeeeee !important;\n}\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: #795C3A !important;\n}\n.l-sidebar__header md-select {\n  color: rgba(0, 0, 0, 0.87);\n}\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\nmd-dialog {\n  width: 600px;\n}\n\n.dialog--wide {\n  width: 960px;\n}\n\n.dialog--wider {\n  width: 1280px;\n}\n\n.help-bubble {\n  border-radius: 4px;\n  max-width: 320px;\n}\n@media (min-width: 600px) {\n  .help-bubble {\n    max-width: 552px;\n  }\n}\n@media (min-width: 960px) {\n  .help-bubble {\n    max-width: 912px;\n  }\n}\n@media (min-width: 1280px) {\n  .help-bubble {\n    max-width: 1232px;\n  }\n}\n\n.help-bubble__title {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n}\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}\n.help-bubble___title__content .md-icon-button {\n  margin-right: 0;\n  padding-top: 0;\n  padding-bottom: 0;\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: 4px;\n  border-bottom-right-radius: 4px;\n}\n\n.input-container {\n  padding-top: 12px;\n}\n\n.input-container--component {\n  margin-bottom: 0;\n}\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\n.input-wrapper {\n  position: relative;\n}\n\n.input-wrapper--focused .input--textarea__action md-icon {\n  color: #1C8CA8;\n}\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}\n.input--textarea:focus, .input-container textarea.input--textarea:focus {\n  background-color: #ffffff;\n}\n.input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n  color: rgba(0, 0, 0, 0.54);\n}\n\n.input-container textarea.input--textarea {\n  width: 100%;\n}\n\n.input--textarea--disabled {\n  color: rgba(0, 0, 0, 0.54);\n}\n\n.input--textarea__action {\n  position: absolute;\n  right: -4px;\n}\n.input--textarea__action[disabled] md-icon {\n  color: rgba(0, 0, 0, 0.26) !important;\n}\n\n.input--textarea__action--notebook {\n  top: 6px;\n}\n.input-wrapper--richtext .input--textarea__action--notebook {\n  top: -7px;\n}\n\n.input--textarea__action--revision {\n  bottom: 6px;\n}\n.input-wrapper--richtext .input--textarea__action--revision {\n  bottom: -5px;\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: rgba(0, 0, 0, 0.87);\n}\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\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\n@media only screen and (min-width: 600px) {\n  .autocomplete--minwidth {\n    min-width: 300px;\n  }\n}\n@media only screen and (min-width: 960px) {\n  .autocomplete--minwidth {\n    min-width: 300px;\n  }\n}\n\n.autocomplete--flat md-autocomplete-wrap {\n  background-color: #ffffff;\n}\n.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n  box-shadow: none;\n  background-color: #eeeeee;\n}\n\n.select__header {\n  height: 48px;\n}\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\n.table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0;\n}\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}\n.table td.inactive,\n.table th {\n  background-color: #f7f7f7;\n  opacity: 1;\n  visibility: visible;\n}\n.table md-input-container {\n  margin: 0;\n}\n.table .md-errors-spacer {\n  display: none;\n}\n\n.table--student td.inactive {\n  padding: 8px 10px;\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.table--list th,\n.table--list td {\n  padding: 0 4px;\n  border: 0 none;\n}\n.table--list td {\n  min-height: 56px;\n  height: 56px;\n}\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\n.table--list__wrap {\n  min-width: 600px;\n}\n\n@media only screen and (max-width: 959px) {\n  .table-wrap-sticky {\n    overflow-x: auto;\n  }\n}\n\n.table--list__thead {\n  font-size: 14px;\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: #757575;\n  color: rgb(255, 255, 255);\n  min-height: 42px;\n  height: 42px;\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@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}\n\n.md-toolbar-tools {\n  font-size: 18px;\n}\n.md-toolbar-tools .autocomplete {\n  height: 36px;\n}\n.md-toolbar-tools .autocomplete md-autocomplete-wrap {\n  height: 36px;\n}\n.md-toolbar-tools .autocomplete input {\n  height: 36px;\n}\n\n.md-toolbar--wise {\n  min-height: 42px;\n}\n.md-toolbar--wise .md-toolbar-tools {\n  height: 42px;\n  max-height: 42px;\n}\n.md-toolbar--wise .md-button.md-icon-button {\n  height: 42px;\n  line-height: 42px;\n  width: 42px;\n}\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n  padding: 0 8px;\n  font-size: 15px;\n}\n\n.md-toolbar--sidenav {\n  background-color: #333333 !important;\n}\n.md-toolbar--sidenav .md-toolbar-tools {\n  font-size: 16px;\n  font-weight: 500;\n}\n\n.toolbar {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 52px;\n  z-index: 3;\n}\n\n.toolbar__title {\n  margin-left: 8px;\n  font-size: 16px;\n  font-weight: 500;\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: #f7f7f7;\n}\n.toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n  height: 32px;\n  text-align: left;\n}\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n  text-align: right;\n}\n\n.toolbar__select--fixedwidth {\n  width: 168px;\n}\n@media only screen and (min-width: 600px) {\n  .toolbar__select--fixedwidth {\n    width: 264px;\n  }\n}\n@media only screen and (min-width: 960px) {\n  .toolbar__select--fixedwidth {\n    width: 432px;\n  }\n}\n\n.list-item {\n  background-color: #ffffff;\n  border-bottom: 1px solid #eeeeee;\n}\n.list-item .md-subheader, .list-item.md-subheader {\n  color: rgba(0, 0, 0, 0.87);\n  background-color: #ffffff;\n}\n.list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n  vertical-align: middle;\n}\n.list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n  padding: 0;\n}\n.list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n  margin-right: 8px;\n}\n.list-item .autocomplete {\n  margin: 8px 0;\n}\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\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\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: #f7f7f7;\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: 15px;\n}\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.nav-mask.ng-hide {\n  opacity: 0;\n}\n\n.nav-head {\n  color: rgba(0, 0, 0, 0.54);\n  font-weight: 500;\n}\n.nav-head md-icon {\n  line-height: 20px;\n}\n\n.nav-contents--root {\n  padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n  background-color: #dddddd;\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: 600px) {\n  .nav-contents__list {\n    padding: 8px;\n  }\n}\n\n.nav-item {\n  transition: opacity 250ms ease-in-out;\n}\n.nav-item.prev md-list-item {\n  background-color: rgb(243.7714285714, 251.2571428571, 253.1285714286);\n  /*&._md-button-wrap>div.md-button:first-child {\n      border-left: 4px solid color('primary');\n      margin-left: -4px;\n  }*/\n}\n\n.nav-item--card__content {\n  border-top-right-radius: 4px;\n  border-top-left-radius: 4px;\n}\n.nav-item--card__content:focus {\n  outline: none;\n}\n.nav-item--card__content:focus .nav-item__title > span {\n  border-bottom: 1px dashed #cccccc;\n}\n\n.nav-item--root {\n  transition: margin 250ms, box-shadow 500ms;\n}\n.nav-item--root.expanded {\n  flex-basis: 100%;\n  max-width: 100%;\n  max-height: none !important;\n  margin: 8px auto;\n}\n.nav-item--root.expanded:first-of-type {\n  margin-top: 0;\n}\n\n.nav-item--list__reorder {\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.26);\n}\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\n.nav-item__collapse {\n  margin: 0;\n}\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\n.nav-item__users {\n  height: auto;\n  cursor: pointer;\n  color: #ffffff;\n  margin: 0;\n  padding: 1px 6px;\n}\n.nav-item__users > md-icon {\n  padding-right: 4px;\n  color: #ffffff;\n}\n.nav-item__users:hover.success-bg, .nav-item__users:focus.success-bg {\n  background-color: #00C853;\n}\n\n.nav-item__title {\n  padding-left: 16px;\n  line-height: 1.2;\n  font-weight: 400;\n}\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.nav-item__progress > .md-container {\n  top: 0;\n}\n\n.nav-item__progress-value {\n  margin-left: 8px;\n  width: 36px;\n}\n\n.menu-progress {\n  position: absolute;\n  top: 10px;\n  right: 12px;\n}\n.menu-progress path {\n  stroke: #CAD266 !important;\n  stroke-width: 2px;\n}\n\n[dir=rtl] .menu-progress {\n  right: auto;\n  left: 12px;\n}\n\n.menu-sidenav__item {\n  font-weight: 700;\n  font-size: 14px;\n}\n\n.menu-sidenav__icon {\n  margin-top: 12px !important;\n  margin-right: 12px !important;\n  margin-left: 12px;\n}\n\n.active .menu-sidenav__icon, .active .menu-sidenav__item {\n  color: #1C8CA8;\n}\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}\n@media only screen and (max-width: 599px) {\n  .menu-sidebar {\n    display: none;\n  }\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\n#node {\n  margin: 0 auto;\n  position: absolute;\n  left: 0;\n  right: 0;\n}\n@media only screen and (min-width: 600px) {\n  #node {\n    padding: 8px;\n    padding: 24px 16px;\n    margin-bottom: 32px;\n  }\n}\n@media only screen and (min-width: 960px) {\n  #node {\n    padding: 32px;\n  }\n}\n#node.ng-enter {\n  transition: opacity 0.5s;\n  opacity: 0;\n}\n#node.ng-enter-active {\n  opacity: 1;\n}\n\n.node-content {\n  padding: 0 0 48px;\n  background-color: #ffffff;\n  border-radius: 3px;\n  overflow: visible;\n}\n@media only screen and (max-width: 599px) {\n  .node-content {\n    box-shadow: none;\n  }\n}\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  }\n}\n\nmd-content.node-content {\n  background-color: #ffffff;\n}\n\n.node-content__rubric {\n  position: absolute;\n  top: -22px;\n  left: 0;\n  right: 0;\n  z-index: 1;\n}\n.node-content__rubric .avatar--icon {\n  transform: scale(0.94);\n}\n@media only screen and (max-width: 599px) {\n  .node-content__rubric .avatar--icon {\n    transform: scale(0.8);\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: 15px;\n}\n.node-select .md-select-value *:first-child {\n  transform: translate3d(0, 0, 0);\n  flex: 1 0 0;\n}\n.node-select .md-select-value .node-select__icon {\n  display: none;\n}\n.node-select .md-select-value .node-select__status {\n  display: none;\n}\n.node-select .md-select-icon {\n  margin-left: 0;\n  color: rgba(0, 0, 0, 0.87);\n}\n\n.node-select-option--group {\n  background-color: #f7f7f7;\n  border-bottom: 1px solid #eeeeee;\n  border-top: 1px solid #eeeeee;\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: 600px) {\n  .node-select__text {\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: 599px) {\n  .node-title {\n    font-size: 15px;\n  }\n}\n\n.node-content__actions {\n  padding: 0 16px 16px;\n}\n@media only screen and (min-width: 960px) {\n  .node-content__actions {\n    padding: 0 24px 24px;\n  }\n}\n.node-content__actions .md-button:first-child {\n  margin-left: 0;\n}\n.node-content__actions .md-button:last-child {\n  margin-right: 0;\n}\n\n.node-content__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54);\n}\n\n.node-content__actions__more {\n  border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav:first-of-type {\n  margin-right: 0;\n}\n\n@media only screen and (min-width: 600px) {\n  .node-sidebar-active {\n    margin-right: 68px;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .node-sidebar-visible {\n    margin-bottom: 42px;\n  }\n}\n\n.node-sidebar {\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 52px;\n}\n\n.node-sidebar__toolbar {\n  position: fixed;\n  width: 52px;\n  background-color: #ffffff;\n  padding: 8px 0;\n  border-radius: 3px;\n}\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}\n\n.node__label--vertical-alignment {\n  vertical-align: middle;\n  display: inline-block;\n}\n\nnotebook-report {\n  position: absolute;\n  bottom: 0;\n  right: 66px;\n  transition: right 250ms;\n  z-index: 3;\n}\nnotebook-report.report-full {\n  left: 8px;\n  right: 8px;\n  top: 8px;\n  bottom: 8px;\n}\n@media only screen and (min-width: 960px) {\n  notebook-report.notes-visible {\n    right: 474px;\n  }\n}\n\n.notebook-sidebar {\n  width: 270px;\n  max-width: none;\n}\n@media only screen and (min-width: 600px) {\n  .notebook-sidebar {\n    width: 450px;\n  }\n}\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}\n.notification-btn {\n  width: 60px !important;\n}\n.notification-btn md-icon {\n  margin-left: 20px;\n}\n\n.notification-count {\n  border-radius: 50%;\n  position: absolute;\n  background-color: #F05843;\n  width: 22px;\n  top: 12px;\n  left: -18px;\n  height: 22px;\n  line-height: 22px;\n  font-size: 12px;\n  font-weight: 700;\n  border: 2px solid;\n}\n.notification-count:before {\n  content: \"\";\n  position: absolute;\n  right: -7px;\n  top: 6px;\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.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.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}\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,\nmd-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\n.account-menu {\n  border-radius: 4px;\n  padding: 0;\n  font-size: 15px;\n  max-width: 380px;\n}\n@media (min-width: 1280px) {\n  .account-menu {\n    min-width: 380px !important;\n  }\n}\n.account-menu h3 {\n  margin: 0;\n  font-weight: 300;\n}\n.account-menu .mat-mdc-menu-content {\n  padding: 0;\n}\n\n.account-menu--fixed-height {\n  height: 304px;\n}\n\n.account-menu--fixed-width {\n  width: 320px;\n}\n@media (min-width: 960px) {\n  .account-menu--fixed-width {\n    width: 380px;\n  }\n}\n\n.account-menu__icon {\n  background-color: rgb(255, 255, 255);\n  border-radius: 50%;\n}\n\n.account-menu__caret {\n  position: absolute;\n  right: 28px;\n  top: -8px;\n  outline: none;\n}\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\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] .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\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: rgba(0, 0, 0, 0.54);\n}\n\n.account-menu__users {\n  padding: 0;\n}\n.account-menu__users md-list-item {\n  padding: 0;\n}\n.account-menu__users md-list-item .md-avatar {\n  margin: 0 8px 0 0;\n  height: 48px;\n  width: 48px;\n}\n\n.account-menu__actions {\n  background-color: #f7f7f7;\n}\n\n.account-menu__control {\n  padding: 16px;\n}\n\n.annotations {\n  margin: 16px 4px 16px 62px;\n  position: relative;\n  font-size: 15px;\n}\n.annotations hr {\n  margin: 10px 0 8px;\n  border-color: rgba(0, 0, 0, 0.12);\n}\n.annotations:after {\n  content: \"\";\n  position: absolute;\n  width: 0;\n  height: 0;\n  left: -15px;\n  right: auto;\n  top: -1px;\n  bottom: auto;\n  border-top: 20px solid transparent;\n  border-bottom: 20px solid transparent;\n  border-right: 16px solid #757575;\n}\n\n.annotations-container--student--report {\n  border-top: 1px solid #dddddd;\n}\n\n.annotations--report {\n  margin-top: 0;\n  margin-bottom: 0;\n}\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\n.annotations__avatar {\n  background-color: #F05843;\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: 4px;\n  border-bottom-right-radius: 4px;\n  overflow: auto;\n}\n\n.annotations__status {\n  background-color: #ffffff;\n  color: #ef6c00;\n  display: inline-block;\n  margin-left: 8px;\n  font-size: 12px;\n}\n.annotations__status.ng-enter, .annotations__status.ng-leave {\n  transition: all 1s;\n}\n.annotations__status.ng-enter, .annotations__status.ng-leave.ng-leave-active {\n  opacity: 0;\n}\n.annotations__status.ng-leave, .annotations__status.ng-enter.ng-enter-active {\n  opacity: 1;\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: 13px;\n}\n\n.annotations--inside .annotations {\n  margin-left: 72px;\n}\n\n.annotations--info {\n  margin-bottom: 32px;\n  margin-right: 8px;\n  margin-left: 72px;\n}\n@media only screen and (min-width: 600px) {\n  .annotations--info {\n    margin: 16px 16px 32px 76px;\n  }\n}\n.annotations--info:after {\n  border-right: 16px solid #ef6c00;\n}\n.annotations--info .annotations__avatar {\n  background-color: #ffffff;\n}\n.annotations--info .annotations__header {\n  background-color: #ef6c00;\n}\n\n.component {\n  position: relative;\n}\n\n.component__wrapper {\n  padding: 0 24px;\n  margin: 24px 0;\n}\n\n.component__content {\n  overflow-x: auto;\n  font-size: 15px;\n  overflow-y: hidden;\n}\n@media only screen and (min-width: 600px) {\n  .component__content {\n    padding: 0 8px;\n  }\n}\n\nh3.component__header {\n  padding: 8px 12px;\n  margin: 0;\n  font-size: 14px;\n}\n\n.component__rubric {\n  position: absolute;\n  left: -20px;\n  top: 12px;\n}\n\n.notebook-enabled .component_content img {\n  transition: all 250ms;\n  cursor: pointer;\n  cursor: copy;\n}\n.notebook-enabled .component_content img:hover, .notebook-enabled .component_content img:focus {\n  box-shadow: 0 0 5px 1px #F05843;\n}\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\n.component__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54);\n  font-weight: 400;\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: 600px) {\n  .component__attachment {\n    padding-top: 8px;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .component__add-attachment {\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  border-radius: 0;\n  background-color: rgba(255, 255, 255, 0.75) !important;\n}\n\n.component__revision {\n  margin: 8px 0;\n  padding: 8px;\n}\n.component__revision:nth-child(odd) {\n  background-color: #f7f7f7;\n}\n\n.component__revision__content {\n  padding: 4px 0 8px 0;\n  border-bottom: 1px solid #dddddd;\n}\n\n.component__revision__actions {\n  color: #757575;\n  padding-top: 4px;\n}\n\n.embedded-content__iframe {\n  border: 0 none;\n}\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 #eeeeee;\n  border-left-width: 0;\n  border-right-width: 0;\n}\n\n.outside-content iframe {\n  border: 1px solid #eeeeee;\n}\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end;\n}\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\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}\n\n.notebook-toolbar__add-menu {\n  position: absolute;\n  bottom: 40px;\n}\n.notebook-toolbar__add-menu .md-fab-action-item {\n  background-color: #ffffff;\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}\n\nhighchart {\n  display: block;\n}","@use 'sass:map';\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","// 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  @media (min-width: $layout-breakpoint-lg) {\n      width: $layout-breakpoint-lg;\n  }\n}\n\n.l-constrained-md {\n  width: $layout-breakpoint-sm;\n  max-width: 100%;\n}\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","// 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","// 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__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","// 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",".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\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__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","// 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-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    .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.node__label--vertical-alignment {\n    vertical-align: middle;\n    display: inline-block;\n}\n","// Variables\n$notebook-sidebar-width: 450px;\n$report-position-right: 66px;\n$report-full-gap: 8px;\n\n// Base\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 + 24;\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",".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    top: 12px;\n    left: -18px;\n    height: 22px;\n    line-height: 22px;\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: 6px;\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    .mat-mdc-menu-content {\n        padding: 0;\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__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: -15px;\n        right: auto;\n        top: -1px;\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 24px;\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 {\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('text-secondary');\n    font-weight: 400;\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    border-radius: 0;\n    background-color: rgba(255, 255, 255, 0.75) !important;\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",".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",".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/assets/wise5/themes/default/style/base/_presets.scss","src/assets/wise5/themes/default/style/vle.css","src/assets/wise5/themes/default/style/base/_config.scss","src/assets/wise5/themes/default/style/layouts/_l-default.scss","src/assets/wise5/themes/default/style/layouts/_l-footer.scss","src/assets/wise5/themes/default/style/layouts/_l-header.scss","src/assets/wise5/themes/default/style/layouts/_l-main.scss","src/assets/wise5/themes/default/style/layouts/_l-notebook.scss","src/assets/wise5/themes/default/style/layouts/_l-sidebar.scss","src/assets/wise5/themes/default/style/modules/_alerts.scss","src/assets/wise5/themes/default/style/modules/_dialog.scss","src/assets/wise5/themes/default/style/modules/_help.scss","src/assets/wise5/themes/default/style/modules/_inputs.scss","src/assets/wise5/themes/default/style/modules/_table.scss","src/assets/wise5/themes/default/style/modules/_toolbar.scss","src/assets/wise5/themes/default/style/material/_config.scss","src/assets/wise5/themes/default/style/modules/_list.scss","src/assets/wise5/themes/default/style/modules/_nav.scss","src/assets/wise5/themes/default/style/modules/_menu.scss","src/assets/wise5/themes/default/style/modules/_node.scss","src/assets/wise5/themes/default/style/modules/_notebook.scss","src/assets/wise5/themes/default/style/modules/_notifications.scss","src/assets/wise5/themes/default/style/modules/_account-menu.scss","src/assets/wise5/themes/default/style/modules/_annotations.scss","src/assets/wise5/themes/default/style/modules/_component.scss","src/assets/wise5/themes/default/style/modules/_component--embedded.scss","src/assets/wise5/themes/default/style/modules/_component--graph.scss","src/assets/wise5/themes/default/style/modules/_component--outside.scss","src/assets/wise5/themes/default/style/modules/_notebook-toolbar.scss","src/assets/wise5/themes/default/style/modules/_highcharts.scss"],"names":[],"mappings":"AAIA,KACE,eCAF,CDEE,SACI,eCAN,CDKI,gBACI,aCFR,CDMA,WACE,wBAAA,CAKA,oBAAA,CAAA,sBAAA,CAHA,aAAA,CADA,WCCF,CDOI,qBAKI,wBAAA,CAFA,iBAAA,CAFA,UAAA,CAGA,WAAA,CAFA,iBCDR,CDSI,kCAEI,QAAA,CADA,QCLR,CDWA,OAMI,qBAAA,CALA,iBEUiB,CFRjB,cAAA,CAEA,iBAAA,CADA,eAAA,CAFA,eCJJ,CDUI,iBAGI,mBAAA,CADA,YAAA,CADA,WCNR,CDUQ,8CACI,qBCRZ,CDWQ,uBACI,uBCTZ,CDcA,aACI,wBAAA,CACA,UCXJ,CDcA,aACI,wBAAA,CACA,UCXJ,CDcA,gBACI,wBAAA,CACA,UCXJ,CDeA,qBACI,aCZJ,CDeA,iBACI,uBCZJ,CDgBA,EACE,aAAA,CACA,cCbF,CDgBA,QACI,kCAAA,CACA,qBCbJ,CDiBA,QACE,iBAAA,CACA,sBCdF,CDiBA,gBACE,iBCdF,CDmBE,cACE,WAAA,CACA,UChBJ,CDkBE,cACE,WAAA,CACA,UChBJ,CDkBE,cACE,WAAA,CACA,UChBJ,CDkBE,cACE,WAAA,CACA,UChBJ,CDqBA,cACE,qBAAA,CACA,4BClBF,CDoBE,8BACI,WClBN,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDwBE,wDACE,qBCrBJ,CDyBI,4EACE,qBCvBN,CD8BE,mDACE,uBC3BJ,CD6BE,mDACE,uBC3BJ,CD6BE,6CACE,uBC3BJ,CD6BE,6CACE,uBC3BJ,CD6BE,iDACE,uBC3BJ,CD6BE,qDACE,uBC3BJ,CD6BE,qDACE,uBC3BJ,CDgCA,uCACE,qBC7BF,CDgCA,uFACE,wBC7BF,CDgCA,2HAGE,wBAAA,CADA,aC5BF,CDmCI,SACE,aChCN,CD+BI,QACE,aC5BN,CD2BI,UACE,aCxBN,CDuBI,UACE,aCpBN,CDmBI,MACE,aChBN,CDeI,MACE,aCZN,CDWI,SACE,aCRN,CDOI,SACE,qBCJN,CDGI,eACE,aCAN,CDDI,cACE,UCIN,CDLI,YACE,UCQN,CDTI,MACE,UCYN,CDbI,WACE,UCgBN,CDjBI,aACE,aCoBN,CDrBI,cACE,UCwBN,CDzBI,MACE,qBC4BN,CD7BI,gBACE,qBCgCN,CDjCI,eACE,qBCoCN,CDrCI,YACE,UCwCN,CDzCI,sBACE,wBC4CN,CD7CI,qBACE,wBCgDN,CDjDI,aACE,aCoDN,CDrDI,OACE,aCwDN,CDzDI,MACE,qBC4DN,CD7DI,SACE,UCgEN,CD1DI,YACE,wBC6DN,CD9DI,WACE,wBCiEN,CDlEI,aACE,wBCqEN,CDtEI,aACE,wBCyEN,CD1EI,SACE,wBC6EN,CD9EI,SACE,wBCiFN,CDlFI,YACE,wBCqFN,CDtFI,YACE,gCCyFN,CD1FI,kBACE,wBC6FN,CD9FI,iBACE,qBCiGN,CDlGI,eACE,qBCqGN,CDtGI,SACE,qBCyGN,CD1GI,cACE,qBC6GN,CD9GI,gBACE,wBCiHN,CDlHI,iBACE,qBCqHN,CDtHI,SACE,gCCyHN,CD1HI,mBACE,gCC6HN,CD9HI,kBACE,gCCiIN,CDlII,eACE,qBCqIN,CDtII,yBACE,mCCyIN,CD1II,wBACE,mCC6IN,CD9II,gBACE,wBCiJN,CDlJI,UACE,wBCqJN,CDtJI,SACE,gCCyJN,CD1JI,YACE,qBC6JN,CDtJQ,kCACI,cCyJZ,CD1JQ,iCACI,cC6JZ,CD9JQ,mCACI,cCiKZ,CDlKQ,mCACI,cCqKZ,CDtKQ,+BACI,cCyKZ,CD1KQ,+BACI,cC6KZ,CD9KQ,kCACI,cCiLZ,CDlLQ,kCACI,sBCqLZ,CDtLQ,wCACI,cCyLZ,CD1LQ,uCACI,WC6LZ,CD9LQ,qCACI,WCiMZ,CDlMQ,+BACI,WCqMZ,CDtMQ,oCACI,WCyMZ,CD1MQ,sCACI,cC6MZ,CD9MQ,uCACI,WCiNZ,CDlNQ,+BACI,sBCqNZ,CDtNQ,yCACI,sBCyNZ,CD1NQ,wCACI,sBC6NZ,CD9NQ,qCACI,WCiOZ,CDlOQ,+CACI,yBCqOZ,CDtOQ,8CACI,yBCyOZ,CD1OQ,sCACI,cC6OZ,CD9OQ,gCACI,cCiPZ,CDlPQ,+BACI,sBCqPZ,CDtPQ,kCACI,WCyPZ,CE7dA,eACE,gBAAA,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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","/*\n WISE Project Styles\n */\nbody {\n  background: #eeeeee;\n}\nbody.vle {\n  overflow: hidden;\n}\n\na:hover, a:focus {\n  color: #1C8CA8;\n}\n\nblockquote {\n  background-color: rgb(230.6571428571, 246.8857142857, 250.9428571429);\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: #1C8CA8;\n  border-width: 0 0 0 3px;\n}\n\n.has-indicator:after {\n  content: \"\";\n  position: absolute;\n  border-radius: 50%;\n  padding: 5px;\n  background-color: #F05843;\n}\n\n.has-indicator--icon-button:after {\n  top: 25px;\n  left: 5px;\n}\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}\n.badge.md-button {\n  min-width: 0;\n  min-height: 0;\n  line-height: inherit;\n}\n.badge.md-button:hover, .badge.md-button:focus {\n  background-color: #aaaaaa;\n}\n.badge.md-button:focus {\n  outline: 1px dotted #aaaaaa;\n}\n\n.badge--info {\n  background-color: #ef6c00;\n  color: #ffffff;\n}\n\n.badge--warn {\n  background-color: #c62828;\n  color: #ffffff;\n}\n\n.badge--success {\n  background-color: #00C853;\n  color: #ffffff;\n}\n\n.divider--withmargin {\n  margin: 16px 0;\n}\n\n.divider--dashed {\n  border-top-style: dashed;\n}\n\na {\n  color: #1C8CA8;\n  cursor: pointer;\n}\n\n.active {\n  background-color: rgba(158, 158, 158, 0.2);\n  color: rgba(0, 0, 0, 0.87);\n}\n\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box;\n}\n\n.avatar--square {\n  border-radius: 4px;\n}\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\n.avatar--icon {\n  background-color: #dddddd;\n  white-space: normal !important;\n}\n.avatar--icon:not(.md-avatar) {\n  padding: 6px;\n}\n.avatar--icon.md-18 {\n  height: 18px;\n  width: 18px;\n}\n.avatar--icon.md-24 {\n  height: 24px;\n  width: 24px;\n}\n.avatar--icon.md-36 {\n  height: 36px;\n  width: 36px;\n}\n.avatar--icon.md-48 {\n  height: 48px;\n  width: 48px;\n}\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}\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}\n\nmd-input-container.md-wise-theme label {\n  color: rgba(0, 0, 0, 0.87);\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: rgb(243.7714285714, 251.2571428571, 253.1285714286);\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: #1C8CA8;\n  background-color: rgb(243.7714285714, 251.2571428571, 253.1285714286);\n}\n\n.primary {\n  color: #1C8CA8;\n}\n\n.accent {\n  color: #F05843;\n}\n\n.accent-1 {\n  color: #795C3A;\n}\n\n.accent-2 {\n  color: #CAD266;\n}\n\n.warn {\n  color: #c62828;\n}\n\n.info {\n  color: #ef6c00;\n}\n\n.success {\n  color: #00C853;\n}\n\n.divider {\n  color: rgba(0, 0, 0, 0.12);\n}\n\n.gray-lightest {\n  color: #f7f7f7;\n}\n\n.gray-lighter {\n  color: #eeeeee;\n}\n\n.gray-light {\n  color: #dddddd;\n}\n\n.gray {\n  color: #cccccc;\n}\n\n.gray-dark {\n  color: #aaaaaa;\n}\n\n.gray-darker {\n  color: #757575;\n}\n\n.gray-darkest {\n  color: #333333;\n}\n\n.text {\n  color: rgba(0, 0, 0, 0.87);\n}\n\n.text-secondary {\n  color: rgba(0, 0, 0, 0.54);\n}\n\n.text-disabled {\n  color: rgba(0, 0, 0, 0.26);\n}\n\n.text-light {\n  color: rgb(255, 255, 255);\n}\n\n.text-light-secondary {\n  color: rgba(255, 255, 255, 0.7);\n}\n\n.text-light-disabled {\n  color: rgba(255, 255, 255, 0.5);\n}\n\n.selected-bg {\n  color: rgb(243.7714285714, 251.2571428571, 253.1285714286);\n}\n\n.score {\n  color: #FFC107;\n}\n\n.body {\n  color: rgba(0, 0, 0, 0.87);\n}\n\n.body-bg {\n  color: #eeeeee;\n}\n\n.primary-bg {\n  background-color: #1C8CA8;\n}\n\n.accent-bg {\n  background-color: #F05843;\n}\n\n.accent-1-bg {\n  background-color: #795C3A;\n}\n\n.accent-2-bg {\n  background-color: #CAD266;\n}\n\n.warn-bg {\n  background-color: #c62828;\n}\n\n.info-bg {\n  background-color: #ef6c00;\n}\n\n.success-bg {\n  background-color: #00C853;\n}\n\n.divider-bg {\n  background-color: rgba(0, 0, 0, 0.12);\n}\n\n.gray-lightest-bg {\n  background-color: #f7f7f7;\n}\n\n.gray-lighter-bg {\n  background-color: #eeeeee;\n}\n\n.gray-light-bg {\n  background-color: #dddddd;\n}\n\n.gray-bg {\n  background-color: #cccccc;\n}\n\n.gray-dark-bg {\n  background-color: #aaaaaa;\n}\n\n.gray-darker-bg {\n  background-color: #757575;\n}\n\n.gray-darkest-bg {\n  background-color: #333333;\n}\n\n.text-bg {\n  background-color: rgba(0, 0, 0, 0.87);\n}\n\n.text-secondary-bg {\n  background-color: rgba(0, 0, 0, 0.54);\n}\n\n.text-disabled-bg {\n  background-color: rgba(0, 0, 0, 0.26);\n}\n\n.text-light-bg {\n  background-color: rgb(255, 255, 255);\n}\n\n.text-light-secondary-bg {\n  background-color: rgba(255, 255, 255, 0.7);\n}\n\n.text-light-disabled-bg {\n  background-color: rgba(255, 255, 255, 0.5);\n}\n\n.selected-bg-bg {\n  background-color: rgb(243.7714285714, 251.2571428571, 253.1285714286);\n}\n\n.score-bg {\n  background-color: #FFC107;\n}\n\n.body-bg {\n  background-color: rgba(0, 0, 0, 0.87);\n}\n\n.body-bg-bg {\n  background-color: #eeeeee;\n}\n\nmd-progress-circular.primary path {\n  stroke: #1C8CA8;\n}\n\nmd-progress-circular.accent path {\n  stroke: #F05843;\n}\n\nmd-progress-circular.accent-1 path {\n  stroke: #795C3A;\n}\n\nmd-progress-circular.accent-2 path {\n  stroke: #CAD266;\n}\n\nmd-progress-circular.warn path {\n  stroke: #c62828;\n}\n\nmd-progress-circular.info path {\n  stroke: #ef6c00;\n}\n\nmd-progress-circular.success path {\n  stroke: #00C853;\n}\n\nmd-progress-circular.divider path {\n  stroke: rgba(0, 0, 0, 0.12);\n}\n\nmd-progress-circular.gray-lightest path {\n  stroke: #f7f7f7;\n}\n\nmd-progress-circular.gray-lighter path {\n  stroke: #eeeeee;\n}\n\nmd-progress-circular.gray-light path {\n  stroke: #dddddd;\n}\n\nmd-progress-circular.gray path {\n  stroke: #cccccc;\n}\n\nmd-progress-circular.gray-dark path {\n  stroke: #aaaaaa;\n}\n\nmd-progress-circular.gray-darker path {\n  stroke: #757575;\n}\n\nmd-progress-circular.gray-darkest path {\n  stroke: #333333;\n}\n\nmd-progress-circular.text path {\n  stroke: rgba(0, 0, 0, 0.87);\n}\n\nmd-progress-circular.text-secondary path {\n  stroke: rgba(0, 0, 0, 0.54);\n}\n\nmd-progress-circular.text-disabled path {\n  stroke: rgba(0, 0, 0, 0.26);\n}\n\nmd-progress-circular.text-light path {\n  stroke: rgb(255, 255, 255);\n}\n\nmd-progress-circular.text-light-secondary path {\n  stroke: rgba(255, 255, 255, 0.7);\n}\n\nmd-progress-circular.text-light-disabled path {\n  stroke: rgba(255, 255, 255, 0.5);\n}\n\nmd-progress-circular.selected-bg path {\n  stroke: rgb(243.7714285714, 251.2571428571, 253.1285714286);\n}\n\nmd-progress-circular.score path {\n  stroke: #FFC107;\n}\n\nmd-progress-circular.body path {\n  stroke: rgba(0, 0, 0, 0.87);\n}\n\nmd-progress-circular.body-bg path {\n  stroke: #eeeeee;\n}\n\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative;\n}\n@media (min-width: 600px) {\n  .l-constrained {\n    width: 1280px;\n  }\n}\n@media (min-width: 1920px) {\n  .l-constrained {\n    width: 1920px;\n  }\n}\n\n.l-constrained-md {\n  width: 960px;\n  max-width: 100%;\n}\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\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\n.l-header {\n  z-index: 3;\n}\n.l-header .logo {\n  margin-left: 0 !important;\n  height: 36px;\n  width: 36px;\n  vertical-align: middle;\n}\n.l-header .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: 600px) {\n  .l-header .logo-link {\n    display: block;\n  }\n}\n.l-header .logo-link:hover, .l-header .logo-link:focus {\n  border: 0 none;\n}\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}\n\n.l-main {\n  background-color: #eeeeee;\n}\n\n.l-main--with-toolbar {\n  margin-top: 42px;\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: 960px) {\n  .view-content {\n    padding: 16px;\n  }\n}\n.view-content.ng-enter {\n  opacity: 0;\n}\n.view-content .ng-enter-active {\n  opacity: 1;\n  transition-delay: 250ms;\n}\n.view-content.ng-leave-active, .view-content.ng-hide {\n  opacity: 0;\n}\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\n.view-content--with-sidemenu {\n  padding: 8px;\n}\n@media only screen and (min-width: 600px) {\n  .view-content--with-sidemenu {\n    margin-left: 54px;\n    padding: 16px;\n  }\n}\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}\n\n.content-head {\n  margin: 8px 0;\n}\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}\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}\n\n@media only screen and (max-width: 959px) {\n  .content-head__more {\n    margin-top: 8px;\n  }\n}\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px;\n}\n.content-head__item .md-subhead,\nh2.content-head__item .md-subhead {\n  padding-left: 4px;\n}\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  }\n}\n.content-head__item md-icon,\nh2.content-head__item md-icon {\n  vertical-align: text-bottom;\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px;\n}\n\n.l-notebook {\n  margin-top: 42px;\n  background-color: #eeeeee !important;\n}\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: #795C3A !important;\n}\n.l-sidebar__header md-select {\n  color: rgba(0, 0, 0, 0.87);\n}\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\nmd-dialog {\n  width: 600px;\n}\n\n.dialog--wide {\n  width: 960px;\n}\n\n.dialog--wider {\n  width: 1280px;\n}\n\n.help-bubble {\n  border-radius: 4px;\n  max-width: 320px;\n}\n@media (min-width: 600px) {\n  .help-bubble {\n    max-width: 552px;\n  }\n}\n@media (min-width: 960px) {\n  .help-bubble {\n    max-width: 912px;\n  }\n}\n@media (min-width: 1280px) {\n  .help-bubble {\n    max-width: 1232px;\n  }\n}\n\n.help-bubble__title {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n}\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}\n.help-bubble___title__content .md-icon-button {\n  margin-right: 0;\n  padding-top: 0;\n  padding-bottom: 0;\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: 4px;\n  border-bottom-right-radius: 4px;\n}\n\n.input-container {\n  padding-top: 12px;\n}\n\n.input-container--component {\n  margin-bottom: 0;\n}\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\n.input-wrapper {\n  position: relative;\n}\n\n.input-wrapper--focused .input--textarea__action md-icon {\n  color: #1C8CA8;\n}\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}\n.input--textarea:focus, .input-container textarea.input--textarea:focus {\n  background-color: #ffffff;\n}\n.input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n  color: rgba(0, 0, 0, 0.54);\n}\n\n.input-container textarea.input--textarea {\n  width: 100%;\n}\n\n.input--textarea--disabled {\n  color: rgba(0, 0, 0, 0.54);\n}\n\n.input--textarea__action {\n  position: absolute;\n  right: -4px;\n}\n.input--textarea__action[disabled] md-icon {\n  color: rgba(0, 0, 0, 0.26) !important;\n}\n\n.input--textarea__action--notebook {\n  top: 6px;\n}\n.input-wrapper--richtext .input--textarea__action--notebook {\n  top: -7px;\n}\n\n.input--textarea__action--revision {\n  bottom: 6px;\n}\n.input-wrapper--richtext .input--textarea__action--revision {\n  bottom: -5px;\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: rgba(0, 0, 0, 0.87);\n}\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\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\n@media only screen and (min-width: 600px) {\n  .autocomplete--minwidth {\n    min-width: 300px;\n  }\n}\n@media only screen and (min-width: 960px) {\n  .autocomplete--minwidth {\n    min-width: 300px;\n  }\n}\n\n.autocomplete--flat md-autocomplete-wrap {\n  background-color: #ffffff;\n}\n.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n  box-shadow: none;\n  background-color: #eeeeee;\n}\n\n.select__header {\n  height: 48px;\n}\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\n.table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0;\n}\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}\n.table td.inactive,\n.table th {\n  background-color: #f7f7f7;\n  opacity: 1;\n  visibility: visible;\n}\n.table md-input-container {\n  margin: 0;\n}\n.table .md-errors-spacer {\n  display: none;\n}\n\n.table--student td.inactive {\n  padding: 8px 10px;\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.table--list th,\n.table--list td {\n  padding: 0 4px;\n  border: 0 none;\n}\n.table--list td {\n  min-height: 56px;\n  height: 56px;\n}\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\n.table--list__wrap {\n  min-width: 600px;\n}\n\n@media only screen and (max-width: 959px) {\n  .table-wrap-sticky {\n    overflow-x: auto;\n  }\n}\n\n.table--list__thead {\n  font-size: 14px;\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: #757575;\n  color: rgb(255, 255, 255);\n  min-height: 42px;\n  height: 42px;\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@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}\n\n.md-toolbar-tools {\n  font-size: 18px;\n}\n.md-toolbar-tools .autocomplete {\n  height: 36px;\n}\n.md-toolbar-tools .autocomplete md-autocomplete-wrap {\n  height: 36px;\n}\n.md-toolbar-tools .autocomplete input {\n  height: 36px;\n}\n\n.md-toolbar--wise {\n  min-height: 42px;\n}\n.md-toolbar--wise .md-toolbar-tools {\n  height: 42px;\n  max-height: 42px;\n}\n.md-toolbar--wise .md-button.md-icon-button {\n  height: 42px;\n  line-height: 42px;\n  width: 42px;\n}\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n  padding: 0 8px;\n  font-size: 15px;\n}\n\n.md-toolbar--sidenav {\n  background-color: #333333 !important;\n}\n.md-toolbar--sidenav .md-toolbar-tools {\n  font-size: 16px;\n  font-weight: 500;\n}\n\n.toolbar {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 52px;\n  z-index: 3;\n}\n\n.toolbar__title {\n  margin-left: 8px;\n  font-size: 16px;\n  font-weight: 500;\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: #f7f7f7;\n}\n.toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n  height: 32px;\n  text-align: left;\n}\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n  text-align: right;\n}\n\n.toolbar__select--fixedwidth {\n  width: 168px;\n}\n@media only screen and (min-width: 600px) {\n  .toolbar__select--fixedwidth {\n    width: 264px;\n  }\n}\n@media only screen and (min-width: 960px) {\n  .toolbar__select--fixedwidth {\n    width: 432px;\n  }\n}\n\n.list-item {\n  background-color: #ffffff;\n  border-bottom: 1px solid #eeeeee;\n}\n.list-item .md-subheader, .list-item.md-subheader {\n  color: rgba(0, 0, 0, 0.87);\n  background-color: #ffffff;\n}\n.list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n  vertical-align: middle;\n}\n.list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n  padding: 0;\n}\n.list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n  margin-right: 8px;\n}\n.list-item .autocomplete {\n  margin: 8px 0;\n}\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\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\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: #f7f7f7;\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: 15px;\n}\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.nav-mask.ng-hide {\n  opacity: 0;\n}\n\n.nav-head {\n  color: rgba(0, 0, 0, 0.54);\n  font-weight: 500;\n}\n.nav-head md-icon {\n  line-height: 20px;\n}\n\n.nav-contents--root {\n  padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n  background-color: #dddddd;\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: 600px) {\n  .nav-contents__list {\n    padding: 8px;\n  }\n}\n\n.nav-item {\n  transition: opacity 250ms ease-in-out;\n}\n.nav-item.prev md-list-item {\n  background-color: rgb(243.7714285714, 251.2571428571, 253.1285714286);\n  /*&._md-button-wrap>div.md-button:first-child {\n      border-left: 4px solid color('primary');\n      margin-left: -4px;\n  }*/\n}\n\n.nav-item--card__content {\n  border-top-right-radius: 4px;\n  border-top-left-radius: 4px;\n}\n.nav-item--card__content:focus {\n  outline: none;\n}\n.nav-item--card__content:focus .nav-item__title > span {\n  border-bottom: 1px dashed #cccccc;\n}\n\n.nav-item--root {\n  transition: margin 250ms, box-shadow 500ms;\n}\n.nav-item--root.expanded {\n  flex-basis: 100%;\n  max-width: 100%;\n  max-height: none !important;\n  margin: 8px auto;\n}\n.nav-item--root.expanded:first-of-type {\n  margin-top: 0;\n}\n\n.nav-item--list__reorder {\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.26);\n}\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\n.nav-item__collapse {\n  margin: 0;\n}\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\n.nav-item__users {\n  height: auto;\n  cursor: pointer;\n  color: #ffffff;\n  margin: 0;\n  padding: 1px 6px;\n}\n.nav-item__users > md-icon {\n  padding-right: 4px;\n  color: #ffffff;\n}\n.nav-item__users:hover.success-bg, .nav-item__users:focus.success-bg {\n  background-color: #00C853;\n}\n\n.nav-item__title {\n  padding-left: 16px;\n  line-height: 1.2;\n  font-weight: 400;\n}\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.nav-item__progress > .md-container {\n  top: 0;\n}\n\n.nav-item__progress-value {\n  margin-left: 8px;\n  width: 36px;\n}\n\n.menu-progress {\n  position: absolute;\n  top: 10px;\n  right: 12px;\n}\n.menu-progress path {\n  stroke: #CAD266 !important;\n  stroke-width: 2px;\n}\n\n[dir=rtl] .menu-progress {\n  right: auto;\n  left: 12px;\n}\n\n.menu-sidenav__item {\n  font-weight: 700;\n  font-size: 14px;\n}\n\n.menu-sidenav__icon {\n  margin-top: 12px !important;\n  margin-right: 12px !important;\n  margin-left: 12px;\n}\n\n.active .menu-sidenav__icon, .active .menu-sidenav__item {\n  color: #1C8CA8;\n}\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}\n@media only screen and (max-width: 599px) {\n  .menu-sidebar {\n    display: none;\n  }\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\n#node {\n  margin: 0 auto;\n  position: absolute;\n  left: 0;\n  right: 0;\n}\n@media only screen and (min-width: 600px) {\n  #node {\n    padding: 8px;\n    padding: 24px 16px;\n    margin-bottom: 32px;\n  }\n}\n@media only screen and (min-width: 960px) {\n  #node {\n    padding: 32px;\n  }\n}\n#node.ng-enter {\n  transition: opacity 0.5s;\n  opacity: 0;\n}\n#node.ng-enter-active {\n  opacity: 1;\n}\n\n.node-content {\n  padding: 0 0 48px;\n  background-color: #ffffff;\n  border-radius: 3px;\n  overflow: visible;\n}\n@media only screen and (max-width: 599px) {\n  .node-content {\n    box-shadow: none;\n  }\n}\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  }\n}\n\nmd-content.node-content {\n  background-color: #ffffff;\n}\n\n.node-content__rubric {\n  position: absolute;\n  top: -22px;\n  left: 0;\n  right: 0;\n  z-index: 1;\n}\n.node-content__rubric .avatar--icon {\n  transform: scale(0.94);\n}\n@media only screen and (max-width: 599px) {\n  .node-content__rubric .avatar--icon {\n    transform: scale(0.8);\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: 15px;\n}\n.node-select .md-select-value *:first-child {\n  transform: translate3d(0, 0, 0);\n  flex: 1 0 0;\n}\n.node-select .md-select-value .node-select__icon {\n  display: none;\n}\n.node-select .md-select-value .node-select__status {\n  display: none;\n}\n.node-select .md-select-icon {\n  margin-left: 0;\n  color: rgba(0, 0, 0, 0.87);\n}\n\n.node-select-option--group {\n  background-color: #f7f7f7;\n  border-bottom: 1px solid #eeeeee;\n  border-top: 1px solid #eeeeee;\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: 600px) {\n  .node-select__text {\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: 599px) {\n  .node-title {\n    font-size: 15px;\n  }\n}\n\n.md-button.md-icon-button.node-nav:first-of-type {\n  margin-right: 0;\n}\n\n@media only screen and (min-width: 600px) {\n  .node-sidebar-active {\n    margin-right: 68px;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .node-sidebar-visible {\n    margin-bottom: 42px;\n  }\n}\n\n.node-sidebar {\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 52px;\n}\n\n.node-sidebar__toolbar {\n  position: fixed;\n  width: 52px;\n  background-color: #ffffff;\n  padding: 8px 0;\n  border-radius: 3px;\n}\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}\n\n.node__label--vertical-alignment {\n  vertical-align: middle;\n  display: inline-block;\n}\n\nnotebook-report {\n  position: absolute;\n  bottom: 0;\n  right: 66px;\n  transition: right 250ms;\n  z-index: 3;\n}\nnotebook-report.report-full {\n  left: 8px;\n  right: 8px;\n  top: 8px;\n  bottom: 8px;\n}\n@media only screen and (min-width: 960px) {\n  notebook-report.notes-visible {\n    right: 474px;\n  }\n}\n\n.notebook-sidebar {\n  width: 270px;\n  max-width: none;\n}\n@media only screen and (min-width: 600px) {\n  .notebook-sidebar {\n    width: 450px;\n  }\n}\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}\n.notification-btn {\n  width: 60px !important;\n}\n.notification-btn md-icon {\n  margin-left: 20px;\n}\n\n.notification-count {\n  border-radius: 50%;\n  position: absolute;\n  background-color: #F05843;\n  width: 22px;\n  top: 12px;\n  left: -18px;\n  height: 22px;\n  line-height: 22px;\n  font-size: 12px;\n  font-weight: 700;\n  border: 2px solid;\n}\n.notification-count:before {\n  content: \"\";\n  position: absolute;\n  right: -7px;\n  top: 6px;\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.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.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}\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,\nmd-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\n.account-menu {\n  border-radius: 4px;\n  padding: 0;\n  font-size: 15px;\n  max-width: 380px;\n}\n@media (min-width: 1280px) {\n  .account-menu {\n    min-width: 380px !important;\n  }\n}\n.account-menu h3 {\n  margin: 0;\n  font-weight: 300;\n}\n.account-menu .mat-mdc-menu-content {\n  padding: 0;\n}\n\n.account-menu--fixed-height {\n  height: 304px;\n}\n\n.account-menu--fixed-width {\n  width: 320px;\n}\n@media (min-width: 960px) {\n  .account-menu--fixed-width {\n    width: 380px;\n  }\n}\n\n.account-menu__icon {\n  background-color: rgb(255, 255, 255);\n  border-radius: 50%;\n}\n\n.account-menu__caret {\n  position: absolute;\n  right: 28px;\n  top: -8px;\n  outline: none;\n}\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\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] .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\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: rgba(0, 0, 0, 0.54);\n}\n\n.account-menu__users {\n  padding: 0;\n}\n.account-menu__users md-list-item {\n  padding: 0;\n}\n.account-menu__users md-list-item .md-avatar {\n  margin: 0 8px 0 0;\n  height: 48px;\n  width: 48px;\n}\n\n.account-menu__actions {\n  background-color: #f7f7f7;\n}\n\n.account-menu__control {\n  padding: 16px;\n}\n\n.annotations {\n  margin: 16px 4px 16px 62px;\n  position: relative;\n  font-size: 15px;\n}\n.annotations hr {\n  margin: 10px 0 8px;\n  border-color: rgba(0, 0, 0, 0.12);\n}\n.annotations:after {\n  content: \"\";\n  position: absolute;\n  width: 0;\n  height: 0;\n  left: -15px;\n  right: auto;\n  top: -1px;\n  bottom: auto;\n  border-top: 20px solid transparent;\n  border-bottom: 20px solid transparent;\n  border-right: 16px solid #757575;\n}\n\n.annotations-container--student--report {\n  border-top: 1px solid #dddddd;\n}\n\n.annotations--report {\n  margin-top: 0;\n  margin-bottom: 0;\n}\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\n.annotations__avatar {\n  background-color: #F05843;\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: 4px;\n  border-bottom-right-radius: 4px;\n  overflow: auto;\n}\n\n.annotations__status {\n  background-color: #ffffff;\n  color: #ef6c00;\n  display: inline-block;\n  margin-left: 8px;\n  font-size: 12px;\n}\n.annotations__status.ng-enter, .annotations__status.ng-leave {\n  transition: all 1s;\n}\n.annotations__status.ng-enter, .annotations__status.ng-leave.ng-leave-active {\n  opacity: 0;\n}\n.annotations__status.ng-leave, .annotations__status.ng-enter.ng-enter-active {\n  opacity: 1;\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: 13px;\n}\n\n.annotations--inside .annotations {\n  margin-left: 72px;\n}\n\n.annotations--info {\n  margin-bottom: 32px;\n  margin-right: 8px;\n  margin-left: 72px;\n}\n@media only screen and (min-width: 600px) {\n  .annotations--info {\n    margin: 16px 16px 32px 76px;\n  }\n}\n.annotations--info:after {\n  border-right: 16px solid #ef6c00;\n}\n.annotations--info .annotations__avatar {\n  background-color: #ffffff;\n}\n.annotations--info .annotations__header {\n  background-color: #ef6c00;\n}\n\n.component {\n  position: relative;\n}\n\n.component__wrapper {\n  padding: 0 24px;\n  margin: 24px 0;\n}\n\n.component__content {\n  overflow-x: auto;\n  font-size: 15px;\n  overflow-y: hidden;\n}\n@media only screen and (min-width: 600px) {\n  .component__content {\n    padding: 0 8px;\n  }\n}\n\nh3.component__header {\n  padding: 8px 12px;\n  margin: 0;\n  font-size: 14px;\n}\n\n.component__rubric {\n  position: absolute;\n  left: -20px;\n  top: 12px;\n}\n\n.notebook-enabled .component_content img {\n  transition: all 250ms;\n  cursor: pointer;\n  cursor: copy;\n}\n.notebook-enabled .component_content img:hover, .notebook-enabled .component_content img:focus {\n  box-shadow: 0 0 5px 1px #F05843;\n}\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\n.component__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54);\n  font-weight: 400;\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: 600px) {\n  .component__attachment {\n    padding-top: 8px;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .component__add-attachment {\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  border-radius: 0;\n  background-color: rgba(255, 255, 255, 0.75) !important;\n}\n\n.component__revision {\n  margin: 8px 0;\n  padding: 8px;\n}\n.component__revision:nth-child(odd) {\n  background-color: #f7f7f7;\n}\n\n.component__revision__content {\n  padding: 4px 0 8px 0;\n  border-bottom: 1px solid #dddddd;\n}\n\n.component__revision__actions {\n  color: #757575;\n  padding-top: 4px;\n}\n\n.embedded-content__iframe {\n  border: 0 none;\n}\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 #eeeeee;\n  border-left-width: 0;\n  border-right-width: 0;\n}\n\n.outside-content iframe {\n  border: 1px solid #eeeeee;\n}\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end;\n}\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\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}\n\n.notebook-toolbar__add-menu {\n  position: absolute;\n  bottom: 40px;\n}\n.notebook-toolbar__add-menu .md-fab-action-item {\n  background-color: #ffffff;\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}\n\nhighchart {\n  display: block;\n}","@use 'sass:map';\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","// 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  @media (min-width: $layout-breakpoint-lg) {\n      width: $layout-breakpoint-lg;\n  }\n}\n\n.l-constrained-md {\n  width: $layout-breakpoint-sm;\n  max-width: 100%;\n}\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","// 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","// 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__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","// 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",".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\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__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","// 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-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.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.node__label--vertical-alignment {\n    vertical-align: middle;\n    display: inline-block;\n}\n","// Variables\n$notebook-sidebar-width: 450px;\n$report-position-right: 66px;\n$report-full-gap: 8px;\n\n// Base\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 + 24;\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",".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    top: 12px;\n    left: -18px;\n    height: 22px;\n    line-height: 22px;\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: 6px;\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    .mat-mdc-menu-content {\n        padding: 0;\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__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: -15px;\n        right: auto;\n        top: -1px;\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 24px;\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 {\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('text-secondary');\n    font-weight: 400;\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    border-radius: 0;\n    background-color: rgba(255, 255, 255, 0.75) !important;\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",".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",".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/assets/wise5/vle/computer-avatar-selector/computer-avatar-selector.component.html b/src/assets/wise5/vle/computer-avatar-selector/computer-avatar-selector.component.html
index 0366965dc59..29aa8b3a625 100644
--- a/src/assets/wise5/vle/computer-avatar-selector/computer-avatar-selector.component.html
+++ b/src/assets/wise5/vle/computer-avatar-selector/computer-avatar-selector.component.html
@@ -1,56 +1,51 @@
-<mat-card appearance="outlined" class="mat-elevation-z2">
-  <mat-card-content>
-    @if (computerAvatarSettings.prompt) {
-      <div class="mat-body-2" [innerHtml]="computerAvatarSettings.prompt"></div>
-      <mat-divider />
-    }
-    @if (selectedAvatar == null) {
-      <div class="mat-subtitle-2 accent" i18n>Choose Your {{ label }}:</div>
-      <div class="flex flex-wrap mt-2">
-        @for (avatar of avatars; track avatar.id) {
-          <button
-            class="avatar-button"
-            matButton
-            [value]="avatar"
-            (click)="selectedAvatar = avatar"
-            aria-label="{{ avatar.name }}"
-          >
-            <img [src]="avatarsPath + avatar.image" alt="{{ avatar.name }}" class="avatar-image" />
-            <div class="name">
-              <b>{{ avatar.name }}</b>
-            </div>
-          </button>
-        }
-      </div>
-    } @else {
-      <div class="mat-subtitle-2 accent" i18n>Your {{ label }}:</div>
-      <span class="flex flex-col items-center">
-        <img
-          [src]="avatarsPath + selectedAvatar.image"
-          alt="{{ selectedAvatar.name }}"
-          class="selected-avatar-image"
-        />
-        <div class="selected-avatar-name">
-          <b>{{ selectedAvatar.name }}</b>
-        </div>
-      </span>
-    }
-  </mat-card-content>
-  @if (selectedAvatar != null) {
-    <mat-card-actions class="flex justify-end">
-      @if (avatars.length > 1) {
-        <button mat-flat-button (click)="selectedAvatar = null" i18n>Back</button>
-        <span class="flex-grow"></span>
-      }
+@if (computerAvatarSettings.prompt) {
+  <div class="mat-body-2" [innerHtml]="computerAvatarSettings.prompt"></div>
+  <mat-divider />
+}
+@if (selectedAvatar == null) {
+  <div class="mat-subtitle-2 accent" i18n>Choose Your {{ label }}:</div>
+  <div class="flex flex-wrap mt-2">
+    @for (avatar of avatars; track avatar.id) {
       <button
-        mat-flat-button
-        color="primary"
-        class="motion-safe:animate-bounce"
-        (click)="chooseAvatarEvent.emit(this.selectedAvatar)"
-        i18n
+        class="avatar-button"
+        matButton
+        [value]="avatar"
+        (click)="selectedAvatar = avatar"
+        aria-label="{{ avatar.name }}"
       >
-        Chat with {{ selectedAvatar.name }}
+        <img [src]="avatarsPath + avatar.image" alt="{{ avatar.name }}" class="avatar-image" />
+        <div class="name">
+          <b>{{ avatar.name }}</b>
+        </div>
       </button>
-    </mat-card-actions>
-  }
-</mat-card>
+    }
+  </div>
+} @else {
+  <div class="mat-subtitle-2 accent" i18n>Your {{ label }}:</div>
+  <span class="flex flex-col items-center">
+    <img
+      [src]="avatarsPath + selectedAvatar.image"
+      alt="{{ selectedAvatar.name }}"
+      class="selected-avatar-image"
+    />
+    <div class="selected-avatar-name">
+      <b>{{ selectedAvatar.name }}</b>
+    </div>
+  </span>
+}
+@if (selectedAvatar != null) {
+  <div class="flex gap-2 mt-4 justify-between">
+    @if (avatars.length > 1) {
+      <button mat-flat-button (click)="selectedAvatar = null" i18n>Back</button>
+    }
+    <button
+      mat-flat-button
+      color="primary"
+      class="motion-safe:animate-bounce"
+      (click)="chooseAvatarEvent.emit(this.selectedAvatar)"
+      i18n
+    >
+      Chat with {{ selectedAvatar.name }}
+    </button>
+  </div>
+}
diff --git a/src/assets/wise5/vle/computer-avatar-selector/computer-avatar-selector.component.scss b/src/assets/wise5/vle/computer-avatar-selector/computer-avatar-selector.component.scss
index 7ada7dd1fca..1a912aaf655 100644
--- a/src/assets/wise5/vle/computer-avatar-selector/computer-avatar-selector.component.scss
+++ b/src/assets/wise5/vle/computer-avatar-selector/computer-avatar-selector.component.scss
@@ -1,16 +1,3 @@
-@use 'style/abstracts/variables';
-@use 'style/abstracts/functions';
-
-.mat-mdc-card {
-  margin-top: 16px;
-  max-width: functions.breakpoint('sm.min');
-
-  .mat-divider-horizontal {
-    position: relative;
-    margin: 12px 0;
-  }
-}
-
 .avatar-button{
   height: auto;
   text-transform: none;
diff --git a/src/assets/wise5/vle/computer-avatar-selector/computer-avatar-selector.component.ts b/src/assets/wise5/vle/computer-avatar-selector/computer-avatar-selector.component.ts
index c300dc8c907..029add040be 100644
--- a/src/assets/wise5/vle/computer-avatar-selector/computer-avatar-selector.component.ts
+++ b/src/assets/wise5/vle/computer-avatar-selector/computer-avatar-selector.component.ts
@@ -1,14 +1,13 @@
 import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { MatButtonModule } from '@angular/material/button';
-import { MatCardModule } from '@angular/material/card';
 import { MatDividerModule } from '@angular/material/divider';
 import { ComputerAvatar } from '../../common/computer-avatar/ComputerAvatar';
 import { ComputerAvatarService } from '../../services/computerAvatarService';
 import { ComputerAvatarSettings } from '../../common/computer-avatar/ComputerAvatarSettings';
 
 @Component({
-  imports: [FormsModule, MatButtonModule, MatCardModule, MatDividerModule],
+  imports: [FormsModule, MatButtonModule, MatDividerModule],
   selector: 'computer-avatar-selector',
   styleUrl: './computer-avatar-selector.component.scss',
   templateUrl: './computer-avatar-selector.component.html'
diff --git a/src/assets/wise5/vle/node/node.component.html b/src/assets/wise5/vle/node/node.component.html
index 035421bf2e9..ecbeb56a72c 100644
--- a/src/assets/wise5/vle/node/node.component.html
+++ b/src/assets/wise5/vle/node/node.component.html
@@ -1,8 +1,5 @@
 <div class="l-constrained">
-  <div
-    class="node-content mat-elevation-z1 flex flex-wrap"
-    style="border-color: {{ nodeStatus?.icon?.color }}; position: relative;"
-  >
+  <div class="flex flex-wrap @container">
     @if (showRubric) {
       <div class="node-content__rubric flex items-center justify-center">
         <help-icon [content]="node.rubric" label="Step Info" i18n-label icon="info" />
@@ -11,21 +8,24 @@
     @for (component of components; track component) {
       @if (componentToVisible[component.id]) {
         <div
-          id="component_{{ component.id }}"
-          class="component max-lg:!w-full"
+          class="@max-4xl:!w-full p-2"
           [ngStyle]="{ width: component.componentWidth ? component.componentWidth + '%' : '100%' }"
         >
-          <component
-            [nodeId]="node.id"
-            [componentId]="component.id"
-            [componentState]="getComponentStateByComponentId(component.id)"
-            [workgroupId]="workgroupId"
-            (saveComponentStateEvent)="saveComponentState($event)"
-          />
+          <mat-card id="component_{{ component.id }}" class="h-full">
+            <mat-card-content>
+              <component
+                [nodeId]="node.id"
+                [componentId]="component.id"
+                [componentState]="getComponentStateByComponentId(component.id)"
+                [workgroupId]="workgroupId"
+                (saveComponentStateEvent)="saveComponentState($event)"
+              />
+            </mat-card-content>
+          </mat-card>
         </div>
       }
     }
-    <div class="node-content__actions flex items-center gap-3">
+    <div class="flex items-center gap-3 p-2">
       @if (node.showSaveButton) {
         <button
           mat-raised-button
diff --git a/src/assets/wise5/vle/node/node.component.scss b/src/assets/wise5/vle/node/node.component.scss
deleted file mode 100644
index 136612cd066..00000000000
--- a/src/assets/wise5/vle/node/node.component.scss
+++ /dev/null
@@ -1,7 +0,0 @@
-.mat-mdc-button {
-  min-width: 88px;
-}
-
-.component {
-  padding: 24px 24px 0;
-}
\ No newline at end of file
diff --git a/src/assets/wise5/vle/node/node.component.ts b/src/assets/wise5/vle/node/node.component.ts
index 09c28668b4c..e8c5260cb9b 100644
--- a/src/assets/wise5/vle/node/node.component.ts
+++ b/src/assets/wise5/vle/node/node.component.ts
@@ -20,6 +20,7 @@ import { HelpIconComponent } from '../../themes/default/themeComponents/helpIcon
 import { StudentNodeService } from '../../services/studentNodeService';
 import { SubmitSurveyComponent } from '../submit-survey/submit-survey.component';
 import { MatDividerModule } from '@angular/material/divider';
+import { MatCardModule } from '@angular/material/card';
 
 @Component({
   imports: [
@@ -28,11 +29,11 @@ import { MatDividerModule } from '@angular/material/divider';
     ComponentStateInfoComponent,
     HelpIconComponent,
     MatButtonModule,
+    MatCardModule,
     MatDividerModule,
     SubmitSurveyComponent
   ],
   selector: 'node',
-  styleUrl: './node.component.scss',
   templateUrl: './node.component.html'
 })
 export class NodeComponent implements OnInit {
diff --git a/src/assets/wise5/vle/vle.component.html b/src/assets/wise5/vle/vle.component.html
index 3303720ec91..e038e546f2d 100644
--- a/src/assets/wise5/vle/vle.component.html
+++ b/src/assets/wise5/vle/vle.component.html
@@ -44,7 +44,11 @@
   <div
     id="content"
     class="vle-content"
-    [ngClass]="{ 'nav-view': layoutState === 'nav', 'node-view': layoutState === 'node' }"
+    [ngClass]="{
+      'nav-view': layoutState === 'nav',
+      'node-view': layoutState === 'node',
+      'pb-10': reportEnabled
+    }"
   >
     @if (runEndedAndLocked) {
       <run-ended-and-locked-message class="notice" />
diff --git a/src/assets/wise5/vle/vle.component.scss b/src/assets/wise5/vle/vle.component.scss
index 74b96cf0cd7..005fc67db78 100644
--- a/src/assets/wise5/vle/vle.component.scss
+++ b/src/assets/wise5/vle/vle.component.scss
@@ -48,9 +48,10 @@ group-tabs {
 
 node, navigation {
   display: block;
+  padding: 4px 0;
 
   @media (min-width: functions.breakpoint('sm.min')) {
-    padding: 32px 16px;
+    padding: 16px;
   }
 }