diff --git a/src/assets/wise5/classroomMonitor/classroomMonitorComponents/workgroup-component-grading/workgroup-component-grading.component.html b/src/assets/wise5/classroomMonitor/classroomMonitorComponents/workgroup-component-grading/workgroup-component-grading.component.html
index 69310173e93..dc404c818ac 100644
--- a/src/assets/wise5/classroomMonitor/classroomMonitorComponents/workgroup-component-grading/workgroup-component-grading.component.html
+++ b/src/assets/wise5/classroomMonitor/classroomMonitorComponents/workgroup-component-grading/workgroup-component-grading.component.html
@@ -1,5 +1,5 @@
-<div class="component__content" fxLayout="row wrap">
-  <div fxLayout="column" fxFlex="100" fxFlex.gt-sm="66" class="component--grading__response">
+<div class="component__content" fxLayout="column" fxLayout.gt-sm="row" fxLayoutGap="16px">
+  <div fxLayout="column" fxFlex="100" [fxFlex.gt-sm]="isGradable ? 66 : 100">
     <ng-container *ngIf="latestComponentState != null">
       <animation-grading
         *ngIf="component.type === 'Animation'"
@@ -121,7 +121,7 @@
       </span>
     </div>
   </div>
-  <div fxFlex="100" fxFlex.gt-sm="33" class="component--grading__annotations">
+  <div *ngIf="isGradable" fxFlex="100" fxFlex.gt-sm="33" class="component--grading__annotations">
     <edit-component-annotations
       [componentId]="component.id"
       [componentStateId]="latestComponentStateId"
diff --git a/src/assets/wise5/classroomMonitor/classroomMonitorComponents/workgroup-component-grading/workgroup-component-grading.component.ts b/src/assets/wise5/classroomMonitor/classroomMonitorComponents/workgroup-component-grading/workgroup-component-grading.component.ts
index a060efb3476..d4628d7c703 100644
--- a/src/assets/wise5/classroomMonitor/classroomMonitorComponents/workgroup-component-grading/workgroup-component-grading.component.ts
+++ b/src/assets/wise5/classroomMonitor/classroomMonitorComponents/workgroup-component-grading/workgroup-component-grading.component.ts
@@ -2,6 +2,8 @@
 
 import { Component, Input } from '@angular/core';
 import { MatDialog } from '@angular/material/dialog';
+import { ComponentContent } from '../../../common/ComponentContent';
+import { ComponentFactory } from '../../../common/ComponentFactory';
 import { ConfigService } from '../../../services/configService';
 import { TeacherDataService } from '../../../services/teacherDataService';
 import { TeacherProjectService } from '../../../services/teacherProjectService';
@@ -16,8 +18,9 @@ export class WorkgroupComponentGradingComponent {
   @Input() nodeId: string;
   @Input() workgroupId: number;
 
-  component: any;
+  component: ComponentContent;
   componentStates: any[];
+  isGradable: boolean;
   latestComponentState: any;
   latestComponentStateId: number;
   teacherWorkgroupId: number;
@@ -32,6 +35,9 @@ export class WorkgroupComponentGradingComponent {
   ngOnInit() {
     this.teacherWorkgroupId = this.ConfigService.getWorkgroupId();
     this.component = this.ProjectService.getComponent(this.nodeId, this.componentId);
+    const factory = new ComponentFactory();
+    const component = factory.getComponent(this.component, this.nodeId);
+    this.isGradable = component.isGradable();
     this.componentStates = this.TeacherDataService.getComponentStatesByWorkgroupIdAndComponentId(
       this.workgroupId,
       this.componentId
diff --git a/src/assets/wise5/common/Component.ts b/src/assets/wise5/common/Component.ts
index 0f5c58987fe..4d55b61fb52 100644
--- a/src/assets/wise5/common/Component.ts
+++ b/src/assets/wise5/common/Component.ts
@@ -31,6 +31,10 @@ export class Component {
     return false;
   }
 
+  isGradable(): boolean {
+    return true;
+  }
+
   getConnectedComponent(nodeId: string, componentId: string): any {
     return this.content.connectedComponents.find(
       (connectedComponent) =>
diff --git a/src/assets/wise5/common/ComponentFactory.ts b/src/assets/wise5/common/ComponentFactory.ts
index 370f7cec3c9..3cb9e339600 100644
--- a/src/assets/wise5/common/ComponentFactory.ts
+++ b/src/assets/wise5/common/ComponentFactory.ts
@@ -1,6 +1,7 @@
 import { DialogGuidanceComponent } from '../components/dialogGuidance/DialogGuidanceComponent';
 import { MultipleChoiceComponent } from '../components/multipleChoice/MultipleChoiceComponent';
 import { PeerChatComponent } from '../components/peerChat/PeerChatComponent';
+import { ShowGroupWorkComponent } from '../components/showGroupWork/ShowGroupWorkComponent';
 import { Component } from './Component';
 import { ComponentContent } from './ComponentContent';
 
@@ -12,6 +13,8 @@ export class ComponentFactory {
       return new MultipleChoiceComponent(content, nodeId);
     } else if (content.type === 'PeerChat') {
       return new PeerChatComponent(content, nodeId);
+    } else if (content.type === 'ShowGroupWork') {
+      return new ShowGroupWorkComponent(content, nodeId);
     } else {
       return new Component(content, nodeId);
     }
diff --git a/src/assets/wise5/components/showGroupWork/ShowGroupWorkComponent.ts b/src/assets/wise5/components/showGroupWork/ShowGroupWorkComponent.ts
new file mode 100644
index 00000000000..3415ae57808
--- /dev/null
+++ b/src/assets/wise5/components/showGroupWork/ShowGroupWorkComponent.ts
@@ -0,0 +1,7 @@
+import { Component } from '../../common/Component';
+
+export class ShowGroupWorkComponent extends Component {
+  isGradable(): boolean {
+    return false;
+  }
+}
diff --git a/src/assets/wise5/themes/default/style/modules/_component--grading.scss b/src/assets/wise5/themes/default/style/modules/_component--grading.scss
index 97aa9f77014..b7d9be187e1 100644
--- a/src/assets/wise5/themes/default/style/modules/_component--grading.scss
+++ b/src/assets/wise5/themes/default/style/modules/_component--grading.scss
@@ -19,15 +19,6 @@
     }
 }
 
-.component--grading__response {
-    padding-bottom: 16px;
-
-    @media only screen and (min-width: $layout-breakpoint-sm) {
-        padding-right: 16px;
-        padding-bottom: 0;
-    }
-}
-
 .component--grading__response__content {
     overflow: auto;
 }
diff --git a/src/assets/wise5/themes/default/style/monitor.css b/src/assets/wise5/themes/default/style/monitor.css
index 280c421be7e..eecd0759950 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}.toolbar__tools{padding-right:8px}[dir=rtl] .toolbar__tools{padding-left:8px;padding-right:16px}.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}.notice{background-color:rgba(0,0,0,.04);padding:8px;text-align:center;width:100%}@media (min-width:600px){.notice{border-radius:3px;margin:24px auto;max-width:80%}}.milestone{background-color:#fff;height:242px;min-width:196px;padding:0;width:196px}.milestone.md-button{text-transform:none}.milestone__progress{background-color:#eee;border-radius:50%;margin-bottom:12px;position:relative}.milestone__progress__percent{background-color:#fff;border-radius:50%;bottom:8px;color:#1565c0;font-size:28px;font-weight:500;left:8px;position:absolute;right:8px;top:8px}.milestone__title{font-size:15px;font-weight:700;margin-bottom:12px}.milestone--add.md-button{text-transform:uppercase}.milestone--add__icon{background-color:#eee;border-radius:50%;height:96px;width:96px}#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__info-item{display:inline-block;padding:0 16px 0 4px}.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}.progress-wrapper{cursor:pointer;padding:2px 0}.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}@media only screen and (min-width:600px){.node-notice{margin-bottom:16px;margin-top:-8px}}@media only screen and (min-width:960px){.node-notice{margin-top:-16px}}.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}}@media only screen and (min-width:1280px){.node-content__actions{padding:0 32px 32px}}.node-content__actions .md-button:first-child{margin-left:0}.node-content__actions .md-button:last-child{margin-right:0}.node-content__actions__info{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-launcher{bottom:24px;position:absolute;right:28px}@media only screen and (min-width:600px){notebook-launcher.md-button.md-fab{z-index:61}}notebook-report{bottom:0;position:absolute;right:96px;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:492px}}.notebook-sidebar{max-width:none;width:300px}@media only screen and (min-width:600px){.notebook-sidebar{width:480px}}@media only screen and (max-width:599px){.notebook-enabled .md-fab-bottom-left,.notebook-enabled .md-fab-bottom-right{bottom:50px!important}}.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:8px;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-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:-16px;position:absolute;right:auto;top:0;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 .md-errors-spacer{display:none}.annotations--grading input:focus,.annotations--grading textarea:focus{background-color:#fff}.annotations--grading input:disabled,.annotations--grading textarea:disabled{color:rgba(0,0,0,.87)}.annotations--grading--revision{margin:8px 0 0;padding:8px}.annotations--notebook{margin-top:16px}.annotations--grading__info{font-style:italic;margin:8px 8px 4px}.annotations--grading__item{padding:8px}.annotations--grading__score input{font-size:18px;margin-top:0!important;text-align:center;width:52px}.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;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;margin:0;min-width:0;padding:4px;position:absolute;right:0;top:0}.component__attachment__delete>md-icon{margin-top:0}.component__revision{margin:8px 0;padding:8px}.component__revision:nth-child(odd){background-color:#f7f7f7}.component__revision__content{border-bottom:1px solid #ddd;padding:4px 0 8px}.component__revision__actions{color:#757575;padding-top:4px}.component__content--Discussion{overflow:hidden}.discussion-content{background-color:#eee;box-shadow:inset 0 0 3px #aaa}.discussion-posts{padding:12px 12px 8px}@media only screen and (min-width:1280px){.discussion-posts{padding:16px 16px 0}}.discussion-post{margin:0 auto 16px;max-width:600px}@media only screen and (min-width:600px){.discussion-post{margin-bottom:24px}}@media only screen and (min-width:1280px){.discussion-post{margin-bottom:32px}}.discussion-post md-divider{position:relative;width:auto}.discussion-post__attachment{height:auto!important;margin-top:16px;max-width:100%}.discussion-new{background-color:#fff;margin-left:auto;margin-right:auto;max-width:570px;padding:8px;transform:scale(.95);transition:all .25s}.discussion-new--focused{transform:scale(1)}md-input-container.discussion-new__input-container{margin:0;padding:0}md-input-container.discussion-new__input-container>textarea.md-input{min-height:68px}.discussion-new__input--textarea,.input-container textarea.discussion-new__input--textarea{border:0;padding:8px}.discussion-new__actions{padding:0 8px}.discussion-new__actions .md-button:first-of-type{margin-left:0}.discussion-new__actions .md-button:last-of-type{margin-right:0}.discussion-new__attachment{margin:0 0 8px;padding:0}.discussion-new__attachment__content{margin-bottom:16px;margin-top:0}.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{padding-bottom:16px}@media only screen and (min-width:960px){.component--grading__response{padding-bottom:0;padding-right:16px}}.component--grading__response__content{overflow:auto}.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}.toolbar__tools{padding-right:8px}[dir=rtl] .toolbar__tools{padding-left:8px;padding-right:16px}.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}.notice{background-color:rgba(0,0,0,.04);padding:8px;text-align:center;width:100%}@media (min-width:600px){.notice{border-radius:3px;margin:24px auto;max-width:80%}}.milestone{background-color:#fff;height:242px;min-width:196px;padding:0;width:196px}.milestone.md-button{text-transform:none}.milestone__progress{background-color:#eee;border-radius:50%;margin-bottom:12px;position:relative}.milestone__progress__percent{background-color:#fff;border-radius:50%;bottom:8px;color:#1565c0;font-size:28px;font-weight:500;left:8px;position:absolute;right:8px;top:8px}.milestone__title{font-size:15px;font-weight:700;margin-bottom:12px}.milestone--add.md-button{text-transform:uppercase}.milestone--add__icon{background-color:#eee;border-radius:50%;height:96px;width:96px}#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__info-item{display:inline-block;padding:0 16px 0 4px}.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}.progress-wrapper{cursor:pointer;padding:2px 0}.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}@media only screen and (min-width:600px){.node-notice{margin-bottom:16px;margin-top:-8px}}@media only screen and (min-width:960px){.node-notice{margin-top:-16px}}.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}}@media only screen and (min-width:1280px){.node-content__actions{padding:0 32px 32px}}.node-content__actions .md-button:first-child{margin-left:0}.node-content__actions .md-button:last-child{margin-right:0}.node-content__actions__info{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-launcher{bottom:24px;position:absolute;right:28px}@media only screen and (min-width:600px){notebook-launcher.md-button.md-fab{z-index:61}}notebook-report{bottom:0;position:absolute;right:96px;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:492px}}.notebook-sidebar{max-width:none;width:300px}@media only screen and (min-width:600px){.notebook-sidebar{width:480px}}@media only screen and (max-width:599px){.notebook-enabled .md-fab-bottom-left,.notebook-enabled .md-fab-bottom-right{bottom:50px!important}}.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:8px;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-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:-16px;position:absolute;right:auto;top:0;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 .md-errors-spacer{display:none}.annotations--grading input:focus,.annotations--grading textarea:focus{background-color:#fff}.annotations--grading input:disabled,.annotations--grading textarea:disabled{color:rgba(0,0,0,.87)}.annotations--grading--revision{margin:8px 0 0;padding:8px}.annotations--notebook{margin-top:16px}.annotations--grading__info{font-style:italic;margin:8px 8px 4px}.annotations--grading__item{padding:8px}.annotations--grading__score input{font-size:18px;margin-top:0!important;text-align:center;width:52px}.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;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;margin:0;min-width:0;padding:4px;position:absolute;right:0;top:0}.component__attachment__delete>md-icon{margin-top:0}.component__revision{margin:8px 0;padding:8px}.component__revision:nth-child(odd){background-color:#f7f7f7}.component__revision__content{border-bottom:1px solid #ddd;padding:4px 0 8px}.component__revision__actions{color:#757575;padding-top:4px}.component__content--Discussion{overflow:hidden}.discussion-content{background-color:#eee;box-shadow:inset 0 0 3px #aaa}.discussion-posts{padding:12px 12px 8px}@media only screen and (min-width:1280px){.discussion-posts{padding:16px 16px 0}}.discussion-post{margin:0 auto 16px;max-width:600px}@media only screen and (min-width:600px){.discussion-post{margin-bottom:24px}}@media only screen and (min-width:1280px){.discussion-post{margin-bottom:32px}}.discussion-post md-divider{position:relative;width:auto}.discussion-post__attachment{height:auto!important;margin-top:16px;max-width:100%}.discussion-new{background-color:#fff;margin-left:auto;margin-right:auto;max-width:570px;padding:8px;transform:scale(.95);transition:all .25s}.discussion-new--focused{transform:scale(1)}md-input-container.discussion-new__input-container{margin:0;padding:0}md-input-container.discussion-new__input-container>textarea.md-input{min-height:68px}.discussion-new__input--textarea,.input-container textarea.discussion-new__input--textarea{border:0;padding:8px}.discussion-new__actions{padding:0 8px}.discussion-new__actions .md-button:first-of-type{margin-left:0}.discussion-new__actions .md-button:last-of-type{margin-right:0}.discussion-new__attachment{margin:0 0 8px;padding:0}.discussion-new__attachment__content{margin-bottom:16px;margin-top:0}.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{overflow:auto}.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 909c9ba0e43..07a78b51158 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/_notice.scss","src/assets/wise5/themes/default/style/modules/_milestones.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--discussion.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,iBEQiB,CFNjB,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: #f5f9fe;\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: #1565c0;\n  border-width: 0 0 0 3px;\n}\n\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: #ecf4fd;\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: #ecf4fd;\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: #ecf4fd;\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: #ecf4fd;\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: #ecf4fd;\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,\nh2.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__tools {\n  padding-right: 8px;\n}\n\n[dir=rtl] .toolbar__tools {\n  padding-right: 16px;\n  padding-left: 8px;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n  margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n  margin: 0 4px;\n  min-height: 32px;\n  background-color: #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.notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0, 0, 0, 0.04);\n  width: 100%;\n}\n@media (min-width: 600px) {\n  .notice {\n    max-width: 80%;\n    border-radius: 3px;\n    margin: 24px auto;\n  }\n}\n\n.milestone {\n  min-width: 196px;\n  width: 196px;\n  height: 242px;\n  background-color: #ffffff;\n  padding: 0;\n}\n.milestone.md-button {\n  text-transform: none;\n}\n\n.milestone__progress {\n  background-color: #eeeeee;\n  border-radius: 50%;\n  position: relative;\n  margin-bottom: 12px;\n}\n\n.milestone__progress__percent {\n  position: absolute;\n  top: 8px;\n  bottom: 8px;\n  left: 8px;\n  right: 8px;\n  border-radius: 50%;\n  background-color: #ffffff;\n  color: #1565c0;\n  font-size: 28px;\n  font-weight: 500;\n}\n\n.milestone__title {\n  font-weight: 700;\n  font-size: 15px;\n  margin-bottom: 12px;\n}\n\n.milestone--add.md-button {\n  text-transform: uppercase;\n}\n\n.milestone--add__icon {\n  height: 96px;\n  width: 96px;\n  background-color: #eeeeee;\n  border-radius: 50%;\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: #ecf4fd;\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__info-item {\n  padding: 0 16px 0 4px;\n  display: inline-block;\n}\n\n.nav-item--list__reorder {\n  margin-left: 8px;\n  color: 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.progress-wrapper {\n  padding: 2px 0;\n  cursor: pointer;\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@media only screen and (min-width: 600px) {\n  .node-notice {\n    margin-top: -8px;\n    margin-bottom: 16px;\n  }\n}\n@media only screen and (min-width: 960px) {\n  .node-notice {\n    margin-top: -16px;\n  }\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@media only screen and (min-width: 1280px) {\n  .node-content__actions {\n    padding: 0 32px 32px;\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-launcher {\n  position: absolute;\n  bottom: 24px;\n  right: 28px;\n}\n@media only screen and (min-width: 600px) {\n  notebook-launcher.md-button.md-fab {\n    z-index: 61;\n  }\n}\n\nnotebook-report {\n  position: absolute;\n  bottom: 0;\n  right: 96px;\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: 492px;\n  }\n}\n\n.notebook-sidebar {\n  width: 300px;\n  max-width: none;\n}\n@media only screen and (min-width: 600px) {\n  .notebook-sidebar {\n    width: 480px;\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: 8px;\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-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: -16px;\n  right: auto;\n  top: 0px;\n  bottom: auto;\n  border-top: 20px solid transparent;\n  border-bottom: 20px solid transparent;\n  border-right: 16px solid #757575;\n}\n\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 input:focus, .annotations--grading textarea:focus {\n  background-color: #ffffff;\n}\n.annotations--grading input:disabled, .annotations--grading textarea:disabled {\n  color: rgba(0, 0, 0, 0.87);\n}\n\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\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}\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  min-width: 0;\n  background-color: rgba(255, 255, 255, 0.75) !important;\n  border-radius: 0;\n  padding: 4px;\n  margin: 0;\n}\n.component__attachment__delete > md-icon {\n  margin-top: 0;\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.component__content--Discussion {\n  overflow: hidden;\n}\n\n.discussion-content {\n  background-color: #eeeeee;\n  box-shadow: inset 0 0 3px #aaaaaa;\n}\n\n.discussion-posts {\n  padding: 12px 12px 8px;\n}\n@media only screen and (min-width: 1280px) {\n  .discussion-posts {\n    padding: 16px 16px 0;\n  }\n}\n\n.discussion-post {\n  margin: 0 auto 16px;\n  max-width: 600px;\n}\n@media only screen and (min-width: 600px) {\n  .discussion-post {\n    margin-bottom: 24px;\n  }\n}\n@media only screen and (min-width: 1280px) {\n  .discussion-post {\n    margin-bottom: 32px;\n  }\n}\n.discussion-post md-divider {\n  position: relative;\n  width: auto;\n}\n\n.discussion-post__attachment {\n  max-width: 100%;\n  height: auto !important;\n  margin-top: 16px;\n}\n\n.discussion-new {\n  background-color: #ffffff;\n  max-width: 570px;\n  margin-left: auto;\n  margin-right: auto;\n  padding: 8px;\n  transition: all 250ms;\n  transform: scale(0.95);\n}\n\n.discussion-new--focused {\n  transform: scale(1);\n}\n\nmd-input-container.discussion-new__input-container {\n  margin: 0;\n  padding: 0;\n}\nmd-input-container.discussion-new__input-container > textarea.md-input {\n  min-height: 68px;\n}\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n  padding: 8px;\n  border: 0 none;\n}\n\n.discussion-new__actions {\n  padding: 0 8px;\n}\n.discussion-new__actions .md-button:first-of-type {\n  margin-left: 0;\n}\n.discussion-new__actions .md-button:last-of-type {\n  margin-right: 0;\n}\n\n.discussion-new__attachment {\n  padding: 0;\n  margin: 0 0 8px;\n}\n\n.discussion-new__attachment__content {\n  margin-top: 0;\n  margin-bottom: 16px;\n}\n\n.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 {\n  padding-bottom: 16px;\n}\n@media only screen and (min-width: 960px) {\n  .component--grading__response {\n    padding-right: 16px;\n    padding-bottom: 0;\n  }\n}\n\n.component--grading__response__content {\n  overflow: auto;\n}\n\n.component--grading__annotations {\n  background-color: #ecf4fd;\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}","// 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__tools {\n    padding-right: 8px;\n}\n[dir=rtl] .toolbar__tools {\n    padding-right: 16px;\n    padding-left: 8px;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n    margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n    margin: 0 4px;\n    min-height: 32px;\n    background-color: color('gray-lightest');\n\n    .md-select-value {\n        height: 32px;\n        text-align: left;\n    }\n}\n[dir=rtl] {\n  .toolbar__select, .md-button.toolbar__select {\n      .md-select-value {\n          text-align: right;\n      }\n  }\n}\n\n.toolbar__select--fixedwidth {\n    width: 168px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 264px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 432px;\n    }\n}\n","// 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",".notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0,0,0,0.04);\n  width: 100%;\n\n  @media (min-width: $layout-breakpoint-xs) {\n    max-width: 80%;\n    border-radius: $button-border-radius;\n    margin: 24px auto;\n  }\n}",".milestone {\n  min-width: 196px;\n  width: 196px;\n  height: 242px;\n  background-color: #ffffff;\n  padding: 0;\n\n  &.md-button {\n    text-transform: none;\n  }\n}\n\n.milestone__progress {\n  background-color: color('gray-lighter');\n  border-radius: 50%;\n  position: relative;\n  margin-bottom: 12px;\n}\n\n.milestone__progress__percent {\n  position: absolute;\n  top: 8px;\n  bottom: 8px;\n  left: 8px;\n  right: 8px;\n  border-radius: 50%;\n  background-color: #ffffff;\n  color: color('primary');\n  font-size: rem(2.8);\n  font-weight: 500;\n}\n\n.milestone__title {\n  font-weight: 700;\n  font-size: $body-font-size-base;\n  margin-bottom: 12px;\n}\n\n.milestone--add {\n  &.md-button {\n    text-transform: uppercase;\n  }\n}\n\n.milestone--add__icon {\n  height: 96px;\n  width: 96px;\n  background-color: color('gray-lighter');\n  border-radius: 50%;\n}\n","#nav {\n    position: relative;\n}\n\n.nav {\n    margin-bottom: 16px;\n}\n\n.nav-mask {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-color: rgba(0,0,0,0.25);\n    z-index: 1;\n\n    &.ng-hide {\n        opacity: 0;\n    }\n}\n\n.nav-head {\n    color: color('text-secondary');\n    font-weight: 500;\n\n    md-icon {\n        line-height: 20px;\n    }\n}\n\n.nav-contents--root {\n    padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n    background-color: color('gray-light');\n    padding: 8px;\n}\n\n.nav-contents--root {\n    padding: 0;\n}\n\n.nav-contents__list {\n    padding: 0;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n    }\n}\n\n.nav-item {\n    transition: opacity 250ms ease-in-out;\n\n    &.prev {\n        md-list-item {\n            background-color: color('selected-bg');\n\n            /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/\n        }\n    }\n}\n\n.nav-item--card__content {\n    border-top-right-radius: $card-border-radius;\n    border-top-left-radius: $card-border-radius;\n\n    &:focus {\n        outline: none;\n\n        .nav-item__title > span {\n            border-bottom: 1px dashed color('gray');\n        }\n    }\n}\n\n.nav-item--root {\n    transition: margin 250ms, box-shadow 500ms;\n\n    &.expanded {\n        flex-basis: 100%;\n        //max-width: ($layout-breakpoint-md - 100) !important;\n        max-width: 100%;\n        max-height: none !important;\n        margin: 8px auto;\n\n        &:first-of-type {\n            margin-top: 0;\n        }\n\n        //@media only screen and (min-width: $layout-breakpoint-sm) {\n        //margin: 8px auto;\n        //}\n    }\n}\n\n//.nav-item--list {\n//}\n\n.nav-item--list__info-item {\n    padding: 0 16px 0 4px;\n    display: inline-block;\n}\n\n.nav-item--list__reorder {\n    margin-left: 8px;\n    color: color('text-disabled');\n}\n\n.nav-item--card {\n\n}\n\n.nav-item--card--group {\n    &:not(.expanded) {\n        box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098),\n        0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa;\n    }\n}\n\n.nav-item__collapse {\n    margin: 0;\n}\n\n.nav-item__more {\n    border-top: 1px solid color('gray-light');\n    border-bottom-right-radius: $card-border-radius;\n    border-bottom-left-radius: $card-border-radius;\n    padding: 8px 16px;\n    min-height: 40px;\n}\n\n.nav-item__users {\n    height: auto;\n    cursor: pointer;\n    color: #ffffff;\n    margin: 0;\n    padding: 1px 6px;\n\n    > md-icon {\n        padding-right: 4px;\n        color: #ffffff;\n    }\n\n    &:hover, &:focus {\n        &.success-bg {\n            background-color: color('success');\n        }\n    }\n}\n\n.nav-item__title {\n    padding-left: 16px;\n    line-height: 1.2;\n    font-weight: 400;\n}\n[dir=rtl] .nav-item__title {\n    padding-left: auto;\n    padding-right: 16px;\n}\n\n.nav-item__info {\n    padding: 0 8px;\n}\n\n.nav-item__progress {\n    width: 48px;\n\n    > .md-container {\n        top: 0;\n    }\n}\n\n.nav-item__progress-value {\n    margin-left: 8px;\n    width: 36px;\n}\n\n.progress-wrapper {\n    padding: 2px 0;\n    cursor: pointer;\n}\n",".student-select {\n  padding-top: 0;\n  padding-bottom: 0;\n}\n\n.workgroup-progress {\n  margin-bottom: 8px;\n\n  @media (min-width: $layout-breakpoint-sm) {\n    margin-bottom: 0;\n  }\n}\n\nalert-status-corner {\n  position: absolute;\n  top: 0;\n  right: 0;\n}\n","// 1. Variables\n$menu-sidebar-width: 56px;\n\n// 2. Base\n.menu-progress {\n    position: absolute;\n    top: 10px;\n    right: 12px;\n\n    path {\n        stroke: color('accent-2') !important;\n        stroke-width: 2px;\n    }\n}\n[dir=rtl] .menu-progress {\n  right:auto;\n  left:12px;\n}\n\n.menu-sidenav {\n\n}\n\n.menu-sidenav__item {\n    font-weight: 700;\n    //color: color('text-secondary');\n    font-size: rem(1.4);\n}\n\n.menu-sidenav__icon {\n    margin-top: 12px !important;\n    margin-right: 12px !important;\n    margin-left: 12px;\n}\n\n.active {\n    .menu-sidenav__icon, .menu-sidenav__item {\n        color: color('primary');\n    }\n}\n\n.menu-sidebar {\n    position: absolute;\n    top: $wise-toolbar-height + $md-toolbar-height;\n    bottom: 0;\n    left: 0;\n    background-color: #fff;\n    width: $menu-sidebar-width;\n    overflow: hidden;\n    padding: 8px 0;\n    text-align: center;\n    border-right: 1px solid color('gray');\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        display: none;\n    }\n}\n[dir=rtl] .menu-sidebar {\n  right:0;\n  left:auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n    margin-top: 6px;\n    margin-bottom: 6px;\n}\n","// Variables\n$input-action-width: 48px;\n$input-action-vertical-offset: 0;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n#node {\n    margin: 0 auto;\n    position: absolute;\n    left: 0;\n    right: 0;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n        padding: 24px 16px;\n        margin-bottom: 32px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 32px;\n    }\n\n    &.ng-enter {\n        transition: opacity .5s;\n        opacity: 0;\n    }\n\n    &.ng-enter-active {\n        opacity: 1;\n    }\n}\n\n// TODO: use BEM conventions\n\n.node-notice {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: -8px;\n        margin-bottom: 16px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        margin-top: -16px;\n    }\n}\n\n.node-content {\n    padding: 0 0 48px;\n    background-color: #ffffff;\n    border-radius: $button-border-radius;\n    overflow: visible;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        box-shadow: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0;\n        border-top: 2px solid;\n        border-bottom: 2px solid;\n    }\n}\n\nmd-content {\n    &.node-content {\n        background-color: #ffffff;\n    }\n}\n\n.node-content__rubric {\n    position: absolute;\n    top: -22px;\n    left: 0;\n    right: 0;\n    z-index: 1;\n\n    .avatar--icon {\n        transform: scale(0.94);\n\n        @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n            transform: scale(0.8);\n        }\n    }\n}\n\n.node-icon {\n    color: #ffffff;\n    vertical-align: inherit;\n}\n\n.node-select {\n    margin: 0 8px;\n    min-width: 0;\n    font-weight: 500;\n    font-size: $body-font-size-base;\n\n    .md-select-value {\n        *:first-child {\n            transform: translate3d(0,0,0);\n            flex: 1 0 0;\n        }\n\n        .node-select__icon {\n            display: none;\n        }\n\n        .node-select__status {\n            display: none;\n        }\n    }\n\n    .md-select-icon {\n        margin-left: 0;\n        color: color('text');\n    }\n}\n\n.node-select-option--group {\n    //color: rgba(0,0,0,0.54);\n    background-color: color('gray-lightest');\n    border-bottom: 1px solid color('gray-lighter');\n    border-top: 1px solid color('gray-lighter');\n}\n\n.node-select-option--node {\n    padding-left: 20px;\n}\n\n.node-select__icon {\n    margin-right: 8px;\n}\n\n.node-select__status {\n    margin-left: 8px;\n}\n\n.node-select__text {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: 2px;\n    }\n}\n\n.node-title {\n    line-height: 1.2;\n    text-transform: none;\n    margin-top: 3px;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        font-size: $body-font-size-base;\n    }\n}\n\n.node-content__actions {\n    padding: 0 16px 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 0 24px 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 0 32px 32px;\n    }\n\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.node-content__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    color: color('text-secondary');\n}\n\n.node-content__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav {\n    &:not(:first-of-type) {\n    }\n\n    &:first-of-type {\n        margin-right: 0;\n    }\n}\n\n.node-sidebar-active {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-right: ($md-toolbar-height + 16);\n    }\n}\n\n.node-sidebar-visible {\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin-bottom: $wise-toolbar-height;\n    }\n}\n\n.node-sidebar {\n    position: absolute;\n    right: 0;\n    top: 0;\n    width: $md-toolbar-height;\n}\n\n.node-sidebar__toolbar {\n    position: fixed;\n    width: $md-toolbar-height;\n    background-color: #ffffff;\n    padding: 8px 0;\n    border-radius: $button-border-radius;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        right: 0;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        border-radius: 0;\n        padding: 0;\n        min-height: 0;\n        height: $wise-toolbar-height;\n    }\n}\n\n.node__label--vertical-alignment {\n    vertical-align: middle;\n    display: inline-block;\n}\n",".grading {\n}\n\n.grading__item-container {\n  margin: 0 0 16px;\n  padding: 0 !important;\n}\n\n.grading__item {\n  background-color: #ffffff;\n\n  .component {\n    padding: 0;\n  }\n}\n","// Variables\n$notebook-sidebar-width: 480px;\n$report-position-right: 96px;\n$report-full-gap: 8px;\n\n// Base\nnotebook-launcher {\n  position: absolute;\n  bottom: 24px;\n  right: 28px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    &.md-button.md-fab {\n      z-index: 61;\n    }\n  }\n}\n\nnotebook-report {\n  position: absolute;\n  bottom: 0;\n  right: $report-position-right;\n  transition: right 250ms;\n  z-index: 3;\n\n  &.report-full {\n    left: $report-full-gap;\n    right: $report-full-gap;\n    top: $report-full-gap;\n    bottom: $report-full-gap\n  }\n  \n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    &.notes-visible {\n      right: $notebook-sidebar-width + 12;\n    }\n  }\n}\n\n.notebook-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: 8px;\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-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: -16px;\n        right: auto;\n        top: 0px;\n        bottom: auto;\n        border-top: 20px solid transparent;\n        border-bottom: 20px solid transparent;\n        border-right: 16px solid color('gray-darker');\n    }\n}\n\n.annotations-container--student--report {\n    border-top: 1px solid color('gray-light');\n}\n\n.annotations--report {\n    margin-top: 0;\n    margin-bottom: 0;\n}\n\n.annotations__header {\n    position: relative;\n    //border-top-left-radius: 4px;\n    border-top-right-radius: 4px;\n    padding: 10px 12px;\n    font-weight: 700;\n    transition: all 1s;\n    color: #ffffff;\n    background-color: color('gray-darker');\n}\n\n.annotations__avatar {\n    background-color: color('accent');\n    padding: 2px;\n    position: absolute;\n    top: 0;\n    left: -62px;\n}\n\n.annotations__icon {\n    transition: all 1s;\n    color: #ffffff;\n}\n\n.annotations__body {\n    padding: 12px;\n    background-color: #ffffff;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n    overflow: auto;\n}\n\n.annotations__status {\n    background-color: #ffffff;\n    color: color('info');\n    display: inline-block;\n    margin-left: 8px;\n    font-size: rem(1.2);\n\n    &.ng-enter, &.ng-leave {\n        transition: all 1s;\n    }\n\n    &.ng-enter, &.ng-leave.ng-leave-active {\n        opacity:0;\n    }\n\n    &.ng-leave, &.ng-enter.ng-enter-active {\n        opacity:1;\n    }\n}\n\n.annotations__score {\n    font-weight: 700;\n}\n\n.annotations__info {\n    font-style: italic;\n    opacity: 0.8;\n    border-bottom: 1px dotted;\n    font-size: rem(1.3);\n}\n\n.annotations--inside {\n    .annotations {\n        margin-left: 72px;\n    }\n}\n\n// TODO: move to own file\n.annotations--info {\n    margin-bottom: 32px;\n    margin-right: 8px;\n    margin-left: 72px;\n\n    @media only screen and (min-width: ($layout-breakpoint-xs)) {\n        margin: 16px 16px 32px 76px;\n    }\n\n    &:after {\n        border-right: 16px solid color('info');\n    }\n\n    .annotations__avatar {\n        background-color: #ffffff;\n    }\n\n    .annotations__header {\n        background-color: color('info');\n    }\n}\n",".annotations--grading {\n    md-input-container {\n        margin-bottom: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n\n    input, textarea {\n        //border-width: 0;\n        //background-color: color('text-light-secondary');\n\n        &:focus {\n            background-color: #ffffff;\n        }\n\n        &:disabled {\n            color: color('text');\n        }\n    }\n}\n\n.annotations--grading--revision {\n    margin: 8px 0 0;\n    padding: 8px;\n}\n\n.annotations--notebook {\n    margin-top: 16px;;\n}\n\n.annotations--grading__info {\n    font-style: italic;\n    margin: 8px 8px 4px;\n}\n\n.annotations--grading__item {\n    padding: 8px;\n}\n\n.annotations--grading__score {\n    input {\n        margin-top: 0 !important;\n        font-size: rem(1.8);\n        width: 52px;\n        text-align: center;\n    }\n}\n\n.annotations--grading__score__label {\n    transform: none !important;\n    width: auto;\n    display: block;\n    padding: 0;\n    margin: 0 8px 0 0;\n}\n\n.annotations--grading__score__max {\n    label {\n        display: none;\n    }\n}\n\n.annotations--grading__score__divider {\n    position: relative;\n    top: 12px;\n    margin-left: 4px;\n}\n\n.annotations--grading__auto-comment {\n    margin: 0 2px;\n}\n\n.annotations--grading__auto-comment__content {\n    margin-top: 8px;\n}\n",".component {\n    position: relative;\n}\n\n.component__wrapper {\n    padding: 0 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('accent-1');\n    color: color('text-secondary');\n}\n\n.component__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.component__prompt {\n    margin-bottom: 8px;\n    font-weight: 500;\n}\n\n.component__prompt__content {\n    display: inline;\n}\n\n.component__attachment {\n    position: relative;\n    margin: 0 8px;\n    padding-bottom: 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding-top: 8px;\n    }\n}\n\n.component__add-attachment {\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        width: 100%;\n    }\n}\n\n.component__attachment__content {\n    max-height: 100px;\n    width: auto;\n}\n\n.component__attachment__delete {\n    position: absolute;\n    top: 0;\n    right: 0;\n    min-width: 0;\n    background-color: rgba(255, 255, 255, 0.75) !important;\n    border-radius: 0;\n    padding: 4px;\n    margin: 0;\n\n    //@media only screen and (min-width: $layout-breakpoint-sm) {\n    //margin-top: 8px;\n    //}\n\n    > md-icon {\n        margin-top: 0;\n    }\n}\n\n.component__revision {\n    margin: 8px 0;\n    padding: 8px;\n\n    &:nth-child(odd) {\n        background-color: color('gray-lightest');\n    }\n}\n\n.component__revision__content {\n    padding: 4px 0 8px 0;\n    border-bottom: 1px solid color('gray-light');\n}\n\n.component__revision__actions {\n    color: color('gray-darker');\n    padding-top: 4px;\n}\n","// Variables\n\n// Base\n.component__content--Discussion {\n    overflow: hidden;\n}\n\n.discussion-content {\n    background-color: color('gray-lighter');\n    //margin: 0 0 -16px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.discussion-posts {\n    padding: 12px 12px 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 16px 16px 0;\n    }\n}\n\n.discussion-post {\n    margin: 0 auto 16px;\n    max-width: $layout-breakpoint-xs;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-bottom: 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        margin-bottom: 32px;\n    }\n\n    // angular-material fix for when discussion posts are shown inside an md-list-item (e.g. in the grading tool)\n    md-divider {\n        position: relative;\n        width: auto;\n    }\n}\n\n\n\n.discussion-post__attachment {\n    max-width: 100%;\n    height: auto !important;\n    margin-top: 16px;\n}\n\n.discussion-new {\n    background-color: #ffffff;\n    max-width: 570px;\n    margin-left: auto;\n    margin-right: auto;\n    padding: 8px;\n    transition: all 250ms;\n    transform: scale(0.95);\n}\n\n.discussion-new--focused {\n    transform: scale(1);\n}\n\nmd-input-container.discussion-new__input-container {\n    margin: 0;\n    padding: 0;\n\n    > textarea.md-input {\n        min-height: 68px;\n    }\n}\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n    padding: 8px;\n    border: 0 none;\n}\n\n.discussion-new__actions {\n    padding: 0 8px;\n\n    .md-button {\n        &:first-of-type {\n            margin-left: 0;\n        }\n\n        &:last-of-type {\n            margin-right: 0;\n        }\n    }\n}\n\n.discussion-new__attachment {\n    padding: 0;\n    margin: 0 0 8px;\n}\n\n.discussion-new__attachment__content {\n    margin-top: 0;\n    margin-bottom: 16px;\n}\n\n\n\n\n\n",".embedded-content {\n\n}\n\n.embedded-content__iframe {\n    border: 0 none;\n}\n",".component--grading {\n    padding: 0;\n    margin: 0;\n\n    &:not(:last-child) {\n        > div {\n            border-bottom: 1px solid color('gray-light');\n        }\n    }\n\n    .component__wrapper {\n        padding: 0;\n        margin: 0;\n    }\n\n    .component__content {\n        padding: 16px;\n        margin: 0;\n    }\n}\n\n.component--grading__response {\n    padding-bottom: 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding-right: 16px;\n        padding-bottom: 0;\n    }\n}\n\n.component--grading__response__content {\n    overflow: auto;\n}\n\n.component--grading__annotations {\n    background-color: color('selected-bg');\n}\n\n.component--grading__annotations__divider {\n    padding: 4px;\n    background-color: #ffffff;\n}\n\n.component--grading__actions__info {\n    margin: 16px 0 0;\n    padding-top: 8px;\n    border-top: 1px solid color('gray-lighter');\n}\n",".graph-select {\n    min-width: 150px;\n    max-width: 200px;\n}\n\n.graph-controls {\n    margin: 8px 0;\n    padding: 8px 0;\n    border: 1px solid color('gray-lighter');\n    border-left-width: 0;\n    border-right-width: 0;\n}\n",".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/_notice.scss","src/assets/wise5/themes/default/style/modules/_milestones.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--discussion.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,iBEQiB,CFNjB,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,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,mBCCI,+BPypBJ,CM1pBA,YACI,eNypBJ,CQtpBA,mBACE,+BAAA,CACA,uBRypBF,CQvpBE,6BACE,qBRypBJ,CSrqBA,aACI,YAAA,CAEA,qBAAA,CADA,STyqBJ,CSrqBA,uBACI,WAAA,CAGA,mBAAA,CACA,YAAA,CAFA,YAAA,CAGA,SAAA,CAJA,UT4qBJ,CSrqBA,qBACI,qBTwqBJ,CSrqBA,2BACI,cAAA,CACA,oBTwqBJ,CU7rBA,UACI,WVgsBJ,CU7rBA,cACI,WVgsBJ,CU7rBA,eACI,YVgsBJ,CWzsBA,aACI,iBVqDiB,CUpDjB,eX4sBJ,CW1sBI,yBAJJ,aAKQ,eX6sBN,CACF,CW3sBI,yBARJ,aASQ,eX8sBN,CACF,CW5sBI,0BAZJ,aAaQ,gBX+sBN,CACF,CWvsBA,kDAJI,0BVoCiB,CUnCjB,2BXstBJ,CWntBA,8BAII,wBAAA,CADA,kBXgtBJ,CW7sBI,8CACI,cAAA,CAEA,gBAAA,CADA,aXgtBR,CW3sBA,sBAGI,gBAAA,CAFA,aAAA,CACA,gBX+sBJ,CW3sBA,sBACI,6BVYiB,CUXjB,8BX8sBJ,CYnvBA,iBACI,gBZsvBJ,CYnvBA,4BACI,eZsvBJ,CYlvBI,4CACI,cZqvBR,CYlvBI,kDACI,YZovBR,CYhvBA,eACI,iBZmvBJ,CY/uBI,yDACI,aZkvBR,CY9uBA,2DAEI,wBAAA,CACA,qBAAA,CACA,iBAAA,CAHA,WZovBJ,CY/uBI,uEACI,qBZivBR,CY9uBI,+EACI,qBZgvBR,CY5uBA,0CACI,UZ+uBJ,CY5uBA,2BACI,qBZ+uBJ,CY5uBA,yBACI,iBAAA,CACA,UZ+uBJ,CY7uBI,2CACI,+BZ+uBR,CY3uBA,mCACI,OZ8uBJ,CY5uBI,4DACI,QZ8uBR,CY1uBA,mCACI,UZ6uBJ,CY3uBI,4DACI,WZ6uBR,CYxuBA,mHAEI,qBAAA,CADA,eZ4uBJ,CYzuBI,6JACI,aZ2uBR,CYtuBI,oBAGI,cAAA,CAEA,qBAAA,CADA,eAAA,CAFA,eAAA,CADA,sBZ6uBR,CYpuBI,yCADJ,wBAEQ,eZwuBN,CACF,CYtuBI,yCALJ,wBAMQ,eZyuBN,CACF,CYruBI,yCACI,qBZwuBR,CYtuBQ,+DAEI,qBAAA,CADA,eZyuBZ,CYnuBA,gBACI,WZsuBJ,CYpuBI,sBAKI,QAAA,CACA,cAAA,CACA,eAAA,CANA,WAAA,CAGA,YAAA,CADA,aAAA,CADA,UZ2uBR,Ca32BA,OAIE,YAAA,CAHA,cAAA,CAEA,eAAA,CADA,Ubg3BF,Cax2BI,kHAEE,qBAAA,CAEA,cAAA,CAEA,WAAA,CADA,eAAA,CAEA,cAAA,CAJA,WAAA,CAKA,kBb82BN,Ca12BE,6BAEE,wBAAA,CACA,SAAA,CACA,kBb42BJ,Caz2BE,0BACE,Qb22BJ,Cax2BE,yBACE,Yb02BJ,Cap2BI,4BACE,gBbu2BN,Cal2BA,mBACE,Ubq2BF,Cal2BA,aAGE,qBAAA,CAFA,QAAA,CACA,wBAAA,CAEA,cAAA,CACA,abq2BF,Can2BE,gCAGE,QAAA,CADA,abs2BJ,Cal2BE,gBAEE,WAAA,CADA,ebq2BJ,Cah2BI,0BACE,iBAAA,CAIA,iBAAA,CACA,eAAA,CAJA,eAAA,CAEA,mBAAA,CADA,Ubq2BN,Ca71BA,mBACE,ebg2BF,Ca51BE,yCADF,mBAEI,ebg2BF,CACF,Ca71BA,oBACE,cAAA,CACA,ebg2BF,Ca71BA,wBACE,WAAA,CACA,Qbg2BF,Ca71BA,wBACE,wBAAA,CACA,UAAA,CAEA,WZ7DoB,CY4DpB,ebi2BF,Ca71BA,0BACE,UAAA,CAKA,eAAA,CAHA,QAAA,CACA,WAAA,CAFA,mBAAA,CAGA,kBAAA,CAEA,Ubg2BF,Ca71BA,0BACE,Qbg2BF,Ca71BA,mCACE,wBbg2BF,Ca71BA,UAGE,eAAA,CAFA,eAAA,CACA,kBbi2BF,Ca51BE,yCADF,eAEI,eAAA,CACA,eAAA,CACA,sBAAA,CACA,kBbg2BF,CACF,Ccz+BA,kBACI,cd4+BJ,Ccn+BQ,2HACI,Wd2+BZ,Cct+BA,kBACI,edy+BJ,Ccv+BI,oCACI,WbuBc,CatBd,edy+BR,Cct+BI,4CACI,WbkBc,CajBd,gBbiBc,CahBd,Udw+BR,Ccn+BI,wCAEI,cbKmB,CaNnB,adu+BR,Ccl+BA,qBACI,+Bdq+BJ,Ccn+BI,uCACI,cAAA,CACA,edq+BR,Ccj+BA,SAEI,MAAA,CADA,cAAA,CAEA,OAAA,CACA,QC5CgB,CD6ChB,Sdo+BJ,Ccj+BA,gBAEI,cAAA,CACA,eAAA,CAFA,eds+BJ,Ccj+BA,gBACI,iBdo+BJ,Ccl+BA,0BAEI,gBAAA,CADA,kBds+BJ,Ccl+BA,sCACI,Qdq+BJ,Ccl+BA,4CAGI,wBAAA,CAFA,YAAA,CACA,eds+BJ,Ccn+BI,8EACI,WAAA,CACA,edq+BR,Cch+BM,kGACI,gBdm+BV,Cc99BA,6BACI,Wdi+BJ,Cc/9BI,yCAHJ,6BAIQ,Wdk+BN,CACF,Cch+BI,yCAPJ,6BAQQ,Wdm+BN,CACF,CgBvkCA,WACI,qBAAA,CACA,4BhB0kCJ,CgBxkCI,iDAEI,qBAAA,CADA,qBhB2kCR,CgBxkCQ,iEACI,qBhB0kCZ,CgBvkCQ,yFACI,ShBykCZ,CgBtkCQ,uEACI,gBhBwkCZ,CgBpkCI,yBACI,YhBskCR,CgBjkCI,kGACI,uCAAA,CACA,gBhBokCR,CgB7jCI,kGACI,uCAAA,CACA,gBhBgkCR,CgB5jCA,qBACI,qBhB+jCJ,CgB5jCA,kDAEI,wBAAA,CADA,chBgkCJ,CgB5jCA,oBACI,uBhB+jCJ,CgB5jCA,6BAOI,eAAA,CAHA,QAAA,CADA,gBAAA,CAGA,eAAA,CALA,mBAAA,CAIA,kBAAA,CAHA,UhBokCJ,CgB5jCA,WACI,chB+jCJ,CiBjoCA,QAGE,gCAAA,CADA,WAAA,CADA,iBAAA,CAGA,UjBooCF,CiBloCE,yBANF,QAQI,iBhBiDmB,CgBhDnB,gBAAA,CAFA,ajBuoCF,CACF,CkB/oCA,WAIE,qBAAA,CADA,YAAA,CAFA,eAAA,CAIA,SAAA,CAHA,WlBqpCF,CkBhpCE,qBACE,mBlBkpCJ,CkB9oCA,qBACE,qBAAA,CACA,iBAAA,CAEA,kBAAA,CADA,iBlBkpCF,CkB9oCA,8BAOE,qBAAA,CADA,iBAAA,CAHA,UAAA,CAKA,aAAA,CACA,cAAA,CACA,eAAA,CANA,QAAA,CAHA,iBAAA,CAIA,SAAA,CAHA,OlBypCF,CkB9oCA,kBAEE,cjBKyB,CiBNzB,eAAA,CAEA,kBlBipCF,CkB7oCE,0BACE,wBlBgpCJ,CkB5oCA,sBAGE,qBAAA,CACA,iBAAA,CAHA,WAAA,CACA,UlBipCF,CmB/rCA,KACI,iBnBksCJ,CmB/rCA,KACI,kBnBksCJ,CmB/rCA,UAMI,gCAAA,CAHA,QAAA,CACA,MAAA,CAHA,iBAAA,CAIA,OAAA,CAHA,KAAA,CAKA,SnBksCJ,CmBhsCI,kBACI,SnBksCR,CmB9rCA,UACI,qBAAA,CACA,enBisCJ,CmB/rCI,kBACI,gBnBisCR,CmB7rCA,oBACI,oBnBgsCJ,CmB7rCA,qBACI,qBAAA,CACA,WnBgsCJ,CmBzrCA,wCACI,SnBgsCJ,CmB9rCI,yBAHJ,oBAIQ,WnBisCN,CACF,CmB9rCA,UACI,mCnBisCJ,CmB9rCQ,4BACI,wBnBosCZ,CmB1rCA,yBAEI,0BlBfiB,CkBcjB,2BnB8rCJ,CmB3rCI,+BACI,YnB6rCR,CmB3rCQ,qDACI,6BnB6rCZ,CmBxrCA,gBACI,qCnB2rCJ,CmBzrCI,yBACI,eAAA,CAIA,eAAA,CADA,yBAAA,CADA,cnB4rCR,CmBxrCQ,uCACI,YnB0rCZ,CmB9qCA,2BAEI,oBAAA,CADA,oBnBkrCJ,CmB9qCA,yBAEI,qBAAA,CADA,enBkrCJ,CmBzqCI,sCACI,4InB4qCR,CmBvqCA,oBACI,QnB0qCJ,CmBvqCA,gBAGI,6BlB7EiB,CkB4EjB,8BlB5EiB,CkB2EjB,yBAAA,CAIA,eAAA,CADA,gBnB2qCJ,CmBvqCA,iBAGI,UAAA,CADA,cAAA,CADA,WAAA,CAGA,QAAA,CACA,enB0qCJ,CmBxqCI,yBAEI,UAAA,CADA,iBnB2qCR,CmBtqCQ,oEACI,wBnBwqCZ,CmBnqCA,iBAGI,eAAA,CADA,eAAA,CADA,iBnBwqCJ,CmBpqCA,2BACI,iBAAA,CACA,kBnBuqCJ,CmBpqCA,gBACI,anBuqCJ,CmBpqCA,oBACI,UnBuqCJ,CmBrqCI,kCACI,KnBuqCR,CmBnqCA,0BACI,eAAA,CACA,UnBsqCJ,CmBnqCA,kBAEI,cAAA,CADA,anBuqCJ,CoB91CA,gBAEE,gBAAA,CADA,apBk2CF,CoB91CA,oBACE,iBpBi2CF,CoB/1CE,yBAHF,oBAII,epBk2CF,CACF,CoB/1CA,oBACE,iBAAA,CAEA,OAAA,CADA,KpBm2CF,CqB92CA,eACI,iBAAA,CAEA,UAAA,CADA,QrBk3CJ,CqB/2CI,oBACI,wBAAA,CACA,gBrBi3CR,CqB92CA,yBAEE,SAAA,CADA,UrBk3CF,CqB12CA,oBAGI,cAAA,CAFA,erB82CJ,CqBz2CA,oBAGI,gBAAA,CADA,2BAAA,CADA,yBrB82CJ,CqBx2CI,wDACI,arB22CR,CqBv2CA,cAKI,qBAAA,CAKA,2BAAA,CAPA,QAAA,CACA,MAAA,CAGA,eAAA,CACA,aAAA,CAPA,iBAAA,CAQA,iBAAA,CAPA,QAAA,CAIA,UrB82CJ,CqBx2CI,yCAZJ,cAaQ,YrB22CN,CACF,CqBz2CA,wBAEE,SAAA,CADA,OrB62CF,CqBz2CA,6CAEI,iBAAA,CADA,crB62CJ,CsBt6CA,MAGI,MAAA,CAFA,aAAA,CACA,iBAAA,CAEA,OtBy6CJ,CsBv6CI,yCANJ,MASQ,kBAAA,CADA,iBtB26CN,CACF,CsBx6CI,yCAZJ,MAaQ,YtB26CN,CACF,CsBz6CI,eAEI,SAAA,CADA,sBtB46CR,CsBx6CI,sBACI,StB06CR,CsBn6CI,yCADJ,aAGQ,kBAAA,CADA,etBw6CN,CACF,CsBr6CI,yCANJ,aAOQ,gBtBw6CN,CACF,CsBr6CA,cAEI,qBAAA,CACA,iBrBSmB,CqBRnB,gBAAA,CAHA,gBtB26CJ,CsBt6CI,yCANJ,cAOQ,etBy6CN,CACF,CsBv6CI,yCAVJ,cAaQ,uBAAA,CADA,oBAAA,CADA,StB46CN,CACF,CsBt6CI,wBACI,qBtBy6CR,CsBr6CA,sBAGI,MAAA,CAFA,iBAAA,CAGA,OAAA,CAFA,SAAA,CAGA,StBw6CJ,CsBt6CI,oCACI,oBtBw6CR,CsBt6CQ,yCAHJ,oCAIQ,mBtBy6CV,CACF,CsBr6CA,WACI,UAAA,CACA,sBtBw6CJ,CsBr6CA,aAII,crBtDuB,CqBqDvB,eAAA,CAFA,YAAA,CACA,WtB06CJ,CsBr6CQ,2CAEI,UAAA,CADA,uBtBw6CZ,CsBh6CQ,oGACI,YtBq6CZ,CsBj6CI,6BAEI,qBAAA,CADA,atBo6CR,CsB/5CA,2BAEI,wBAAA,CACA,4BAAA,CACA,yBtBi6CJ,CsB95CA,0BACI,iBtBi6CJ,CsB95CA,mBACI,gBtBi6CJ,CsB95CA,qBACI,etBi6CJ,CsB95CA,mBAGI,eAAA,CAFA,sBAAA,CACA,kBtBk6CJ,CsB/5CI,yCALJ,mBAMQ,ctBk6CN,CACF,CsB/5CA,YACI,eAAA,CAEA,cAAA,CADA,mBtBm6CJ,CsBh6CI,yCALJ,YAMQ,ctBm6CN,CACF,CsBh6CA,uBACI,mBtBm6CJ,CsBj6CI,yCAHJ,uBAIQ,mBtBo6CN,CACF,CsBl6CI,0CAPJ,uBAQQ,mBtBq6CN,CACF,CsBn6CI,8CACI,atBq6CR,CsBl6CI,6CACI,ctBo6CR,CsBh6CA,6BAGI,qBAAA,CAFA,iBAAA,CACA,etBo6CJ,CsBh6CA,6BACI,wBtBm6CJ,CsB55CI,iDACI,ctB+5CR,CsB15CI,yCADJ,qBAEQ,iBtB85CN,CACF,CsB15CI,yCADJ,sBAEQ,kBtB85CN,CACF,CsB35CA,cACI,iBAAA,CACA,OAAA,CACA,KAAA,CACA,UtB85CJ,CsB35CA,uBAGI,qBAAA,CAEA,iBrBjKmB,CqBgKnB,aAAA,CAHA,cAAA,CACA,UtBi6CJ,CsB55CI,yCAPJ,uBAYQ,eAAA,CAHA,QAAA,CAMA,WrBzLc,CqBoLd,MAAA,CAIA,YAAA,CADA,SAAA,CALA,OAAA,CAGA,UtBm6CN,CACF,CsB55CA,iCAEI,oBAAA,CADA,qBtBg6CJ,CuBtoDA,yBACE,eAAA,CACA,mBvByoDF,CuBtoDA,eACE,qBvByoDF,CuBvoDE,0BACE,SvByoDJ,CwB/oDA,kBAEE,WAAA,CADA,iBAAA,CAEA,UxBkpDF,CwBhpDE,yCACE,mCACE,UxBkpDJ,CACF,CwB9oDA,gBAEE,QAAA,CADA,iBAAA,CAEA,UAnBsB,CAoBtB,qBAAA,CACA,SxBipDF,CwB/oDE,4BAIE,UA1Bc,CAuBd,QAvBc,CAwBd,SAxBc,CAyBd,OxBkpDJ,CwB9oDE,yCACE,8BACE,WxBgpDJ,CACF,CwB5oDA,kBAEE,cAAA,CADA,WxBgpDF,CwB7oDE,yCAJF,kBAKI,WxBgpDF,CACF,CwB7oDA,yCAEI,6EACE,qBxB+oDJ,CACF,CyBnsDA,kBACI,oBzBqsDJ,CyBnsDI,0BACI,gBzBqsDR,CyBjsDA,oBAGI,wBAAA,CAQA,gBAAA,CAVA,iBAAA,CAQA,cAAA,CACA,eAAA,CAHA,WAAA,CADA,UAAA,CAEA,gBAAA,CANA,iBAAA,CAGA,OAAA,CADA,UzB2sDJ,CyBlsDI,2BAOI,mCAAA,CAFA,yCAAA,CACA,gCAAA,CALA,UAAA,CACA,iBAAA,CACA,UAAA,CACA,OzBusDR,CyBhsDA,mBACI,azBmsDJ,CyBhsDA,sBACI,WzBmsDJ,CyBhsDA,6BACI,ezBmsDJ,CyB7rDI,kPACI,qBAAA,CACA,czBksDR,CyBhsDQ,0QACI,cAAA,CAIA,gBAAA,CADA,gBAAA,CAFA,WAAA,CACA,UzBssDZ,C0B5vDA,cACI,iBzBqDiB,CyBnDjB,czBoCuB,CyBnCvB,eAAA,CAFA,S1BiwDJ,C0B7vDI,0BANJ,cAOQ,yB1BgwDN,CACF,C0B9vDI,iBAEI,eAAA,CADA,Q1BiwDR,C0B7vDI,gCACI,S1B+vDR,C0B3vDA,4BACI,Y1B8vDJ,C0B3vDA,2BACI,W1B8vDJ,C0B5vDI,yBAHJ,2BAIQ,W1B+vDN,CACF,C0B5vDA,oBACI,qBAAA,CACA,iB1B+vDJ,C0B5vDA,qBAII,YAAA,CAHA,iBAAA,CACA,UAAA,CACA,Q1BgwDJ,C0B7vDI,4BAGI,4BAAA,CACA,iCAAA,CACA,kCAAA,CAJA,UAAA,CACA,iB1BkwDR,C0B3vDA,+DACI,U1B8vDJ,C0B3vDA,+CACI,W1B8vDJ,C0B1vDE,+BAEE,SAAA,CADA,U1B8vDJ,C0B3vDE,mFACE,SAAA,CACA,U1B6vDJ,C0B3vDE,yDACI,UAAA,CACA,U1B6vDN,C0BzvDA,oBACI,gB1B4vDJ,C0BzvDA,2BACI,e1B4vDJ,C0BzvDA,0BAEI,qBAAA,CADA,e1B6vDJ,C0BtvDI,uDACI,S1B4vDR,C0B1vDQ,6CAEI,WAAA,CADA,gBAAA,CAEA,U1B4vDZ,C0BvvDA,uBACI,wB1B0vDJ,C0BvvDA,uBACI,Y1B0vDJ,C2Br2DA,aAGI,cAAA,CAFA,yBAAA,CACA,iB3By2DJ,C2Bt2DI,gBAEI,4BAAA,CADA,iB3By2DR,C2Br2DI,mBAUI,oCAAA,CACA,+BAAA,CAFA,iCAAA,CADA,WAAA,CAPA,UAAA,CAGA,QAAA,CACA,UAAA,CAHA,iBAAA,CAIA,UAAA,CACA,KAAA,CAJA,O3B+2DR,C2Bn2DA,wCACI,yB3Bs2DJ,C2Bn2DA,qBAEI,eAAA,CADA,Y3Bu2DJ,C2Bn2DA,qBAQI,wBAAA,CALA,2BAAA,CAIA,UAAA,CAFA,eAAA,CADA,iBAAA,CAHA,iBAAA,CAKA,iB3Bu2DJ,C2Bl2DA,qBACI,wBAAA,CAIA,UAAA,CAHA,WAAA,CACA,iBAAA,CACA,K3Bs2DJ,C2Bl2DA,mBAEI,UAAA,CADA,iB3Bs2DJ,C2Bl2DA,mBAEI,qBAAA,CACA,6B1BPiB,C0BQjB,8B1BRiB,C0BSjB,aAAA,CAJA,Y3By2DJ,C2Bl2DA,qBACI,qBAAA,CACA,aAAA,CACA,oBAAA,CAEA,cAAA,CADA,e3Bs2DJ,C2Bn2DI,4DACI,iB3Bq2DR,C2Bl2DI,4EACI,S3Bo2DR,C2Bj2DI,4EACI,S3Bm2DR,C2B/1DA,oBACI,e3Bk2DJ,C2B/1DA,mBAGI,wBAAA,CACA,cAAA,CAHA,iBAAA,CACA,U3Bo2DJ,C2B91DI,kCACI,gB3Bi2DR,C2B51DA,mBACI,kBAAA,CAEA,gBAAA,CADA,gB3Bg2DJ,C2B71DI,yCALJ,mBAMQ,0B3Bg2DN,CACF,C2B91DI,yBACI,+B3Bg2DR,C2B71DI,wCACI,qB3B+1DR,C2B51DI,wCACI,wB3B81DR,C4Bv9DI,yCACI,e5B09DR,C4Bv9DI,wCACI,Y5By9DR,C4Bl9DQ,uEACI,qB5Bo9DZ,C4Bj9DQ,6EACI,qB5Bm9DZ,C4B98DA,gCACI,cAAA,CACA,W5Bi9DJ,C4B98DA,uBACI,e5Bi9DJ,C4B98DA,4BACI,iBAAA,CACA,kB5Bi9DJ,C4B98DA,4BACI,W5Bi9DJ,C4B78DI,mCAEI,cAAA,CADA,sBAAA,CAGA,iBAAA,CADA,U5Bi9DR,C4B58DA,oCAGI,aAAA,CAEA,gBAAA,CADA,SAAA,CAHA,wBAAA,CACA,U5Bk9DJ,C4B38DI,wCACI,Y5B88DR,C4B18DA,sCAGI,eAAA,CAFA,iBAAA,CACA,Q5B88DJ,C4B18DA,oCACI,Y5B68DJ,C4B18DA,6CACI,c5B68DJ,C6BxhEA,WACI,iB7B2hEJ,C6BxhEA,oBAEI,aAAA,CADA,c7B4hEJ,C6BxhEA,oBAEI,cAAA,CADA,eAAA,CAEA,iB7B2hEJ,C6BzhEI,yCALJ,oBAMQ,a7B4hEN,CACF,C6BzhEA,qBAGI,cAAA,CADA,QAAA,CADA,gB7B8hEJ,C6BzhEA,mBAEI,UAAA,CADA,iBAAA,CAEA,Q7B4hEJ,C6BvhEQ,yCAEI,cAAA,CACA,WAAA,CAFA,mB7B4hEZ,C6BthEY,8FACI,8B7BwhEhB,C6BhhEI,2CACI,a7BmhER,C6BhhEI,0CACI,c7BkhER,C6B9gEA,0BAII,qBAAA,CAHA,iBAAA,CACA,e7BkhEJ,C6B7gEA,0BACI,wB7BghEJ,C6B7gEA,mBAEI,eAAA,CADA,iB7BihEJ,C6B7gEA,4BACI,c7BghEJ,C6B7gEA,uBAEI,YAAA,CACA,kBAAA,CAFA,iB7BkhEJ,C6B9gEI,yCALJ,uBAMQ,e7BihEN,CACF,C6B7gEI,yCADJ,2BAEQ,U7BihEN,CACF,C6B9gEA,gCACI,gBAAA,CACA,U7BihEJ,C6B9gEA,+BAKI,8CAAA,CACA,eAAA,CAEA,QAAA,CAJA,WAAA,CAGA,WAAA,CANA,iBAAA,CAEA,OAAA,CADA,K7BuhEJ,C6B3gEI,uCACI,Y7B6gER,C6BzgEA,qBACI,YAAA,CACA,W7B4gEJ,C6B1gEI,oCACI,wB7B4gER,C6BxgEA,8BAEI,4BAAA,CADA,iB7B4gEJ,C6BxgEA,8BACI,aAAA,CACA,e7B2gEJ,C8B9oEA,gCACI,e9BipEJ,C8B9oEA,oBACI,qBAAA,CAEA,6B9BgpEJ,C8B7oEA,kBACI,qB9BgpEJ,C8B9oEI,0CAHJ,kBAIQ,mB9BipEN,CACF,C8B9oEA,iBACI,kBAAA,CACA,e9BipEJ,C8B/oEI,yCAJJ,iBAKQ,kB9BkpEN,CACF,C8BhpEI,0CARJ,iBASQ,kB9BmpEN,CACF,C8BhpEI,4BACI,iBAAA,CACA,U9BkpER,C8B5oEA,6BAEI,qBAAA,CACA,eAAA,CAFA,c9BipEJ,C8B5oEA,gBACI,qBAAA,CAEA,gBAAA,CACA,iBAAA,CAFA,eAAA,CAGA,WAAA,CAEA,oBAAA,CADA,mB9BgpEJ,C8B5oEA,yBACI,kB9B+oEJ,C8B5oEA,mDACI,QAAA,CACA,S9B+oEJ,C8B7oEI,qEACI,e9B+oER,C8B3oEA,2FAEI,QAAA,CADA,W9B+oEJ,C8B3oEA,yBACI,a9B8oEJ,C8B3oEQ,kDACI,a9B6oEZ,C8B1oEQ,iDACI,c9B4oEZ,C8BvoEA,4BAEI,cAAA,CADA,S9B2oEJ,C8BvoEA,qCAEI,kBAAA,CADA,Y9B2oEJ,C+BvuEA,0BACI,Q/B0uEJ,CgC/uEA,oBAEI,QAAA,CADA,ShCmvEJ,CgC/uEQ,yCACI,4BhCivEZ,CgC7uEI,wCAEI,QAAA,CADA,ShCgvER,CgC5uEI,wCAEI,QAAA,CADA,YhC+uER,CgC1uEA,uCACI,ahC6uEJ,CgC1uEA,iCACI,wBhC6uEJ,CgC1uEA,0CAEI,qBAAA,CADA,WhC8uEJ,CgC1uEA,mCAGI,yBAAA,CAFA,eAAA,CACA,ehC8uEJ,CiClxEA,cAEI,eAAA,CADA,ejCsxEJ,CiClxEA,gBAKI,iBAAA,CAAA,kBAAA,CAAA,kBAAA,CAJA,YAAA,CACA,ajCwxEJ,CkC9xEE,wBACE,qBlCiyEJ,CkC7xEA,yBACE,cAAA,CACA,clCgyEF,CkC9xEE,2BAKE,oBAAA,CAJA,eAAA,CAEA,eAAA,CACA,sBAAA,CAFA,kBlCmyEJ,CmC9yEI,gCAEI,QAAA,CADA,SnCkzER,CmC9yEI,yCACI,SnCgzER,CmC7yEI,yCACI,anC+yER,CmC5yEI,uCACI,YnC8yER,CmC1yEA,kEACI,SnC6yEJ,CmC1yEA,mCACI,kBnC6yEJ,CmCtyEA,uCACI,gBnCyyEJ,CmCtyEA,2CAGI,yBAAA,CADA,cAAA,CADA,enC2yEJ,CoC90EI,6BACI,YpCi1ER,CoC90EI,yCALJ,kBAMQ,yBpCi1EN,CACF,CoC90EA,4BAEI,WAAA,CADA,iBpCk1EJ,CoC/0EI,gDACI,qBpCi1ER,CoC70EA,4BACI,iBpCg1EJ,CoC70EA,6BACE,WpCg1EF,CoC70EA,uCACE,UpCg1EF,CqC52EA,UACE,arC+2EF","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: #f5f9fe;\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: #1565c0;\n  border-width: 0 0 0 3px;\n}\n\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: #ecf4fd;\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: #ecf4fd;\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: #ecf4fd;\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: #ecf4fd;\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: #ecf4fd;\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,\nh2.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__tools {\n  padding-right: 8px;\n}\n\n[dir=rtl] .toolbar__tools {\n  padding-right: 16px;\n  padding-left: 8px;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n  margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n  margin: 0 4px;\n  min-height: 32px;\n  background-color: #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.notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0, 0, 0, 0.04);\n  width: 100%;\n}\n@media (min-width: 600px) {\n  .notice {\n    max-width: 80%;\n    border-radius: 3px;\n    margin: 24px auto;\n  }\n}\n\n.milestone {\n  min-width: 196px;\n  width: 196px;\n  height: 242px;\n  background-color: #ffffff;\n  padding: 0;\n}\n.milestone.md-button {\n  text-transform: none;\n}\n\n.milestone__progress {\n  background-color: #eeeeee;\n  border-radius: 50%;\n  position: relative;\n  margin-bottom: 12px;\n}\n\n.milestone__progress__percent {\n  position: absolute;\n  top: 8px;\n  bottom: 8px;\n  left: 8px;\n  right: 8px;\n  border-radius: 50%;\n  background-color: #ffffff;\n  color: #1565c0;\n  font-size: 28px;\n  font-weight: 500;\n}\n\n.milestone__title {\n  font-weight: 700;\n  font-size: 15px;\n  margin-bottom: 12px;\n}\n\n.milestone--add.md-button {\n  text-transform: uppercase;\n}\n\n.milestone--add__icon {\n  height: 96px;\n  width: 96px;\n  background-color: #eeeeee;\n  border-radius: 50%;\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: #ecf4fd;\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__info-item {\n  padding: 0 16px 0 4px;\n  display: inline-block;\n}\n\n.nav-item--list__reorder {\n  margin-left: 8px;\n  color: 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.progress-wrapper {\n  padding: 2px 0;\n  cursor: pointer;\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@media only screen and (min-width: 600px) {\n  .node-notice {\n    margin-top: -8px;\n    margin-bottom: 16px;\n  }\n}\n@media only screen and (min-width: 960px) {\n  .node-notice {\n    margin-top: -16px;\n  }\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@media only screen and (min-width: 1280px) {\n  .node-content__actions {\n    padding: 0 32px 32px;\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-launcher {\n  position: absolute;\n  bottom: 24px;\n  right: 28px;\n}\n@media only screen and (min-width: 600px) {\n  notebook-launcher.md-button.md-fab {\n    z-index: 61;\n  }\n}\n\nnotebook-report {\n  position: absolute;\n  bottom: 0;\n  right: 96px;\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: 492px;\n  }\n}\n\n.notebook-sidebar {\n  width: 300px;\n  max-width: none;\n}\n@media only screen and (min-width: 600px) {\n  .notebook-sidebar {\n    width: 480px;\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: 8px;\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-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: -16px;\n  right: auto;\n  top: 0px;\n  bottom: auto;\n  border-top: 20px solid transparent;\n  border-bottom: 20px solid transparent;\n  border-right: 16px solid #757575;\n}\n\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 input:focus, .annotations--grading textarea:focus {\n  background-color: #ffffff;\n}\n.annotations--grading input:disabled, .annotations--grading textarea:disabled {\n  color: rgba(0, 0, 0, 0.87);\n}\n\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\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}\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  min-width: 0;\n  background-color: rgba(255, 255, 255, 0.75) !important;\n  border-radius: 0;\n  padding: 4px;\n  margin: 0;\n}\n.component__attachment__delete > md-icon {\n  margin-top: 0;\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.component__content--Discussion {\n  overflow: hidden;\n}\n\n.discussion-content {\n  background-color: #eeeeee;\n  box-shadow: inset 0 0 3px #aaaaaa;\n}\n\n.discussion-posts {\n  padding: 12px 12px 8px;\n}\n@media only screen and (min-width: 1280px) {\n  .discussion-posts {\n    padding: 16px 16px 0;\n  }\n}\n\n.discussion-post {\n  margin: 0 auto 16px;\n  max-width: 600px;\n}\n@media only screen and (min-width: 600px) {\n  .discussion-post {\n    margin-bottom: 24px;\n  }\n}\n@media only screen and (min-width: 1280px) {\n  .discussion-post {\n    margin-bottom: 32px;\n  }\n}\n.discussion-post md-divider {\n  position: relative;\n  width: auto;\n}\n\n.discussion-post__attachment {\n  max-width: 100%;\n  height: auto !important;\n  margin-top: 16px;\n}\n\n.discussion-new {\n  background-color: #ffffff;\n  max-width: 570px;\n  margin-left: auto;\n  margin-right: auto;\n  padding: 8px;\n  transition: all 250ms;\n  transform: scale(0.95);\n}\n\n.discussion-new--focused {\n  transform: scale(1);\n}\n\nmd-input-container.discussion-new__input-container {\n  margin: 0;\n  padding: 0;\n}\nmd-input-container.discussion-new__input-container > textarea.md-input {\n  min-height: 68px;\n}\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n  padding: 8px;\n  border: 0 none;\n}\n\n.discussion-new__actions {\n  padding: 0 8px;\n}\n.discussion-new__actions .md-button:first-of-type {\n  margin-left: 0;\n}\n.discussion-new__actions .md-button:last-of-type {\n  margin-right: 0;\n}\n\n.discussion-new__attachment {\n  padding: 0;\n  margin: 0 0 8px;\n}\n\n.discussion-new__attachment__content {\n  margin-top: 0;\n  margin-bottom: 16px;\n}\n\n.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  overflow: auto;\n}\n\n.component--grading__annotations {\n  background-color: #ecf4fd;\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}","// 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__tools {\n    padding-right: 8px;\n}\n[dir=rtl] .toolbar__tools {\n    padding-right: 16px;\n    padding-left: 8px;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n    margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n    margin: 0 4px;\n    min-height: 32px;\n    background-color: color('gray-lightest');\n\n    .md-select-value {\n        height: 32px;\n        text-align: left;\n    }\n}\n[dir=rtl] {\n  .toolbar__select, .md-button.toolbar__select {\n      .md-select-value {\n          text-align: right;\n      }\n  }\n}\n\n.toolbar__select--fixedwidth {\n    width: 168px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 264px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 432px;\n    }\n}\n","// 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",".notice {\n  text-align: center;\n  padding: 8px;\n  background-color: rgba(0,0,0,0.04);\n  width: 100%;\n\n  @media (min-width: $layout-breakpoint-xs) {\n    max-width: 80%;\n    border-radius: $button-border-radius;\n    margin: 24px auto;\n  }\n}",".milestone {\n  min-width: 196px;\n  width: 196px;\n  height: 242px;\n  background-color: #ffffff;\n  padding: 0;\n\n  &.md-button {\n    text-transform: none;\n  }\n}\n\n.milestone__progress {\n  background-color: color('gray-lighter');\n  border-radius: 50%;\n  position: relative;\n  margin-bottom: 12px;\n}\n\n.milestone__progress__percent {\n  position: absolute;\n  top: 8px;\n  bottom: 8px;\n  left: 8px;\n  right: 8px;\n  border-radius: 50%;\n  background-color: #ffffff;\n  color: color('primary');\n  font-size: rem(2.8);\n  font-weight: 500;\n}\n\n.milestone__title {\n  font-weight: 700;\n  font-size: $body-font-size-base;\n  margin-bottom: 12px;\n}\n\n.milestone--add {\n  &.md-button {\n    text-transform: uppercase;\n  }\n}\n\n.milestone--add__icon {\n  height: 96px;\n  width: 96px;\n  background-color: color('gray-lighter');\n  border-radius: 50%;\n}\n","#nav {\n    position: relative;\n}\n\n.nav {\n    margin-bottom: 16px;\n}\n\n.nav-mask {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-color: rgba(0,0,0,0.25);\n    z-index: 1;\n\n    &.ng-hide {\n        opacity: 0;\n    }\n}\n\n.nav-head {\n    color: color('text-secondary');\n    font-weight: 500;\n\n    md-icon {\n        line-height: 20px;\n    }\n}\n\n.nav-contents--root {\n    padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n    background-color: color('gray-light');\n    padding: 8px;\n}\n\n.nav-contents--root {\n    padding: 0;\n}\n\n.nav-contents__list {\n    padding: 0;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n    }\n}\n\n.nav-item {\n    transition: opacity 250ms ease-in-out;\n\n    &.prev {\n        md-list-item {\n            background-color: color('selected-bg');\n\n            /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/\n        }\n    }\n}\n\n.nav-item--card__content {\n    border-top-right-radius: $card-border-radius;\n    border-top-left-radius: $card-border-radius;\n\n    &:focus {\n        outline: none;\n\n        .nav-item__title > span {\n            border-bottom: 1px dashed color('gray');\n        }\n    }\n}\n\n.nav-item--root {\n    transition: margin 250ms, box-shadow 500ms;\n\n    &.expanded {\n        flex-basis: 100%;\n        //max-width: ($layout-breakpoint-md - 100) !important;\n        max-width: 100%;\n        max-height: none !important;\n        margin: 8px auto;\n\n        &:first-of-type {\n            margin-top: 0;\n        }\n\n        //@media only screen and (min-width: $layout-breakpoint-sm) {\n        //margin: 8px auto;\n        //}\n    }\n}\n\n//.nav-item--list {\n//}\n\n.nav-item--list__info-item {\n    padding: 0 16px 0 4px;\n    display: inline-block;\n}\n\n.nav-item--list__reorder {\n    margin-left: 8px;\n    color: color('text-disabled');\n}\n\n.nav-item--card {\n\n}\n\n.nav-item--card--group {\n    &:not(.expanded) {\n        box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098),\n        0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa;\n    }\n}\n\n.nav-item__collapse {\n    margin: 0;\n}\n\n.nav-item__more {\n    border-top: 1px solid color('gray-light');\n    border-bottom-right-radius: $card-border-radius;\n    border-bottom-left-radius: $card-border-radius;\n    padding: 8px 16px;\n    min-height: 40px;\n}\n\n.nav-item__users {\n    height: auto;\n    cursor: pointer;\n    color: #ffffff;\n    margin: 0;\n    padding: 1px 6px;\n\n    > md-icon {\n        padding-right: 4px;\n        color: #ffffff;\n    }\n\n    &:hover, &:focus {\n        &.success-bg {\n            background-color: color('success');\n        }\n    }\n}\n\n.nav-item__title {\n    padding-left: 16px;\n    line-height: 1.2;\n    font-weight: 400;\n}\n[dir=rtl] .nav-item__title {\n    padding-left: auto;\n    padding-right: 16px;\n}\n\n.nav-item__info {\n    padding: 0 8px;\n}\n\n.nav-item__progress {\n    width: 48px;\n\n    > .md-container {\n        top: 0;\n    }\n}\n\n.nav-item__progress-value {\n    margin-left: 8px;\n    width: 36px;\n}\n\n.progress-wrapper {\n    padding: 2px 0;\n    cursor: pointer;\n}\n",".student-select {\n  padding-top: 0;\n  padding-bottom: 0;\n}\n\n.workgroup-progress {\n  margin-bottom: 8px;\n\n  @media (min-width: $layout-breakpoint-sm) {\n    margin-bottom: 0;\n  }\n}\n\nalert-status-corner {\n  position: absolute;\n  top: 0;\n  right: 0;\n}\n","// 1. Variables\n$menu-sidebar-width: 56px;\n\n// 2. Base\n.menu-progress {\n    position: absolute;\n    top: 10px;\n    right: 12px;\n\n    path {\n        stroke: color('accent-2') !important;\n        stroke-width: 2px;\n    }\n}\n[dir=rtl] .menu-progress {\n  right:auto;\n  left:12px;\n}\n\n.menu-sidenav {\n\n}\n\n.menu-sidenav__item {\n    font-weight: 700;\n    //color: color('text-secondary');\n    font-size: rem(1.4);\n}\n\n.menu-sidenav__icon {\n    margin-top: 12px !important;\n    margin-right: 12px !important;\n    margin-left: 12px;\n}\n\n.active {\n    .menu-sidenav__icon, .menu-sidenav__item {\n        color: color('primary');\n    }\n}\n\n.menu-sidebar {\n    position: absolute;\n    top: $wise-toolbar-height + $md-toolbar-height;\n    bottom: 0;\n    left: 0;\n    background-color: #fff;\n    width: $menu-sidebar-width;\n    overflow: hidden;\n    padding: 8px 0;\n    text-align: center;\n    border-right: 1px solid color('gray');\n\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        display: none;\n    }\n}\n[dir=rtl] .menu-sidebar {\n  right:0;\n  left:auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n    margin-top: 6px;\n    margin-bottom: 6px;\n}\n","// Variables\n$input-action-width: 48px;\n$input-action-vertical-offset: 0;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n#node {\n    margin: 0 auto;\n    position: absolute;\n    left: 0;\n    right: 0;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n        padding: 24px 16px;\n        margin-bottom: 32px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 32px;\n    }\n\n    &.ng-enter {\n        transition: opacity .5s;\n        opacity: 0;\n    }\n\n    &.ng-enter-active {\n        opacity: 1;\n    }\n}\n\n// TODO: use BEM conventions\n\n.node-notice {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: -8px;\n        margin-bottom: 16px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        margin-top: -16px;\n    }\n}\n\n.node-content {\n    padding: 0 0 48px;\n    background-color: #ffffff;\n    border-radius: $button-border-radius;\n    overflow: visible;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        box-shadow: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0;\n        border-top: 2px solid;\n        border-bottom: 2px solid;\n    }\n}\n\nmd-content {\n    &.node-content {\n        background-color: #ffffff;\n    }\n}\n\n.node-content__rubric {\n    position: absolute;\n    top: -22px;\n    left: 0;\n    right: 0;\n    z-index: 1;\n\n    .avatar--icon {\n        transform: scale(0.94);\n\n        @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n            transform: scale(0.8);\n        }\n    }\n}\n\n.node-icon {\n    color: #ffffff;\n    vertical-align: inherit;\n}\n\n.node-select {\n    margin: 0 8px;\n    min-width: 0;\n    font-weight: 500;\n    font-size: $body-font-size-base;\n\n    .md-select-value {\n        *:first-child {\n            transform: translate3d(0,0,0);\n            flex: 1 0 0;\n        }\n\n        .node-select__icon {\n            display: none;\n        }\n\n        .node-select__status {\n            display: none;\n        }\n    }\n\n    .md-select-icon {\n        margin-left: 0;\n        color: color('text');\n    }\n}\n\n.node-select-option--group {\n    //color: rgba(0,0,0,0.54);\n    background-color: color('gray-lightest');\n    border-bottom: 1px solid color('gray-lighter');\n    border-top: 1px solid color('gray-lighter');\n}\n\n.node-select-option--node {\n    padding-left: 20px;\n}\n\n.node-select__icon {\n    margin-right: 8px;\n}\n\n.node-select__status {\n    margin-left: 8px;\n}\n\n.node-select__text {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: 2px;\n    }\n}\n\n.node-title {\n    line-height: 1.2;\n    text-transform: none;\n    margin-top: 3px;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        font-size: $body-font-size-base;\n    }\n}\n\n.node-content__actions {\n    padding: 0 16px 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 0 24px 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 0 32px 32px;\n    }\n\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.node-content__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    color: color('text-secondary');\n}\n\n.node-content__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav {\n    &:not(:first-of-type) {\n    }\n\n    &:first-of-type {\n        margin-right: 0;\n    }\n}\n\n.node-sidebar-active {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-right: ($md-toolbar-height + 16);\n    }\n}\n\n.node-sidebar-visible {\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin-bottom: $wise-toolbar-height;\n    }\n}\n\n.node-sidebar {\n    position: absolute;\n    right: 0;\n    top: 0;\n    width: $md-toolbar-height;\n}\n\n.node-sidebar__toolbar {\n    position: fixed;\n    width: $md-toolbar-height;\n    background-color: #ffffff;\n    padding: 8px 0;\n    border-radius: $button-border-radius;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        right: 0;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        border-radius: 0;\n        padding: 0;\n        min-height: 0;\n        height: $wise-toolbar-height;\n    }\n}\n\n.node__label--vertical-alignment {\n    vertical-align: middle;\n    display: inline-block;\n}\n",".grading {\n}\n\n.grading__item-container {\n  margin: 0 0 16px;\n  padding: 0 !important;\n}\n\n.grading__item {\n  background-color: #ffffff;\n\n  .component {\n    padding: 0;\n  }\n}\n","// Variables\n$notebook-sidebar-width: 480px;\n$report-position-right: 96px;\n$report-full-gap: 8px;\n\n// Base\nnotebook-launcher {\n  position: absolute;\n  bottom: 24px;\n  right: 28px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    &.md-button.md-fab {\n      z-index: 61;\n    }\n  }\n}\n\nnotebook-report {\n  position: absolute;\n  bottom: 0;\n  right: $report-position-right;\n  transition: right 250ms;\n  z-index: 3;\n\n  &.report-full {\n    left: $report-full-gap;\n    right: $report-full-gap;\n    top: $report-full-gap;\n    bottom: $report-full-gap\n  }\n  \n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    &.notes-visible {\n      right: $notebook-sidebar-width + 12;\n    }\n  }\n}\n\n.notebook-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: 8px;\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-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: -16px;\n        right: auto;\n        top: 0px;\n        bottom: auto;\n        border-top: 20px solid transparent;\n        border-bottom: 20px solid transparent;\n        border-right: 16px solid color('gray-darker');\n    }\n}\n\n.annotations-container--student--report {\n    border-top: 1px solid color('gray-light');\n}\n\n.annotations--report {\n    margin-top: 0;\n    margin-bottom: 0;\n}\n\n.annotations__header {\n    position: relative;\n    //border-top-left-radius: 4px;\n    border-top-right-radius: 4px;\n    padding: 10px 12px;\n    font-weight: 700;\n    transition: all 1s;\n    color: #ffffff;\n    background-color: color('gray-darker');\n}\n\n.annotations__avatar {\n    background-color: color('accent');\n    padding: 2px;\n    position: absolute;\n    top: 0;\n    left: -62px;\n}\n\n.annotations__icon {\n    transition: all 1s;\n    color: #ffffff;\n}\n\n.annotations__body {\n    padding: 12px;\n    background-color: #ffffff;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n    overflow: auto;\n}\n\n.annotations__status {\n    background-color: #ffffff;\n    color: color('info');\n    display: inline-block;\n    margin-left: 8px;\n    font-size: rem(1.2);\n\n    &.ng-enter, &.ng-leave {\n        transition: all 1s;\n    }\n\n    &.ng-enter, &.ng-leave.ng-leave-active {\n        opacity:0;\n    }\n\n    &.ng-leave, &.ng-enter.ng-enter-active {\n        opacity:1;\n    }\n}\n\n.annotations__score {\n    font-weight: 700;\n}\n\n.annotations__info {\n    font-style: italic;\n    opacity: 0.8;\n    border-bottom: 1px dotted;\n    font-size: rem(1.3);\n}\n\n.annotations--inside {\n    .annotations {\n        margin-left: 72px;\n    }\n}\n\n// TODO: move to own file\n.annotations--info {\n    margin-bottom: 32px;\n    margin-right: 8px;\n    margin-left: 72px;\n\n    @media only screen and (min-width: ($layout-breakpoint-xs)) {\n        margin: 16px 16px 32px 76px;\n    }\n\n    &:after {\n        border-right: 16px solid color('info');\n    }\n\n    .annotations__avatar {\n        background-color: #ffffff;\n    }\n\n    .annotations__header {\n        background-color: color('info');\n    }\n}\n",".annotations--grading {\n    md-input-container {\n        margin-bottom: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n\n    input, textarea {\n        //border-width: 0;\n        //background-color: color('text-light-secondary');\n\n        &:focus {\n            background-color: #ffffff;\n        }\n\n        &:disabled {\n            color: color('text');\n        }\n    }\n}\n\n.annotations--grading--revision {\n    margin: 8px 0 0;\n    padding: 8px;\n}\n\n.annotations--notebook {\n    margin-top: 16px;;\n}\n\n.annotations--grading__info {\n    font-style: italic;\n    margin: 8px 8px 4px;\n}\n\n.annotations--grading__item {\n    padding: 8px;\n}\n\n.annotations--grading__score {\n    input {\n        margin-top: 0 !important;\n        font-size: rem(1.8);\n        width: 52px;\n        text-align: center;\n    }\n}\n\n.annotations--grading__score__label {\n    transform: none !important;\n    width: auto;\n    display: block;\n    padding: 0;\n    margin: 0 8px 0 0;\n}\n\n.annotations--grading__score__max {\n    label {\n        display: none;\n    }\n}\n\n.annotations--grading__score__divider {\n    position: relative;\n    top: 12px;\n    margin-left: 4px;\n}\n\n.annotations--grading__auto-comment {\n    margin: 0 2px;\n}\n\n.annotations--grading__auto-comment__content {\n    margin-top: 8px;\n}\n",".component {\n    position: relative;\n}\n\n.component__wrapper {\n    padding: 0 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('accent-1');\n    color: color('text-secondary');\n}\n\n.component__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.component__prompt {\n    margin-bottom: 8px;\n    font-weight: 500;\n}\n\n.component__prompt__content {\n    display: inline;\n}\n\n.component__attachment {\n    position: relative;\n    margin: 0 8px;\n    padding-bottom: 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding-top: 8px;\n    }\n}\n\n.component__add-attachment {\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        width: 100%;\n    }\n}\n\n.component__attachment__content {\n    max-height: 100px;\n    width: auto;\n}\n\n.component__attachment__delete {\n    position: absolute;\n    top: 0;\n    right: 0;\n    min-width: 0;\n    background-color: rgba(255, 255, 255, 0.75) !important;\n    border-radius: 0;\n    padding: 4px;\n    margin: 0;\n\n    //@media only screen and (min-width: $layout-breakpoint-sm) {\n    //margin-top: 8px;\n    //}\n\n    > md-icon {\n        margin-top: 0;\n    }\n}\n\n.component__revision {\n    margin: 8px 0;\n    padding: 8px;\n\n    &:nth-child(odd) {\n        background-color: color('gray-lightest');\n    }\n}\n\n.component__revision__content {\n    padding: 4px 0 8px 0;\n    border-bottom: 1px solid color('gray-light');\n}\n\n.component__revision__actions {\n    color: color('gray-darker');\n    padding-top: 4px;\n}\n","// Variables\n\n// Base\n.component__content--Discussion {\n    overflow: hidden;\n}\n\n.discussion-content {\n    background-color: color('gray-lighter');\n    //margin: 0 0 -16px;\n    box-shadow: inset 0 0 3px color('gray-dark');\n}\n\n.discussion-posts {\n    padding: 12px 12px 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        padding: 16px 16px 0;\n    }\n}\n\n.discussion-post {\n    margin: 0 auto 16px;\n    max-width: $layout-breakpoint-xs;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-bottom: 24px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-md) {\n        margin-bottom: 32px;\n    }\n\n    // angular-material fix for when discussion posts are shown inside an md-list-item (e.g. in the grading tool)\n    md-divider {\n        position: relative;\n        width: auto;\n    }\n}\n\n\n\n.discussion-post__attachment {\n    max-width: 100%;\n    height: auto !important;\n    margin-top: 16px;\n}\n\n.discussion-new {\n    background-color: #ffffff;\n    max-width: 570px;\n    margin-left: auto;\n    margin-right: auto;\n    padding: 8px;\n    transition: all 250ms;\n    transform: scale(0.95);\n}\n\n.discussion-new--focused {\n    transform: scale(1);\n}\n\nmd-input-container.discussion-new__input-container {\n    margin: 0;\n    padding: 0;\n\n    > textarea.md-input {\n        min-height: 68px;\n    }\n}\n\n.discussion-new__input--textarea, .input-container textarea.discussion-new__input--textarea {\n    padding: 8px;\n    border: 0 none;\n}\n\n.discussion-new__actions {\n    padding: 0 8px;\n\n    .md-button {\n        &:first-of-type {\n            margin-left: 0;\n        }\n\n        &:last-of-type {\n            margin-right: 0;\n        }\n    }\n}\n\n.discussion-new__attachment {\n    padding: 0;\n    margin: 0 0 8px;\n}\n\n.discussion-new__attachment__content {\n    margin-top: 0;\n    margin-bottom: 16px;\n}\n\n\n\n\n\n",".embedded-content {\n\n}\n\n.embedded-content__iframe {\n    border: 0 none;\n}\n",".component--grading {\n    padding: 0;\n    margin: 0;\n\n    &:not(:last-child) {\n        > div {\n            border-bottom: 1px solid color('gray-light');\n        }\n    }\n\n    .component__wrapper {\n        padding: 0;\n        margin: 0;\n    }\n\n    .component__content {\n        padding: 16px;\n        margin: 0;\n    }\n}\n\n.component--grading__response__content {\n    overflow: auto;\n}\n\n.component--grading__annotations {\n    background-color: color('selected-bg');\n}\n\n.component--grading__annotations__divider {\n    padding: 4px;\n    background-color: #ffffff;\n}\n\n.component--grading__actions__info {\n    margin: 16px 0 0;\n    padding-top: 8px;\n    border-top: 1px solid color('gray-lighter');\n}\n",".graph-select {\n    min-width: 150px;\n    max-width: 200px;\n}\n\n.graph-controls {\n    margin: 8px 0;\n    padding: 8px 0;\n    border: 1px solid color('gray-lighter');\n    border-left-width: 0;\n    border-right-width: 0;\n}\n",".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