From e00dd169b81a28ef4c01f796b3efe1727ec16dd5 Mon Sep 17 00:00:00 2001 From: Jonathan Lim-Breitbart Date: Mon, 23 Oct 2023 14:26:02 -0700 Subject: [PATCH] Fix progress bar, VLE annotations, additional styles --- .../milestones/milestones.component.html | 22 +++-- .../milestones/milestones.component.scss | 45 +++++++++ .../nav-item-progress.component.scss | 10 -- .../student/account/edit/edit.component.html | 2 +- .../teacher/account/edit/edit.component.html | 2 +- .../authoring-tool-bar.component.html | 2 +- .../edit-component-comment.component.scss | 3 + .../edit-component-score.component.scss | 7 ++ ...ng-edit-component-max-score.component.scss | 0 .../milestone-details.component.html | 13 ++- .../milestone-workgroup-item.component.html | 2 +- .../milestone-workgroup-item.component.scss | 4 + .../nav-item/nav-item.component.scss | 2 +- .../shared/tool-bar/tool-bar.component.html | 2 +- .../shared/tool-bar/tool-bar.component.scss | 1 + .../workgroup-node-score.component.html | 6 +- .../workgroup-node-score.component.scss | 3 + .../workgroup-node-score.component.ts | 3 +- .../project-progress.component.scss | 9 -- .../student-progress.component.html | 4 +- .../student-progress.component.scss | 4 + .../wise5/components/draw/drawing-tool.scss | 1 + .../wise5/themes/default/style/author.css | 2 +- .../wise5/themes/default/style/author.css.map | 2 +- .../default/style/modules/_component.scss | 2 +- .../default/style/modules/_milestones.scss | 88 ++++++++--------- .../wise5/themes/default/style/monitor.css | 2 +- .../themes/default/style/monitor.css.map | 2 +- src/assets/wise5/themes/default/style/vle.css | 2 +- .../wise5/themes/default/style/vle.css.map | 2 +- .../vle/nav-item/nav-item.component.scss | 9 -- .../student-account-menu.component.scss | 9 +- src/messages.xlf | 99 ++++++++++--------- src/style/abstracts/_mixins.scss | 5 + src/style/components/_buttons.scss | 15 ++- 35 files changed, 228 insertions(+), 158 deletions(-) create mode 100644 src/assets/wise5/classroomMonitor/classroomMonitorComponents/edit-component-comment/edit-component-comment.component.scss create mode 100644 src/assets/wise5/classroomMonitor/classroomMonitorComponents/edit-component-score/edit-component-score.component.scss create mode 100644 src/assets/wise5/classroomMonitor/classroomMonitorComponents/grading-edit-component-max-score/grading-edit-component-max-score.component.scss create mode 100644 src/assets/wise5/classroomMonitor/classroomMonitorComponents/shared/workgroupNodeScore/workgroup-node-score.component.scss diff --git a/src/app/classroom-monitor/milestones/milestones.component.html b/src/app/classroom-monitor/milestones/milestones.component.html index 560daaed70b..30905af07c0 100644 --- a/src/app/classroom-monitor/milestones/milestones.component.html +++ b/src/app/classroom-monitor/milestones/milestones.component.html @@ -4,20 +4,28 @@
{{ milestone.name }}
-
+
-
+
{{ milestone.percentageCompleted }}% @@ -26,13 +34,11 @@
-

+

{{ milestone.numberOfStudentsCompleted }}/{{ milestone.numberOfStudentsInRun }} teams completed

-

- ~ Report Available ~ -

+

~ Report Available ~

diff --git a/src/app/classroom-monitor/milestones/milestones.component.scss b/src/app/classroom-monitor/milestones/milestones.component.scss index 0c26c6ad13b..f78e9687d8f 100644 --- a/src/app/classroom-monitor/milestones/milestones.component.scss +++ b/src/app/classroom-monitor/milestones/milestones.component.scss @@ -1,3 +1,48 @@ :host ::ng-deep .success circle { stroke: #00C853; } + +.milestone { + min-width: 196px; + width: 196px; + min-height: 242px; + background-color: #ffffff; + padding: 0; + margin: 4px; + cursor: pointer; +} + +.milestone__progress { + border-radius: 50%; + position: relative; + margin-bottom: 12px; +} + +.milestone__progress__percent { + position: absolute; + top: 8px; + bottom: 8px; + left: 8px; + right: 8px; + border-radius: 50%; + background-color: #ffffff; + font-weight: 500; +} + +.milestone__title { + font-weight: 700; + margin-bottom: 12px; +} + +.milestone--add { + &.md-button { + text-transform: uppercase; + } +} + +.milestone--add__icon { + height: 96px; + width: 96px; + background-color: color('gray-lighter'); + border-radius: 50%; +} diff --git a/src/app/classroom-monitor/nav-item-progress/nav-item-progress.component.scss b/src/app/classroom-monitor/nav-item-progress/nav-item-progress.component.scss index c8149185a26..e69de29bb2d 100644 --- a/src/app/classroom-monitor/nav-item-progress/nav-item-progress.component.scss +++ b/src/app/classroom-monitor/nav-item-progress/nav-item-progress.component.scss @@ -1,10 +0,0 @@ - -.progress-wrapper { - .mat-mdc-progress-bar, .mdc-linear-progress__bar-inner { - height: 14px; - } - - .mdc-linear-progress__bar-inner { - border-top-width: 14px; - } -} diff --git a/src/app/student/account/edit/edit.component.html b/src/app/student/account/edit/edit.component.html index ae583d29fc0..db6986198c5 100644 --- a/src/app/student/account/edit/edit.component.html +++ b/src/app/student/account/edit/edit.component.html @@ -10,7 +10,7 @@
- +
diff --git a/src/app/teacher/account/edit/edit.component.html b/src/app/teacher/account/edit/edit.component.html index 8f55abbd813..a57e5cdf1cd 100644 --- a/src/app/teacher/account/edit/edit.component.html +++ b/src/app/teacher/account/edit/edit.component.html @@ -10,7 +10,7 @@
- +
diff --git a/src/assets/wise5/authoringTool/components/shared/authoring-tool-bar/authoring-tool-bar.component.html b/src/assets/wise5/authoringTool/components/shared/authoring-tool-bar/authoring-tool-bar.component.html index 0427461a117..2d74f8b3422 100644 --- a/src/assets/wise5/authoringTool/components/shared/authoring-tool-bar/authoring-tool-bar.component.html +++ b/src/assets/wise5/authoringTool/components/shared/authoring-tool-bar/authoring-tool-bar.component.html @@ -21,7 +21,7 @@ [diameter]="24" > - + {{ globalMessage.text }} {{ globalMessage.time | date: 'medium' }}
diff --git a/src/assets/wise5/classroomMonitor/classroomMonitorComponents/edit-component-comment/edit-component-comment.component.scss b/src/assets/wise5/classroomMonitor/classroomMonitorComponents/edit-component-comment/edit-component-comment.component.scss new file mode 100644 index 00000000000..53a4bc5e474 --- /dev/null +++ b/src/assets/wise5/classroomMonitor/classroomMonitorComponents/edit-component-comment/edit-component-comment.component.scss @@ -0,0 +1,3 @@ +mat-form-field { + width: 100%; +} \ No newline at end of file diff --git a/src/assets/wise5/classroomMonitor/classroomMonitorComponents/edit-component-score/edit-component-score.component.scss b/src/assets/wise5/classroomMonitor/classroomMonitorComponents/edit-component-score/edit-component-score.component.scss new file mode 100644 index 00000000000..fcdd438af19 --- /dev/null +++ b/src/assets/wise5/classroomMonitor/classroomMonitorComponents/edit-component-score/edit-component-score.component.scss @@ -0,0 +1,7 @@ +mat-form-field { + width: 64px; +} + +input { + text-align: center; +} diff --git a/src/assets/wise5/classroomMonitor/classroomMonitorComponents/grading-edit-component-max-score/grading-edit-component-max-score.component.scss b/src/assets/wise5/classroomMonitor/classroomMonitorComponents/grading-edit-component-max-score/grading-edit-component-max-score.component.scss new file mode 100644 index 00000000000..e69de29bb2d diff --git a/src/assets/wise5/classroomMonitor/classroomMonitorComponents/milestones/milestone-details/milestone-details.component.html b/src/assets/wise5/classroomMonitor/classroomMonitorComponents/milestones/milestone-details/milestone-details.component.html index 88b9e87897a..c070c547364 100644 --- a/src/assets/wise5/classroomMonitor/classroomMonitorComponents/milestones/milestone-details/milestone-details.component.html +++ b/src/assets/wise5/classroomMonitor/classroomMonitorComponents/milestones/milestone-details/milestone-details.component.html @@ -6,7 +6,8 @@
+ [nodeCompletion]="milestone.percentageCompleted" + >

@@ -49,7 +50,11 @@

- +
@@ -92,7 +97,9 @@ account_circle - {{ getDisplayNamesByWorkgroupId(workgroup.workgroupId) }} + {{ + getDisplayNamesByWorkgroupId(workgroup.workgroupId) + }} diff --git a/src/assets/wise5/classroomMonitor/classroomMonitorComponents/milestones/milestone-workgroup-item/milestone-workgroup-item.component.html b/src/assets/wise5/classroomMonitor/classroomMonitorComponents/milestones/milestone-workgroup-item/milestone-workgroup-item.component.html index 3a034c48bbc..c8f396a28bc 100644 --- a/src/assets/wise5/classroomMonitor/classroomMonitorComponents/milestones/milestone-workgroup-item/milestone-workgroup-item.component.html +++ b/src/assets/wise5/classroomMonitor/classroomMonitorComponents/milestones/milestone-workgroup-item/milestone-workgroup-item.component.html @@ -53,7 +53,7 @@ fxLayoutAlign="center center" > +{{ changeInScore }} diff --git a/src/assets/wise5/classroomMonitor/classroomMonitorComponents/milestones/milestone-workgroup-item/milestone-workgroup-item.component.scss b/src/assets/wise5/classroomMonitor/classroomMonitorComponents/milestones/milestone-workgroup-item/milestone-workgroup-item.component.scss index 18b1722793f..2d95de9c373 100644 --- a/src/assets/wise5/classroomMonitor/classroomMonitorComponents/milestones/milestone-workgroup-item/milestone-workgroup-item.component.scss +++ b/src/assets/wise5/classroomMonitor/classroomMonitorComponents/milestones/milestone-workgroup-item/milestone-workgroup-item.component.scss @@ -12,4 +12,8 @@ .mdc-list-item.mdc-list-item--with-one-line { height: auto; } + + .mat-headline-5 { + margin: 0; + } } \ No newline at end of file diff --git a/src/assets/wise5/classroomMonitor/classroomMonitorComponents/nodeProgress/nav-item/nav-item.component.scss b/src/assets/wise5/classroomMonitor/classroomMonitorComponents/nodeProgress/nav-item/nav-item.component.scss index 2639836a321..abcf700b347 100644 --- a/src/assets/wise5/classroomMonitor/classroomMonitorComponents/nodeProgress/nav-item/nav-item.component.scss +++ b/src/assets/wise5/classroomMonitor/classroomMonitorComponents/nodeProgress/nav-item/nav-item.component.scss @@ -27,7 +27,7 @@ } .mat-mdc-card-actions { - padding: 8px 16px; + padding: 0 16px; border-top: 1px solid #dddddd; } diff --git a/src/assets/wise5/classroomMonitor/classroomMonitorComponents/shared/tool-bar/tool-bar.component.html b/src/assets/wise5/classroomMonitor/classroomMonitorComponents/shared/tool-bar/tool-bar.component.html index cfe85a01308..65f0545a53e 100644 --- a/src/assets/wise5/classroomMonitor/classroomMonitorComponents/shared/tool-bar/tool-bar.component.html +++ b/src/assets/wise5/classroomMonitor/classroomMonitorComponents/shared/tool-bar/tool-bar.component.html @@ -1,5 +1,5 @@ -
+
diff --git a/src/assets/wise5/classroomMonitor/student-progress/student-progress.component.scss b/src/assets/wise5/classroomMonitor/student-progress/student-progress.component.scss index 297d5b31a99..bf157662af5 100644 --- a/src/assets/wise5/classroomMonitor/student-progress/student-progress.component.scss +++ b/src/assets/wise5/classroomMonitor/student-progress/student-progress.component.scss @@ -22,4 +22,8 @@ background-color: #f5f5f5; } } + + .mat-headline-5 { + margin: 0; + } } diff --git a/src/assets/wise5/components/draw/drawing-tool.scss b/src/assets/wise5/components/draw/drawing-tool.scss index 495cc1915bc..01afe86c5ca 100644 --- a/src/assets/wise5/components/draw/drawing-tool.scss +++ b/src/assets/wise5/components/draw/drawing-tool.scss @@ -59,6 +59,7 @@ sans-serif; .dt-container { white-space: nowrap; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + overflow: auto; .dt-canvas-container { vertical-align: top; // not needed but why not diff --git a/src/assets/wise5/themes/default/style/author.css b/src/assets/wise5/themes/default/style/author.css index 928284835df..cf1269d466f 100644 --- a/src/assets/wise5/themes/default/style/author.css +++ b/src/assets/wise5/themes/default/style/author.css @@ -1,2 +1,2 @@ -body{background:#eee}body.vle{overflow:hidden}a:focus,a:hover{color:#7e57c2}blockquote{background-color:#fff;border:solid #7e57c2;border-width:0 0 0 3px;margin:16px 0;padding:8px}.has-indicator:after{background-color:#f05843;border-radius:50%;content:"";padding:5px;position:absolute}.has-indicator--icon-button:after{left:5px;top:25px}.badge{background-color:#aaa;border-radius:4px;font-size:12px;font-style:normal;font-weight:500;padding:2px 6px}.badge.md-button{line-height:inherit;min-height:0;min-width:0}.badge.md-button:focus,.badge.md-button:hover{background-color:#aaa}.badge.md-button:focus{outline:1px dotted #aaa}.badge--info{background-color:#ef6c00;color:#fff}.badge--warn{background-color:#c62828;color:#fff}.badge--success{background-color:#00c853;color:#fff}.divider--withmargin{margin:16px 0}.divider--dashed{border-top-style:dashed}a{color:#7e57c2;cursor:pointer}.active{background-color:hsla(0,0%,62%,.2);color:rgba(0,0,0,.87)}.avatar{border-radius:50%;box-sizing:content-box}.avatar--square{border-radius:4px}.avatar.md-18{height:30px;width:30px}.avatar.md-24{height:36px;width:36px}.avatar.md-36{height:48px;width:48px}.avatar.md-48{height:60px;width:60px}.avatar--icon{background-color:#ddd;white-space:normal!important}.avatar--icon:not(.md-avatar){padding:6px}.avatar--icon.md-18{height:18px;width:18px}.avatar--icon.md-24{height:24px;width:24px}.avatar--icon.md-36{height:36px;width:36px}.avatar--icon.md-48{height:48px;width:48px}md-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon{color:rgba(0,0,0,.54)}md-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon{color:rgba(0,0,0,.26)}.md-button:not([disabled]).primary,md-icon.primary{color:#7e57c2!important}.md-button:not([disabled]).success,md-icon.success{color:#00c853!important}.md-button:not([disabled]).warn,md-icon.warn{color:#c62828!important}.md-button:not([disabled]).info,md-icon.info{color:#ef6c00!important}.md-button:not([disabled]).accent,md-icon.accent{color:#f05843!important}.md-button:not([disabled]).accent-1,md-icon.accent-1{color:#795c3a!important}.md-button:not([disabled]).accent-2,md-icon.accent-2{color:#cad266!important}md-input-container.md-wise-theme label{color:rgba(0,0,0,.87)}md-select-menu md-option[selected],md-select-menu.md-default-theme md-option[selected]{background-color:#fff}.md-autocomplete-suggestions-container li .highlight,.md-autocomplete-suggestions-container.md-default-theme li .highlight{background-color:#fff;color:#7e57c2}.primary{color:#7e57c2}.accent{color:#f05843}.accent-1{color:#795c3a}.accent-2{color:#cad266}.warn{color:#c62828}.info{color:#ef6c00}.success{color:#00c853}.divider{color:rgba(0,0,0,.12)}.gray-lightest{color:#f7f7f7}.gray-lighter{color:#eee}.gray-light{color:#ddd}.gray{color:#ccc}.gray-dark{color:#aaa}.gray-darker{color:#757575}.gray-darkest{color:#333}.text{color:rgba(0,0,0,.87)}.text-secondary{color:rgba(0,0,0,.54)}.text-disabled{color:rgba(0,0,0,.26)}.text-light{color:#fff}.text-light-secondary{color:hsla(0,0%,100%,.7)}.text-light-disabled{color:hsla(0,0%,100%,.5)}.selected-bg{color:#fff}.score{color:#ffc107}.body{color:rgba(0,0,0,.87)}.body-bg{color:#eee}.primary-bg{background-color:#7e57c2}.accent-bg{background-color:#f05843}.accent-1-bg{background-color:#795c3a}.accent-2-bg{background-color:#cad266}.warn-bg{background-color:#c62828}.info-bg{background-color:#ef6c00}.success-bg{background-color:#00c853}.divider-bg{background-color:rgba(0,0,0,.12)}.gray-lightest-bg{background-color:#f7f7f7}.gray-lighter-bg{background-color:#eee}.gray-light-bg{background-color:#ddd}.gray-bg{background-color:#ccc}.gray-dark-bg{background-color:#aaa}.gray-darker-bg{background-color:#757575}.gray-darkest-bg{background-color:#333}.text-bg{background-color:rgba(0,0,0,.87)}.text-secondary-bg{background-color:rgba(0,0,0,.54)}.text-disabled-bg{background-color:rgba(0,0,0,.26)}.text-light-bg{background-color:#fff}.text-light-secondary-bg{background-color:hsla(0,0%,100%,.7)}.text-light-disabled-bg{background-color:hsla(0,0%,100%,.5)}.selected-bg-bg{background-color:#fff}.score-bg{background-color:#ffc107}.body-bg{background-color:rgba(0,0,0,.87)}.body-bg-bg{background-color:#eee}md-progress-circular.primary path{stroke:#7e57c2}md-progress-circular.accent path{stroke:#f05843}md-progress-circular.accent-1 path{stroke:#795c3a}md-progress-circular.accent-2 path{stroke:#cad266}md-progress-circular.warn path{stroke:#c62828}md-progress-circular.info path{stroke:#ef6c00}md-progress-circular.success path{stroke:#00c853}md-progress-circular.divider path{stroke:rgba(0,0,0,.12)}md-progress-circular.gray-lightest path{stroke:#f7f7f7}md-progress-circular.gray-lighter path{stroke:#eee}md-progress-circular.gray-light path{stroke:#ddd}md-progress-circular.gray path{stroke:#ccc}md-progress-circular.gray-dark path{stroke:#aaa}md-progress-circular.gray-darker path{stroke:#757575}md-progress-circular.gray-darkest path{stroke:#333}md-progress-circular.text path{stroke:rgba(0,0,0,.87)}md-progress-circular.text-secondary path{stroke:rgba(0,0,0,.54)}md-progress-circular.text-disabled path{stroke:rgba(0,0,0,.26)}md-progress-circular.text-light path{stroke:#fff}md-progress-circular.text-light-secondary path{stroke:hsla(0,0%,100%,.7)}md-progress-circular.text-light-disabled path{stroke:hsla(0,0%,100%,.5)}md-progress-circular.selected-bg path{stroke:#fff}md-progress-circular.score path{stroke:#ffc107}md-progress-circular.body path{stroke:rgba(0,0,0,.87)}md-progress-circular.body-bg path{stroke:#eee}.l-constrained{margin-left:auto;margin-right:auto;max-width:100%;position:relative}@media (min-width:600px){.l-constrained{width:1280px}}@media (min-width:1920px){.l-constrained{width:1920px}}.l-constrained-md{max-width:100%;width:960px}.l-footer{background-color:#fff;border-top:1px solid #eee;bottom:0;left:0;position:fixed;right:0;z-index:1}.button--footer{display:flex;margin:0;min-width:0;padding-bottom:0;padding-top:0}.button--footer__element{padding-left:8px}.l-header{z-index:3}.l-header .logo{height:36px;margin-left:0!important;vertical-align:middle;width:36px}.l-header .logo-link{display:none;margin-right:12px;min-width:auto;padding:0 4px}@media only screen and (min-width:600px){.l-header .logo-link{display:block}}.l-header .logo-link:focus,.l-header .logo-link:hover{border:0}@media only screen and (max-width:599px){.l-header .md-toolbar-tools h1,.l-header .md-toolbar-tools h2,.l-header .md-toolbar-tools h3{font-size:15px}}.l-main{background-color:#eee}.l-main--with-toolbar{margin-top:42px}#content{transition:margin-top .5s}.view-content{left:0;margin:0 auto;padding:8px;position:absolute;right:0;transition:opacity .5s}@media only screen and (min-width:960px){.view-content{padding:16px}}.view-content.ng-enter{opacity:0}.view-content .ng-enter-active{opacity:1;transition-delay:.25s}.view-content.ng-hide,.view-content.ng-hide-add,.view-content.ng-hide-add-active,.view-content.ng-hide-remove,.view-content.ng-hide-remove-active,.view-content.ng-leave-active{opacity:0}.view-content--with-sidemenu{padding:8px}@media only screen and (min-width:600px){.view-content--with-sidemenu{margin-left:54px;padding:16px}[dir=rtl] .view-content--with-sidemenu{margin-left:auto;margin-right:54px}}.content-head{margin:8px 0}.content-head h1,.content-head h2,.content-head h3{font-size:36px;font-weight:300;margin-bottom:0;margin-top:0}@media only screen and (max-width:959px){.content-head h1,.content-head h2,.content-head h3{font-size:32px;text-align:center}.content-head__more{margin-top:8px}}.content-head__item,h2.content-head__item{margin:0 8px}.content-head__item .md-subhead,h2.content-head__item .md-subhead{padding-left:4px}@media only screen and (max-width:959px){.content-head__item .md-subhead,h2.content-head__item .md-subhead{display:block;padding-left:0}}.content-head__item md-icon,h2.content-head__item md-icon{vertical-align:text-bottom}.stepSelectMenuContainer md-select-menu,.stepSelectMenuContainer md-select-menu md-content{max-height:500px}.l-notebook{background-color:#eee!important;margin-top:42px}.l-sidebar__header{background-color:#fff!important;color:#795c3a!important}.l-sidebar__header md-select{color:rgba(0,0,0,.87)}.status-icon{margin:0 4px;vertical-align:bottom;z-index:1}.md-button.status-icon{height:auto;line-height:inherit;margin:0 4px;min-height:0;padding:0;width:auto}.avatar--icon--alert{background-color:#fff}.avatar--icon--alert__icon{font-size:48px;margin:-4px 0 0 -4px}md-dialog{width:600px}.dialog--wide{width:960px}.dialog--wider{width:1280px}.help-bubble{border-radius:4px;max-width:320px}@media (min-width:600px){.help-bubble{max-width:552px}}@media (min-width:960px){.help-bubble{max-width:912px}}@media (min-width:1280px){.help-bubble{max-width:1232px}}.help-bubble___title__content,.help-bubble__title{border-top-left-radius:4px;border-top-right-radius:4px}.help-bubble___title__content{background-color:#ef6c00;padding:0 0 0 12px}.help-bubble___title__content .md-icon-button{margin-right:0;padding-bottom:0;padding-top:0}.help-bubble__content{max-height:480px;overflow:auto;padding:8px 12px}.help-bubble__actions{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.input-container{padding-top:12px}.input-container--component{margin-bottom:0}.input-container--open-response.md-has-icon{padding-left:0}.input-container--open-response .md-errors-spacer{display:none}.input-wrapper{position:relative}.input-wrapper--focused .input--textarea__action md-icon{color:#7e57c2}.input--textarea,.input-container textarea.input--textarea{background-color:#f7f7f7;border:1px solid #ccc;margin-bottom:8px;padding:8px}.input--textarea:focus,.input-container textarea.input--textarea:focus{background-color:#fff}.input--textarea[disabled],.input-container textarea.input--textarea[disabled]{color:rgba(0,0,0,.54)}.input-container textarea.input--textarea{width:100%}.input--textarea--disabled{color:rgba(0,0,0,.54)}.input--textarea__action{position:absolute;right:-4px}.input--textarea__action[disabled] md-icon{color:rgba(0,0,0,.26)!important}.input--textarea__action--notebook{top:6px}.input-wrapper--richtext .input--textarea__action--notebook{top:-7px}.input--textarea__action--revision{bottom:6px}.input-wrapper--richtext .input--textarea__action--revision{bottom:-5px}.input-label,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label{color:rgba(0,0,0,.87);line-height:1.2}.input-label.input-label--focused,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused{color:#7e57c2}.autocomplete input{word-wrap:none;color:rgba(0,0,0,.54);font-weight:500;overflow:hidden;text-overflow:ellipsis}@media only screen and (min-width:600px){.autocomplete--minwidth{min-width:300px}}@media only screen and (min-width:960px){.autocomplete--minwidth{min-width:300px}}.autocomplete--flat md-autocomplete-wrap{background-color:#fff}.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing){background-color:#eee;box-shadow:none}.select__header{height:48px}.select__header input{border:0;font-size:14px;font-weight:500;height:100%;outline:none;padding:0 8px;width:100%}.table{margin:8px 0;max-width:100%;min-width:100px;width:auto}.table tbody>tr>td,.table tbody>tr>th,.table tfoot>tr>td,.table tfoot>tr>th,.table thead>tr>td,.table thead>tr>th{border:1px solid #ccc;font-size:15px;height:32px;min-height:32px;min-width:32px;padding:6px;vertical-align:top}.table td.inactive,.table th{background-color:#f7f7f7;opacity:1;visibility:visible}.table md-input-container{margin:0}.table .md-errors-spacer{display:none}.table--student td.inactive{padding:8px 10px}.table--full-width{width:100%}.table--list{background-color:#fff;border:0;border-collapse:collapse;max-width:100%;overflow:auto}.table--list td,.table--list th{border:0;padding:0 4px}.table--list td{height:56px;min-height:56px}.table--list tr.md-button{display:table-row;font-size:inherit;font-weight:400;text-align:left;text-transform:none;width:auto}.table--list__wrap{min-width:600px}@media only screen and (max-width:959px){.table-wrap-sticky{overflow-x:auto}}.table--list__thead{font-size:14px;font-weight:700}.table--list__thead__tr{height:100%;margin:0}.table--list__thead__th{background-color:#757575;color:#fff;height:42px;min-height:42px}.table--list__thead__link{color:#fff;line-height:1.4;margin:0;min-width:0;text-transform:none;white-space:normal;width:100%}.table--list__thead__sort{margin:0}.table--list__thead__sort--reverse{transform:rotate(180deg)}.td--wrap{line-height:1.2;min-width:180px;white-space:normal}@media only screen and (max-width:959px){.td--max-width{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.md-toolbar-tools{font-size:18px}.md-toolbar-tools .autocomplete,.md-toolbar-tools .autocomplete input,.md-toolbar-tools .autocomplete md-autocomplete-wrap{height:36px}.md-toolbar--wise{min-height:42px}.md-toolbar--wise .md-toolbar-tools{height:42px;max-height:42px}.md-toolbar--wise .md-button.md-icon-button{height:42px;line-height:42px;width:42px}.md-toolbar--wise--sm .md-toolbar-tools{font-size:15px;padding:0 8px}.md-toolbar--sidenav{background-color:#333!important}.md-toolbar--sidenav .md-toolbar-tools{font-size:16px;font-weight:500}.toolbar{left:0;position:fixed;right:0;top:52px;z-index:3}.toolbar__title{font-size:16px;font-weight:500;margin-left:8px}.md-button.toolbar__nav,.toolbar__nav{margin:0}.md-button.toolbar__select,.toolbar__select{background-color:#f7f7f7;margin:0 4px;min-height:32px}.md-button.toolbar__select .md-select-value,.toolbar__select .md-select-value{height:32px;text-align:left}[dir=rtl] .md-button.toolbar__select .md-select-value,[dir=rtl] .toolbar__select .md-select-value{text-align:right}.toolbar__select--fixedwidth{width:168px}@media only screen and (min-width:600px){.toolbar__select--fixedwidth{width:264px}}@media only screen and (min-width:960px){.toolbar__select--fixedwidth{width:432px}}.list-item{background-color:#fff;border-bottom:1px solid #eee}.list-item .md-subheader,.list-item.md-subheader{background-color:#fff;color:rgba(0,0,0,.87)}.list-item .md-subheader md-icon,.list-item.md-subheader md-icon{vertical-align:middle}.list-item .md-subheader .md-subheader-inner,.list-item.md-subheader .md-subheader-inner{padding:0}.list-item .md-subheader .md-avatar,.list-item.md-subheader .md-avatar{margin-right:8px}.list-item .autocomplete{margin:8px 0}.list-item--info .md-subheader-content,.list-item--info._md-button-wrap>div.md-button:first-child{border-left:4px solid #ef6c00!important;margin-left:-4px}.list-item--warn .md-subheader-content,.list-item--warn._md-button-wrap>div.md-button:first-child{border-left:4px solid #c62828!important;margin-left:-4px}.list-item--expanded{border-bottom-width:0}.list-item--noclick,.list-item--noclick.md-button{background-color:#f7f7f7;cursor:default}.list-item--actions{padding:0 8px!important}.list-item__subheader-button{line-height:1.4;margin:0;padding:8px 16px;text-align:left;text-transform:none;white-space:normal;width:100%}.user-list{font-size:15px}#nav{position:relative}.nav{margin-bottom:16px}.nav-mask{background-color:rgba(0,0,0,.25);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.nav-mask.ng-hide{opacity:0}.nav-head{color:rgba(0,0,0,.54);font-weight:500}.nav-head md-icon{line-height:20px}.nav-contents--root{padding:6px 6px 12px}.nav-contents--group{background-color:#ddd;padding:8px}.nav-contents--root,.nav-contents__list{padding:0}@media (min-width:600px){.nav-contents__list{padding:8px}}.nav-item{transition:opacity .25s ease-in-out}.nav-item.prev md-list-item{background-color:#fff}.nav-item--card__content{border-top-left-radius:4px;border-top-right-radius:4px}.nav-item--card__content:focus{outline:none}.nav-item--card__content:focus .nav-item__title>span{border-bottom:1px dashed #ccc}.nav-item--root{transition:margin .25s,box-shadow .5s}.nav-item--root.expanded{flex-basis:100%;margin:8px auto;max-height:none!important;max-width:100%}.nav-item--root.expanded:first-of-type{margin-top:0}.nav-item--list__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}.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%}}.menu-progress{position:absolute;right:12px;top:10px}.menu-progress path{stroke:#cad266!important;stroke-width:2px}[dir=rtl] .menu-progress{left:12px;right:auto}.menu-sidenav__item{font-size:14px;font-weight:700}.menu-sidenav__icon{margin-left:12px;margin-right:12px!important;margin-top:12px!important}.active .menu-sidenav__icon,.active .menu-sidenav__item{color:#7e57c2}.menu-sidebar{background-color:#fff;border-right:1px solid #ccc;bottom:0;left:0;overflow:hidden;padding:8px 0;position:absolute;text-align:center;top:94px;width:56px}@media only screen and (max-width:599px){.menu-sidebar{display:none}}[dir=rtl] .menu-sidebar{left:auto;right:0}.md-button.md-icon-button.menu-sidebar__link{margin-bottom:6px;margin-top:6px}#node{left:0;margin:0 auto;position:absolute;right:0}@media only screen and (min-width:600px){#node{margin-bottom:32px;padding:24px 16px}}@media only screen and (min-width:960px){#node{padding:32px}}#node.ng-enter{opacity:0;transition:opacity .5s}#node.ng-enter-active{opacity:1}@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}}.node-content__actions .md-button:first-child{margin-left:0}.node-content__actions .md-button:last-child{margin-right:0}.node-content__actions__info{color:rgba(0,0,0,.54);font-style:italic;margin-left:8px}.node-content__actions__more{border-bottom:1px dotted}.md-button.md-icon-button.node-nav:first-of-type{margin-right:0}@media only screen and (min-width:600px){.node-sidebar-active{margin-right:68px}}@media only screen and (max-width:599px){.node-sidebar-visible{margin-bottom:42px}}.node-sidebar{position:absolute;right:0;top:0;width:52px}.node-sidebar__toolbar{background-color:#fff;border-radius:3px;padding:8px 0;position:fixed;width:52px}@media only screen and (max-width:599px){.node-sidebar__toolbar{border-radius:0;bottom:0;height:42px;left:0;min-height:0;padding:0;right:0;width:100%}}.node__label--vertical-alignment{display:inline-block;vertical-align:middle}notebook-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:12px;width:22px}.notification-count:before{border-bottom:4px solid transparent;border-left:6px solid hsla(0,0%,100%,.87);border-top:4px solid transparent;content:"";position:absolute;right:-7px;top:6px}.notification-list{padding:8px 0}.notification-dismiss{width:500px}.notification-dismiss__input{margin-bottom:0}md-list md-list-item .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source{color:rgba(0,0,0,.54);font-size:12px}md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon{font-size:18px;line-height:20px;margin-left:-4px;min-width:0;width:auto}.account-menu{border-radius:4px;font-size:15px;max-width:380px;padding:0}@media (min-width:1280px){.account-menu{min-width:380px!important}}.account-menu h3{font-weight:300;margin:0}.account-menu .mat-mdc-menu-content{padding:0}.account-menu--fixed-height{height:304px}.account-menu--fixed-width{width:320px}@media (min-width:960px){.account-menu--fixed-width{width:380px}}.account-menu__icon{background-color:#fff;border-radius:50%}.account-menu__caret{outline:none;position:absolute;right:28px;top:-8px}.account-menu__caret:before{border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent;content:"";position:absolute}.account-menu__caret--notification,.account-menu__caret--pause{right:80px}.account-menu__caret--notification--with-pause{right:132px}[dir=rtl] .account-menu__caret{left:28px;right:auto}[dir=rtl] .account-menu__caret--notification,[dir=rtl] .account-menu__caret--pause{left:80px;right:auto}[dir=rtl] .account-menu__caret--notification--with-pause{left:132px;right:auto}.account-menu__info{padding:8px 12px}.account-menu__info__title{font-weight:500}.account-menu__info__team{color:rgba(0,0,0,.54);font-weight:400}.account-menu__users,.account-menu__users md-list-item{padding:0}.account-menu__users md-list-item .md-avatar{height:48px;margin:0 8px 0 0;width:48px}.account-menu__actions{background-color:#f7f7f7}.account-menu__control{padding:16px}.annotations{font-size:15px;margin:16px 4px 16px 62px;position:relative}.annotations hr{border-color:rgba(0,0,0,.12);margin:10px 0 8px}.annotations:after{border-bottom:20px solid transparent;border-right:16px solid #757575;border-top:20px solid transparent;bottom:auto;content:"";height:0;left:-15px;position:absolute;right:auto;top:-1px;width:0}.annotations-container--student--report{border-top:1px solid #ddd}.annotations--report{margin-bottom:0;margin-top:0}.annotations__header{background-color:#757575;border-top-right-radius:4px;color:#fff;font-weight:700;padding:10px 12px;position:relative;transition:all 1s}.annotations__avatar{background-color:#f05843;left:-62px;padding:2px;position:absolute;top:0}.annotations__icon{color:#fff;transition:all 1s}.annotations__body{background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:auto;padding:12px}.annotations__status{background-color:#fff;color:#ef6c00;display:inline-block;font-size:12px;margin-left:8px}.annotations__status.ng-enter,.annotations__status.ng-leave{transition:all 1s}.annotations__status.ng-enter,.annotations__status.ng-leave.ng-leave-active{opacity:0}.annotations__status.ng-enter.ng-enter-active,.annotations__status.ng-leave{opacity:1}.annotations__score{font-weight:700}.annotations__info{border-bottom:1px dotted;font-size:13px;font-style:italic;opacity:.8}.annotations--inside .annotations{margin-left:72px}.annotations--info{margin-bottom:32px;margin-left:72px;margin-right:8px}@media only screen and (min-width:600px){.annotations--info{margin:16px 16px 32px 76px}}.annotations--info:after{border-right:16px solid #ef6c00}.annotations--info .annotations__avatar{background-color:#fff}.annotations--info .annotations__header{background-color:#ef6c00}.component{position:relative}.component__wrapper{margin:24px 0;padding:0 24px}.component__content{font-size:15px;overflow-x:auto;overflow-y:hidden}@media only screen and (min-width:600px){.component__content{padding:0 8px}}h3.component__header{font-size:14px;margin:0;padding:8px 12px}.component__rubric{left:-20px;position:absolute;top:12px}.notebook-enabled .component_content img{cursor:pointer;cursor:copy;transition:all .25s}.notebook-enabled .component_content img:focus,.notebook-enabled .component_content img:hover{box-shadow:0 0 5px 1px #f05843}.component__actions .md-button:first-child{margin-left:0}.component__actions .md-button:last-child{margin-right:0}.component__actions__info{color:rgba(0,0,0,.54);font-style:italic;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}.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}.graph-select{max-width:200px;min-width:150px}.graph-controls{border-color:#eee;border-style:solid;border-width:1px 0;margin:8px 0;padding:8px 0}.outside-content iframe{border:1px solid #eee}.outside-content__source{margin-top:4px;text-align:end}.outside-content__source a{display:inline-block;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notebook-toolbar md-divider{margin:8px 0}@media only screen and (max-width:959px){.notebook-toolbar{border-top:1px solid #ddd}}.notebook-toolbar__add-menu{bottom:40px;position:absolute}.notebook-toolbar__add-menu .md-fab-action-item{background-color:#fff}.notebook-toolbar__add-icon{border-radius:50%}#closeNotebookSettingsButton{float:right}[dir=rtl] #closeNotebookSettingsButton{float:left}highchart{display:block} +body{background:#eee}body.vle{overflow:hidden}a:focus,a:hover{color:#7e57c2}blockquote{background-color:#fff;border:solid #7e57c2;border-width:0 0 0 3px;margin:16px 0;padding:8px}.has-indicator:after{background-color:#f05843;border-radius:50%;content:"";padding:5px;position:absolute}.has-indicator--icon-button:after{left:5px;top:25px}.badge{background-color:#aaa;border-radius:4px;font-size:12px;font-style:normal;font-weight:500;padding:2px 6px}.badge.md-button{line-height:inherit;min-height:0;min-width:0}.badge.md-button:focus,.badge.md-button:hover{background-color:#aaa}.badge.md-button:focus{outline:1px dotted #aaa}.badge--info{background-color:#ef6c00;color:#fff}.badge--warn{background-color:#c62828;color:#fff}.badge--success{background-color:#00c853;color:#fff}.divider--withmargin{margin:16px 0}.divider--dashed{border-top-style:dashed}a{color:#7e57c2;cursor:pointer}.active{background-color:hsla(0,0%,62%,.2);color:rgba(0,0,0,.87)}.avatar{border-radius:50%;box-sizing:content-box}.avatar--square{border-radius:4px}.avatar.md-18{height:30px;width:30px}.avatar.md-24{height:36px;width:36px}.avatar.md-36{height:48px;width:48px}.avatar.md-48{height:60px;width:60px}.avatar--icon{background-color:#ddd;white-space:normal!important}.avatar--icon:not(.md-avatar){padding:6px}.avatar--icon.md-18{height:18px;width:18px}.avatar--icon.md-24{height:24px;width:24px}.avatar--icon.md-36{height:36px;width:36px}.avatar--icon.md-48{height:48px;width:48px}md-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon{color:rgba(0,0,0,.54)}md-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon{color:rgba(0,0,0,.26)}.md-button:not([disabled]).primary,md-icon.primary{color:#7e57c2!important}.md-button:not([disabled]).success,md-icon.success{color:#00c853!important}.md-button:not([disabled]).warn,md-icon.warn{color:#c62828!important}.md-button:not([disabled]).info,md-icon.info{color:#ef6c00!important}.md-button:not([disabled]).accent,md-icon.accent{color:#f05843!important}.md-button:not([disabled]).accent-1,md-icon.accent-1{color:#795c3a!important}.md-button:not([disabled]).accent-2,md-icon.accent-2{color:#cad266!important}md-input-container.md-wise-theme label{color:rgba(0,0,0,.87)}md-select-menu md-option[selected],md-select-menu.md-default-theme md-option[selected]{background-color:#fff}.md-autocomplete-suggestions-container li .highlight,.md-autocomplete-suggestions-container.md-default-theme li .highlight{background-color:#fff;color:#7e57c2}.primary{color:#7e57c2}.accent{color:#f05843}.accent-1{color:#795c3a}.accent-2{color:#cad266}.warn{color:#c62828}.info{color:#ef6c00}.success{color:#00c853}.divider{color:rgba(0,0,0,.12)}.gray-lightest{color:#f7f7f7}.gray-lighter{color:#eee}.gray-light{color:#ddd}.gray{color:#ccc}.gray-dark{color:#aaa}.gray-darker{color:#757575}.gray-darkest{color:#333}.text{color:rgba(0,0,0,.87)}.text-secondary{color:rgba(0,0,0,.54)}.text-disabled{color:rgba(0,0,0,.26)}.text-light{color:#fff}.text-light-secondary{color:hsla(0,0%,100%,.7)}.text-light-disabled{color:hsla(0,0%,100%,.5)}.selected-bg{color:#fff}.score{color:#ffc107}.body{color:rgba(0,0,0,.87)}.body-bg{color:#eee}.primary-bg{background-color:#7e57c2}.accent-bg{background-color:#f05843}.accent-1-bg{background-color:#795c3a}.accent-2-bg{background-color:#cad266}.warn-bg{background-color:#c62828}.info-bg{background-color:#ef6c00}.success-bg{background-color:#00c853}.divider-bg{background-color:rgba(0,0,0,.12)}.gray-lightest-bg{background-color:#f7f7f7}.gray-lighter-bg{background-color:#eee}.gray-light-bg{background-color:#ddd}.gray-bg{background-color:#ccc}.gray-dark-bg{background-color:#aaa}.gray-darker-bg{background-color:#757575}.gray-darkest-bg{background-color:#333}.text-bg{background-color:rgba(0,0,0,.87)}.text-secondary-bg{background-color:rgba(0,0,0,.54)}.text-disabled-bg{background-color:rgba(0,0,0,.26)}.text-light-bg{background-color:#fff}.text-light-secondary-bg{background-color:hsla(0,0%,100%,.7)}.text-light-disabled-bg{background-color:hsla(0,0%,100%,.5)}.selected-bg-bg{background-color:#fff}.score-bg{background-color:#ffc107}.body-bg{background-color:rgba(0,0,0,.87)}.body-bg-bg{background-color:#eee}md-progress-circular.primary path{stroke:#7e57c2}md-progress-circular.accent path{stroke:#f05843}md-progress-circular.accent-1 path{stroke:#795c3a}md-progress-circular.accent-2 path{stroke:#cad266}md-progress-circular.warn path{stroke:#c62828}md-progress-circular.info path{stroke:#ef6c00}md-progress-circular.success path{stroke:#00c853}md-progress-circular.divider path{stroke:rgba(0,0,0,.12)}md-progress-circular.gray-lightest path{stroke:#f7f7f7}md-progress-circular.gray-lighter path{stroke:#eee}md-progress-circular.gray-light path{stroke:#ddd}md-progress-circular.gray path{stroke:#ccc}md-progress-circular.gray-dark path{stroke:#aaa}md-progress-circular.gray-darker path{stroke:#757575}md-progress-circular.gray-darkest path{stroke:#333}md-progress-circular.text path{stroke:rgba(0,0,0,.87)}md-progress-circular.text-secondary path{stroke:rgba(0,0,0,.54)}md-progress-circular.text-disabled path{stroke:rgba(0,0,0,.26)}md-progress-circular.text-light path{stroke:#fff}md-progress-circular.text-light-secondary path{stroke:hsla(0,0%,100%,.7)}md-progress-circular.text-light-disabled path{stroke:hsla(0,0%,100%,.5)}md-progress-circular.selected-bg path{stroke:#fff}md-progress-circular.score path{stroke:#ffc107}md-progress-circular.body path{stroke:rgba(0,0,0,.87)}md-progress-circular.body-bg path{stroke:#eee}.l-constrained{margin-left:auto;margin-right:auto;max-width:100%;position:relative}@media (min-width:600px){.l-constrained{width:1280px}}@media (min-width:1920px){.l-constrained{width:1920px}}.l-constrained-md{max-width:100%;width:960px}.l-footer{background-color:#fff;border-top:1px solid #eee;bottom:0;left:0;position:fixed;right:0;z-index:1}.button--footer{display:flex;margin:0;min-width:0;padding-bottom:0;padding-top:0}.button--footer__element{padding-left:8px}.l-header{z-index:3}.l-header .logo{height:36px;margin-left:0!important;vertical-align:middle;width:36px}.l-header .logo-link{display:none;margin-right:12px;min-width:auto;padding:0 4px}@media only screen and (min-width:600px){.l-header .logo-link{display:block}}.l-header .logo-link:focus,.l-header .logo-link:hover{border:0}@media only screen and (max-width:599px){.l-header .md-toolbar-tools h1,.l-header .md-toolbar-tools h2,.l-header .md-toolbar-tools h3{font-size:15px}}.l-main{background-color:#eee}.l-main--with-toolbar{margin-top:42px}#content{transition:margin-top .5s}.view-content{left:0;margin:0 auto;padding:8px;position:absolute;right:0;transition:opacity .5s}@media only screen and (min-width:960px){.view-content{padding:16px}}.view-content.ng-enter{opacity:0}.view-content .ng-enter-active{opacity:1;transition-delay:.25s}.view-content.ng-hide,.view-content.ng-hide-add,.view-content.ng-hide-add-active,.view-content.ng-hide-remove,.view-content.ng-hide-remove-active,.view-content.ng-leave-active{opacity:0}.view-content--with-sidemenu{padding:8px}@media only screen and (min-width:600px){.view-content--with-sidemenu{margin-left:54px;padding:16px}[dir=rtl] .view-content--with-sidemenu{margin-left:auto;margin-right:54px}}.content-head{margin:8px 0}.content-head h1,.content-head h2,.content-head h3{font-size:36px;font-weight:300;margin-bottom:0;margin-top:0}@media only screen and (max-width:959px){.content-head h1,.content-head h2,.content-head h3{font-size:32px;text-align:center}.content-head__more{margin-top:8px}}.content-head__item,h2.content-head__item{margin:0 8px}.content-head__item .md-subhead,h2.content-head__item .md-subhead{padding-left:4px}@media only screen and (max-width:959px){.content-head__item .md-subhead,h2.content-head__item .md-subhead{display:block;padding-left:0}}.content-head__item md-icon,h2.content-head__item md-icon{vertical-align:text-bottom}.stepSelectMenuContainer md-select-menu,.stepSelectMenuContainer md-select-menu md-content{max-height:500px}.l-notebook{background-color:#eee!important;margin-top:42px}.l-sidebar__header{background-color:#fff!important;color:#795c3a!important}.l-sidebar__header md-select{color:rgba(0,0,0,.87)}.status-icon{margin:0 4px;vertical-align:bottom;z-index:1}.md-button.status-icon{height:auto;line-height:inherit;margin:0 4px;min-height:0;padding:0;width:auto}.avatar--icon--alert{background-color:#fff}.avatar--icon--alert__icon{font-size:48px;margin:-4px 0 0 -4px}md-dialog{width:600px}.dialog--wide{width:960px}.dialog--wider{width:1280px}.help-bubble{border-radius:4px;max-width:320px}@media (min-width:600px){.help-bubble{max-width:552px}}@media (min-width:960px){.help-bubble{max-width:912px}}@media (min-width:1280px){.help-bubble{max-width:1232px}}.help-bubble___title__content,.help-bubble__title{border-top-left-radius:4px;border-top-right-radius:4px}.help-bubble___title__content{background-color:#ef6c00;padding:0 0 0 12px}.help-bubble___title__content .md-icon-button{margin-right:0;padding-bottom:0;padding-top:0}.help-bubble__content{max-height:480px;overflow:auto;padding:8px 12px}.help-bubble__actions{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.input-container{padding-top:12px}.input-container--component{margin-bottom:0}.input-container--open-response.md-has-icon{padding-left:0}.input-container--open-response .md-errors-spacer{display:none}.input-wrapper{position:relative}.input-wrapper--focused .input--textarea__action md-icon{color:#7e57c2}.input--textarea,.input-container textarea.input--textarea{background-color:#f7f7f7;border:1px solid #ccc;margin-bottom:8px;padding:8px}.input--textarea:focus,.input-container textarea.input--textarea:focus{background-color:#fff}.input--textarea[disabled],.input-container textarea.input--textarea[disabled]{color:rgba(0,0,0,.54)}.input-container textarea.input--textarea{width:100%}.input--textarea--disabled{color:rgba(0,0,0,.54)}.input--textarea__action{position:absolute;right:-4px}.input--textarea__action[disabled] md-icon{color:rgba(0,0,0,.26)!important}.input--textarea__action--notebook{top:6px}.input-wrapper--richtext .input--textarea__action--notebook{top:-7px}.input--textarea__action--revision{bottom:6px}.input-wrapper--richtext .input--textarea__action--revision{bottom:-5px}.input-label,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label{color:rgba(0,0,0,.87);line-height:1.2}.input-label.input-label--focused,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused{color:#7e57c2}.autocomplete input{word-wrap:none;color:rgba(0,0,0,.54);font-weight:500;overflow:hidden;text-overflow:ellipsis}@media only screen and (min-width:600px){.autocomplete--minwidth{min-width:300px}}@media only screen and (min-width:960px){.autocomplete--minwidth{min-width:300px}}.autocomplete--flat md-autocomplete-wrap{background-color:#fff}.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing){background-color:#eee;box-shadow:none}.select__header{height:48px}.select__header input{border:0;font-size:14px;font-weight:500;height:100%;outline:none;padding:0 8px;width:100%}.table{margin:8px 0;max-width:100%;min-width:100px;width:auto}.table tbody>tr>td,.table tbody>tr>th,.table tfoot>tr>td,.table tfoot>tr>th,.table thead>tr>td,.table thead>tr>th{border:1px solid #ccc;font-size:15px;height:32px;min-height:32px;min-width:32px;padding:6px;vertical-align:top}.table td.inactive,.table th{background-color:#f7f7f7;opacity:1;visibility:visible}.table md-input-container{margin:0}.table .md-errors-spacer{display:none}.table--student td.inactive{padding:8px 10px}.table--full-width{width:100%}.table--list{background-color:#fff;border:0;border-collapse:collapse;max-width:100%;overflow:auto}.table--list td,.table--list th{border:0;padding:0 4px}.table--list td{height:56px;min-height:56px}.table--list tr.md-button{display:table-row;font-size:inherit;font-weight:400;text-align:left;text-transform:none;width:auto}.table--list__wrap{min-width:600px}@media only screen and (max-width:959px){.table-wrap-sticky{overflow-x:auto}}.table--list__thead{font-size:14px;font-weight:700}.table--list__thead__tr{height:100%;margin:0}.table--list__thead__th{background-color:#757575;color:#fff;height:42px;min-height:42px}.table--list__thead__link{color:#fff;line-height:1.4;margin:0;min-width:0;text-transform:none;white-space:normal;width:100%}.table--list__thead__sort{margin:0}.table--list__thead__sort--reverse{transform:rotate(180deg)}.td--wrap{line-height:1.2;min-width:180px;white-space:normal}@media only screen and (max-width:959px){.td--max-width{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.md-toolbar-tools{font-size:18px}.md-toolbar-tools .autocomplete,.md-toolbar-tools .autocomplete input,.md-toolbar-tools .autocomplete md-autocomplete-wrap{height:36px}.md-toolbar--wise{min-height:42px}.md-toolbar--wise .md-toolbar-tools{height:42px;max-height:42px}.md-toolbar--wise .md-button.md-icon-button{height:42px;line-height:42px;width:42px}.md-toolbar--wise--sm .md-toolbar-tools{font-size:15px;padding:0 8px}.md-toolbar--sidenav{background-color:#333!important}.md-toolbar--sidenav .md-toolbar-tools{font-size:16px;font-weight:500}.toolbar{left:0;position:fixed;right:0;top:52px;z-index:3}.toolbar__title{font-size:16px;font-weight:500;margin-left:8px}.md-button.toolbar__nav,.toolbar__nav{margin:0}.md-button.toolbar__select,.toolbar__select{background-color:#f7f7f7;margin:0 4px;min-height:32px}.md-button.toolbar__select .md-select-value,.toolbar__select .md-select-value{height:32px;text-align:left}[dir=rtl] .md-button.toolbar__select .md-select-value,[dir=rtl] .toolbar__select .md-select-value{text-align:right}.toolbar__select--fixedwidth{width:168px}@media only screen and (min-width:600px){.toolbar__select--fixedwidth{width:264px}}@media only screen and (min-width:960px){.toolbar__select--fixedwidth{width:432px}}.list-item{background-color:#fff;border-bottom:1px solid #eee}.list-item .md-subheader,.list-item.md-subheader{background-color:#fff;color:rgba(0,0,0,.87)}.list-item .md-subheader md-icon,.list-item.md-subheader md-icon{vertical-align:middle}.list-item .md-subheader .md-subheader-inner,.list-item.md-subheader .md-subheader-inner{padding:0}.list-item .md-subheader .md-avatar,.list-item.md-subheader .md-avatar{margin-right:8px}.list-item .autocomplete{margin:8px 0}.list-item--info .md-subheader-content,.list-item--info._md-button-wrap>div.md-button:first-child{border-left:4px solid #ef6c00!important;margin-left:-4px}.list-item--warn .md-subheader-content,.list-item--warn._md-button-wrap>div.md-button:first-child{border-left:4px solid #c62828!important;margin-left:-4px}.list-item--expanded{border-bottom-width:0}.list-item--noclick,.list-item--noclick.md-button{background-color:#f7f7f7;cursor:default}.list-item--actions{padding:0 8px!important}.list-item__subheader-button{line-height:1.4;margin:0;padding:8px 16px;text-align:left;text-transform:none;white-space:normal;width:100%}.user-list{font-size:15px}#nav{position:relative}.nav{margin-bottom:16px}.nav-mask{background-color:rgba(0,0,0,.25);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.nav-mask.ng-hide{opacity:0}.nav-head{color:rgba(0,0,0,.54);font-weight:500}.nav-head md-icon{line-height:20px}.nav-contents--root{padding:6px 6px 12px}.nav-contents--group{background-color:#ddd;padding:8px}.nav-contents--root,.nav-contents__list{padding:0}@media (min-width:600px){.nav-contents__list{padding:8px}}.nav-item{transition:opacity .25s ease-in-out}.nav-item.prev md-list-item{background-color:#fff}.nav-item--card__content{border-top-left-radius:4px;border-top-right-radius:4px}.nav-item--card__content:focus{outline:none}.nav-item--card__content:focus .nav-item__title>span{border-bottom:1px dashed #ccc}.nav-item--root{transition:margin .25s,box-shadow .5s}.nav-item--root.expanded{flex-basis:100%;margin:8px auto;max-height:none!important;max-width:100%}.nav-item--root.expanded:first-of-type{margin-top:0}.nav-item--list__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}.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%}}.menu-progress{position:absolute;right:12px;top:10px}.menu-progress path{stroke:#cad266!important;stroke-width:2px}[dir=rtl] .menu-progress{left:12px;right:auto}.menu-sidenav__item{font-size:14px;font-weight:700}.menu-sidenav__icon{margin-left:12px;margin-right:12px!important;margin-top:12px!important}.active .menu-sidenav__icon,.active .menu-sidenav__item{color:#7e57c2}.menu-sidebar{background-color:#fff;border-right:1px solid #ccc;bottom:0;left:0;overflow:hidden;padding:8px 0;position:absolute;text-align:center;top:94px;width:56px}@media only screen and (max-width:599px){.menu-sidebar{display:none}}[dir=rtl] .menu-sidebar{left:auto;right:0}.md-button.md-icon-button.menu-sidebar__link{margin-bottom:6px;margin-top:6px}#node{left:0;margin:0 auto;position:absolute;right:0}@media only screen and (min-width:600px){#node{margin-bottom:32px;padding:24px 16px}}@media only screen and (min-width:960px){#node{padding:32px}}#node.ng-enter{opacity:0;transition:opacity .5s}#node.ng-enter-active{opacity:1}@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}}.node-content__actions .md-button:first-child{margin-left:0}.node-content__actions .md-button:last-child{margin-right:0}.node-content__actions__info{color:rgba(0,0,0,.54);font-style:italic;margin-left:8px}.node-content__actions__more{border-bottom:1px dotted}.md-button.md-icon-button.node-nav:first-of-type{margin-right:0}@media only screen and (min-width:600px){.node-sidebar-active{margin-right:68px}}@media only screen and (max-width:599px){.node-sidebar-visible{margin-bottom:42px}}.node-sidebar{position:absolute;right:0;top:0;width:52px}.node-sidebar__toolbar{background-color:#fff;border-radius:3px;padding:8px 0;position:fixed;width:52px}@media only screen and (max-width:599px){.node-sidebar__toolbar{border-radius:0;bottom:0;height:42px;left:0;min-height:0;padding:0;right:0;width:100%}}.node__label--vertical-alignment{display:inline-block;vertical-align:middle}notebook-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:12px;width:22px}.notification-count:before{border-bottom:4px solid transparent;border-left:6px solid hsla(0,0%,100%,.87);border-top:4px solid transparent;content:"";position:absolute;right:-7px;top:6px}.notification-list{padding:8px 0}.notification-dismiss{width:500px}.notification-dismiss__input{margin-bottom:0}md-list md-list-item .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source{color:rgba(0,0,0,.54);font-size:12px}md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon{font-size:18px;line-height:20px;margin-left:-4px;min-width:0;width:auto}.account-menu{border-radius:4px;font-size:15px;max-width:380px;padding:0}@media (min-width:1280px){.account-menu{min-width:380px!important}}.account-menu h3{font-weight:300;margin:0}.account-menu .mat-mdc-menu-content{padding:0}.account-menu--fixed-height{height:304px}.account-menu--fixed-width{width:320px}@media (min-width:960px){.account-menu--fixed-width{width:380px}}.account-menu__icon{background-color:#fff;border-radius:50%}.account-menu__caret{outline:none;position:absolute;right:28px;top:-8px}.account-menu__caret:before{border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent;content:"";position:absolute}.account-menu__caret--notification,.account-menu__caret--pause{right:80px}.account-menu__caret--notification--with-pause{right:132px}[dir=rtl] .account-menu__caret{left:28px;right:auto}[dir=rtl] .account-menu__caret--notification,[dir=rtl] .account-menu__caret--pause{left:80px;right:auto}[dir=rtl] .account-menu__caret--notification--with-pause{left:132px;right:auto}.account-menu__info{padding:8px 12px}.account-menu__info__title{font-weight:500}.account-menu__info__team{color:rgba(0,0,0,.54);font-weight:400}.account-menu__users,.account-menu__users md-list-item{padding:0}.account-menu__users md-list-item .md-avatar{height:48px;margin:0 8px 0 0;width:48px}.account-menu__actions{background-color:#f7f7f7}.account-menu__control{padding:16px}.annotations{font-size:15px;margin:16px 4px 16px 62px;position:relative}.annotations hr{border-color:rgba(0,0,0,.12);margin:10px 0 8px}.annotations:after{border-bottom:20px solid transparent;border-right:16px solid #757575;border-top:20px solid transparent;bottom:auto;content:"";height:0;left:-15px;position:absolute;right:auto;top:-1px;width:0}.annotations-container--student--report{border-top:1px solid #ddd}.annotations--report{margin-bottom:0;margin-top:0}.annotations__header{background-color:#757575;border-top-right-radius:4px;color:#fff;font-weight:700;padding:10px 12px;position:relative;transition:all 1s}.annotations__avatar{background-color:#f05843;left:-62px;padding:2px;position:absolute;top:0}.annotations__icon{color:#fff;transition:all 1s}.annotations__body{background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:auto;padding:12px}.annotations__status{background-color:#fff;color:#ef6c00;display:inline-block;font-size:12px;margin-left:8px}.annotations__status.ng-enter,.annotations__status.ng-leave{transition:all 1s}.annotations__status.ng-enter,.annotations__status.ng-leave.ng-leave-active{opacity:0}.annotations__status.ng-enter.ng-enter-active,.annotations__status.ng-leave{opacity:1}.annotations__score{font-weight:700}.annotations__info{border-bottom:1px dotted;font-size:13px;font-style:italic;opacity:.8}.annotations--inside .annotations{margin-left:72px}.annotations--info{margin-bottom:32px;margin-left:72px;margin-right:8px}@media only screen and (min-width:600px){.annotations--info{margin:16px 16px 32px 76px}}.annotations--info:after{border-right:16px solid #ef6c00}.annotations--info .annotations__avatar{background-color:#fff}.annotations--info .annotations__header{background-color:#ef6c00}.component{position:relative}.component__wrapper{margin:24px 0;padding:0 24px}.component__content{font-size:15px;overflow-x:auto;overflow-y:hidden}@media only screen and (min-width:600px){.component__content{padding:0 8px}}h3.component__header{font-size:14px;margin:0;padding:8px 12px}.component__rubric{left:-20px;position:absolute;top:12px}.notebook-enabled .component_content img{cursor:pointer;cursor:copy;transition:all .25s}.notebook-enabled .component_content img:focus,.notebook-enabled .component_content img:hover{box-shadow:0 0 5px 1px #f05843}.component__actions .md-button:first-child{margin-left:0}.component__actions .md-button:last-child{margin-right:0}.component__actions__info{color:rgba(0,0,0,.54);font-style:italic;font-weight:400;margin-left:8px}.component__actions__more{border-bottom:1px dotted}.component__prompt{font-weight:500;margin-bottom:8px}.component__prompt__content{display:inline}.component__attachment{margin:0 8px;padding-bottom:8px;position:relative}@media only screen and (min-width:600px){.component__attachment{padding-top:8px}}@media only screen and (max-width:599px){.component__add-attachment{width:100%}}.component__attachment__content{max-height:100px;width:auto}.component__attachment__delete{background-color:hsla(0,0%,100%,.75)!important;border-radius:0;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}.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}.graph-select{max-width:200px;min-width:150px}.graph-controls{border-color:#eee;border-style:solid;border-width:1px 0;margin:8px 0;padding:8px 0}.outside-content iframe{border:1px solid #eee}.outside-content__source{margin-top:4px;text-align:end}.outside-content__source a{display:inline-block;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notebook-toolbar md-divider{margin:8px 0}@media only screen and (max-width:959px){.notebook-toolbar{border-top:1px solid #ddd}}.notebook-toolbar__add-menu{bottom:40px;position:absolute}.notebook-toolbar__add-menu .md-fab-action-item{background-color:#fff}.notebook-toolbar__add-icon{border-radius:50%}#closeNotebookSettingsButton{float:right}[dir=rtl] #closeNotebookSettingsButton{float:left}highchart{display:block} /*# sourceMappingURL=author.css.map */ diff --git a/src/assets/wise5/themes/default/style/author.css.map b/src/assets/wise5/themes/default/style/author.css.map index 110a8d60394..7654d345869 100644 --- a/src/assets/wise5/themes/default/style/author.css.map +++ b/src/assets/wise5/themes/default/style/author.css.map @@ -1 +1 @@ -{"version":3,"sources":["src/assets/wise5/themes/default/style/base/_presets.scss","src/assets/wise5/themes/default/style/author.css","src/assets/wise5/themes/default/style/base/_config.scss","src/assets/wise5/themes/default/style/layouts/_l-default.scss","src/assets/wise5/themes/default/style/layouts/_l-footer.scss","src/assets/wise5/themes/default/style/layouts/_l-header.scss","src/assets/wise5/themes/default/style/layouts/_l-main.scss","src/assets/wise5/themes/default/style/layouts/_l-notebook.scss","src/assets/wise5/themes/default/style/layouts/_l-sidebar.scss","src/assets/wise5/themes/default/style/modules/_alerts.scss","src/assets/wise5/themes/default/style/modules/_dialog.scss","src/assets/wise5/themes/default/style/modules/_help.scss","src/assets/wise5/themes/default/style/modules/_inputs.scss","src/assets/wise5/themes/default/style/modules/_table.scss","src/assets/wise5/themes/default/style/modules/_toolbar.scss","src/assets/wise5/themes/default/style/material/_config.scss","src/assets/wise5/themes/default/style/modules/_list.scss","src/assets/wise5/themes/default/style/modules/_nav.scss","src/assets/wise5/themes/default/style/modules/_notice.scss","src/assets/wise5/themes/default/style/modules/_menu.scss","src/assets/wise5/themes/default/style/modules/_node.scss","src/assets/wise5/themes/default/style/modules/_notebook.scss","src/assets/wise5/themes/default/style/modules/_notifications.scss","src/assets/wise5/themes/default/style/modules/_account-menu.scss","src/assets/wise5/themes/default/style/modules/_annotations.scss","src/assets/wise5/themes/default/style/modules/_component.scss","src/assets/wise5/themes/default/style/modules/_component--discussion.scss","src/assets/wise5/themes/default/style/modules/_component--embedded.scss","src/assets/wise5/themes/default/style/modules/_component--graph.scss","src/assets/wise5/themes/default/style/modules/_component--outside.scss","src/assets/wise5/themes/default/style/modules/_notebook-toolbar.scss","src/assets/wise5/themes/default/style/modules/_highcharts.scss"],"names":[],"mappings":"AAIA,KACE,eCAF,CDEE,SACI,eCAN,CDKI,gBACI,aCFR,CDMA,WACE,qBAAA,CAKA,oBAAA,CAAA,sBAAA,CAHA,aAAA,CADA,WCCF,CDOI,qBAKI,wBAAA,CAFA,iBAAA,CAFA,UAAA,CAGA,WAAA,CAFA,iBCDR,CDSI,kCAEI,QAAA,CADA,QCLR,CDWA,OAMI,qBAAA,CALA,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,qBC7BF,CDgCA,2HAGE,qBAAA,CADA,aC5BF,CDmCI,SACE,aChCN,CD+BI,QACE,aC5BN,CD2BI,UACE,aCxBN,CDuBI,UACE,aCpBN,CDmBI,MACE,aChBN,CDeI,MACE,aCZN,CDWI,SACE,aCRN,CDOI,SACE,qBCJN,CDGI,eACE,aCAN,CDDI,cACE,UCIN,CDLI,YACE,UCQN,CDTI,MACE,UCYN,CDbI,WACE,UCgBN,CDjBI,aACE,aCoBN,CDrBI,cACE,UCwBN,CDzBI,MACE,qBC4BN,CD7BI,gBACE,qBCgCN,CDjCI,eACE,qBCoCN,CDrCI,YACE,UCwCN,CDzCI,sBACE,wBC4CN,CD7CI,qBACE,wBCgDN,CDjDI,aACE,UCoDN,CDrDI,OACE,aCwDN,CDzDI,MACE,qBC4DN,CD7DI,SACE,UCgEN,CD1DI,YACE,wBC6DN,CD9DI,WACE,wBCiEN,CDlEI,aACE,wBCqEN,CDtEI,aACE,wBCyEN,CD1EI,SACE,wBC6EN,CD9EI,SACE,wBCiFN,CDlFI,YACE,wBCqFN,CDtFI,YACE,gCCyFN,CD1FI,kBACE,wBC6FN,CD9FI,iBACE,qBCiGN,CDlGI,eACE,qBCqGN,CDtGI,SACE,qBCyGN,CD1GI,cACE,qBC6GN,CD9GI,gBACE,wBCiHN,CDlHI,iBACE,qBCqHN,CDtHI,SACE,gCCyHN,CD1HI,mBACE,gCC6HN,CD9HI,kBACE,gCCiIN,CDlII,eACE,qBCqIN,CDtII,yBACE,mCCyIN,CD1II,wBACE,mCC6IN,CD9II,gBACE,qBCiJN,CDlJI,UACE,wBCqJN,CDtJI,SACE,gCCyJN,CD1JI,YACE,qBC6JN,CDtJQ,kCACI,cCyJZ,CD1JQ,iCACI,cC6JZ,CD9JQ,mCACI,cCiKZ,CDlKQ,mCACI,cCqKZ,CDtKQ,+BACI,cCyKZ,CD1KQ,+BACI,cC6KZ,CD9KQ,kCACI,cCiLZ,CDlLQ,kCACI,sBCqLZ,CDtLQ,wCACI,cCyLZ,CD1LQ,uCACI,WC6LZ,CD9LQ,qCACI,WCiMZ,CDlMQ,+BACI,WCqMZ,CDtMQ,oCACI,WCyMZ,CD1MQ,sCACI,cC6MZ,CD9MQ,uCACI,WCiNZ,CDlNQ,+BACI,sBCqNZ,CDtNQ,yCACI,sBCyNZ,CD1NQ,wCACI,sBC6NZ,CD9NQ,qCACI,WCiOZ,CDlOQ,+CACI,yBCqOZ,CDtOQ,8CACI,yBCyOZ,CD1OQ,sCACI,WC6OZ,CD9OQ,gCACI,cCiPZ,CDlPQ,+BACI,sBCqPZ,CDtPQ,kCACI,WCyPZ,CE7dA,eACE,gBAAA,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","file":"author.css","sourcesContent":["// Config\n$avatar-icon-padding: 6px !default;\n$avatar-icon-padding-lg: 8px !default;\n\nbody {\n background: color('body-bg');\n\n &.vle {\n overflow: hidden;\n }\n}\n\na {\n &:hover, &:focus { // TODO: remove when bootstrap css dependency is removed\n color: color('primary');\n }\n}\n\nblockquote {\n background-color: lighten(color('primary'), 56%);\n padding: 8px;\n margin: 16px 0;\n border-style: solid;\n border-color: color('primary');\n border-width: 0 0 0 3px;\n}\n\n.has-indicator {\n &:after {\n content: '';\n position: absolute;\n border-radius: 50%;\n padding: 5px;\n background-color: color('accent');\n }\n}\n\n.has-indicator--icon-button {\n &:after {\n top: 25px;\n left: 5px;\n }\n}\n\n// Badges\n.badge {\n border-radius: $card-border-radius;\n padding: 2px 6px;\n font-size: rem(1.2);\n font-weight: 500;\n font-style: normal;\n background-color: color('gray-dark');\n\n &.md-button {\n min-width: 0;\n min-height: 0;\n line-height: inherit;\n\n &:hover, &:focus {\n background-color: color('gray-dark');\n }\n\n &:focus {\n outline: 1px dotted color('gray-dark');\n }\n }\n}\n\n.badge--info {\n background-color: color('info');\n color: #ffffff;\n}\n\n.badge--warn {\n background-color: color('warn');\n color: #ffffff;\n}\n\n.badge--success {\n background-color: color('success');\n color: #ffffff;\n}\n\n// Dividers\n.divider--withmargin {\n margin: 16px 0;\n}\n\n.divider--dashed {\n border-top-style: dashed;\n}\n\n// Links\na {\n color: color('primary');\n cursor: pointer;\n}\n\n.active {\n background-color: rgba(158,158,158,0.2);\n color: color('text');\n}\n\n// Images & Icons\n.avatar {\n border-radius: 50%;\n box-sizing: content-box;\n}\n\n.avatar--square {\n border-radius: $card-border-radius;\n}\n\n// Rules for sizing avatars (matches material icons plus avatar-icon padding)\n.avatar {\n &.md-18 {\n height: 18px + $avatar-icon-padding*2;\n width: 18px + $avatar-icon-padding*2;\n }\n &.md-24 {\n height: 24px + $avatar-icon-padding*2;\n width: 24px + $avatar-icon-padding*2;\n }\n &.md-36 {\n height: 36px + $avatar-icon-padding*2;\n width: 36px + $avatar-icon-padding*2;\n }\n &.md-48 {\n height: 48px + $avatar-icon-padding*2;\n width: 48px + $avatar-icon-padding*2;\n }\n}\n\n// Rules for sizing avatar backgrounds (when using a child md-icon)\n.avatar--icon {\n background-color: color('gray-light');\n white-space: normal !important;\n\n &:not(.md-avatar) {\n padding: $avatar-icon-padding;\n }\n\n &.md-18 {\n height: 18px;\n width: 18px;\n }\n &.md-24 {\n height: 24px;\n width: 24px;\n }\n &.md-36 {\n height: 36px;\n width: 36px;\n }\n &.md-48 {\n height: 48px;\n width: 48px;\n }\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) {\n md-icon {\n color: color('text-secondary');\n }\n\n .md-button:disabled {\n md-icon {\n color: color('text-disabled');\n }\n }\n}\n\n// hacks for now\nmd-icon, .md-button:not([disabled]) {\n &.primary {\n color: color('primary') !important;\n }\n &.success {\n color: color('success') !important;\n }\n &.warn {\n color: color('warn') !important;\n }\n &.info {\n color: color('info') !important;\n }\n &.accent {\n color: color('accent') !important;\n }\n &.accent-1 {\n color: color('accent-1') !important;\n }\n &.accent-2 {\n color: color('accent-2') !important;\n }\n}\n\n// Theme overrides\nmd-input-container.md-wise-theme label {\n color: color('text');\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n background-color: color('selected-bg');\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n color: color('primary');\n background-color: color('selected-bg');\n}\n\n// Color\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n .#{$key} {\n color: $value;\n }\n}\n\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n .#{$key}-bg {\n background-color: $value;\n }\n}\n\n// Set theme colors for angular-ui elements\n@each $key, $value in $colors {\n md-progress-circular.#{$key} {\n path {\n stroke: $value;\n }\n }\n}\n","/*\n WISE Project Styles\n */\nbody {\n background: #eeeeee;\n}\nbody.vle {\n overflow: hidden;\n}\n\na:hover, a:focus {\n color: #7e57c2;\n}\n\nblockquote {\n background-color: white;\n padding: 8px;\n margin: 16px 0;\n border-style: solid;\n border-color: #7e57c2;\n border-width: 0 0 0 3px;\n}\n\n.has-indicator:after {\n content: \"\";\n position: absolute;\n border-radius: 50%;\n padding: 5px;\n background-color: #F05843;\n}\n\n.has-indicator--icon-button:after {\n top: 25px;\n left: 5px;\n}\n\n.badge {\n border-radius: 4px;\n padding: 2px 6px;\n font-size: 12px;\n font-weight: 500;\n font-style: normal;\n background-color: #aaaaaa;\n}\n.badge.md-button {\n min-width: 0;\n min-height: 0;\n line-height: inherit;\n}\n.badge.md-button:hover, .badge.md-button:focus {\n background-color: #aaaaaa;\n}\n.badge.md-button:focus {\n outline: 1px dotted #aaaaaa;\n}\n\n.badge--info {\n background-color: #ef6c00;\n color: #ffffff;\n}\n\n.badge--warn {\n background-color: #c62828;\n color: #ffffff;\n}\n\n.badge--success {\n background-color: #00C853;\n color: #ffffff;\n}\n\n.divider--withmargin {\n margin: 16px 0;\n}\n\n.divider--dashed {\n border-top-style: dashed;\n}\n\na {\n color: #7e57c2;\n cursor: pointer;\n}\n\n.active {\n background-color: rgba(158, 158, 158, 0.2);\n color: rgba(0, 0, 0, 0.87);\n}\n\n.avatar {\n border-radius: 50%;\n box-sizing: content-box;\n}\n\n.avatar--square {\n border-radius: 4px;\n}\n\n.avatar.md-18 {\n height: 30px;\n width: 30px;\n}\n.avatar.md-24 {\n height: 36px;\n width: 36px;\n}\n.avatar.md-36 {\n height: 48px;\n width: 48px;\n}\n.avatar.md-48 {\n height: 60px;\n width: 60px;\n}\n\n.avatar--icon {\n background-color: #dddddd;\n white-space: normal !important;\n}\n.avatar--icon:not(.md-avatar) {\n padding: 6px;\n}\n.avatar--icon.md-18 {\n height: 18px;\n width: 18px;\n}\n.avatar--icon.md-24 {\n height: 24px;\n width: 24px;\n}\n.avatar--icon.md-36 {\n height: 36px;\n width: 36px;\n}\n.avatar--icon.md-48 {\n height: 48px;\n width: 48px;\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon {\n color: rgba(0, 0, 0, 0.54);\n}\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon {\n color: rgba(0, 0, 0, 0.26);\n}\n\nmd-icon.primary, .md-button:not([disabled]).primary {\n color: #7e57c2 !important;\n}\nmd-icon.success, .md-button:not([disabled]).success {\n color: #00C853 !important;\n}\nmd-icon.warn, .md-button:not([disabled]).warn {\n color: #c62828 !important;\n}\nmd-icon.info, .md-button:not([disabled]).info {\n color: #ef6c00 !important;\n}\nmd-icon.accent, .md-button:not([disabled]).accent {\n color: #F05843 !important;\n}\nmd-icon.accent-1, .md-button:not([disabled]).accent-1 {\n color: #795C3A !important;\n}\nmd-icon.accent-2, .md-button:not([disabled]).accent-2 {\n color: #CAD266 !important;\n}\n\nmd-input-container.md-wise-theme label {\n color: rgba(0, 0, 0, 0.87);\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n background-color: white;\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n color: #7e57c2;\n background-color: white;\n}\n\n.primary {\n color: #7e57c2;\n}\n\n.accent {\n color: #F05843;\n}\n\n.accent-1 {\n color: #795C3A;\n}\n\n.accent-2 {\n color: #CAD266;\n}\n\n.warn {\n color: #c62828;\n}\n\n.info {\n color: #ef6c00;\n}\n\n.success {\n color: #00C853;\n}\n\n.divider {\n color: rgba(0, 0, 0, 0.12);\n}\n\n.gray-lightest {\n color: #f7f7f7;\n}\n\n.gray-lighter {\n color: #eeeeee;\n}\n\n.gray-light {\n color: #dddddd;\n}\n\n.gray {\n color: #cccccc;\n}\n\n.gray-dark {\n color: #aaaaaa;\n}\n\n.gray-darker {\n color: #757575;\n}\n\n.gray-darkest {\n color: #333333;\n}\n\n.text {\n color: rgba(0, 0, 0, 0.87);\n}\n\n.text-secondary {\n color: rgba(0, 0, 0, 0.54);\n}\n\n.text-disabled {\n color: rgba(0, 0, 0, 0.26);\n}\n\n.text-light {\n color: rgb(255, 255, 255);\n}\n\n.text-light-secondary {\n color: rgba(255, 255, 255, 0.7);\n}\n\n.text-light-disabled {\n color: rgba(255, 255, 255, 0.5);\n}\n\n.selected-bg {\n color: white;\n}\n\n.score {\n color: #FFC107;\n}\n\n.body {\n color: rgba(0, 0, 0, 0.87);\n}\n\n.body-bg {\n color: #eeeeee;\n}\n\n.primary-bg {\n background-color: #7e57c2;\n}\n\n.accent-bg {\n background-color: #F05843;\n}\n\n.accent-1-bg {\n background-color: #795C3A;\n}\n\n.accent-2-bg {\n background-color: #CAD266;\n}\n\n.warn-bg {\n background-color: #c62828;\n}\n\n.info-bg {\n background-color: #ef6c00;\n}\n\n.success-bg {\n background-color: #00C853;\n}\n\n.divider-bg {\n background-color: rgba(0, 0, 0, 0.12);\n}\n\n.gray-lightest-bg {\n background-color: #f7f7f7;\n}\n\n.gray-lighter-bg {\n background-color: #eeeeee;\n}\n\n.gray-light-bg {\n background-color: #dddddd;\n}\n\n.gray-bg {\n background-color: #cccccc;\n}\n\n.gray-dark-bg {\n background-color: #aaaaaa;\n}\n\n.gray-darker-bg {\n background-color: #757575;\n}\n\n.gray-darkest-bg {\n background-color: #333333;\n}\n\n.text-bg {\n background-color: rgba(0, 0, 0, 0.87);\n}\n\n.text-secondary-bg {\n background-color: rgba(0, 0, 0, 0.54);\n}\n\n.text-disabled-bg {\n background-color: rgba(0, 0, 0, 0.26);\n}\n\n.text-light-bg {\n background-color: rgb(255, 255, 255);\n}\n\n.text-light-secondary-bg {\n background-color: rgba(255, 255, 255, 0.7);\n}\n\n.text-light-disabled-bg {\n background-color: rgba(255, 255, 255, 0.5);\n}\n\n.selected-bg-bg {\n background-color: white;\n}\n\n.score-bg {\n background-color: #FFC107;\n}\n\n.body-bg {\n background-color: rgba(0, 0, 0, 0.87);\n}\n\n.body-bg-bg {\n background-color: #eeeeee;\n}\n\nmd-progress-circular.primary path {\n stroke: #7e57c2;\n}\n\nmd-progress-circular.accent path {\n stroke: #F05843;\n}\n\nmd-progress-circular.accent-1 path {\n stroke: #795C3A;\n}\n\nmd-progress-circular.accent-2 path {\n stroke: #CAD266;\n}\n\nmd-progress-circular.warn path {\n stroke: #c62828;\n}\n\nmd-progress-circular.info path {\n stroke: #ef6c00;\n}\n\nmd-progress-circular.success path {\n stroke: #00C853;\n}\n\nmd-progress-circular.divider path {\n stroke: rgba(0, 0, 0, 0.12);\n}\n\nmd-progress-circular.gray-lightest path {\n stroke: #f7f7f7;\n}\n\nmd-progress-circular.gray-lighter path {\n stroke: #eeeeee;\n}\n\nmd-progress-circular.gray-light path {\n stroke: #dddddd;\n}\n\nmd-progress-circular.gray path {\n stroke: #cccccc;\n}\n\nmd-progress-circular.gray-dark path {\n stroke: #aaaaaa;\n}\n\nmd-progress-circular.gray-darker path {\n stroke: #757575;\n}\n\nmd-progress-circular.gray-darkest path {\n stroke: #333333;\n}\n\nmd-progress-circular.text path {\n stroke: rgba(0, 0, 0, 0.87);\n}\n\nmd-progress-circular.text-secondary path {\n stroke: rgba(0, 0, 0, 0.54);\n}\n\nmd-progress-circular.text-disabled path {\n stroke: rgba(0, 0, 0, 0.26);\n}\n\nmd-progress-circular.text-light path {\n stroke: rgb(255, 255, 255);\n}\n\nmd-progress-circular.text-light-secondary path {\n stroke: rgba(255, 255, 255, 0.7);\n}\n\nmd-progress-circular.text-light-disabled path {\n stroke: rgba(255, 255, 255, 0.5);\n}\n\nmd-progress-circular.selected-bg path {\n stroke: white;\n}\n\nmd-progress-circular.score path {\n stroke: #FFC107;\n}\n\nmd-progress-circular.body path {\n stroke: rgba(0, 0, 0, 0.87);\n}\n\nmd-progress-circular.body-bg path {\n stroke: #eeeeee;\n}\n\n.l-constrained {\n margin-left: auto;\n margin-right: auto;\n max-width: 100%;\n position: relative;\n}\n@media (min-width: 600px) {\n .l-constrained {\n width: 1280px;\n }\n}\n@media (min-width: 1920px) {\n .l-constrained {\n width: 1920px;\n }\n}\n\n.l-constrained-md {\n width: 960px;\n max-width: 100%;\n}\n\n.l-footer {\n position: fixed;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 1;\n background-color: #ffffff;\n border-top: 1px solid #eeeeee;\n}\n\n.button--footer {\n margin: 0;\n padding-top: 0;\n padding-bottom: 0;\n min-width: 0;\n display: flex;\n}\n\n.button--footer__element {\n padding-left: 8px;\n}\n\n.l-header {\n z-index: 3;\n}\n.l-header .logo {\n margin-left: 0 !important;\n height: 36px;\n width: 36px;\n vertical-align: middle;\n}\n.l-header .logo-link {\n min-width: auto;\n display: none;\n padding: 0 4px;\n margin-right: 12px;\n}\n@media only screen and (min-width: 600px) {\n .l-header .logo-link {\n display: block;\n }\n}\n.l-header .logo-link:hover, .l-header .logo-link:focus {\n border: 0 none;\n}\n@media only screen and (max-width: 599px) {\n .l-header .md-toolbar-tools h1, .l-header .md-toolbar-tools h2, .l-header .md-toolbar-tools h3 {\n font-size: 15px;\n }\n}\n\n.l-main {\n background-color: #eeeeee;\n}\n\n.l-main--with-toolbar {\n margin-top: 42px;\n}\n\n#content {\n transition: margin-top 0.5s;\n}\n\n.view-content {\n margin: 0 auto;\n padding: 8px;\n position: absolute;\n left: 0;\n right: 0;\n transition: opacity 500ms;\n}\n@media only screen and (min-width: 960px) {\n .view-content {\n padding: 16px;\n }\n}\n.view-content.ng-enter {\n opacity: 0;\n}\n.view-content .ng-enter-active {\n opacity: 1;\n transition-delay: 250ms;\n}\n.view-content.ng-leave-active, .view-content.ng-hide {\n opacity: 0;\n}\n.view-content.ng-hide-add, .view-content.ng-hide-add-active, .view-content.ng-hide-remove, .view-content.ng-hide-remove-active {\n opacity: 0;\n}\n\n.view-content--with-sidemenu {\n padding: 8px;\n}\n@media only screen and (min-width: 600px) {\n .view-content--with-sidemenu {\n margin-left: 54px;\n padding: 16px;\n }\n}\n\n@media only screen and (min-width: 600px) {\n [dir=rtl] .view-content--with-sidemenu {\n margin-left: auto;\n margin-right: 54px;\n }\n}\n\n.content-head {\n margin: 8px 0;\n}\n.content-head h1,\n.content-head h2,\n.content-head h3 {\n font-weight: 300;\n margin-top: 0;\n margin-bottom: 0;\n font-size: 36px;\n}\n@media only screen and (max-width: 959px) {\n .content-head h1,\n.content-head h2,\n.content-head h3 {\n font-size: 32px;\n text-align: center;\n }\n}\n\n@media only screen and (max-width: 959px) {\n .content-head__more {\n margin-top: 8px;\n }\n}\n\n.content-head__item,\nh2.content-head__item {\n margin: 0 8px;\n}\n.content-head__item .md-subhead,\nh2.content-head__item .md-subhead {\n padding-left: 4px;\n}\n@media only screen and (max-width: 959px) {\n .content-head__item .md-subhead,\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-notebook {\n margin-top: 42px;\n background-color: #eeeeee !important;\n}\n\n.l-sidebar__header {\n background-color: #ffffff !important;\n color: #795C3A !important;\n}\n.l-sidebar__header md-select {\n color: rgba(0, 0, 0, 0.87);\n}\n\n.status-icon {\n margin: 0 4px;\n z-index: 1;\n vertical-align: bottom;\n}\n\n.md-button.status-icon {\n height: auto;\n width: auto;\n min-height: 0;\n line-height: inherit;\n margin: 0 4px;\n padding: 0;\n}\n\n.avatar--icon--alert {\n background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n font-size: 48px;\n margin: -4px 0 0 -4px;\n}\n\nmd-dialog {\n width: 600px;\n}\n\n.dialog--wide {\n width: 960px;\n}\n\n.dialog--wider {\n width: 1280px;\n}\n\n.help-bubble {\n border-radius: 4px;\n max-width: 320px;\n}\n@media (min-width: 600px) {\n .help-bubble {\n max-width: 552px;\n }\n}\n@media (min-width: 960px) {\n .help-bubble {\n max-width: 912px;\n }\n}\n@media (min-width: 1280px) {\n .help-bubble {\n max-width: 1232px;\n }\n}\n\n.help-bubble__title {\n border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n}\n\n.help-bubble___title__content {\n border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n padding: 0px 0 0 12px;\n background-color: #ef6c00;\n}\n.help-bubble___title__content .md-icon-button {\n margin-right: 0;\n padding-top: 0;\n padding-bottom: 0;\n}\n\n.help-bubble__content {\n overflow: auto;\n padding: 8px 12px;\n max-height: 480px;\n}\n\n.help-bubble__actions {\n border-bottom-left-radius: 4px;\n border-bottom-right-radius: 4px;\n}\n\n.input-container {\n padding-top: 12px;\n}\n\n.input-container--component {\n margin-bottom: 0;\n}\n\n.input-container--open-response.md-has-icon {\n padding-left: 0;\n}\n.input-container--open-response .md-errors-spacer {\n display: none;\n}\n\n.input-wrapper {\n position: relative;\n}\n\n.input-wrapper--focused .input--textarea__action md-icon {\n color: #7e57c2;\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n padding: 8px;\n background-color: #f7f7f7;\n border: 1px solid #cccccc;\n margin-bottom: 8px;\n}\n.input--textarea:focus, .input-container textarea.input--textarea:focus {\n background-color: #ffffff;\n}\n.input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n color: rgba(0, 0, 0, 0.54);\n}\n\n.input-container textarea.input--textarea {\n width: 100%;\n}\n\n.input--textarea--disabled {\n color: rgba(0, 0, 0, 0.54);\n}\n\n.input--textarea__action {\n position: absolute;\n right: -4px;\n}\n.input--textarea__action[disabled] md-icon {\n color: rgba(0, 0, 0, 0.26) !important;\n}\n\n.input--textarea__action--notebook {\n top: 6px;\n}\n.input-wrapper--richtext .input--textarea__action--notebook {\n top: -7px;\n}\n\n.input--textarea__action--revision {\n bottom: 6px;\n}\n.input-wrapper--richtext .input--textarea__action--revision {\n bottom: -5px;\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n line-height: 1.2;\n color: rgba(0, 0, 0, 0.87);\n}\n.input-label.input-label--focused, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused {\n color: #7e57c2;\n}\n\n.autocomplete input {\n text-overflow: ellipsis;\n overflow: hidden;\n word-wrap: none;\n font-weight: 500;\n color: rgba(0, 0, 0, 0.54);\n}\n\n@media only screen and (min-width: 600px) {\n .autocomplete--minwidth {\n min-width: 300px;\n }\n}\n@media only screen and (min-width: 960px) {\n .autocomplete--minwidth {\n min-width: 300px;\n }\n}\n\n.autocomplete--flat md-autocomplete-wrap {\n background-color: #ffffff;\n}\n.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n box-shadow: none;\n background-color: #eeeeee;\n}\n\n.select__header {\n height: 48px;\n}\n.select__header input {\n height: 100%;\n width: 100%;\n padding: 0 8px;\n outline: none;\n border: 0 none;\n font-size: 14px;\n font-weight: 500;\n}\n\n.table {\n max-width: 100%;\n width: auto;\n min-width: 100px;\n margin: 8px 0;\n}\n.table thead > tr > th,\n.table thead > tr > td,\n.table tbody > tr > th,\n.table tbody > tr > td,\n.table tfoot > tr > th,\n.table tfoot > tr > td {\n border: 1px solid #cccccc;\n padding: 6px;\n font-size: 15px;\n min-height: 32px;\n height: 32px;\n min-width: 32px;\n vertical-align: top;\n}\n.table td.inactive,\n.table th {\n background-color: #f7f7f7;\n opacity: 1;\n visibility: visible;\n}\n.table md-input-container {\n margin: 0;\n}\n.table .md-errors-spacer {\n display: none;\n}\n\n.table--student td.inactive {\n padding: 8px 10px;\n}\n\n.table--full-width {\n width: 100%;\n}\n\n.table--list {\n border: 0 none;\n border-collapse: collapse;\n background-color: #ffffff;\n max-width: 100%;\n overflow: auto;\n}\n.table--list th,\n.table--list td {\n padding: 0 4px;\n border: 0 none;\n}\n.table--list td {\n min-height: 56px;\n height: 56px;\n}\n.table--list tr.md-button {\n display: table-row;\n text-align: left;\n width: auto;\n text-transform: none;\n font-size: inherit;\n font-weight: normal;\n}\n\n.table--list__wrap {\n min-width: 600px;\n}\n\n@media only screen and (max-width: 959px) {\n .table-wrap-sticky {\n overflow-x: auto;\n }\n}\n\n.table--list__thead {\n font-size: 14px;\n font-weight: 700;\n}\n\n.table--list__thead__tr {\n height: 100%;\n margin: 0;\n}\n\n.table--list__thead__th {\n background-color: #757575;\n color: rgb(255, 255, 255);\n min-height: 42px;\n height: 42px;\n}\n\n.table--list__thead__link {\n color: #ffffff;\n text-transform: none;\n margin: 0;\n min-width: 0;\n white-space: normal;\n line-height: 1.4;\n width: 100%;\n}\n\n.table--list__thead__sort {\n margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n transform: rotate(180deg);\n}\n\n.td--wrap {\n min-width: 180px;\n white-space: normal;\n line-height: 1.2;\n}\n\n@media only screen and (max-width: 959px) {\n .td--max-width {\n max-width: 180px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n}\n\n.md-toolbar-tools {\n font-size: 18px;\n}\n.md-toolbar-tools .autocomplete {\n height: 36px;\n}\n.md-toolbar-tools .autocomplete md-autocomplete-wrap {\n height: 36px;\n}\n.md-toolbar-tools .autocomplete input {\n height: 36px;\n}\n\n.md-toolbar--wise {\n min-height: 42px;\n}\n.md-toolbar--wise .md-toolbar-tools {\n height: 42px;\n max-height: 42px;\n}\n.md-toolbar--wise .md-button.md-icon-button {\n height: 42px;\n line-height: 42px;\n width: 42px;\n}\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n padding: 0 8px;\n font-size: 15px;\n}\n\n.md-toolbar--sidenav {\n background-color: #333333 !important;\n}\n.md-toolbar--sidenav .md-toolbar-tools {\n font-size: 16px;\n font-weight: 500;\n}\n\n.toolbar {\n position: fixed;\n left: 0;\n right: 0;\n top: 52px;\n z-index: 3;\n}\n\n.toolbar__title {\n margin-left: 8px;\n font-size: 16px;\n font-weight: 500;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n margin: 0 4px;\n min-height: 32px;\n background-color: #f7f7f7;\n}\n.toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n height: 32px;\n text-align: left;\n}\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n text-align: right;\n}\n\n.toolbar__select--fixedwidth {\n width: 168px;\n}\n@media only screen and (min-width: 600px) {\n .toolbar__select--fixedwidth {\n width: 264px;\n }\n}\n@media only screen and (min-width: 960px) {\n .toolbar__select--fixedwidth {\n width: 432px;\n }\n}\n\n.list-item {\n background-color: #ffffff;\n border-bottom: 1px solid #eeeeee;\n}\n.list-item .md-subheader, .list-item.md-subheader {\n color: rgba(0, 0, 0, 0.87);\n background-color: #ffffff;\n}\n.list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n vertical-align: middle;\n}\n.list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n padding: 0;\n}\n.list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n margin-right: 8px;\n}\n.list-item .autocomplete {\n margin: 8px 0;\n}\n\n.list-item--info._md-button-wrap > div.md-button:first-child, .list-item--info .md-subheader-content {\n border-left: 4px solid #ef6c00 !important;\n margin-left: -4px;\n}\n\n.list-item--warn._md-button-wrap > div.md-button:first-child, .list-item--warn .md-subheader-content {\n border-left: 4px solid #c62828 !important;\n margin-left: -4px;\n}\n\n.list-item--expanded {\n border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n cursor: default;\n background-color: #f7f7f7;\n}\n\n.list-item--actions {\n padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n text-transform: none;\n width: 100%;\n padding: 8px 16px;\n margin: 0;\n white-space: normal;\n text-align: left;\n line-height: 1.4;\n}\n\n.user-list {\n font-size: 15px;\n}\n\n#nav {\n position: relative;\n}\n\n.nav {\n margin-bottom: 16px;\n}\n\n.nav-mask {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background-color: rgba(0, 0, 0, 0.25);\n z-index: 1;\n}\n.nav-mask.ng-hide {\n opacity: 0;\n}\n\n.nav-head {\n color: rgba(0, 0, 0, 0.54);\n font-weight: 500;\n}\n.nav-head md-icon {\n line-height: 20px;\n}\n\n.nav-contents--root {\n padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n background-color: #dddddd;\n padding: 8px;\n}\n\n.nav-contents--root {\n padding: 0;\n}\n\n.nav-contents__list {\n padding: 0;\n}\n@media (min-width: 600px) {\n .nav-contents__list {\n padding: 8px;\n }\n}\n\n.nav-item {\n transition: opacity 250ms ease-in-out;\n}\n.nav-item.prev md-list-item {\n background-color: white;\n /*&._md-button-wrap>div.md-button:first-child {\n border-left: 4px solid color('primary');\n margin-left: -4px;\n }*/\n}\n\n.nav-item--card__content {\n border-top-right-radius: 4px;\n border-top-left-radius: 4px;\n}\n.nav-item--card__content:focus {\n outline: none;\n}\n.nav-item--card__content:focus .nav-item__title > span {\n border-bottom: 1px dashed #cccccc;\n}\n\n.nav-item--root {\n transition: margin 250ms, box-shadow 500ms;\n}\n.nav-item--root.expanded {\n flex-basis: 100%;\n max-width: 100%;\n max-height: none !important;\n margin: 8px auto;\n}\n.nav-item--root.expanded:first-of-type {\n margin-top: 0;\n}\n\n.nav-item--list__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.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.menu-progress {\n position: absolute;\n top: 10px;\n right: 12px;\n}\n.menu-progress path {\n stroke: #CAD266 !important;\n stroke-width: 2px;\n}\n\n[dir=rtl] .menu-progress {\n right: auto;\n left: 12px;\n}\n\n.menu-sidenav__item {\n font-weight: 700;\n font-size: 14px;\n}\n\n.menu-sidenav__icon {\n margin-top: 12px !important;\n margin-right: 12px !important;\n margin-left: 12px;\n}\n\n.active .menu-sidenav__icon, .active .menu-sidenav__item {\n color: #7e57c2;\n}\n\n.menu-sidebar {\n position: absolute;\n top: 94px;\n bottom: 0;\n left: 0;\n background-color: #fff;\n width: 56px;\n overflow: hidden;\n padding: 8px 0;\n text-align: center;\n border-right: 1px solid #cccccc;\n}\n@media only screen and (max-width: 599px) {\n .menu-sidebar {\n display: none;\n }\n}\n\n[dir=rtl] .menu-sidebar {\n right: 0;\n left: auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n margin-top: 6px;\n margin-bottom: 6px;\n}\n\n#node {\n margin: 0 auto;\n position: absolute;\n left: 0;\n right: 0;\n}\n@media only screen and (min-width: 600px) {\n #node {\n padding: 8px;\n padding: 24px 16px;\n margin-bottom: 32px;\n }\n}\n@media only screen and (min-width: 960px) {\n #node {\n padding: 32px;\n }\n}\n#node.ng-enter {\n transition: opacity 0.5s;\n opacity: 0;\n}\n#node.ng-enter-active {\n opacity: 1;\n}\n\n@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.node-content__actions .md-button:first-child {\n margin-left: 0;\n}\n.node-content__actions .md-button:last-child {\n margin-right: 0;\n}\n\n.node-content__actions__info {\n font-style: italic;\n margin-left: 8px;\n color: rgba(0, 0, 0, 0.54);\n}\n\n.node-content__actions__more {\n border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav:first-of-type {\n margin-right: 0;\n}\n\n@media only screen and (min-width: 600px) {\n .node-sidebar-active {\n margin-right: 68px;\n }\n}\n\n@media only screen and (max-width: 599px) {\n .node-sidebar-visible {\n margin-bottom: 42px;\n }\n}\n\n.node-sidebar {\n position: absolute;\n right: 0;\n top: 0;\n width: 52px;\n}\n\n.node-sidebar__toolbar {\n position: fixed;\n width: 52px;\n background-color: #ffffff;\n padding: 8px 0;\n border-radius: 3px;\n}\n@media only screen and (max-width: 599px) {\n .node-sidebar__toolbar {\n right: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n border-radius: 0;\n padding: 0;\n min-height: 0;\n height: 42px;\n }\n}\n\n.node__label--vertical-alignment {\n vertical-align: middle;\n display: inline-block;\n}\n\nnotebook-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: 12px;\n left: -18px;\n height: 22px;\n line-height: 22px;\n font-size: 12px;\n font-weight: 700;\n border: 2px solid;\n}\n.notification-count:before {\n content: \"\";\n position: absolute;\n right: -7px;\n top: 6px;\n border-left: 6px solid rgba(255, 255, 255, 0.87);\n border-top: 4px solid transparent;\n border-bottom: 4px solid transparent;\n}\n\n.notification-list {\n padding: 8px 0;\n}\n\n.notification-dismiss {\n width: 500px;\n}\n\n.notification-dismiss__input {\n margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source {\n color: rgba(0, 0, 0, 0.54);\n font-size: 12px;\n}\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon {\n font-size: 18px;\n min-width: 0;\n width: auto;\n margin-left: -4px;\n line-height: 20px;\n}\n\n.account-menu {\n border-radius: 4px;\n padding: 0;\n font-size: 15px;\n max-width: 380px;\n}\n@media (min-width: 1280px) {\n .account-menu {\n min-width: 380px !important;\n }\n}\n.account-menu h3 {\n margin: 0;\n font-weight: 300;\n}\n.account-menu .mat-mdc-menu-content {\n padding: 0;\n}\n\n.account-menu--fixed-height {\n height: 304px;\n}\n\n.account-menu--fixed-width {\n width: 320px;\n}\n@media (min-width: 960px) {\n .account-menu--fixed-width {\n width: 380px;\n }\n}\n\n.account-menu__icon {\n background-color: rgb(255, 255, 255);\n border-radius: 50%;\n}\n\n.account-menu__caret {\n position: absolute;\n right: 28px;\n top: -8px;\n outline: none;\n}\n.account-menu__caret:before {\n content: \"\";\n position: absolute;\n border-bottom: 8px solid #fff;\n border-left: 8px solid transparent;\n border-right: 8px solid transparent;\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n right: 132px;\n}\n\n[dir=rtl] .account-menu__caret {\n right: auto;\n left: 28px;\n}\n[dir=rtl] .account-menu__caret--pause, [dir=rtl] .account-menu__caret--notification {\n left: 80px;\n right: auto;\n}\n[dir=rtl] .account-menu__caret--notification--with-pause {\n left: 132px;\n right: auto;\n}\n\n.account-menu__info {\n padding: 8px 12px;\n}\n\n.account-menu__info__title {\n font-weight: 500;\n}\n\n.account-menu__info__team {\n font-weight: 400;\n color: rgba(0, 0, 0, 0.54);\n}\n\n.account-menu__users {\n padding: 0;\n}\n.account-menu__users md-list-item {\n padding: 0;\n}\n.account-menu__users md-list-item .md-avatar {\n margin: 0 8px 0 0;\n height: 48px;\n width: 48px;\n}\n\n.account-menu__actions {\n background-color: #f7f7f7;\n}\n\n.account-menu__control {\n padding: 16px;\n}\n\n.annotations {\n margin: 16px 4px 16px 62px;\n position: relative;\n font-size: 15px;\n}\n.annotations hr {\n margin: 10px 0 8px;\n border-color: rgba(0, 0, 0, 0.12);\n}\n.annotations:after {\n content: \"\";\n position: absolute;\n width: 0;\n height: 0;\n left: -15px;\n right: auto;\n top: -1px;\n bottom: auto;\n border-top: 20px solid transparent;\n border-bottom: 20px solid transparent;\n border-right: 16px solid #757575;\n}\n\n.annotations-container--student--report {\n border-top: 1px solid #dddddd;\n}\n\n.annotations--report {\n margin-top: 0;\n margin-bottom: 0;\n}\n\n.annotations__header {\n position: relative;\n border-top-right-radius: 4px;\n padding: 10px 12px;\n font-weight: 700;\n transition: all 1s;\n color: #ffffff;\n background-color: #757575;\n}\n\n.annotations__avatar {\n background-color: #F05843;\n padding: 2px;\n position: absolute;\n top: 0;\n left: -62px;\n}\n\n.annotations__icon {\n transition: all 1s;\n color: #ffffff;\n}\n\n.annotations__body {\n padding: 12px;\n background-color: #ffffff;\n border-bottom-left-radius: 4px;\n border-bottom-right-radius: 4px;\n overflow: auto;\n}\n\n.annotations__status {\n background-color: #ffffff;\n color: #ef6c00;\n display: inline-block;\n margin-left: 8px;\n font-size: 12px;\n}\n.annotations__status.ng-enter, .annotations__status.ng-leave {\n transition: all 1s;\n}\n.annotations__status.ng-enter, .annotations__status.ng-leave.ng-leave-active {\n opacity: 0;\n}\n.annotations__status.ng-leave, .annotations__status.ng-enter.ng-enter-active {\n opacity: 1;\n}\n\n.annotations__score {\n font-weight: 700;\n}\n\n.annotations__info {\n font-style: italic;\n opacity: 0.8;\n border-bottom: 1px dotted;\n font-size: 13px;\n}\n\n.annotations--inside .annotations {\n margin-left: 72px;\n}\n\n.annotations--info {\n margin-bottom: 32px;\n margin-right: 8px;\n margin-left: 72px;\n}\n@media only screen and (min-width: 600px) {\n .annotations--info {\n margin: 16px 16px 32px 76px;\n }\n}\n.annotations--info:after {\n border-right: 16px solid #ef6c00;\n}\n.annotations--info .annotations__avatar {\n background-color: #ffffff;\n}\n.annotations--info .annotations__header {\n background-color: #ef6c00;\n}\n\n.component {\n position: relative;\n}\n\n.component__wrapper {\n padding: 0 24px;\n margin: 24px 0;\n}\n\n.component__content {\n overflow-x: auto;\n font-size: 15px;\n overflow-y: hidden;\n}\n@media only screen and (min-width: 600px) {\n .component__content {\n padding: 0 8px;\n }\n}\n\nh3.component__header {\n padding: 8px 12px;\n margin: 0;\n font-size: 14px;\n}\n\n.component__rubric {\n position: absolute;\n left: -20px;\n top: 12px;\n}\n\n.notebook-enabled .component_content img {\n transition: all 250ms;\n cursor: pointer;\n cursor: copy;\n}\n.notebook-enabled .component_content img:hover, .notebook-enabled .component_content img:focus {\n box-shadow: 0 0 5px 1px #F05843;\n}\n\n.component__actions .md-button:first-child {\n margin-left: 0;\n}\n.component__actions .md-button:last-child {\n margin-right: 0;\n}\n\n.component__actions__info {\n font-style: italic;\n margin-left: 8px;\n color: rgba(0, 0, 0, 0.54);\n}\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 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.graph-select {\n min-width: 150px;\n max-width: 200px;\n}\n\n.graph-controls {\n margin: 8px 0;\n padding: 8px 0;\n border: 1px solid #eeeeee;\n border-left-width: 0;\n border-right-width: 0;\n}\n\n.outside-content iframe {\n border: 1px solid #eeeeee;\n}\n\n.outside-content__source {\n margin-top: 4px;\n text-align: end;\n}\n.outside-content__source a {\n max-width: 240px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n display: inline-block;\n}\n\n.notebook-toolbar md-divider {\n margin: 8px 0;\n}\n@media only screen and (max-width: 959px) {\n .notebook-toolbar {\n border-top: 1px solid #dddddd;\n }\n}\n\n.notebook-toolbar__add-menu {\n position: absolute;\n bottom: 40px;\n}\n.notebook-toolbar__add-menu .md-fab-action-item {\n background-color: #ffffff;\n}\n\n.notebook-toolbar__add-icon {\n border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n float: right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n float: left;\n}\n\nhighchart {\n display: block;\n}","// Colors\n$_primary-color: #1C8CA8; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 59%);\n\n$color: (\n 'primary': $_primary-color,\n 'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n 'accent-1': #795C3A,\n 'accent-2': #CAD266,\n 'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n 'info': #ef6c00,\n 'success': #00C853,\n 'divider': rgba(0, 0, 0, 0.12),\n 'gray-lightest': #f7f7f7,\n 'gray-lighter': #eeeeee,\n 'gray-light': #dddddd,\n 'gray': #cccccc,\n 'gray-dark': #aaaaaa,\n 'gray-darker': #757575,\n 'gray-darkest': #333333,\n 'text': rgba(0, 0, 0, 0.87),\n 'text-secondary': rgba(0, 0, 0, 0.54),\n 'text-disabled': rgba(0, 0, 0, 0.26),\n 'text-light': rgba(255, 255, 255, 1),\n 'text-light-secondary': rgba(255, 255, 255, 0.70),\n 'text-light-disabled': rgba(255, 255, 255, 0.50),\n 'selected-bg': $_selected-bg,\n 'score': #FFC107\n);\n\n$body-color: (\n 'body': map-get($color, 'text'),\n 'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: (map-merge($color, $body-color));\n\n// Typography\n$baseline-grid: 8px;\n$body-font-size-base: rem(1.500);\n$caption-font-size-base: rem(1.300);\n\n// Layout\n$wise-toolbar-height: 42px;\n\n// Menus\n$menu-border-radius: 2px;\n$max-visible-items: 6;\n$menu-item-height: 6 * $baseline-grid !default;\n$dense-menu-item-height: 4 * $baseline-grid !default;\n$max-menu-height: 2 * $baseline-grid + $max-visible-items * $menu-item-height !default;\n$max-dense-menu-height: 2 * $baseline-grid + $max-visible-items * $dense-menu-item-height !default;\n\n// Cards\n$card-border-radius: 4px;\n\n// Buttons\n$button-border-radius: 3px;\n","// 1. Config\n\n// 2. Base\n.l-constrained {\n margin-left: auto;\n margin-right: auto;\n max-width: 100%;\n position: relative;\n\n @media (min-width: $layout-breakpoint-xs) {\n width: $layout-breakpoint-md;\n }\n\n @media (min-width: $layout-breakpoint-lg) {\n width: $layout-breakpoint-lg;\n }\n}\n\n.l-constrained-md {\n width: $layout-breakpoint-sm;\n max-width: 100%;\n}\n","// 1. Config\n\n// 2. Base\n.l-footer {\n position: fixed;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 1;\n background-color: #ffffff;\n border-top: 1px solid color('gray-lighter');\n}\n\n// Buttons\n.button--footer {\n margin: 0;\n padding-top: 0;\n padding-bottom: 0;\n min-width: 0;\n display: flex;\n}\n\n.button--footer__element {\n padding-left: 8px;\n}\n","// 1. Config\n\n// 2. Base\n.l-header {\n z-index: 3;\n\n .logo {\n margin-left: 0 !important;\n height: 36px;\n width: 36px;\n vertical-align: middle;\n }\n\n .logo-link {\n min-width: auto;\n display: none;\n padding: 0 4px;\n margin-right: 12px;\n\n @media only screen and (min-width: ($layout-breakpoint-xs)) {\n display: block;\n }\n\n &:hover, &:focus {\n border: 0 none;\n }\n }\n\n // Handle mobile portrait\n @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n .md-toolbar-tools {\n h1, h2, h3 {\n font-size: $body-font-size-base;\n }\n }\n }\n}\n","// 1. Config\n\n// 2. Base\n.l-main {\n background-color: color('body-bg');\n}\n\n.l-main--with-toolbar {\n margin-top: $wise-toolbar-height;\n}\n\n#content {\n transition: margin-top 0.5s;\n}\n\n.view-content {\n margin: 0 auto;\n padding: 8px;\n position: absolute;\n left: 0;\n right: 0;\n transition: opacity 500ms;\n\n @media only screen and (min-width: $layout-breakpoint-sm) {\n padding: 16px;\n }\n\n &.ng-enter {\n opacity: 0;\n }\n\n .ng-enter-active {\n opacity: 1;\n transition-delay: 250ms;\n }\n\n &.ng-leave-active,\n &.ng-hide {\n opacity: 0;\n }\n\n &.ng-hide-add,\n &.ng-hide-add-active,\n &.ng-hide-remove,\n &.ng-hide-remove-active {\n opacity: 0;\n }\n}\n\n.view-content--with-sidemenu {\n padding: 8px;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n margin-left: 54px;\n padding: 16px;\n }\n}\n[dir='rtl'] .view-content--with-sidemenu {\n @media only screen and (min-width: $layout-breakpoint-xs) {\n margin-left: auto;\n margin-right: 54px;\n }\n}\n\n.content-head {\n margin: 8px 0;\n\n h1,\n h2,\n h3 {\n font-weight: 300;\n margin-top: 0;\n margin-bottom: 0;\n font-size: rem(3.6);\n\n @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n font-size: rem(3.2);\n text-align: center;\n }\n }\n}\n\n.content-head__more {\n @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n margin-top: 8px;\n }\n}\n\n.content-head__item,\nh2.content-head__item {\n margin: 0 8px;\n\n .md-subhead {\n padding-left: 4px;\n\n @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n display: block;\n padding-left: 0;\n }\n }\n\n md-icon {\n vertical-align: text-bottom;\n }\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n max-height: 500px;\n}\n","// 1. Config\n\n// 2. Base\n.l-notebook {\n margin-top: $wise-toolbar-height;\n background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-sidebar {\n\n}\n\n.l-sidebar__header {\n background-color: #ffffff !important;\n color: color('accent-1') !important;\n\n md-select {\n color: color('body');\n }\n}",".status-icon {\n margin: 0 4px;\n z-index: 1;\n vertical-align: bottom;\n}\n\n.md-button.status-icon {\n height: auto;\n width: auto;\n min-height: 0;\n line-height: inherit;\n margin: 0 4px;\n padding: 0;\n}\n\n.avatar--icon--alert {\n background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n font-size: 48px;\n margin: -4px 0 0 -4px;\n}\n","md-dialog {\n width: $layout-breakpoint-xs;\n}\n\n.dialog--wide {\n width: $layout-breakpoint-sm;\n}\n\n.dialog--wider {\n width: $layout-breakpoint-md;\n}\n",".help-bubble {\n border-radius: $card-border-radius;\n max-width: 320px;\n\n @media (min-width: $layout-breakpoint-xs) {\n max-width: ($layout-breakpoint-xs - 48);\n }\n\n @media (min-width: $layout-breakpoint-sm) {\n max-width: ($layout-breakpoint-sm - 48);\n }\n\n @media (min-width: $layout-breakpoint-md) {\n max-width: ($layout-breakpoint-md - 48);\n }\n}\n\n.help-bubble__title {\n border-top-left-radius: $card-border-radius;\n border-top-right-radius: $card-border-radius;\n}\n\n.help-bubble___title__content {\n border-top-left-radius: $card-border-radius;\n border-top-right-radius: $card-border-radius;\n padding: 0px 0 0 12px;\n background-color: color('info');\n\n .md-icon-button {\n margin-right: 0;\n padding-top: 0;\n padding-bottom: 0;\n }\n}\n\n.help-bubble__content {\n overflow: auto;\n padding: 8px 12px;\n max-height: 480px;\n}\n\n.help-bubble__actions {\n border-bottom-left-radius: $card-border-radius;\n border-bottom-right-radius: $card-border-radius;\n}\n","// Variables\n$input-action-width: 44px;\n$input-action-vertical-offset: 6px;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n.input-container {\n padding-top: 12px;\n}\n\n.input-container--component {\n margin-bottom: 0;\n}\n\n.input-container--open-response {\n &.md-has-icon {\n padding-left: 0;\n }\n\n .md-errors-spacer {\n display: none;\n }\n}\n\n.input-wrapper {\n position: relative;\n}\n\n.input-wrapper--focused {\n .input--textarea__action md-icon {\n color: color('primary');\n }\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n padding: 8px;\n background-color: color('gray-lightest');\n border: 1px solid color('gray');\n margin-bottom: 8px;\n\n &:focus {\n background-color: #ffffff;\n }\n\n &[disabled] {\n color: color('text-secondary');\n }\n}\n\n.input-container textarea.input--textarea {\n width: 100%;\n}\n\n.input--textarea--disabled {\n color: color('text-secondary');\n}\n\n.input--textarea__action {\n position: absolute;\n right: -4px;\n\n &[disabled] md-icon {\n color: color('text-disabled') !important;\n }\n}\n\n.input--textarea__action--notebook {\n top: $input-action-vertical-offset;\n\n .input-wrapper--richtext & {\n top: $input-action-vertical-offset-richtext\n }\n}\n\n.input--textarea__action--revision {\n bottom: $input-action-vertical-offset;\n\n .input-wrapper--richtext & {\n bottom: ($input-action-vertical-offset-richtext + 2px);\n }\n\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n line-height: 1.2;\n color: color('text');\n\n &.input-label--focused {\n color: color('primary');\n }\n}\n\n.autocomplete {\n input {\n text-overflow: ellipsis;\n overflow: hidden;\n word-wrap: none;\n font-weight: 500;\n color: color('text-secondary');\n }\n}\n\n.autocomplete--minwidth {\n @media only screen and (min-width: $layout-breakpoint-xs) {\n min-width: 300px;\n }\n\n @media only screen and (min-width: $layout-breakpoint-sm) {\n min-width: 300px;\n }\n}\n\n.autocomplete--flat {\n md-autocomplete-wrap {\n background-color: #ffffff;\n\n &:not(.md-menu-showing) {\n box-shadow: none;\n background-color: color('gray-lighter');\n }\n }\n}\n\n.select__header {\n height: $menu-item-height;\n\n input {\n height: 100%;\n width: 100%;\n padding: 0 8px;\n outline: none;\n border: 0 none;\n font-size: rem(1.4);\n font-weight: 500;\n }\n}\n",".table {\n max-width: 100%;\n width: auto;\n min-width: 100px;\n margin: 8px 0;\n\n thead,\n tbody,\n tfoot {\n // TODO: remove chaining when bootstrap dependency is removed\n > tr > th,\n > tr > td {\n border: 1px solid color('gray');\n padding: 6px;\n font-size: rem(1.5);\n min-height: 32px;\n height: 32px;\n min-width: 32px;\n vertical-align: top;\n }\n }\n\n td.inactive,\n th {\n background-color: color('gray-lightest');\n opacity: 1;\n visibility: visible;\n }\n\n md-input-container {\n margin: 0;\n }\n\n .md-errors-spacer {\n display: none;\n }\n}\n\n.table--student {\n td {\n &.inactive {\n padding: 8px 10px;\n }\n }\n}\n\n.table--full-width {\n width: 100%;\n}\n\n.table--list {\n border: 0 none;\n border-collapse: collapse;\n background-color: #ffffff;\n max-width: 100%;\n overflow: auto;\n\n th,\n td {\n padding: 0 4px;\n border: 0 none;\n }\n\n td {\n min-height: 56px;\n height: 56px;\n }\n\n tr {\n &.md-button {\n display: table-row;\n text-align: left;\n width: auto;\n text-transform: none;\n font-size: inherit;\n font-weight: normal;\n }\n }\n}\n\n.table--list__wrap {\n min-width: $layout-breakpoint-xs;\n}\n\n.table-wrap-sticky {\n @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n overflow-x: auto;\n }\n}\n\n.table--list__thead {\n font-size: rem(1.4);\n font-weight: 700;\n}\n\n.table--list__thead__tr {\n height: 100%;\n margin: 0;\n}\n\n.table--list__thead__th {\n background-color: color('gray-darker');\n color: color('text-light');\n min-height: $wise-toolbar-height;\n height: $wise-toolbar-height;\n}\n\n.table--list__thead__link {\n color: #ffffff;\n text-transform: none;\n margin: 0;\n min-width: 0;\n white-space: normal;\n line-height: 1.4;\n width: 100%;\n}\n\n.table--list__thead__sort {\n margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n transform: rotate(180deg);\n}\n\n.td--wrap {\n min-width: 180px;\n white-space: normal;\n line-height: 1.2;\n}\n\n.td--max-width {\n @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n max-width: 180px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n}\n",".md-toolbar-tools {\n font-size: 18px;\n\n .autocomplete {\n height: 36px;\n\n md-autocomplete-wrap {\n height: 36px;\n }\n\n input {\n height: 36px;\n }\n }\n}\n\n.md-toolbar--wise {\n min-height: $wise-toolbar-height;\n\n .md-toolbar-tools {\n height: $wise-toolbar-height;\n max-height: $wise-toolbar-height;\n }\n\n .md-button.md-icon-button {\n height: $wise-toolbar-height;\n line-height: $wise-toolbar-height;\n width: $wise-toolbar-height;\n }\n}\n\n.md-toolbar--wise--sm {\n .md-toolbar-tools {\n padding: 0 8px;\n font-size: $body-font-size-base;\n }\n}\n\n.md-toolbar--sidenav {\n background-color: color('gray-darkest') !important;\n\n .md-toolbar-tools {\n font-size: rem(1.6);\n font-weight: 500;\n }\n}\n\n.toolbar {\n position: fixed;\n left: 0;\n right: 0;\n top: $md-toolbar-height;\n z-index: 3;\n}\n\n.toolbar__title {\n margin-left: 8px;\n font-size: rem(1.6);\n font-weight: 500;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n margin: 0 4px;\n min-height: 32px;\n background-color: color('gray-lightest');\n\n .md-select-value {\n height: 32px;\n text-align: left;\n }\n}\n[dir=rtl] {\n .toolbar__select, .md-button.toolbar__select {\n .md-select-value {\n text-align: right;\n }\n }\n}\n\n.toolbar__select--fixedwidth {\n width: 168px;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n width: 264px;\n }\n\n @media only screen and (min-width: $layout-breakpoint-sm) {\n width: 432px;\n }\n}\n","// Helpers\n@function rem($multiplier) {\n $font-size: 10px;\n @return $multiplier * $font-size;\n}\n\n// Angular Material variables for use and !default overrides\n$md-toolbar-height: 52px;\n$md-toolbar-medium-tall-height: 74px;\n$md-toolbar-tall-height: 104px;\n$md-toolbar-height-mobile-portrait: 52px;\n$md-toolbar-height-mobile-landscape: 52px;\n\n$caption-font-size-base: rem(1.300);\n\n//$list-item-height: 56px;\n\n$card-border-radius: 4px;\n\n$layout-breakpoint-xs: 600px;\n$layout-breakpoint-sm: 960px;\n$layout-breakpoint-md: 1280px;\n$layout-breakpoint-lg: 1920px;\n\n$button-border-radius: 3px;\n\n$tooltip-fontsize-lg: rem(1.1);\n$tooltip-fontsize-sm: rem(1.1);\n//$tooltip-height-lg: rem(2.2);\n$tooltip-height-sm: rem(2.2);\n//$tooltip-top-margin-lg: rem(1.4);\n$tooltip-top-margin-sm: rem(1.4);\n//$tooltip-lr-padding-lg: rem(0.8);\n$tooltip-lr-padding-sm: rem(0.8);\n//$tooltip-max-width: rem(3.20);\n\n$progress-linear-bar-height: 7px;\n",".list-item {\n background-color: #ffffff;\n border-bottom: 1px solid color('gray-lighter');\n\n .md-subheader, &.md-subheader {\n color: color('text');\n background-color: #ffffff;\n\n md-icon {\n vertical-align: middle;\n }\n\n .md-subheader-inner {\n padding: 0;\n }\n\n .md-avatar {\n margin-right: 8px;\n }\n }\n\n .autocomplete {\n margin: 8px 0;\n }\n}\n\n.list-item--info {\n &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n border-left: 4px solid color('info') !important;\n margin-left: -4px;\n }\n}\n\n.list-item--warn {\n //background-color: lighten(color('warn'), 56%);\n\n &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n border-left: 4px solid color('warn') !important;\n margin-left: -4px;\n }\n}\n\n.list-item--expanded {\n border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n cursor: default;\n background-color: color('gray-lightest');\n}\n\n.list-item--actions {\n padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n text-transform: none;\n width: 100%;\n padding: 8px 16px;\n margin: 0;\n white-space: normal;\n text-align: left;\n line-height: 1.4;\n}\n\n.user-list {\n font-size: rem(1.5);\n}\n","#nav {\n position: relative;\n}\n\n.nav {\n margin-bottom: 16px;\n}\n\n.nav-mask {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background-color: rgba(0,0,0,0.25);\n z-index: 1;\n\n &.ng-hide {\n opacity: 0;\n }\n}\n\n.nav-head {\n color: color('text-secondary');\n font-weight: 500;\n\n md-icon {\n line-height: 20px;\n }\n}\n\n.nav-contents--root {\n padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n background-color: color('gray-light');\n padding: 8px;\n}\n\n.nav-contents--root {\n padding: 0;\n}\n\n.nav-contents__list {\n padding: 0;\n\n @media (min-width: $layout-breakpoint-xs) {\n padding: 8px;\n }\n}\n\n.nav-item {\n transition: opacity 250ms ease-in-out;\n\n &.prev {\n md-list-item {\n background-color: color('selected-bg');\n\n /*&._md-button-wrap>div.md-button:first-child {\n border-left: 4px solid color('primary');\n margin-left: -4px;\n }*/\n }\n }\n}\n\n.nav-item--card__content {\n border-top-right-radius: $card-border-radius;\n border-top-left-radius: $card-border-radius;\n\n &:focus {\n outline: none;\n\n .nav-item__title > span {\n border-bottom: 1px dashed color('gray');\n }\n }\n}\n\n.nav-item--root {\n transition: margin 250ms, box-shadow 500ms;\n\n &.expanded {\n flex-basis: 100%;\n //max-width: ($layout-breakpoint-md - 100) !important;\n max-width: 100%;\n max-height: none !important;\n margin: 8px auto;\n\n &:first-of-type {\n margin-top: 0;\n }\n\n //@media only screen and (min-width: $layout-breakpoint-sm) {\n //margin: 8px auto;\n //}\n }\n}\n\n//.nav-item--list {\n//}\n\n.nav-item--list__info-item {\n padding: 0 16px 0 4px;\n display: inline-block;\n}\n\n.nav-item--list__reorder {\n margin-left: 8px;\n color: color('text-disabled');\n}\n\n.nav-item--card {\n\n}\n\n.nav-item--card--group {\n &:not(.expanded) {\n box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098),\n 0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa;\n }\n}\n\n.nav-item__collapse {\n margin: 0;\n}\n\n.nav-item__more {\n border-top: 1px solid color('gray-light');\n border-bottom-right-radius: $card-border-radius;\n border-bottom-left-radius: $card-border-radius;\n padding: 8px 16px;\n min-height: 40px;\n}\n\n.nav-item__users {\n height: auto;\n cursor: pointer;\n color: #ffffff;\n margin: 0;\n padding: 1px 6px;\n\n > md-icon {\n padding-right: 4px;\n color: #ffffff;\n }\n\n &:hover, &:focus {\n &.success-bg {\n background-color: color('success');\n }\n }\n}\n\n.nav-item__title {\n padding-left: 16px;\n line-height: 1.2;\n font-weight: 400;\n}\n[dir=rtl] .nav-item__title {\n padding-left: auto;\n padding-right: 16px;\n}\n\n.nav-item__info {\n padding: 0 8px;\n}\n\n.nav-item__progress {\n width: 48px;\n\n > .md-container {\n top: 0;\n }\n}\n\n.nav-item__progress-value {\n margin-left: 8px;\n width: 36px;\n}\n\n.progress-wrapper {\n padding: 2px 0;\n cursor: pointer;\n}\n",".notice {\n text-align: center;\n padding: 8px;\n background-color: rgba(0,0,0,0.04);\n width: 100%;\n\n @media (min-width: $layout-breakpoint-xs) {\n max-width: 80%;\n border-radius: $button-border-radius;\n margin: 24px auto;\n }\n}","// 1. Variables\n$menu-sidebar-width: 56px;\n\n// 2. Base\n.menu-progress {\n position: absolute;\n top: 10px;\n right: 12px;\n\n path {\n stroke: color('accent-2') !important;\n stroke-width: 2px;\n }\n}\n[dir=rtl] .menu-progress {\n right:auto;\n left:12px;\n}\n\n.menu-sidenav {\n\n}\n\n.menu-sidenav__item {\n font-weight: 700;\n //color: color('text-secondary');\n font-size: rem(1.4);\n}\n\n.menu-sidenav__icon {\n margin-top: 12px !important;\n margin-right: 12px !important;\n margin-left: 12px;\n}\n\n.active {\n .menu-sidenav__icon, .menu-sidenav__item {\n color: color('primary');\n }\n}\n\n.menu-sidebar {\n position: absolute;\n top: $wise-toolbar-height + $md-toolbar-height;\n bottom: 0;\n left: 0;\n background-color: #fff;\n width: $menu-sidebar-width;\n overflow: hidden;\n padding: 8px 0;\n text-align: center;\n border-right: 1px solid color('gray');\n\n @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n display: none;\n }\n}\n[dir=rtl] .menu-sidebar {\n right:0;\n left:auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n margin-top: 6px;\n margin-bottom: 6px;\n}\n","// Variables\n$input-action-width: 48px;\n$input-action-vertical-offset: 0;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n#node {\n margin: 0 auto;\n position: absolute;\n left: 0;\n right: 0;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n padding: 8px;\n padding: 24px 16px;\n margin-bottom: 32px;\n }\n\n @media only screen and (min-width: $layout-breakpoint-sm) {\n padding: 32px;\n }\n\n &.ng-enter {\n transition: opacity .5s;\n opacity: 0;\n }\n\n &.ng-enter-active {\n opacity: 1;\n }\n}\n\n// TODO: use BEM conventions\n\n.node-notice {\n @media only screen and (min-width: $layout-breakpoint-xs) {\n margin-top: -8px;\n margin-bottom: 16px;\n }\n\n @media only screen and (min-width: $layout-breakpoint-sm) {\n margin-top: -16px;\n }\n}\n\n.node-content {\n padding: 0 0 48px;\n background-color: #ffffff;\n border-radius: $button-border-radius;\n overflow: visible;\n\n @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n box-shadow: none;\n }\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n padding: 0;\n border-top: 2px solid;\n border-bottom: 2px solid;\n }\n}\n\nmd-content {\n &.node-content {\n background-color: #ffffff;\n }\n}\n\n.node-content__rubric {\n position: absolute;\n top: -22px;\n left: 0;\n right: 0;\n z-index: 1;\n\n .avatar--icon {\n transform: scale(0.94);\n\n @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n transform: scale(0.8);\n }\n }\n}\n\n.node-icon {\n color: #ffffff;\n vertical-align: inherit;\n}\n\n.node-select {\n margin: 0 8px;\n min-width: 0;\n font-weight: 500;\n font-size: $body-font-size-base;\n\n .md-select-value {\n *:first-child {\n transform: translate3d(0,0,0);\n flex: 1 0 0;\n }\n\n .node-select__icon {\n display: none;\n }\n\n .node-select__status {\n display: none;\n }\n }\n\n .md-select-icon {\n margin-left: 0;\n color: color('text');\n }\n}\n\n.node-select-option--group {\n //color: rgba(0,0,0,0.54);\n background-color: color('gray-lightest');\n border-bottom: 1px solid color('gray-lighter');\n border-top: 1px solid color('gray-lighter');\n}\n\n.node-select-option--node {\n padding-left: 20px;\n}\n\n.node-select__icon {\n margin-right: 8px;\n}\n\n.node-select__status {\n margin-left: 8px;\n}\n\n.node-select__text {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n margin-top: 2px;\n }\n}\n\n.node-title {\n line-height: 1.2;\n text-transform: none;\n margin-top: 3px;\n\n @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n font-size: $body-font-size-base;\n }\n}\n\n.node-content__actions {\n padding: 0 16px 16px;\n\n @media only screen and (min-width: $layout-breakpoint-sm) {\n padding: 0 24px 24px;\n }\n\n .md-button:first-child {\n margin-left: 0;\n }\n\n .md-button:last-child {\n margin-right: 0;\n }\n}\n\n.node-content__actions__info {\n font-style: italic;\n margin-left: 8px;\n color: color('text-secondary');\n}\n\n.node-content__actions__more {\n border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav {\n &:not(:first-of-type) {\n }\n\n &:first-of-type {\n margin-right: 0;\n }\n}\n\n.node-sidebar-active {\n @media only screen and (min-width: $layout-breakpoint-xs) {\n margin-right: ($md-toolbar-height + 16);\n }\n}\n\n.node-sidebar-visible {\n @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n margin-bottom: $wise-toolbar-height;\n }\n}\n\n.node-sidebar {\n position: absolute;\n right: 0;\n top: 0;\n width: $md-toolbar-height;\n}\n\n.node-sidebar__toolbar {\n position: fixed;\n width: $md-toolbar-height;\n background-color: #ffffff;\n padding: 8px 0;\n border-radius: $button-border-radius;\n\n @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n right: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n border-radius: 0;\n padding: 0;\n min-height: 0;\n height: $wise-toolbar-height;\n }\n}\n\n.node__label--vertical-alignment {\n vertical-align: middle;\n display: inline-block;\n}\n","// Variables\n$notebook-sidebar-width: 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: 12px;\n left: -18px;\n height: 22px;\n line-height: 22px;\n font-size: 12px;\n font-weight: 700;\n border: 2px solid;\n\n &:before {\n content: \"\";\n position: absolute;\n right: -7px;\n top: 6px;\n border-left: 6px solid rgba(255,255,255,0.87);\n border-top: 4px solid transparent;\n border-bottom: 4px solid transparent;\n }\n}\n\n.notification-list {\n padding: 8px 0;\n}\n\n.notification-dismiss {\n width: 500px;\n}\n\n.notification-dismiss__input {\n margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4,\nmd-list md-list-item.md-2-line .md-list-item-text h4,\nmd-list md-list-item.md-3-line .md-list-item-text h4 {\n &.notification-list-item__source {\n color: color('text-secondary');\n font-size: rem(1.2);\n\n md-icon {\n font-size: rem(1.8);\n min-width: 0;\n width: auto;\n margin-left: -4px;\n line-height: rem(2);\n }\n }\n}\n",".account-menu {\n border-radius: $card-border-radius;\n padding: 0;\n font-size: $body-font-size-base;\n max-width: 380px;\n\n @media (min-width: $layout-breakpoint-md) {\n min-width: 380px !important;\n }\n\n h3 {\n margin: 0;\n font-weight: 300;\n }\n\n .mat-mdc-menu-content {\n padding: 0;\n }\n}\n\n.account-menu--fixed-height {\n height: $max-menu-height;\n}\n\n.account-menu--fixed-width {\n width: 320px;\n\n @media (min-width: $layout-breakpoint-sm) {\n width: 380px;\n }\n}\n\n.account-menu__icon {\n background-color: color('text-light');\n border-radius: 50%;\n}\n\n.account-menu__caret {\n position: absolute;\n right: 28px;\n top: -8px;\n outline: none;\n\n &:before {\n content: '';\n position: absolute;\n border-bottom: 8px solid #fff;\n border-left: 8px solid transparent;\n border-right: 8px solid transparent;\n }\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n right: 132px;\n}\n\n[dir=rtl] {\n .account-menu__caret {\n right: auto;\n left: 28px;\n }\n .account-menu__caret--pause, .account-menu__caret--notification {\n left:80px;\n right:auto;\n }\n .account-menu__caret--notification--with-pause {\n left: 132px;\n right:auto;\n }\n}\n\n.account-menu__info {\n padding: 8px 12px;\n}\n\n.account-menu__info__title {\n font-weight: 500;\n}\n\n.account-menu__info__team {\n font-weight: 400;\n color: color('text-secondary');\n}\n\n.account-menu__users {\n padding: 0;\n\n md-list-item {\n padding: 0;\n\n .md-avatar {\n margin: 0 8px 0 0;\n height: 48px;\n width: 48px;\n }\n }\n}\n\n.account-menu__actions {\n background-color: color('gray-lightest');\n}\n\n.account-menu__control {\n padding: 16px;\n}\n",".annotations {\n margin: 16px 4px 16px 62px;\n position: relative;\n font-size: rem(1.5);\n\n hr {\n margin: 10px 0 8px;\n border-color: rgba(0,0,0,.12);\n }\n\n &:after {\n content: \"\";\n position: absolute;\n width: 0;\n height: 0;\n left: -15px;\n right: auto;\n top: -1px;\n bottom: auto;\n border-top: 20px solid transparent;\n border-bottom: 20px solid transparent;\n border-right: 16px solid color('gray-darker');\n }\n}\n\n.annotations-container--student--report {\n border-top: 1px solid color('gray-light');\n}\n\n.annotations--report {\n margin-top: 0;\n margin-bottom: 0;\n}\n\n.annotations__header {\n position: relative;\n //border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n padding: 10px 12px;\n font-weight: 700;\n transition: all 1s;\n color: #ffffff;\n background-color: color('gray-darker');\n}\n\n.annotations__avatar {\n background-color: color('accent');\n padding: 2px;\n position: absolute;\n top: 0;\n left: -62px;\n}\n\n.annotations__icon {\n transition: all 1s;\n color: #ffffff;\n}\n\n.annotations__body {\n padding: 12px;\n background-color: #ffffff;\n border-bottom-left-radius: $card-border-radius;\n border-bottom-right-radius: $card-border-radius;\n overflow: auto;\n}\n\n.annotations__status {\n background-color: #ffffff;\n color: color('info');\n display: inline-block;\n margin-left: 8px;\n font-size: rem(1.2);\n\n &.ng-enter, &.ng-leave {\n transition: all 1s;\n }\n\n &.ng-enter, &.ng-leave.ng-leave-active {\n opacity:0;\n }\n\n &.ng-leave, &.ng-enter.ng-enter-active {\n opacity:1;\n }\n}\n\n.annotations__score {\n font-weight: 700;\n}\n\n.annotations__info {\n font-style: italic;\n opacity: 0.8;\n border-bottom: 1px dotted;\n font-size: rem(1.3);\n}\n\n.annotations--inside {\n .annotations {\n margin-left: 72px;\n }\n}\n\n// TODO: move to own file\n.annotations--info {\n margin-bottom: 32px;\n margin-right: 8px;\n margin-left: 72px;\n\n @media only screen and (min-width: ($layout-breakpoint-xs)) {\n margin: 16px 16px 32px 76px;\n }\n\n &:after {\n border-right: 16px solid color('info');\n }\n\n .annotations__avatar {\n background-color: #ffffff;\n }\n\n .annotations__header {\n background-color: color('info');\n }\n}\n",".component {\n position: relative;\n}\n\n.component__wrapper {\n padding: 0 24px;\n margin: 24px 0;\n}\n\n.component__content {\n overflow-x: auto;\n font-size: rem(1.5);\n overflow-y: hidden; // TODO: figure out why this is needed after update to ng-material 1.1.1\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n padding: 0 8px;\n }\n}\n\nh3.component__header {\n padding: 8px 12px;\n margin: 0;\n font-size: rem(1.4);\n}\n\n.component__rubric {\n position: absolute;\n left: -20px;\n top: 12px;\n}\n\n.notebook-enabled {\n .component_content {\n img {\n transition: all 250ms;\n cursor: pointer;\n cursor: copy;\n //position: relative;\n //border: 2px solid transparent;\n\n &:hover, &:focus {\n box-shadow: 0 0 5px 1px color('accent');\n //border: 2px solid #ffffff;\n }\n }\n }\n}\n\n.component__actions {\n .md-button:first-child {\n margin-left: 0;\n }\n\n .md-button:last-child {\n margin-right: 0;\n }\n}\n\n.component__actions__info {\n font-style: italic;\n margin-left: 8px;\n //color: color('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 border: 0 none;\n}\n\n.discussion-new__actions {\n padding: 0 8px;\n\n .md-button {\n &:first-of-type {\n margin-left: 0;\n }\n\n &:last-of-type {\n margin-right: 0;\n }\n }\n}\n\n.discussion-new__attachment {\n padding: 0;\n margin: 0 0 8px;\n}\n\n.discussion-new__attachment__content {\n margin-top: 0;\n margin-bottom: 16px;\n}\n\n\n\n\n\n",".embedded-content {\n\n}\n\n.embedded-content__iframe {\n border: 0 none;\n}\n",".graph-select {\n min-width: 150px;\n max-width: 200px;\n}\n\n.graph-controls {\n margin: 8px 0;\n padding: 8px 0;\n border: 1px solid color('gray-lighter');\n border-left-width: 0;\n border-right-width: 0;\n}\n",".outside-content {\n iframe {\n border: 1px solid color('gray-lighter');\n }\n}\n\n.outside-content__source {\n margin-top: 4px;\n text-align: end;\n\n a {\n max-width: 240px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n display: inline-block;\n }\n}",".notebook-toolbar {\n md-divider {\n margin: 8px 0;\n }\n\n @media only screen and (max-width: ($layout-breakpoint-sm - 1)) {\n border-top: 1px solid color('gray-light');\n }\n}\n\n.notebook-toolbar__add-menu {\n position: absolute;\n bottom: 40px;\n\n .md-fab-action-item {\n background-color: #ffffff;\n }\n}\n\n.notebook-toolbar__add-icon {\n border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n float:right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n float:left;\n}","highchart {\n display: block;\n}\n"]} \ No newline at end of file +{"version":3,"sources":["src/assets/wise5/themes/default/style/base/_presets.scss","src/assets/wise5/themes/default/style/author.css","src/assets/wise5/themes/default/style/base/_config.scss","src/assets/wise5/themes/default/style/layouts/_l-default.scss","src/assets/wise5/themes/default/style/layouts/_l-footer.scss","src/assets/wise5/themes/default/style/layouts/_l-header.scss","src/assets/wise5/themes/default/style/layouts/_l-main.scss","src/assets/wise5/themes/default/style/layouts/_l-notebook.scss","src/assets/wise5/themes/default/style/layouts/_l-sidebar.scss","src/assets/wise5/themes/default/style/modules/_alerts.scss","src/assets/wise5/themes/default/style/modules/_dialog.scss","src/assets/wise5/themes/default/style/modules/_help.scss","src/assets/wise5/themes/default/style/modules/_inputs.scss","src/assets/wise5/themes/default/style/modules/_table.scss","src/assets/wise5/themes/default/style/modules/_toolbar.scss","src/assets/wise5/themes/default/style/material/_config.scss","src/assets/wise5/themes/default/style/modules/_list.scss","src/assets/wise5/themes/default/style/modules/_nav.scss","src/assets/wise5/themes/default/style/modules/_notice.scss","src/assets/wise5/themes/default/style/modules/_menu.scss","src/assets/wise5/themes/default/style/modules/_node.scss","src/assets/wise5/themes/default/style/modules/_notebook.scss","src/assets/wise5/themes/default/style/modules/_notifications.scss","src/assets/wise5/themes/default/style/modules/_account-menu.scss","src/assets/wise5/themes/default/style/modules/_annotations.scss","src/assets/wise5/themes/default/style/modules/_component.scss","src/assets/wise5/themes/default/style/modules/_component--discussion.scss","src/assets/wise5/themes/default/style/modules/_component--embedded.scss","src/assets/wise5/themes/default/style/modules/_component--graph.scss","src/assets/wise5/themes/default/style/modules/_component--outside.scss","src/assets/wise5/themes/default/style/modules/_notebook-toolbar.scss","src/assets/wise5/themes/default/style/modules/_highcharts.scss"],"names":[],"mappings":"AAIA,KACE,eCAF,CDEE,SACI,eCAN,CDKI,gBACI,aCFR,CDMA,WACE,qBAAA,CAKA,oBAAA,CAAA,sBAAA,CAHA,aAAA,CADA,WCCF,CDOI,qBAKI,wBAAA,CAFA,iBAAA,CAFA,UAAA,CAGA,WAAA,CAFA,iBCDR,CDSI,kCAEI,QAAA,CADA,QCLR,CDWA,OAMI,qBAAA,CALA,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,qBC7BF,CDgCA,2HAGE,qBAAA,CADA,aC5BF,CDmCI,SACE,aChCN,CD+BI,QACE,aC5BN,CD2BI,UACE,aCxBN,CDuBI,UACE,aCpBN,CDmBI,MACE,aChBN,CDeI,MACE,aCZN,CDWI,SACE,aCRN,CDOI,SACE,qBCJN,CDGI,eACE,aCAN,CDDI,cACE,UCIN,CDLI,YACE,UCQN,CDTI,MACE,UCYN,CDbI,WACE,UCgBN,CDjBI,aACE,aCoBN,CDrBI,cACE,UCwBN,CDzBI,MACE,qBC4BN,CD7BI,gBACE,qBCgCN,CDjCI,eACE,qBCoCN,CDrCI,YACE,UCwCN,CDzCI,sBACE,wBC4CN,CD7CI,qBACE,wBCgDN,CDjDI,aACE,UCoDN,CDrDI,OACE,aCwDN,CDzDI,MACE,qBC4DN,CD7DI,SACE,UCgEN,CD1DI,YACE,wBC6DN,CD9DI,WACE,wBCiEN,CDlEI,aACE,wBCqEN,CDtEI,aACE,wBCyEN,CD1EI,SACE,wBC6EN,CD9EI,SACE,wBCiFN,CDlFI,YACE,wBCqFN,CDtFI,YACE,gCCyFN,CD1FI,kBACE,wBC6FN,CD9FI,iBACE,qBCiGN,CDlGI,eACE,qBCqGN,CDtGI,SACE,qBCyGN,CD1GI,cACE,qBC6GN,CD9GI,gBACE,wBCiHN,CDlHI,iBACE,qBCqHN,CDtHI,SACE,gCCyHN,CD1HI,mBACE,gCC6HN,CD9HI,kBACE,gCCiIN,CDlII,eACE,qBCqIN,CDtII,yBACE,mCCyIN,CD1II,wBACE,mCC6IN,CD9II,gBACE,qBCiJN,CDlJI,UACE,wBCqJN,CDtJI,SACE,gCCyJN,CD1JI,YACE,qBC6JN,CDtJQ,kCACI,cCyJZ,CD1JQ,iCACI,cC6JZ,CD9JQ,mCACI,cCiKZ,CDlKQ,mCACI,cCqKZ,CDtKQ,+BACI,cCyKZ,CD1KQ,+BACI,cC6KZ,CD9KQ,kCACI,cCiLZ,CDlLQ,kCACI,sBCqLZ,CDtLQ,wCACI,cCyLZ,CD1LQ,uCACI,WC6LZ,CD9LQ,qCACI,WCiMZ,CDlMQ,+BACI,WCqMZ,CDtMQ,oCACI,WCyMZ,CD1MQ,sCACI,cC6MZ,CD9MQ,uCACI,WCiNZ,CDlNQ,+BACI,sBCqNZ,CDtNQ,yCACI,sBCyNZ,CD1NQ,wCACI,sBC6NZ,CD9NQ,qCACI,WCiOZ,CDlOQ,+CACI,yBCqOZ,CDtOQ,8CACI,yBCyOZ,CD1OQ,sCACI,WC6OZ,CD9OQ,gCACI,cCiPZ,CDlPQ,+BACI,sBCqPZ,CDtPQ,kCACI,WCyPZ,CE7dA,eACE,gBAAA,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","file":"author.css","sourcesContent":["// Config\n$avatar-icon-padding: 6px !default;\n$avatar-icon-padding-lg: 8px !default;\n\nbody {\n background: color('body-bg');\n\n &.vle {\n overflow: hidden;\n }\n}\n\na {\n &:hover, &:focus { // TODO: remove when bootstrap css dependency is removed\n color: color('primary');\n }\n}\n\nblockquote {\n background-color: lighten(color('primary'), 56%);\n padding: 8px;\n margin: 16px 0;\n border-style: solid;\n border-color: color('primary');\n border-width: 0 0 0 3px;\n}\n\n.has-indicator {\n &:after {\n content: '';\n position: absolute;\n border-radius: 50%;\n padding: 5px;\n background-color: color('accent');\n }\n}\n\n.has-indicator--icon-button {\n &:after {\n top: 25px;\n left: 5px;\n }\n}\n\n// Badges\n.badge {\n border-radius: $card-border-radius;\n padding: 2px 6px;\n font-size: rem(1.2);\n font-weight: 500;\n font-style: normal;\n background-color: color('gray-dark');\n\n &.md-button {\n min-width: 0;\n min-height: 0;\n line-height: inherit;\n\n &:hover, &:focus {\n background-color: color('gray-dark');\n }\n\n &:focus {\n outline: 1px dotted color('gray-dark');\n }\n }\n}\n\n.badge--info {\n background-color: color('info');\n color: #ffffff;\n}\n\n.badge--warn {\n background-color: color('warn');\n color: #ffffff;\n}\n\n.badge--success {\n background-color: color('success');\n color: #ffffff;\n}\n\n// Dividers\n.divider--withmargin {\n margin: 16px 0;\n}\n\n.divider--dashed {\n border-top-style: dashed;\n}\n\n// Links\na {\n color: color('primary');\n cursor: pointer;\n}\n\n.active {\n background-color: rgba(158,158,158,0.2);\n color: color('text');\n}\n\n// Images & Icons\n.avatar {\n border-radius: 50%;\n box-sizing: content-box;\n}\n\n.avatar--square {\n border-radius: $card-border-radius;\n}\n\n// Rules for sizing avatars (matches material icons plus avatar-icon padding)\n.avatar {\n &.md-18 {\n height: 18px + $avatar-icon-padding*2;\n width: 18px + $avatar-icon-padding*2;\n }\n &.md-24 {\n height: 24px + $avatar-icon-padding*2;\n width: 24px + $avatar-icon-padding*2;\n }\n &.md-36 {\n height: 36px + $avatar-icon-padding*2;\n width: 36px + $avatar-icon-padding*2;\n }\n &.md-48 {\n height: 48px + $avatar-icon-padding*2;\n width: 48px + $avatar-icon-padding*2;\n }\n}\n\n// Rules for sizing avatar backgrounds (when using a child md-icon)\n.avatar--icon {\n background-color: color('gray-light');\n white-space: normal !important;\n\n &:not(.md-avatar) {\n padding: $avatar-icon-padding;\n }\n\n &.md-18 {\n height: 18px;\n width: 18px;\n }\n &.md-24 {\n height: 24px;\n width: 24px;\n }\n &.md-36 {\n height: 36px;\n width: 36px;\n }\n &.md-48 {\n height: 48px;\n width: 48px;\n }\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) {\n md-icon {\n color: color('text-secondary');\n }\n\n .md-button:disabled {\n md-icon {\n color: color('text-disabled');\n }\n }\n}\n\n// hacks for now\nmd-icon, .md-button:not([disabled]) {\n &.primary {\n color: color('primary') !important;\n }\n &.success {\n color: color('success') !important;\n }\n &.warn {\n color: color('warn') !important;\n }\n &.info {\n color: color('info') !important;\n }\n &.accent {\n color: color('accent') !important;\n }\n &.accent-1 {\n color: color('accent-1') !important;\n }\n &.accent-2 {\n color: color('accent-2') !important;\n }\n}\n\n// Theme overrides\nmd-input-container.md-wise-theme label {\n color: color('text');\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n background-color: color('selected-bg');\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n color: color('primary');\n background-color: color('selected-bg');\n}\n\n// Color\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n .#{$key} {\n color: $value;\n }\n}\n\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n .#{$key}-bg {\n background-color: $value;\n }\n}\n\n// Set theme colors for angular-ui elements\n@each $key, $value in $colors {\n md-progress-circular.#{$key} {\n path {\n stroke: $value;\n }\n }\n}\n","/*\n WISE Project Styles\n */\nbody {\n background: #eeeeee;\n}\nbody.vle {\n overflow: hidden;\n}\n\na:hover, a:focus {\n color: #7e57c2;\n}\n\nblockquote {\n background-color: white;\n padding: 8px;\n margin: 16px 0;\n border-style: solid;\n border-color: #7e57c2;\n border-width: 0 0 0 3px;\n}\n\n.has-indicator:after {\n content: \"\";\n position: absolute;\n border-radius: 50%;\n padding: 5px;\n background-color: #F05843;\n}\n\n.has-indicator--icon-button:after {\n top: 25px;\n left: 5px;\n}\n\n.badge {\n border-radius: 4px;\n padding: 2px 6px;\n font-size: 12px;\n font-weight: 500;\n font-style: normal;\n background-color: #aaaaaa;\n}\n.badge.md-button {\n min-width: 0;\n min-height: 0;\n line-height: inherit;\n}\n.badge.md-button:hover, .badge.md-button:focus {\n background-color: #aaaaaa;\n}\n.badge.md-button:focus {\n outline: 1px dotted #aaaaaa;\n}\n\n.badge--info {\n background-color: #ef6c00;\n color: #ffffff;\n}\n\n.badge--warn {\n background-color: #c62828;\n color: #ffffff;\n}\n\n.badge--success {\n background-color: #00C853;\n color: #ffffff;\n}\n\n.divider--withmargin {\n margin: 16px 0;\n}\n\n.divider--dashed {\n border-top-style: dashed;\n}\n\na {\n color: #7e57c2;\n cursor: pointer;\n}\n\n.active {\n background-color: rgba(158, 158, 158, 0.2);\n color: rgba(0, 0, 0, 0.87);\n}\n\n.avatar {\n border-radius: 50%;\n box-sizing: content-box;\n}\n\n.avatar--square {\n border-radius: 4px;\n}\n\n.avatar.md-18 {\n height: 30px;\n width: 30px;\n}\n.avatar.md-24 {\n height: 36px;\n width: 36px;\n}\n.avatar.md-36 {\n height: 48px;\n width: 48px;\n}\n.avatar.md-48 {\n height: 60px;\n width: 60px;\n}\n\n.avatar--icon {\n background-color: #dddddd;\n white-space: normal !important;\n}\n.avatar--icon:not(.md-avatar) {\n padding: 6px;\n}\n.avatar--icon.md-18 {\n height: 18px;\n width: 18px;\n}\n.avatar--icon.md-24 {\n height: 24px;\n width: 24px;\n}\n.avatar--icon.md-36 {\n height: 36px;\n width: 36px;\n}\n.avatar--icon.md-48 {\n height: 48px;\n width: 48px;\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon {\n color: rgba(0, 0, 0, 0.54);\n}\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon {\n color: rgba(0, 0, 0, 0.26);\n}\n\nmd-icon.primary, .md-button:not([disabled]).primary {\n color: #7e57c2 !important;\n}\nmd-icon.success, .md-button:not([disabled]).success {\n color: #00C853 !important;\n}\nmd-icon.warn, .md-button:not([disabled]).warn {\n color: #c62828 !important;\n}\nmd-icon.info, .md-button:not([disabled]).info {\n color: #ef6c00 !important;\n}\nmd-icon.accent, .md-button:not([disabled]).accent {\n color: #F05843 !important;\n}\nmd-icon.accent-1, .md-button:not([disabled]).accent-1 {\n color: #795C3A !important;\n}\nmd-icon.accent-2, .md-button:not([disabled]).accent-2 {\n color: #CAD266 !important;\n}\n\nmd-input-container.md-wise-theme label {\n color: rgba(0, 0, 0, 0.87);\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n background-color: white;\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n color: #7e57c2;\n background-color: white;\n}\n\n.primary {\n color: #7e57c2;\n}\n\n.accent {\n color: #F05843;\n}\n\n.accent-1 {\n color: #795C3A;\n}\n\n.accent-2 {\n color: #CAD266;\n}\n\n.warn {\n color: #c62828;\n}\n\n.info {\n color: #ef6c00;\n}\n\n.success {\n color: #00C853;\n}\n\n.divider {\n color: rgba(0, 0, 0, 0.12);\n}\n\n.gray-lightest {\n color: #f7f7f7;\n}\n\n.gray-lighter {\n color: #eeeeee;\n}\n\n.gray-light {\n color: #dddddd;\n}\n\n.gray {\n color: #cccccc;\n}\n\n.gray-dark {\n color: #aaaaaa;\n}\n\n.gray-darker {\n color: #757575;\n}\n\n.gray-darkest {\n color: #333333;\n}\n\n.text {\n color: rgba(0, 0, 0, 0.87);\n}\n\n.text-secondary {\n color: rgba(0, 0, 0, 0.54);\n}\n\n.text-disabled {\n color: rgba(0, 0, 0, 0.26);\n}\n\n.text-light {\n color: rgb(255, 255, 255);\n}\n\n.text-light-secondary {\n color: rgba(255, 255, 255, 0.7);\n}\n\n.text-light-disabled {\n color: rgba(255, 255, 255, 0.5);\n}\n\n.selected-bg {\n color: white;\n}\n\n.score {\n color: #FFC107;\n}\n\n.body {\n color: rgba(0, 0, 0, 0.87);\n}\n\n.body-bg {\n color: #eeeeee;\n}\n\n.primary-bg {\n background-color: #7e57c2;\n}\n\n.accent-bg {\n background-color: #F05843;\n}\n\n.accent-1-bg {\n background-color: #795C3A;\n}\n\n.accent-2-bg {\n background-color: #CAD266;\n}\n\n.warn-bg {\n background-color: #c62828;\n}\n\n.info-bg {\n background-color: #ef6c00;\n}\n\n.success-bg {\n background-color: #00C853;\n}\n\n.divider-bg {\n background-color: rgba(0, 0, 0, 0.12);\n}\n\n.gray-lightest-bg {\n background-color: #f7f7f7;\n}\n\n.gray-lighter-bg {\n background-color: #eeeeee;\n}\n\n.gray-light-bg {\n background-color: #dddddd;\n}\n\n.gray-bg {\n background-color: #cccccc;\n}\n\n.gray-dark-bg {\n background-color: #aaaaaa;\n}\n\n.gray-darker-bg {\n background-color: #757575;\n}\n\n.gray-darkest-bg {\n background-color: #333333;\n}\n\n.text-bg {\n background-color: rgba(0, 0, 0, 0.87);\n}\n\n.text-secondary-bg {\n background-color: rgba(0, 0, 0, 0.54);\n}\n\n.text-disabled-bg {\n background-color: rgba(0, 0, 0, 0.26);\n}\n\n.text-light-bg {\n background-color: rgb(255, 255, 255);\n}\n\n.text-light-secondary-bg {\n background-color: rgba(255, 255, 255, 0.7);\n}\n\n.text-light-disabled-bg {\n background-color: rgba(255, 255, 255, 0.5);\n}\n\n.selected-bg-bg {\n background-color: white;\n}\n\n.score-bg {\n background-color: #FFC107;\n}\n\n.body-bg {\n background-color: rgba(0, 0, 0, 0.87);\n}\n\n.body-bg-bg {\n background-color: #eeeeee;\n}\n\nmd-progress-circular.primary path {\n stroke: #7e57c2;\n}\n\nmd-progress-circular.accent path {\n stroke: #F05843;\n}\n\nmd-progress-circular.accent-1 path {\n stroke: #795C3A;\n}\n\nmd-progress-circular.accent-2 path {\n stroke: #CAD266;\n}\n\nmd-progress-circular.warn path {\n stroke: #c62828;\n}\n\nmd-progress-circular.info path {\n stroke: #ef6c00;\n}\n\nmd-progress-circular.success path {\n stroke: #00C853;\n}\n\nmd-progress-circular.divider path {\n stroke: rgba(0, 0, 0, 0.12);\n}\n\nmd-progress-circular.gray-lightest path {\n stroke: #f7f7f7;\n}\n\nmd-progress-circular.gray-lighter path {\n stroke: #eeeeee;\n}\n\nmd-progress-circular.gray-light path {\n stroke: #dddddd;\n}\n\nmd-progress-circular.gray path {\n stroke: #cccccc;\n}\n\nmd-progress-circular.gray-dark path {\n stroke: #aaaaaa;\n}\n\nmd-progress-circular.gray-darker path {\n stroke: #757575;\n}\n\nmd-progress-circular.gray-darkest path {\n stroke: #333333;\n}\n\nmd-progress-circular.text path {\n stroke: rgba(0, 0, 0, 0.87);\n}\n\nmd-progress-circular.text-secondary path {\n stroke: rgba(0, 0, 0, 0.54);\n}\n\nmd-progress-circular.text-disabled path {\n stroke: rgba(0, 0, 0, 0.26);\n}\n\nmd-progress-circular.text-light path {\n stroke: rgb(255, 255, 255);\n}\n\nmd-progress-circular.text-light-secondary path {\n stroke: rgba(255, 255, 255, 0.7);\n}\n\nmd-progress-circular.text-light-disabled path {\n stroke: rgba(255, 255, 255, 0.5);\n}\n\nmd-progress-circular.selected-bg path {\n stroke: white;\n}\n\nmd-progress-circular.score path {\n stroke: #FFC107;\n}\n\nmd-progress-circular.body path {\n stroke: rgba(0, 0, 0, 0.87);\n}\n\nmd-progress-circular.body-bg path {\n stroke: #eeeeee;\n}\n\n.l-constrained {\n margin-left: auto;\n margin-right: auto;\n max-width: 100%;\n position: relative;\n}\n@media (min-width: 600px) {\n .l-constrained {\n width: 1280px;\n }\n}\n@media (min-width: 1920px) {\n .l-constrained {\n width: 1920px;\n }\n}\n\n.l-constrained-md {\n width: 960px;\n max-width: 100%;\n}\n\n.l-footer {\n position: fixed;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 1;\n background-color: #ffffff;\n border-top: 1px solid #eeeeee;\n}\n\n.button--footer {\n margin: 0;\n padding-top: 0;\n padding-bottom: 0;\n min-width: 0;\n display: flex;\n}\n\n.button--footer__element {\n padding-left: 8px;\n}\n\n.l-header {\n z-index: 3;\n}\n.l-header .logo {\n margin-left: 0 !important;\n height: 36px;\n width: 36px;\n vertical-align: middle;\n}\n.l-header .logo-link {\n min-width: auto;\n display: none;\n padding: 0 4px;\n margin-right: 12px;\n}\n@media only screen and (min-width: 600px) {\n .l-header .logo-link {\n display: block;\n }\n}\n.l-header .logo-link:hover, .l-header .logo-link:focus {\n border: 0 none;\n}\n@media only screen and (max-width: 599px) {\n .l-header .md-toolbar-tools h1, .l-header .md-toolbar-tools h2, .l-header .md-toolbar-tools h3 {\n font-size: 15px;\n }\n}\n\n.l-main {\n background-color: #eeeeee;\n}\n\n.l-main--with-toolbar {\n margin-top: 42px;\n}\n\n#content {\n transition: margin-top 0.5s;\n}\n\n.view-content {\n margin: 0 auto;\n padding: 8px;\n position: absolute;\n left: 0;\n right: 0;\n transition: opacity 500ms;\n}\n@media only screen and (min-width: 960px) {\n .view-content {\n padding: 16px;\n }\n}\n.view-content.ng-enter {\n opacity: 0;\n}\n.view-content .ng-enter-active {\n opacity: 1;\n transition-delay: 250ms;\n}\n.view-content.ng-leave-active, .view-content.ng-hide {\n opacity: 0;\n}\n.view-content.ng-hide-add, .view-content.ng-hide-add-active, .view-content.ng-hide-remove, .view-content.ng-hide-remove-active {\n opacity: 0;\n}\n\n.view-content--with-sidemenu {\n padding: 8px;\n}\n@media only screen and (min-width: 600px) {\n .view-content--with-sidemenu {\n margin-left: 54px;\n padding: 16px;\n }\n}\n\n@media only screen and (min-width: 600px) {\n [dir=rtl] .view-content--with-sidemenu {\n margin-left: auto;\n margin-right: 54px;\n }\n}\n\n.content-head {\n margin: 8px 0;\n}\n.content-head h1,\n.content-head h2,\n.content-head h3 {\n font-weight: 300;\n margin-top: 0;\n margin-bottom: 0;\n font-size: 36px;\n}\n@media only screen and (max-width: 959px) {\n .content-head h1,\n .content-head h2,\n .content-head h3 {\n font-size: 32px;\n text-align: center;\n }\n}\n\n@media only screen and (max-width: 959px) {\n .content-head__more {\n margin-top: 8px;\n }\n}\n\n.content-head__item,\nh2.content-head__item {\n margin: 0 8px;\n}\n.content-head__item .md-subhead,\nh2.content-head__item .md-subhead {\n padding-left: 4px;\n}\n@media only screen and (max-width: 959px) {\n .content-head__item .md-subhead,\n h2.content-head__item .md-subhead {\n display: block;\n padding-left: 0;\n }\n}\n.content-head__item md-icon,\nh2.content-head__item md-icon {\n vertical-align: text-bottom;\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n max-height: 500px;\n}\n\n.l-notebook {\n margin-top: 42px;\n background-color: #eeeeee !important;\n}\n\n.l-sidebar__header {\n background-color: #ffffff !important;\n color: #795C3A !important;\n}\n.l-sidebar__header md-select {\n color: rgba(0, 0, 0, 0.87);\n}\n\n.status-icon {\n margin: 0 4px;\n z-index: 1;\n vertical-align: bottom;\n}\n\n.md-button.status-icon {\n height: auto;\n width: auto;\n min-height: 0;\n line-height: inherit;\n margin: 0 4px;\n padding: 0;\n}\n\n.avatar--icon--alert {\n background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n font-size: 48px;\n margin: -4px 0 0 -4px;\n}\n\nmd-dialog {\n width: 600px;\n}\n\n.dialog--wide {\n width: 960px;\n}\n\n.dialog--wider {\n width: 1280px;\n}\n\n.help-bubble {\n border-radius: 4px;\n max-width: 320px;\n}\n@media (min-width: 600px) {\n .help-bubble {\n max-width: 552px;\n }\n}\n@media (min-width: 960px) {\n .help-bubble {\n max-width: 912px;\n }\n}\n@media (min-width: 1280px) {\n .help-bubble {\n max-width: 1232px;\n }\n}\n\n.help-bubble__title {\n border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n}\n\n.help-bubble___title__content {\n border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n padding: 0px 0 0 12px;\n background-color: #ef6c00;\n}\n.help-bubble___title__content .md-icon-button {\n margin-right: 0;\n padding-top: 0;\n padding-bottom: 0;\n}\n\n.help-bubble__content {\n overflow: auto;\n padding: 8px 12px;\n max-height: 480px;\n}\n\n.help-bubble__actions {\n border-bottom-left-radius: 4px;\n border-bottom-right-radius: 4px;\n}\n\n.input-container {\n padding-top: 12px;\n}\n\n.input-container--component {\n margin-bottom: 0;\n}\n\n.input-container--open-response.md-has-icon {\n padding-left: 0;\n}\n.input-container--open-response .md-errors-spacer {\n display: none;\n}\n\n.input-wrapper {\n position: relative;\n}\n\n.input-wrapper--focused .input--textarea__action md-icon {\n color: #7e57c2;\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n padding: 8px;\n background-color: #f7f7f7;\n border: 1px solid #cccccc;\n margin-bottom: 8px;\n}\n.input--textarea:focus, .input-container textarea.input--textarea:focus {\n background-color: #ffffff;\n}\n.input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n color: rgba(0, 0, 0, 0.54);\n}\n\n.input-container textarea.input--textarea {\n width: 100%;\n}\n\n.input--textarea--disabled {\n color: rgba(0, 0, 0, 0.54);\n}\n\n.input--textarea__action {\n position: absolute;\n right: -4px;\n}\n.input--textarea__action[disabled] md-icon {\n color: rgba(0, 0, 0, 0.26) !important;\n}\n\n.input--textarea__action--notebook {\n top: 6px;\n}\n.input-wrapper--richtext .input--textarea__action--notebook {\n top: -7px;\n}\n\n.input--textarea__action--revision {\n bottom: 6px;\n}\n.input-wrapper--richtext .input--textarea__action--revision {\n bottom: -5px;\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n line-height: 1.2;\n color: rgba(0, 0, 0, 0.87);\n}\n.input-label.input-label--focused, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused {\n color: #7e57c2;\n}\n\n.autocomplete input {\n text-overflow: ellipsis;\n overflow: hidden;\n word-wrap: none;\n font-weight: 500;\n color: rgba(0, 0, 0, 0.54);\n}\n\n@media only screen and (min-width: 600px) {\n .autocomplete--minwidth {\n min-width: 300px;\n }\n}\n@media only screen and (min-width: 960px) {\n .autocomplete--minwidth {\n min-width: 300px;\n }\n}\n\n.autocomplete--flat md-autocomplete-wrap {\n background-color: #ffffff;\n}\n.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n box-shadow: none;\n background-color: #eeeeee;\n}\n\n.select__header {\n height: 48px;\n}\n.select__header input {\n height: 100%;\n width: 100%;\n padding: 0 8px;\n outline: none;\n border: 0 none;\n font-size: 14px;\n font-weight: 500;\n}\n\n.table {\n max-width: 100%;\n width: auto;\n min-width: 100px;\n margin: 8px 0;\n}\n.table thead > tr > th,\n.table thead > tr > td,\n.table tbody > tr > th,\n.table tbody > tr > td,\n.table tfoot > tr > th,\n.table tfoot > tr > td {\n border: 1px solid #cccccc;\n padding: 6px;\n font-size: 15px;\n min-height: 32px;\n height: 32px;\n min-width: 32px;\n vertical-align: top;\n}\n.table td.inactive,\n.table th {\n background-color: #f7f7f7;\n opacity: 1;\n visibility: visible;\n}\n.table md-input-container {\n margin: 0;\n}\n.table .md-errors-spacer {\n display: none;\n}\n\n.table--student td.inactive {\n padding: 8px 10px;\n}\n\n.table--full-width {\n width: 100%;\n}\n\n.table--list {\n border: 0 none;\n border-collapse: collapse;\n background-color: #ffffff;\n max-width: 100%;\n overflow: auto;\n}\n.table--list th,\n.table--list td {\n padding: 0 4px;\n border: 0 none;\n}\n.table--list td {\n min-height: 56px;\n height: 56px;\n}\n.table--list tr.md-button {\n display: table-row;\n text-align: left;\n width: auto;\n text-transform: none;\n font-size: inherit;\n font-weight: normal;\n}\n\n.table--list__wrap {\n min-width: 600px;\n}\n\n@media only screen and (max-width: 959px) {\n .table-wrap-sticky {\n overflow-x: auto;\n }\n}\n\n.table--list__thead {\n font-size: 14px;\n font-weight: 700;\n}\n\n.table--list__thead__tr {\n height: 100%;\n margin: 0;\n}\n\n.table--list__thead__th {\n background-color: #757575;\n color: rgb(255, 255, 255);\n min-height: 42px;\n height: 42px;\n}\n\n.table--list__thead__link {\n color: #ffffff;\n text-transform: none;\n margin: 0;\n min-width: 0;\n white-space: normal;\n line-height: 1.4;\n width: 100%;\n}\n\n.table--list__thead__sort {\n margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n transform: rotate(180deg);\n}\n\n.td--wrap {\n min-width: 180px;\n white-space: normal;\n line-height: 1.2;\n}\n\n@media only screen and (max-width: 959px) {\n .td--max-width {\n max-width: 180px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n}\n\n.md-toolbar-tools {\n font-size: 18px;\n}\n.md-toolbar-tools .autocomplete {\n height: 36px;\n}\n.md-toolbar-tools .autocomplete md-autocomplete-wrap {\n height: 36px;\n}\n.md-toolbar-tools .autocomplete input {\n height: 36px;\n}\n\n.md-toolbar--wise {\n min-height: 42px;\n}\n.md-toolbar--wise .md-toolbar-tools {\n height: 42px;\n max-height: 42px;\n}\n.md-toolbar--wise .md-button.md-icon-button {\n height: 42px;\n line-height: 42px;\n width: 42px;\n}\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n padding: 0 8px;\n font-size: 15px;\n}\n\n.md-toolbar--sidenav {\n background-color: #333333 !important;\n}\n.md-toolbar--sidenav .md-toolbar-tools {\n font-size: 16px;\n font-weight: 500;\n}\n\n.toolbar {\n position: fixed;\n left: 0;\n right: 0;\n top: 52px;\n z-index: 3;\n}\n\n.toolbar__title {\n margin-left: 8px;\n font-size: 16px;\n font-weight: 500;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n margin: 0 4px;\n min-height: 32px;\n background-color: #f7f7f7;\n}\n.toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n height: 32px;\n text-align: left;\n}\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n text-align: right;\n}\n\n.toolbar__select--fixedwidth {\n width: 168px;\n}\n@media only screen and (min-width: 600px) {\n .toolbar__select--fixedwidth {\n width: 264px;\n }\n}\n@media only screen and (min-width: 960px) {\n .toolbar__select--fixedwidth {\n width: 432px;\n }\n}\n\n.list-item {\n background-color: #ffffff;\n border-bottom: 1px solid #eeeeee;\n}\n.list-item .md-subheader, .list-item.md-subheader {\n color: rgba(0, 0, 0, 0.87);\n background-color: #ffffff;\n}\n.list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n vertical-align: middle;\n}\n.list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n padding: 0;\n}\n.list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n margin-right: 8px;\n}\n.list-item .autocomplete {\n margin: 8px 0;\n}\n\n.list-item--info._md-button-wrap > div.md-button:first-child, .list-item--info .md-subheader-content {\n border-left: 4px solid #ef6c00 !important;\n margin-left: -4px;\n}\n\n.list-item--warn._md-button-wrap > div.md-button:first-child, .list-item--warn .md-subheader-content {\n border-left: 4px solid #c62828 !important;\n margin-left: -4px;\n}\n\n.list-item--expanded {\n border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n cursor: default;\n background-color: #f7f7f7;\n}\n\n.list-item--actions {\n padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n text-transform: none;\n width: 100%;\n padding: 8px 16px;\n margin: 0;\n white-space: normal;\n text-align: left;\n line-height: 1.4;\n}\n\n.user-list {\n font-size: 15px;\n}\n\n#nav {\n position: relative;\n}\n\n.nav {\n margin-bottom: 16px;\n}\n\n.nav-mask {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background-color: rgba(0, 0, 0, 0.25);\n z-index: 1;\n}\n.nav-mask.ng-hide {\n opacity: 0;\n}\n\n.nav-head {\n color: rgba(0, 0, 0, 0.54);\n font-weight: 500;\n}\n.nav-head md-icon {\n line-height: 20px;\n}\n\n.nav-contents--root {\n padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n background-color: #dddddd;\n padding: 8px;\n}\n\n.nav-contents--root {\n padding: 0;\n}\n\n.nav-contents__list {\n padding: 0;\n}\n@media (min-width: 600px) {\n .nav-contents__list {\n padding: 8px;\n }\n}\n\n.nav-item {\n transition: opacity 250ms ease-in-out;\n}\n.nav-item.prev md-list-item {\n background-color: white;\n /*&._md-button-wrap>div.md-button:first-child {\n border-left: 4px solid color('primary');\n margin-left: -4px;\n }*/\n}\n\n.nav-item--card__content {\n border-top-right-radius: 4px;\n border-top-left-radius: 4px;\n}\n.nav-item--card__content:focus {\n outline: none;\n}\n.nav-item--card__content:focus .nav-item__title > span {\n border-bottom: 1px dashed #cccccc;\n}\n\n.nav-item--root {\n transition: margin 250ms, box-shadow 500ms;\n}\n.nav-item--root.expanded {\n flex-basis: 100%;\n max-width: 100%;\n max-height: none !important;\n margin: 8px auto;\n}\n.nav-item--root.expanded:first-of-type {\n margin-top: 0;\n}\n\n.nav-item--list__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.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.menu-progress {\n position: absolute;\n top: 10px;\n right: 12px;\n}\n.menu-progress path {\n stroke: #CAD266 !important;\n stroke-width: 2px;\n}\n\n[dir=rtl] .menu-progress {\n right: auto;\n left: 12px;\n}\n\n.menu-sidenav__item {\n font-weight: 700;\n font-size: 14px;\n}\n\n.menu-sidenav__icon {\n margin-top: 12px !important;\n margin-right: 12px !important;\n margin-left: 12px;\n}\n\n.active .menu-sidenav__icon, .active .menu-sidenav__item {\n color: #7e57c2;\n}\n\n.menu-sidebar {\n position: absolute;\n top: 94px;\n bottom: 0;\n left: 0;\n background-color: #fff;\n width: 56px;\n overflow: hidden;\n padding: 8px 0;\n text-align: center;\n border-right: 1px solid #cccccc;\n}\n@media only screen and (max-width: 599px) {\n .menu-sidebar {\n display: none;\n }\n}\n\n[dir=rtl] .menu-sidebar {\n right: 0;\n left: auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n margin-top: 6px;\n margin-bottom: 6px;\n}\n\n#node {\n margin: 0 auto;\n position: absolute;\n left: 0;\n right: 0;\n}\n@media only screen and (min-width: 600px) {\n #node {\n padding: 8px;\n padding: 24px 16px;\n margin-bottom: 32px;\n }\n}\n@media only screen and (min-width: 960px) {\n #node {\n padding: 32px;\n }\n}\n#node.ng-enter {\n transition: opacity 0.5s;\n opacity: 0;\n}\n#node.ng-enter-active {\n opacity: 1;\n}\n\n@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.node-content__actions .md-button:first-child {\n margin-left: 0;\n}\n.node-content__actions .md-button:last-child {\n margin-right: 0;\n}\n\n.node-content__actions__info {\n font-style: italic;\n margin-left: 8px;\n color: rgba(0, 0, 0, 0.54);\n}\n\n.node-content__actions__more {\n border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav:first-of-type {\n margin-right: 0;\n}\n\n@media only screen and (min-width: 600px) {\n .node-sidebar-active {\n margin-right: 68px;\n }\n}\n\n@media only screen and (max-width: 599px) {\n .node-sidebar-visible {\n margin-bottom: 42px;\n }\n}\n\n.node-sidebar {\n position: absolute;\n right: 0;\n top: 0;\n width: 52px;\n}\n\n.node-sidebar__toolbar {\n position: fixed;\n width: 52px;\n background-color: #ffffff;\n padding: 8px 0;\n border-radius: 3px;\n}\n@media only screen and (max-width: 599px) {\n .node-sidebar__toolbar {\n right: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n border-radius: 0;\n padding: 0;\n min-height: 0;\n height: 42px;\n }\n}\n\n.node__label--vertical-alignment {\n vertical-align: middle;\n display: inline-block;\n}\n\nnotebook-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: 12px;\n left: -18px;\n height: 22px;\n line-height: 22px;\n font-size: 12px;\n font-weight: 700;\n border: 2px solid;\n}\n.notification-count:before {\n content: \"\";\n position: absolute;\n right: -7px;\n top: 6px;\n border-left: 6px solid rgba(255, 255, 255, 0.87);\n border-top: 4px solid transparent;\n border-bottom: 4px solid transparent;\n}\n\n.notification-list {\n padding: 8px 0;\n}\n\n.notification-dismiss {\n width: 500px;\n}\n\n.notification-dismiss__input {\n margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source {\n color: rgba(0, 0, 0, 0.54);\n font-size: 12px;\n}\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon {\n font-size: 18px;\n min-width: 0;\n width: auto;\n margin-left: -4px;\n line-height: 20px;\n}\n\n.account-menu {\n border-radius: 4px;\n padding: 0;\n font-size: 15px;\n max-width: 380px;\n}\n@media (min-width: 1280px) {\n .account-menu {\n min-width: 380px !important;\n }\n}\n.account-menu h3 {\n margin: 0;\n font-weight: 300;\n}\n.account-menu .mat-mdc-menu-content {\n padding: 0;\n}\n\n.account-menu--fixed-height {\n height: 304px;\n}\n\n.account-menu--fixed-width {\n width: 320px;\n}\n@media (min-width: 960px) {\n .account-menu--fixed-width {\n width: 380px;\n }\n}\n\n.account-menu__icon {\n background-color: rgb(255, 255, 255);\n border-radius: 50%;\n}\n\n.account-menu__caret {\n position: absolute;\n right: 28px;\n top: -8px;\n outline: none;\n}\n.account-menu__caret:before {\n content: \"\";\n position: absolute;\n border-bottom: 8px solid #fff;\n border-left: 8px solid transparent;\n border-right: 8px solid transparent;\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n right: 132px;\n}\n\n[dir=rtl] .account-menu__caret {\n right: auto;\n left: 28px;\n}\n[dir=rtl] .account-menu__caret--pause, [dir=rtl] .account-menu__caret--notification {\n left: 80px;\n right: auto;\n}\n[dir=rtl] .account-menu__caret--notification--with-pause {\n left: 132px;\n right: auto;\n}\n\n.account-menu__info {\n padding: 8px 12px;\n}\n\n.account-menu__info__title {\n font-weight: 500;\n}\n\n.account-menu__info__team {\n font-weight: 400;\n color: rgba(0, 0, 0, 0.54);\n}\n\n.account-menu__users {\n padding: 0;\n}\n.account-menu__users md-list-item {\n padding: 0;\n}\n.account-menu__users md-list-item .md-avatar {\n margin: 0 8px 0 0;\n height: 48px;\n width: 48px;\n}\n\n.account-menu__actions {\n background-color: #f7f7f7;\n}\n\n.account-menu__control {\n padding: 16px;\n}\n\n.annotations {\n margin: 16px 4px 16px 62px;\n position: relative;\n font-size: 15px;\n}\n.annotations hr {\n margin: 10px 0 8px;\n border-color: rgba(0, 0, 0, 0.12);\n}\n.annotations:after {\n content: \"\";\n position: absolute;\n width: 0;\n height: 0;\n left: -15px;\n right: auto;\n top: -1px;\n bottom: auto;\n border-top: 20px solid transparent;\n border-bottom: 20px solid transparent;\n border-right: 16px solid #757575;\n}\n\n.annotations-container--student--report {\n border-top: 1px solid #dddddd;\n}\n\n.annotations--report {\n margin-top: 0;\n margin-bottom: 0;\n}\n\n.annotations__header {\n position: relative;\n border-top-right-radius: 4px;\n padding: 10px 12px;\n font-weight: 700;\n transition: all 1s;\n color: #ffffff;\n background-color: #757575;\n}\n\n.annotations__avatar {\n background-color: #F05843;\n padding: 2px;\n position: absolute;\n top: 0;\n left: -62px;\n}\n\n.annotations__icon {\n transition: all 1s;\n color: #ffffff;\n}\n\n.annotations__body {\n padding: 12px;\n background-color: #ffffff;\n border-bottom-left-radius: 4px;\n border-bottom-right-radius: 4px;\n overflow: auto;\n}\n\n.annotations__status {\n background-color: #ffffff;\n color: #ef6c00;\n display: inline-block;\n margin-left: 8px;\n font-size: 12px;\n}\n.annotations__status.ng-enter, .annotations__status.ng-leave {\n transition: all 1s;\n}\n.annotations__status.ng-enter, .annotations__status.ng-leave.ng-leave-active {\n opacity: 0;\n}\n.annotations__status.ng-leave, .annotations__status.ng-enter.ng-enter-active {\n opacity: 1;\n}\n\n.annotations__score {\n font-weight: 700;\n}\n\n.annotations__info {\n font-style: italic;\n opacity: 0.8;\n border-bottom: 1px dotted;\n font-size: 13px;\n}\n\n.annotations--inside .annotations {\n margin-left: 72px;\n}\n\n.annotations--info {\n margin-bottom: 32px;\n margin-right: 8px;\n margin-left: 72px;\n}\n@media only screen and (min-width: 600px) {\n .annotations--info {\n margin: 16px 16px 32px 76px;\n }\n}\n.annotations--info:after {\n border-right: 16px solid #ef6c00;\n}\n.annotations--info .annotations__avatar {\n background-color: #ffffff;\n}\n.annotations--info .annotations__header {\n background-color: #ef6c00;\n}\n\n.component {\n position: relative;\n}\n\n.component__wrapper {\n padding: 0 24px;\n margin: 24px 0;\n}\n\n.component__content {\n overflow-x: auto;\n font-size: 15px;\n overflow-y: hidden;\n}\n@media only screen and (min-width: 600px) {\n .component__content {\n padding: 0 8px;\n }\n}\n\nh3.component__header {\n padding: 8px 12px;\n margin: 0;\n font-size: 14px;\n}\n\n.component__rubric {\n position: absolute;\n left: -20px;\n top: 12px;\n}\n\n.notebook-enabled .component_content img {\n transition: all 250ms;\n cursor: pointer;\n cursor: copy;\n}\n.notebook-enabled .component_content img:hover, .notebook-enabled .component_content img:focus {\n box-shadow: 0 0 5px 1px #F05843;\n}\n\n.component__actions .md-button:first-child {\n margin-left: 0;\n}\n.component__actions .md-button:last-child {\n margin-right: 0;\n}\n\n.component__actions__info {\n font-style: italic;\n margin-left: 8px;\n color: rgba(0, 0, 0, 0.54);\n font-weight: 400;\n}\n\n.component__actions__more {\n border-bottom: 1px dotted;\n}\n\n.component__prompt {\n margin-bottom: 8px;\n font-weight: 500;\n}\n\n.component__prompt__content {\n display: inline;\n}\n\n.component__attachment {\n position: relative;\n margin: 0 8px;\n padding-bottom: 8px;\n}\n@media only screen and (min-width: 600px) {\n .component__attachment {\n padding-top: 8px;\n }\n}\n\n@media only screen and (max-width: 599px) {\n .component__add-attachment {\n width: 100%;\n }\n}\n\n.component__attachment__content {\n max-height: 100px;\n width: auto;\n}\n\n.component__attachment__delete {\n position: absolute;\n top: 0;\n right: 0;\n 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 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.graph-select {\n min-width: 150px;\n max-width: 200px;\n}\n\n.graph-controls {\n margin: 8px 0;\n padding: 8px 0;\n border: 1px solid #eeeeee;\n border-left-width: 0;\n border-right-width: 0;\n}\n\n.outside-content iframe {\n border: 1px solid #eeeeee;\n}\n\n.outside-content__source {\n margin-top: 4px;\n text-align: end;\n}\n.outside-content__source a {\n max-width: 240px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n display: inline-block;\n}\n\n.notebook-toolbar md-divider {\n margin: 8px 0;\n}\n@media only screen and (max-width: 959px) {\n .notebook-toolbar {\n border-top: 1px solid #dddddd;\n }\n}\n\n.notebook-toolbar__add-menu {\n position: absolute;\n bottom: 40px;\n}\n.notebook-toolbar__add-menu .md-fab-action-item {\n background-color: #ffffff;\n}\n\n.notebook-toolbar__add-icon {\n border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n float: right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n float: left;\n}\n\nhighchart {\n display: block;\n}","// Colors\n$_primary-color: #1C8CA8; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 59%);\n\n$color: (\n 'primary': $_primary-color,\n 'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n 'accent-1': #795C3A,\n 'accent-2': #CAD266,\n 'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n 'info': #ef6c00,\n 'success': #00C853,\n 'divider': rgba(0, 0, 0, 0.12),\n 'gray-lightest': #f7f7f7,\n 'gray-lighter': #eeeeee,\n 'gray-light': #dddddd,\n 'gray': #cccccc,\n 'gray-dark': #aaaaaa,\n 'gray-darker': #757575,\n 'gray-darkest': #333333,\n 'text': rgba(0, 0, 0, 0.87),\n 'text-secondary': rgba(0, 0, 0, 0.54),\n 'text-disabled': rgba(0, 0, 0, 0.26),\n 'text-light': rgba(255, 255, 255, 1),\n 'text-light-secondary': rgba(255, 255, 255, 0.70),\n 'text-light-disabled': rgba(255, 255, 255, 0.50),\n 'selected-bg': $_selected-bg,\n 'score': #FFC107\n);\n\n$body-color: (\n 'body': map-get($color, 'text'),\n 'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: (map-merge($color, $body-color));\n\n// Typography\n$baseline-grid: 8px;\n$body-font-size-base: rem(1.500);\n$caption-font-size-base: rem(1.300);\n\n// Layout\n$wise-toolbar-height: 42px;\n\n// Menus\n$menu-border-radius: 2px;\n$max-visible-items: 6;\n$menu-item-height: 6 * $baseline-grid !default;\n$dense-menu-item-height: 4 * $baseline-grid !default;\n$max-menu-height: 2 * $baseline-grid + $max-visible-items * $menu-item-height !default;\n$max-dense-menu-height: 2 * $baseline-grid + $max-visible-items * $dense-menu-item-height !default;\n\n// Cards\n$card-border-radius: 4px;\n\n// Buttons\n$button-border-radius: 3px;\n","// 1. Config\n\n// 2. Base\n.l-constrained {\n margin-left: auto;\n margin-right: auto;\n max-width: 100%;\n position: relative;\n\n @media (min-width: $layout-breakpoint-xs) {\n width: $layout-breakpoint-md;\n }\n\n @media (min-width: $layout-breakpoint-lg) {\n width: $layout-breakpoint-lg;\n }\n}\n\n.l-constrained-md {\n width: $layout-breakpoint-sm;\n max-width: 100%;\n}\n","// 1. Config\n\n// 2. Base\n.l-footer {\n position: fixed;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 1;\n background-color: #ffffff;\n border-top: 1px solid color('gray-lighter');\n}\n\n// Buttons\n.button--footer {\n margin: 0;\n padding-top: 0;\n padding-bottom: 0;\n min-width: 0;\n display: flex;\n}\n\n.button--footer__element {\n padding-left: 8px;\n}\n","// 1. Config\n\n// 2. Base\n.l-header {\n z-index: 3;\n\n .logo {\n margin-left: 0 !important;\n height: 36px;\n width: 36px;\n vertical-align: middle;\n }\n\n .logo-link {\n min-width: auto;\n display: none;\n padding: 0 4px;\n margin-right: 12px;\n\n @media only screen and (min-width: ($layout-breakpoint-xs)) {\n display: block;\n }\n\n &:hover, &:focus {\n border: 0 none;\n }\n }\n\n // Handle mobile portrait\n @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n .md-toolbar-tools {\n h1, h2, h3 {\n font-size: $body-font-size-base;\n }\n }\n }\n}\n","// 1. Config\n\n// 2. Base\n.l-main {\n background-color: color('body-bg');\n}\n\n.l-main--with-toolbar {\n margin-top: $wise-toolbar-height;\n}\n\n#content {\n transition: margin-top 0.5s;\n}\n\n.view-content {\n margin: 0 auto;\n padding: 8px;\n position: absolute;\n left: 0;\n right: 0;\n transition: opacity 500ms;\n\n @media only screen and (min-width: $layout-breakpoint-sm) {\n padding: 16px;\n }\n\n &.ng-enter {\n opacity: 0;\n }\n\n .ng-enter-active {\n opacity: 1;\n transition-delay: 250ms;\n }\n\n &.ng-leave-active,\n &.ng-hide {\n opacity: 0;\n }\n\n &.ng-hide-add,\n &.ng-hide-add-active,\n &.ng-hide-remove,\n &.ng-hide-remove-active {\n opacity: 0;\n }\n}\n\n.view-content--with-sidemenu {\n padding: 8px;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n margin-left: 54px;\n padding: 16px;\n }\n}\n[dir='rtl'] .view-content--with-sidemenu {\n @media only screen and (min-width: $layout-breakpoint-xs) {\n margin-left: auto;\n margin-right: 54px;\n }\n}\n\n.content-head {\n margin: 8px 0;\n\n h1,\n h2,\n h3 {\n font-weight: 300;\n margin-top: 0;\n margin-bottom: 0;\n font-size: rem(3.6);\n\n @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n font-size: rem(3.2);\n text-align: center;\n }\n }\n}\n\n.content-head__more {\n @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n margin-top: 8px;\n }\n}\n\n.content-head__item,\nh2.content-head__item {\n margin: 0 8px;\n\n .md-subhead {\n padding-left: 4px;\n\n @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n display: block;\n padding-left: 0;\n }\n }\n\n md-icon {\n vertical-align: text-bottom;\n }\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n max-height: 500px;\n}\n","// 1. Config\n\n// 2. Base\n.l-notebook {\n margin-top: $wise-toolbar-height;\n background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-sidebar {\n\n}\n\n.l-sidebar__header {\n background-color: #ffffff !important;\n color: color('accent-1') !important;\n\n md-select {\n color: color('body');\n }\n}",".status-icon {\n margin: 0 4px;\n z-index: 1;\n vertical-align: bottom;\n}\n\n.md-button.status-icon {\n height: auto;\n width: auto;\n min-height: 0;\n line-height: inherit;\n margin: 0 4px;\n padding: 0;\n}\n\n.avatar--icon--alert {\n background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n font-size: 48px;\n margin: -4px 0 0 -4px;\n}\n","md-dialog {\n width: $layout-breakpoint-xs;\n}\n\n.dialog--wide {\n width: $layout-breakpoint-sm;\n}\n\n.dialog--wider {\n width: $layout-breakpoint-md;\n}\n",".help-bubble {\n border-radius: $card-border-radius;\n max-width: 320px;\n\n @media (min-width: $layout-breakpoint-xs) {\n max-width: ($layout-breakpoint-xs - 48);\n }\n\n @media (min-width: $layout-breakpoint-sm) {\n max-width: ($layout-breakpoint-sm - 48);\n }\n\n @media (min-width: $layout-breakpoint-md) {\n max-width: ($layout-breakpoint-md - 48);\n }\n}\n\n.help-bubble__title {\n border-top-left-radius: $card-border-radius;\n border-top-right-radius: $card-border-radius;\n}\n\n.help-bubble___title__content {\n border-top-left-radius: $card-border-radius;\n border-top-right-radius: $card-border-radius;\n padding: 0px 0 0 12px;\n background-color: color('info');\n\n .md-icon-button {\n margin-right: 0;\n padding-top: 0;\n padding-bottom: 0;\n }\n}\n\n.help-bubble__content {\n overflow: auto;\n padding: 8px 12px;\n max-height: 480px;\n}\n\n.help-bubble__actions {\n border-bottom-left-radius: $card-border-radius;\n border-bottom-right-radius: $card-border-radius;\n}\n","// Variables\n$input-action-width: 44px;\n$input-action-vertical-offset: 6px;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n.input-container {\n padding-top: 12px;\n}\n\n.input-container--component {\n margin-bottom: 0;\n}\n\n.input-container--open-response {\n &.md-has-icon {\n padding-left: 0;\n }\n\n .md-errors-spacer {\n display: none;\n }\n}\n\n.input-wrapper {\n position: relative;\n}\n\n.input-wrapper--focused {\n .input--textarea__action md-icon {\n color: color('primary');\n }\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n padding: 8px;\n background-color: color('gray-lightest');\n border: 1px solid color('gray');\n margin-bottom: 8px;\n\n &:focus {\n background-color: #ffffff;\n }\n\n &[disabled] {\n color: color('text-secondary');\n }\n}\n\n.input-container textarea.input--textarea {\n width: 100%;\n}\n\n.input--textarea--disabled {\n color: color('text-secondary');\n}\n\n.input--textarea__action {\n position: absolute;\n right: -4px;\n\n &[disabled] md-icon {\n color: color('text-disabled') !important;\n }\n}\n\n.input--textarea__action--notebook {\n top: $input-action-vertical-offset;\n\n .input-wrapper--richtext & {\n top: $input-action-vertical-offset-richtext\n }\n}\n\n.input--textarea__action--revision {\n bottom: $input-action-vertical-offset;\n\n .input-wrapper--richtext & {\n bottom: ($input-action-vertical-offset-richtext + 2px);\n }\n\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n line-height: 1.2;\n color: color('text');\n\n &.input-label--focused {\n color: color('primary');\n }\n}\n\n.autocomplete {\n input {\n text-overflow: ellipsis;\n overflow: hidden;\n word-wrap: none;\n font-weight: 500;\n color: color('text-secondary');\n }\n}\n\n.autocomplete--minwidth {\n @media only screen and (min-width: $layout-breakpoint-xs) {\n min-width: 300px;\n }\n\n @media only screen and (min-width: $layout-breakpoint-sm) {\n min-width: 300px;\n }\n}\n\n.autocomplete--flat {\n md-autocomplete-wrap {\n background-color: #ffffff;\n\n &:not(.md-menu-showing) {\n box-shadow: none;\n background-color: color('gray-lighter');\n }\n }\n}\n\n.select__header {\n height: $menu-item-height;\n\n input {\n height: 100%;\n width: 100%;\n padding: 0 8px;\n outline: none;\n border: 0 none;\n font-size: rem(1.4);\n font-weight: 500;\n }\n}\n",".table {\n max-width: 100%;\n width: auto;\n min-width: 100px;\n margin: 8px 0;\n\n thead,\n tbody,\n tfoot {\n // TODO: remove chaining when bootstrap dependency is removed\n > tr > th,\n > tr > td {\n border: 1px solid color('gray');\n padding: 6px;\n font-size: rem(1.5);\n min-height: 32px;\n height: 32px;\n min-width: 32px;\n vertical-align: top;\n }\n }\n\n td.inactive,\n th {\n background-color: color('gray-lightest');\n opacity: 1;\n visibility: visible;\n }\n\n md-input-container {\n margin: 0;\n }\n\n .md-errors-spacer {\n display: none;\n }\n}\n\n.table--student {\n td {\n &.inactive {\n padding: 8px 10px;\n }\n }\n}\n\n.table--full-width {\n width: 100%;\n}\n\n.table--list {\n border: 0 none;\n border-collapse: collapse;\n background-color: #ffffff;\n max-width: 100%;\n overflow: auto;\n\n th,\n td {\n padding: 0 4px;\n border: 0 none;\n }\n\n td {\n min-height: 56px;\n height: 56px;\n }\n\n tr {\n &.md-button {\n display: table-row;\n text-align: left;\n width: auto;\n text-transform: none;\n font-size: inherit;\n font-weight: normal;\n }\n }\n}\n\n.table--list__wrap {\n min-width: $layout-breakpoint-xs;\n}\n\n.table-wrap-sticky {\n @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n overflow-x: auto;\n }\n}\n\n.table--list__thead {\n font-size: rem(1.4);\n font-weight: 700;\n}\n\n.table--list__thead__tr {\n height: 100%;\n margin: 0;\n}\n\n.table--list__thead__th {\n background-color: color('gray-darker');\n color: color('text-light');\n min-height: $wise-toolbar-height;\n height: $wise-toolbar-height;\n}\n\n.table--list__thead__link {\n color: #ffffff;\n text-transform: none;\n margin: 0;\n min-width: 0;\n white-space: normal;\n line-height: 1.4;\n width: 100%;\n}\n\n.table--list__thead__sort {\n margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n transform: rotate(180deg);\n}\n\n.td--wrap {\n min-width: 180px;\n white-space: normal;\n line-height: 1.2;\n}\n\n.td--max-width {\n @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n max-width: 180px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n}\n",".md-toolbar-tools {\n font-size: 18px;\n\n .autocomplete {\n height: 36px;\n\n md-autocomplete-wrap {\n height: 36px;\n }\n\n input {\n height: 36px;\n }\n }\n}\n\n.md-toolbar--wise {\n min-height: $wise-toolbar-height;\n\n .md-toolbar-tools {\n height: $wise-toolbar-height;\n max-height: $wise-toolbar-height;\n }\n\n .md-button.md-icon-button {\n height: $wise-toolbar-height;\n line-height: $wise-toolbar-height;\n width: $wise-toolbar-height;\n }\n}\n\n.md-toolbar--wise--sm {\n .md-toolbar-tools {\n padding: 0 8px;\n font-size: $body-font-size-base;\n }\n}\n\n.md-toolbar--sidenav {\n background-color: color('gray-darkest') !important;\n\n .md-toolbar-tools {\n font-size: rem(1.6);\n font-weight: 500;\n }\n}\n\n.toolbar {\n position: fixed;\n left: 0;\n right: 0;\n top: $md-toolbar-height;\n z-index: 3;\n}\n\n.toolbar__title {\n margin-left: 8px;\n font-size: rem(1.6);\n font-weight: 500;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n margin: 0 4px;\n min-height: 32px;\n background-color: color('gray-lightest');\n\n .md-select-value {\n height: 32px;\n text-align: left;\n }\n}\n[dir=rtl] {\n .toolbar__select, .md-button.toolbar__select {\n .md-select-value {\n text-align: right;\n }\n }\n}\n\n.toolbar__select--fixedwidth {\n width: 168px;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n width: 264px;\n }\n\n @media only screen and (min-width: $layout-breakpoint-sm) {\n width: 432px;\n }\n}\n","// Helpers\n@function rem($multiplier) {\n $font-size: 10px;\n @return $multiplier * $font-size;\n}\n\n// Angular Material variables for use and !default overrides\n$md-toolbar-height: 52px;\n$md-toolbar-medium-tall-height: 74px;\n$md-toolbar-tall-height: 104px;\n$md-toolbar-height-mobile-portrait: 52px;\n$md-toolbar-height-mobile-landscape: 52px;\n\n$caption-font-size-base: rem(1.300);\n\n//$list-item-height: 56px;\n\n$card-border-radius: 4px;\n\n$layout-breakpoint-xs: 600px;\n$layout-breakpoint-sm: 960px;\n$layout-breakpoint-md: 1280px;\n$layout-breakpoint-lg: 1920px;\n\n$button-border-radius: 3px;\n\n$tooltip-fontsize-lg: rem(1.1);\n$tooltip-fontsize-sm: rem(1.1);\n//$tooltip-height-lg: rem(2.2);\n$tooltip-height-sm: rem(2.2);\n//$tooltip-top-margin-lg: rem(1.4);\n$tooltip-top-margin-sm: rem(1.4);\n//$tooltip-lr-padding-lg: rem(0.8);\n$tooltip-lr-padding-sm: rem(0.8);\n//$tooltip-max-width: rem(3.20);\n\n$progress-linear-bar-height: 7px;\n",".list-item {\n background-color: #ffffff;\n border-bottom: 1px solid color('gray-lighter');\n\n .md-subheader, &.md-subheader {\n color: color('text');\n background-color: #ffffff;\n\n md-icon {\n vertical-align: middle;\n }\n\n .md-subheader-inner {\n padding: 0;\n }\n\n .md-avatar {\n margin-right: 8px;\n }\n }\n\n .autocomplete {\n margin: 8px 0;\n }\n}\n\n.list-item--info {\n &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n border-left: 4px solid color('info') !important;\n margin-left: -4px;\n }\n}\n\n.list-item--warn {\n //background-color: lighten(color('warn'), 56%);\n\n &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n border-left: 4px solid color('warn') !important;\n margin-left: -4px;\n }\n}\n\n.list-item--expanded {\n border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n cursor: default;\n background-color: color('gray-lightest');\n}\n\n.list-item--actions {\n padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n text-transform: none;\n width: 100%;\n padding: 8px 16px;\n margin: 0;\n white-space: normal;\n text-align: left;\n line-height: 1.4;\n}\n\n.user-list {\n font-size: rem(1.5);\n}\n","#nav {\n position: relative;\n}\n\n.nav {\n margin-bottom: 16px;\n}\n\n.nav-mask {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background-color: rgba(0,0,0,0.25);\n z-index: 1;\n\n &.ng-hide {\n opacity: 0;\n }\n}\n\n.nav-head {\n color: color('text-secondary');\n font-weight: 500;\n\n md-icon {\n line-height: 20px;\n }\n}\n\n.nav-contents--root {\n padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n background-color: color('gray-light');\n padding: 8px;\n}\n\n.nav-contents--root {\n padding: 0;\n}\n\n.nav-contents__list {\n padding: 0;\n\n @media (min-width: $layout-breakpoint-xs) {\n padding: 8px;\n }\n}\n\n.nav-item {\n transition: opacity 250ms ease-in-out;\n\n &.prev {\n md-list-item {\n background-color: color('selected-bg');\n\n /*&._md-button-wrap>div.md-button:first-child {\n border-left: 4px solid color('primary');\n margin-left: -4px;\n }*/\n }\n }\n}\n\n.nav-item--card__content {\n border-top-right-radius: $card-border-radius;\n border-top-left-radius: $card-border-radius;\n\n &:focus {\n outline: none;\n\n .nav-item__title > span {\n border-bottom: 1px dashed color('gray');\n }\n }\n}\n\n.nav-item--root {\n transition: margin 250ms, box-shadow 500ms;\n\n &.expanded {\n flex-basis: 100%;\n //max-width: ($layout-breakpoint-md - 100) !important;\n max-width: 100%;\n max-height: none !important;\n margin: 8px auto;\n\n &:first-of-type {\n margin-top: 0;\n }\n\n //@media only screen and (min-width: $layout-breakpoint-sm) {\n //margin: 8px auto;\n //}\n }\n}\n\n//.nav-item--list {\n//}\n\n.nav-item--list__info-item {\n padding: 0 16px 0 4px;\n display: inline-block;\n}\n\n.nav-item--list__reorder {\n margin-left: 8px;\n color: color('text-disabled');\n}\n\n.nav-item--card {\n\n}\n\n.nav-item--card--group {\n &:not(.expanded) {\n box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098),\n 0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa;\n }\n}\n\n.nav-item__collapse {\n margin: 0;\n}\n\n.nav-item__more {\n border-top: 1px solid color('gray-light');\n border-bottom-right-radius: $card-border-radius;\n border-bottom-left-radius: $card-border-radius;\n padding: 8px 16px;\n min-height: 40px;\n}\n\n.nav-item__users {\n height: auto;\n cursor: pointer;\n color: #ffffff;\n margin: 0;\n padding: 1px 6px;\n\n > md-icon {\n padding-right: 4px;\n color: #ffffff;\n }\n\n &:hover, &:focus {\n &.success-bg {\n background-color: color('success');\n }\n }\n}\n\n.nav-item__title {\n padding-left: 16px;\n line-height: 1.2;\n font-weight: 400;\n}\n[dir=rtl] .nav-item__title {\n padding-left: auto;\n padding-right: 16px;\n}\n\n.nav-item__info {\n padding: 0 8px;\n}\n\n.nav-item__progress {\n width: 48px;\n\n > .md-container {\n top: 0;\n }\n}\n\n.nav-item__progress-value {\n margin-left: 8px;\n width: 36px;\n}\n\n.progress-wrapper {\n padding: 2px 0;\n cursor: pointer;\n}\n",".notice {\n text-align: center;\n padding: 8px;\n background-color: rgba(0,0,0,0.04);\n width: 100%;\n\n @media (min-width: $layout-breakpoint-xs) {\n max-width: 80%;\n border-radius: $button-border-radius;\n margin: 24px auto;\n }\n}","// 1. Variables\n$menu-sidebar-width: 56px;\n\n// 2. Base\n.menu-progress {\n position: absolute;\n top: 10px;\n right: 12px;\n\n path {\n stroke: color('accent-2') !important;\n stroke-width: 2px;\n }\n}\n[dir=rtl] .menu-progress {\n right:auto;\n left:12px;\n}\n\n.menu-sidenav {\n\n}\n\n.menu-sidenav__item {\n font-weight: 700;\n //color: color('text-secondary');\n font-size: rem(1.4);\n}\n\n.menu-sidenav__icon {\n margin-top: 12px !important;\n margin-right: 12px !important;\n margin-left: 12px;\n}\n\n.active {\n .menu-sidenav__icon, .menu-sidenav__item {\n color: color('primary');\n }\n}\n\n.menu-sidebar {\n position: absolute;\n top: $wise-toolbar-height + $md-toolbar-height;\n bottom: 0;\n left: 0;\n background-color: #fff;\n width: $menu-sidebar-width;\n overflow: hidden;\n padding: 8px 0;\n text-align: center;\n border-right: 1px solid color('gray');\n\n @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n display: none;\n }\n}\n[dir=rtl] .menu-sidebar {\n right:0;\n left:auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n margin-top: 6px;\n margin-bottom: 6px;\n}\n","// Variables\n$input-action-width: 48px;\n$input-action-vertical-offset: 0;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n#node {\n margin: 0 auto;\n position: absolute;\n left: 0;\n right: 0;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n padding: 8px;\n padding: 24px 16px;\n margin-bottom: 32px;\n }\n\n @media only screen and (min-width: $layout-breakpoint-sm) {\n padding: 32px;\n }\n\n &.ng-enter {\n transition: opacity .5s;\n opacity: 0;\n }\n\n &.ng-enter-active {\n opacity: 1;\n }\n}\n\n// TODO: use BEM conventions\n\n.node-notice {\n @media only screen and (min-width: $layout-breakpoint-xs) {\n margin-top: -8px;\n margin-bottom: 16px;\n }\n\n @media only screen and (min-width: $layout-breakpoint-sm) {\n margin-top: -16px;\n }\n}\n\n.node-content {\n padding: 0 0 48px;\n background-color: #ffffff;\n border-radius: $button-border-radius;\n overflow: visible;\n\n @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n box-shadow: none;\n }\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n padding: 0;\n border-top: 2px solid;\n border-bottom: 2px solid;\n }\n}\n\nmd-content {\n &.node-content {\n background-color: #ffffff;\n }\n}\n\n.node-content__rubric {\n position: absolute;\n top: -22px;\n left: 0;\n right: 0;\n z-index: 1;\n\n .avatar--icon {\n transform: scale(0.94);\n\n @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n transform: scale(0.8);\n }\n }\n}\n\n.node-icon {\n color: #ffffff;\n vertical-align: inherit;\n}\n\n.node-select {\n margin: 0 8px;\n min-width: 0;\n font-weight: 500;\n font-size: $body-font-size-base;\n\n .md-select-value {\n *:first-child {\n transform: translate3d(0,0,0);\n flex: 1 0 0;\n }\n\n .node-select__icon {\n display: none;\n }\n\n .node-select__status {\n display: none;\n }\n }\n\n .md-select-icon {\n margin-left: 0;\n color: color('text');\n }\n}\n\n.node-select-option--group {\n //color: rgba(0,0,0,0.54);\n background-color: color('gray-lightest');\n border-bottom: 1px solid color('gray-lighter');\n border-top: 1px solid color('gray-lighter');\n}\n\n.node-select-option--node {\n padding-left: 20px;\n}\n\n.node-select__icon {\n margin-right: 8px;\n}\n\n.node-select__status {\n margin-left: 8px;\n}\n\n.node-select__text {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n margin-top: 2px;\n }\n}\n\n.node-title {\n line-height: 1.2;\n text-transform: none;\n margin-top: 3px;\n\n @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n font-size: $body-font-size-base;\n }\n}\n\n.node-content__actions {\n padding: 0 16px 16px;\n\n @media only screen and (min-width: $layout-breakpoint-sm) {\n padding: 0 24px 24px;\n }\n\n .md-button:first-child {\n margin-left: 0;\n }\n\n .md-button:last-child {\n margin-right: 0;\n }\n}\n\n.node-content__actions__info {\n font-style: italic;\n margin-left: 8px;\n color: color('text-secondary');\n}\n\n.node-content__actions__more {\n border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav {\n &:not(:first-of-type) {\n }\n\n &:first-of-type {\n margin-right: 0;\n }\n}\n\n.node-sidebar-active {\n @media only screen and (min-width: $layout-breakpoint-xs) {\n margin-right: ($md-toolbar-height + 16);\n }\n}\n\n.node-sidebar-visible {\n @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n margin-bottom: $wise-toolbar-height;\n }\n}\n\n.node-sidebar {\n position: absolute;\n right: 0;\n top: 0;\n width: $md-toolbar-height;\n}\n\n.node-sidebar__toolbar {\n position: fixed;\n width: $md-toolbar-height;\n background-color: #ffffff;\n padding: 8px 0;\n border-radius: $button-border-radius;\n\n @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n right: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n border-radius: 0;\n padding: 0;\n min-height: 0;\n height: $wise-toolbar-height;\n }\n}\n\n.node__label--vertical-alignment {\n vertical-align: middle;\n display: inline-block;\n}\n","// Variables\n$notebook-sidebar-width: 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: 12px;\n left: -18px;\n height: 22px;\n line-height: 22px;\n font-size: 12px;\n font-weight: 700;\n border: 2px solid;\n\n &:before {\n content: \"\";\n position: absolute;\n right: -7px;\n top: 6px;\n border-left: 6px solid rgba(255,255,255,0.87);\n border-top: 4px solid transparent;\n border-bottom: 4px solid transparent;\n }\n}\n\n.notification-list {\n padding: 8px 0;\n}\n\n.notification-dismiss {\n width: 500px;\n}\n\n.notification-dismiss__input {\n margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4,\nmd-list md-list-item.md-2-line .md-list-item-text h4,\nmd-list md-list-item.md-3-line .md-list-item-text h4 {\n &.notification-list-item__source {\n color: color('text-secondary');\n font-size: rem(1.2);\n\n md-icon {\n font-size: rem(1.8);\n min-width: 0;\n width: auto;\n margin-left: -4px;\n line-height: rem(2);\n }\n }\n}\n",".account-menu {\n border-radius: $card-border-radius;\n padding: 0;\n font-size: $body-font-size-base;\n max-width: 380px;\n\n @media (min-width: $layout-breakpoint-md) {\n min-width: 380px !important;\n }\n\n h3 {\n margin: 0;\n font-weight: 300;\n }\n\n .mat-mdc-menu-content {\n padding: 0;\n }\n}\n\n.account-menu--fixed-height {\n height: $max-menu-height;\n}\n\n.account-menu--fixed-width {\n width: 320px;\n\n @media (min-width: $layout-breakpoint-sm) {\n width: 380px;\n }\n}\n\n.account-menu__icon {\n background-color: color('text-light');\n border-radius: 50%;\n}\n\n.account-menu__caret {\n position: absolute;\n right: 28px;\n top: -8px;\n outline: none;\n\n &:before {\n content: '';\n position: absolute;\n border-bottom: 8px solid #fff;\n border-left: 8px solid transparent;\n border-right: 8px solid transparent;\n }\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n right: 132px;\n}\n\n[dir=rtl] {\n .account-menu__caret {\n right: auto;\n left: 28px;\n }\n .account-menu__caret--pause, .account-menu__caret--notification {\n left:80px;\n right:auto;\n }\n .account-menu__caret--notification--with-pause {\n left: 132px;\n right:auto;\n }\n}\n\n.account-menu__info {\n padding: 8px 12px;\n}\n\n.account-menu__info__title {\n font-weight: 500;\n}\n\n.account-menu__info__team {\n font-weight: 400;\n color: color('text-secondary');\n}\n\n.account-menu__users {\n padding: 0;\n\n md-list-item {\n padding: 0;\n\n .md-avatar {\n margin: 0 8px 0 0;\n height: 48px;\n width: 48px;\n }\n }\n}\n\n.account-menu__actions {\n background-color: color('gray-lightest');\n}\n\n.account-menu__control {\n padding: 16px;\n}\n",".annotations {\n margin: 16px 4px 16px 62px;\n position: relative;\n font-size: rem(1.5);\n\n hr {\n margin: 10px 0 8px;\n border-color: rgba(0,0,0,.12);\n }\n\n &:after {\n content: \"\";\n position: absolute;\n width: 0;\n height: 0;\n left: -15px;\n right: auto;\n top: -1px;\n bottom: auto;\n border-top: 20px solid transparent;\n border-bottom: 20px solid transparent;\n border-right: 16px solid color('gray-darker');\n }\n}\n\n.annotations-container--student--report {\n border-top: 1px solid color('gray-light');\n}\n\n.annotations--report {\n margin-top: 0;\n margin-bottom: 0;\n}\n\n.annotations__header {\n position: relative;\n //border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n padding: 10px 12px;\n font-weight: 700;\n transition: all 1s;\n color: #ffffff;\n background-color: color('gray-darker');\n}\n\n.annotations__avatar {\n background-color: color('accent');\n padding: 2px;\n position: absolute;\n top: 0;\n left: -62px;\n}\n\n.annotations__icon {\n transition: all 1s;\n color: #ffffff;\n}\n\n.annotations__body {\n padding: 12px;\n background-color: #ffffff;\n border-bottom-left-radius: $card-border-radius;\n border-bottom-right-radius: $card-border-radius;\n overflow: auto;\n}\n\n.annotations__status {\n background-color: #ffffff;\n color: color('info');\n display: inline-block;\n margin-left: 8px;\n font-size: rem(1.2);\n\n &.ng-enter, &.ng-leave {\n transition: all 1s;\n }\n\n &.ng-enter, &.ng-leave.ng-leave-active {\n opacity:0;\n }\n\n &.ng-leave, &.ng-enter.ng-enter-active {\n opacity:1;\n }\n}\n\n.annotations__score {\n font-weight: 700;\n}\n\n.annotations__info {\n font-style: italic;\n opacity: 0.8;\n border-bottom: 1px dotted;\n font-size: rem(1.3);\n}\n\n.annotations--inside {\n .annotations {\n margin-left: 72px;\n }\n}\n\n// TODO: move to own file\n.annotations--info {\n margin-bottom: 32px;\n margin-right: 8px;\n margin-left: 72px;\n\n @media only screen and (min-width: ($layout-breakpoint-xs)) {\n margin: 16px 16px 32px 76px;\n }\n\n &:after {\n border-right: 16px solid color('info');\n }\n\n .annotations__avatar {\n background-color: #ffffff;\n }\n\n .annotations__header {\n background-color: color('info');\n }\n}\n",".component {\n position: relative;\n}\n\n.component__wrapper {\n padding: 0 24px;\n margin: 24px 0;\n}\n\n.component__content {\n overflow-x: auto;\n font-size: rem(1.5);\n overflow-y: hidden; // TODO: figure out why this is needed after update to ng-material 1.1.1\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n padding: 0 8px;\n }\n}\n\nh3.component__header {\n padding: 8px 12px;\n margin: 0;\n font-size: rem(1.4);\n}\n\n.component__rubric {\n position: absolute;\n left: -20px;\n top: 12px;\n}\n\n.notebook-enabled {\n .component_content {\n img {\n transition: all 250ms;\n cursor: pointer;\n cursor: copy;\n //position: relative;\n //border: 2px solid transparent;\n\n &:hover, &:focus {\n box-shadow: 0 0 5px 1px color('accent');\n //border: 2px solid #ffffff;\n }\n }\n }\n}\n\n.component__actions {\n .md-button:first-child {\n margin-left: 0;\n }\n\n .md-button:last-child {\n margin-right: 0;\n }\n}\n\n.component__actions__info {\n font-style: italic;\n margin-left: 8px;\n color: color('text-secondary');\n font-weight: 400;\n}\n\n.component__actions__more {\n border-bottom: 1px dotted;\n}\n\n.component__prompt {\n margin-bottom: 8px;\n font-weight: 500;\n}\n\n.component__prompt__content {\n display: inline;\n}\n\n.component__attachment {\n position: relative;\n margin: 0 8px;\n padding-bottom: 8px;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n padding-top: 8px;\n }\n}\n\n.component__add-attachment {\n @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n width: 100%;\n }\n}\n\n.component__attachment__content {\n max-height: 100px;\n width: auto;\n}\n\n.component__attachment__delete {\n position: absolute;\n top: 0;\n right: 0;\n 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 border: 0 none;\n}\n\n.discussion-new__actions {\n padding: 0 8px;\n\n .md-button {\n &:first-of-type {\n margin-left: 0;\n }\n\n &:last-of-type {\n margin-right: 0;\n }\n }\n}\n\n.discussion-new__attachment {\n padding: 0;\n margin: 0 0 8px;\n}\n\n.discussion-new__attachment__content {\n margin-top: 0;\n margin-bottom: 16px;\n}\n\n\n\n\n\n",".embedded-content {\n\n}\n\n.embedded-content__iframe {\n border: 0 none;\n}\n",".graph-select {\n min-width: 150px;\n max-width: 200px;\n}\n\n.graph-controls {\n margin: 8px 0;\n padding: 8px 0;\n border: 1px solid color('gray-lighter');\n border-left-width: 0;\n border-right-width: 0;\n}\n",".outside-content {\n iframe {\n border: 1px solid color('gray-lighter');\n }\n}\n\n.outside-content__source {\n margin-top: 4px;\n text-align: end;\n\n a {\n max-width: 240px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n display: inline-block;\n }\n}",".notebook-toolbar {\n md-divider {\n margin: 8px 0;\n }\n\n @media only screen and (max-width: ($layout-breakpoint-sm - 1)) {\n border-top: 1px solid color('gray-light');\n }\n}\n\n.notebook-toolbar__add-menu {\n position: absolute;\n bottom: 40px;\n\n .md-fab-action-item {\n background-color: #ffffff;\n }\n}\n\n.notebook-toolbar__add-icon {\n border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n float:right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n float:left;\n}","highchart {\n display: block;\n}\n"]} \ No newline at end of file diff --git a/src/assets/wise5/themes/default/style/modules/_component.scss b/src/assets/wise5/themes/default/style/modules/_component.scss index b442a55ef48..f4c859ca4e6 100644 --- a/src/assets/wise5/themes/default/style/modules/_component.scss +++ b/src/assets/wise5/themes/default/style/modules/_component.scss @@ -59,8 +59,8 @@ h3.component__header { .component__actions__info { font-style: italic; margin-left: 8px; - //color: color('accent-1'); color: color('text-secondary'); + font-weight: 400; } .component__actions__more { diff --git a/src/assets/wise5/themes/default/style/modules/_milestones.scss b/src/assets/wise5/themes/default/style/modules/_milestones.scss index 7efaf6ad9f9..97f76c4d117 100644 --- a/src/assets/wise5/themes/default/style/modules/_milestones.scss +++ b/src/assets/wise5/themes/default/style/modules/_milestones.scss @@ -1,50 +1,50 @@ -.milestone { - min-width: 196px; - width: 196px; - height: 242px; - background-color: #ffffff; - padding: 0; +// .milestone { +// min-width: 196px; +// width: 196px; +// height: 242px; +// background-color: #ffffff; +// padding: 0; - &.md-button { - text-transform: none; - } -} +// &.md-button { +// text-transform: none; +// } +// } -.milestone__progress { - background-color: color('gray-lighter'); - border-radius: 50%; - position: relative; - margin-bottom: 12px; -} +// .milestone__progress { +// background-color: color('gray-lighter'); +// border-radius: 50%; +// position: relative; +// margin-bottom: 12px; +// } -.milestone__progress__percent { - position: absolute; - top: 8px; - bottom: 8px; - left: 8px; - right: 8px; - border-radius: 50%; - background-color: #ffffff; - color: color('primary'); - font-size: rem(2.8); - font-weight: 500; -} +// .milestone__progress__percent { +// position: absolute; +// top: 8px; +// bottom: 8px; +// left: 8px; +// right: 8px; +// border-radius: 50%; +// background-color: #ffffff; +// color: color('primary'); +// font-size: rem(2.8); +// font-weight: 500; +// } -.milestone__title { - font-weight: 700; - font-size: $body-font-size-base; - margin-bottom: 12px; -} +// .milestone__title { +// font-weight: 700; +// font-size: $body-font-size-base; +// margin-bottom: 12px; +// } -.milestone--add { - &.md-button { - text-transform: uppercase; - } -} +// .milestone--add { +// &.md-button { +// text-transform: uppercase; +// } +// } -.milestone--add__icon { - height: 96px; - width: 96px; - background-color: color('gray-lighter'); - border-radius: 50%; -} +// .milestone--add__icon { +// height: 96px; +// width: 96px; +// background-color: color('gray-lighter'); +// border-radius: 50%; +// } diff --git a/src/assets/wise5/themes/default/style/monitor.css b/src/assets/wise5/themes/default/style/monitor.css index 1c5ba18c0e3..c9ccc071215 100644 --- a/src/assets/wise5/themes/default/style/monitor.css +++ b/src/assets/wise5/themes/default/style/monitor.css @@ -1,2 +1,2 @@ -body{background:#eee}body.vle{overflow:hidden}a:focus,a:hover{color:#1565c0}blockquote{background-color:#f5f9fe;border:solid #1565c0;border-width:0 0 0 3px;margin:16px 0;padding:8px}.has-indicator:after{background-color:#f05843;border-radius:50%;content:"";padding:5px;position:absolute}.has-indicator--icon-button:after{left:5px;top:25px}.badge{background-color:#aaa;border-radius:4px;font-size:12px;font-style:normal;font-weight:500;padding:2px 6px}.badge.md-button{line-height:inherit;min-height:0;min-width:0}.badge.md-button:focus,.badge.md-button:hover{background-color:#aaa}.badge.md-button:focus{outline:1px dotted #aaa}.badge--info{background-color:#ef6c00;color:#fff}.badge--warn{background-color:#c62828;color:#fff}.badge--success{background-color:#00c853;color:#fff}.divider--withmargin{margin:16px 0}.divider--dashed{border-top-style:dashed}a{color:#1565c0;cursor:pointer}.active{background-color:hsla(0,0%,62%,.2);color:rgba(0,0,0,.87)}.avatar{border-radius:50%;box-sizing:content-box}.avatar--square{border-radius:4px}.avatar.md-18{height:30px;width:30px}.avatar.md-24{height:36px;width:36px}.avatar.md-36{height:48px;width:48px}.avatar.md-48{height:60px;width:60px}.avatar--icon{background-color:#ddd;white-space:normal!important}.avatar--icon:not(.md-avatar){padding:6px}.avatar--icon.md-18{height:18px;width:18px}.avatar--icon.md-24{height:24px;width:24px}.avatar--icon.md-36{height:36px;width:36px}.avatar--icon.md-48{height:48px;width:48px}md-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon{color:rgba(0,0,0,.54)}md-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon{color:rgba(0,0,0,.26)}.md-button:not([disabled]).primary,md-icon.primary{color:#1565c0!important}.md-button:not([disabled]).success,md-icon.success{color:#00c853!important}.md-button:not([disabled]).warn,md-icon.warn{color:#c62828!important}.md-button:not([disabled]).info,md-icon.info{color:#ef6c00!important}.md-button:not([disabled]).accent,md-icon.accent{color:#f05843!important}.md-button:not([disabled]).accent-1,md-icon.accent-1{color:#795c3a!important}.md-button:not([disabled]).accent-2,md-icon.accent-2{color:#cad266!important}md-input-container.md-wise-theme label{color:rgba(0,0,0,.87)}md-select-menu md-option[selected],md-select-menu.md-default-theme md-option[selected]{background-color:#ecf4fd}.md-autocomplete-suggestions-container li .highlight,.md-autocomplete-suggestions-container.md-default-theme li .highlight{background-color:#ecf4fd;color:#1565c0}.primary{color:#1565c0}.accent{color:#f05843}.accent-1{color:#795c3a}.accent-2{color:#cad266}.warn{color:#c62828}.info{color:#ef6c00}.success{color:#00c853}.divider{color:rgba(0,0,0,.12)}.gray-lightest{color:#f7f7f7}.gray-lighter{color:#eee}.gray-light{color:#ddd}.gray{color:#ccc}.gray-dark{color:#aaa}.gray-darker{color:#757575}.gray-darkest{color:#333}.text{color:rgba(0,0,0,.87)}.text-secondary{color:rgba(0,0,0,.54)}.text-disabled{color:rgba(0,0,0,.26)}.text-light{color:#fff}.text-light-secondary{color:hsla(0,0%,100%,.7)}.text-light-disabled{color:hsla(0,0%,100%,.5)}.selected-bg{color:#ecf4fd}.score{color:#ffc107}.body{color:rgba(0,0,0,.87)}.body-bg{color:#eee}.primary-bg{background-color:#1565c0}.accent-bg{background-color:#f05843}.accent-1-bg{background-color:#795c3a}.accent-2-bg{background-color:#cad266}.warn-bg{background-color:#c62828}.info-bg{background-color:#ef6c00}.success-bg{background-color:#00c853}.divider-bg{background-color:rgba(0,0,0,.12)}.gray-lightest-bg{background-color:#f7f7f7}.gray-lighter-bg{background-color:#eee}.gray-light-bg{background-color:#ddd}.gray-bg{background-color:#ccc}.gray-dark-bg{background-color:#aaa}.gray-darker-bg{background-color:#757575}.gray-darkest-bg{background-color:#333}.text-bg{background-color:rgba(0,0,0,.87)}.text-secondary-bg{background-color:rgba(0,0,0,.54)}.text-disabled-bg{background-color:rgba(0,0,0,.26)}.text-light-bg{background-color:#fff}.text-light-secondary-bg{background-color:hsla(0,0%,100%,.7)}.text-light-disabled-bg{background-color:hsla(0,0%,100%,.5)}.selected-bg-bg{background-color:#ecf4fd}.score-bg{background-color:#ffc107}.body-bg{background-color:rgba(0,0,0,.87)}.body-bg-bg{background-color:#eee}md-progress-circular.primary path{stroke:#1565c0}md-progress-circular.accent path{stroke:#f05843}md-progress-circular.accent-1 path{stroke:#795c3a}md-progress-circular.accent-2 path{stroke:#cad266}md-progress-circular.warn path{stroke:#c62828}md-progress-circular.info path{stroke:#ef6c00}md-progress-circular.success path{stroke:#00c853}md-progress-circular.divider path{stroke:rgba(0,0,0,.12)}md-progress-circular.gray-lightest path{stroke:#f7f7f7}md-progress-circular.gray-lighter path{stroke:#eee}md-progress-circular.gray-light path{stroke:#ddd}md-progress-circular.gray path{stroke:#ccc}md-progress-circular.gray-dark path{stroke:#aaa}md-progress-circular.gray-darker path{stroke:#757575}md-progress-circular.gray-darkest path{stroke:#333}md-progress-circular.text path{stroke:rgba(0,0,0,.87)}md-progress-circular.text-secondary path{stroke:rgba(0,0,0,.54)}md-progress-circular.text-disabled path{stroke:rgba(0,0,0,.26)}md-progress-circular.text-light path{stroke:#fff}md-progress-circular.text-light-secondary path{stroke:hsla(0,0%,100%,.7)}md-progress-circular.text-light-disabled path{stroke:hsla(0,0%,100%,.5)}md-progress-circular.selected-bg path{stroke:#ecf4fd}md-progress-circular.score path{stroke:#ffc107}md-progress-circular.body path{stroke:rgba(0,0,0,.87)}md-progress-circular.body-bg path{stroke:#eee}.l-constrained{margin-left:auto;margin-right:auto;max-width:100%;position:relative}@media (min-width:600px){.l-constrained{width:1280px}}@media (min-width:1920px){.l-constrained{width:1920px}}.l-constrained-md{max-width:100%;width:960px}.l-footer{background-color:#fff;border-top:1px solid #eee;bottom:0;left:0;position:fixed;right:0;z-index:1}.button--footer{display:flex;margin:0;min-width:0;padding-bottom:0;padding-top:0}.button--footer__element{padding-left:8px}.l-header{z-index:3}.l-header .logo{height:36px;margin-left:0!important;vertical-align:middle;width:36px}.l-header .logo-link{display:none;margin-right:12px;min-width:auto;padding:0 4px}@media only screen and (min-width:600px){.l-header .logo-link{display:block}}.l-header .logo-link:focus,.l-header .logo-link:hover{border:0}@media only screen and (max-width:599px){.l-header .md-toolbar-tools h1,.l-header .md-toolbar-tools h2,.l-header .md-toolbar-tools h3{font-size:15px}}.l-main{background-color:#eee}.l-main--with-toolbar{margin-top:42px}#content{transition:margin-top .5s}.view-content{left:0;margin:0 auto;padding:8px;position:absolute;right:0;transition:opacity .5s}@media only screen and (min-width:960px){.view-content{padding:16px}}.view-content.ng-enter{opacity:0}.view-content .ng-enter-active{opacity:1;transition-delay:.25s}.view-content.ng-hide,.view-content.ng-hide-add,.view-content.ng-hide-add-active,.view-content.ng-hide-remove,.view-content.ng-hide-remove-active,.view-content.ng-leave-active{opacity:0}.view-content--with-sidemenu{padding:8px}@media only screen and (min-width:600px){.view-content--with-sidemenu{margin-left:54px;padding:16px}[dir=rtl] .view-content--with-sidemenu{margin-left:auto;margin-right:54px}}.content-head{margin:8px 0}.content-head h1,.content-head h2,.content-head h3{font-size:36px;font-weight:300;margin-bottom:0;margin-top:0}@media only screen and (max-width:959px){.content-head h1,.content-head h2,.content-head h3{font-size:32px;text-align:center}.content-head__more{margin-top:8px}}.content-head__item,h2.content-head__item{margin:0 8px}.content-head__item .md-subhead,h2.content-head__item .md-subhead{padding-left:4px}@media only screen and (max-width:959px){.content-head__item .md-subhead,h2.content-head__item .md-subhead{display:block;padding-left:0}}.content-head__item md-icon,h2.content-head__item md-icon{vertical-align:text-bottom}.stepSelectMenuContainer md-select-menu,.stepSelectMenuContainer md-select-menu md-content{max-height:500px}.l-nav,.l-notebook{background-color:#eee!important}.l-notebook{margin-top:42px}.l-sidebar__header{background-color:#fff!important;color:#795c3a!important}.l-sidebar__header md-select{color:rgba(0,0,0,.87)}.status-icon{margin:0 4px;vertical-align:bottom;z-index:1}.md-button.status-icon{height:auto;line-height:inherit;margin:0 4px;min-height:0;padding:0;width:auto}.avatar--icon--alert{background-color:#fff}.avatar--icon--alert__icon{font-size:48px;margin:-4px 0 0 -4px}md-dialog{width:600px}.dialog--wide{width:960px}.dialog--wider{width:1280px}.help-bubble{border-radius:4px;max-width:320px}@media (min-width:600px){.help-bubble{max-width:552px}}@media (min-width:960px){.help-bubble{max-width:912px}}@media (min-width:1280px){.help-bubble{max-width:1232px}}.help-bubble___title__content,.help-bubble__title{border-top-left-radius:4px;border-top-right-radius:4px}.help-bubble___title__content{background-color:#ef6c00;padding:0 0 0 12px}.help-bubble___title__content .md-icon-button{margin-right:0;padding-bottom:0;padding-top:0}.help-bubble__content{max-height:480px;overflow:auto;padding:8px 12px}.help-bubble__actions{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.input-container{padding-top:12px}.input-container--component{margin-bottom:0}.input-container--open-response.md-has-icon{padding-left:0}.input-container--open-response .md-errors-spacer{display:none}.input-wrapper{position:relative}.input-wrapper--focused .input--textarea__action md-icon{color:#1565c0}.input--textarea,.input-container textarea.input--textarea{background-color:#f7f7f7;border:1px solid #ccc;margin-bottom:8px;padding:8px}.input--textarea:focus,.input-container textarea.input--textarea:focus{background-color:#fff}.input--textarea[disabled],.input-container textarea.input--textarea[disabled]{color:rgba(0,0,0,.54)}.input-container textarea.input--textarea{width:100%}.input--textarea--disabled{color:rgba(0,0,0,.54)}.input--textarea__action{position:absolute;right:-4px}.input--textarea__action[disabled] md-icon{color:rgba(0,0,0,.26)!important}.input--textarea__action--notebook{top:6px}.input-wrapper--richtext .input--textarea__action--notebook{top:-7px}.input--textarea__action--revision{bottom:6px}.input-wrapper--richtext .input--textarea__action--revision{bottom:-5px}.input-label,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label{color:rgba(0,0,0,.87);line-height:1.2}.input-label.input-label--focused,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused{color:#1565c0}.autocomplete input{word-wrap:none;color:rgba(0,0,0,.54);font-weight:500;overflow:hidden;text-overflow:ellipsis}@media only screen and (min-width:600px){.autocomplete--minwidth{min-width:300px}}@media only screen and (min-width:960px){.autocomplete--minwidth{min-width:300px}}.autocomplete--flat md-autocomplete-wrap{background-color:#fff}.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing){background-color:#eee;box-shadow:none}.select__header{height:48px}.select__header input{border:0;font-size:14px;font-weight:500;height:100%;outline:none;padding:0 8px;width:100%}.table{margin:8px 0;max-width:100%;min-width:100px;width:auto}.table tbody>tr>td,.table tbody>tr>th,.table tfoot>tr>td,.table tfoot>tr>th,.table thead>tr>td,.table thead>tr>th{border:1px solid #ccc;font-size:15px;height:32px;min-height:32px;min-width:32px;padding:6px;vertical-align:top}.table td.inactive,.table th{background-color:#f7f7f7;opacity:1;visibility:visible}.table md-input-container{margin:0}.table .md-errors-spacer{display:none}.table--student td.inactive{padding:8px 10px}.table--full-width{width:100%}.table--list{background-color:#fff;border:0;border-collapse:collapse;max-width:100%;overflow:auto}.table--list td,.table--list th{border:0;padding:0 4px}.table--list td{height:56px;min-height:56px}.table--list tr.md-button{display:table-row;font-size:inherit;font-weight:400;text-align:left;text-transform:none;width:auto}.table--list__wrap{min-width:600px}@media only screen and (max-width:959px){.table-wrap-sticky{overflow-x:auto}}.table--list__thead{font-size:14px;font-weight:700}.table--list__thead__tr{height:100%;margin:0}.table--list__thead__th{background-color:#757575;color:#fff;height:42px;min-height:42px}.table--list__thead__link{color:#fff;line-height:1.4;margin:0;min-width:0;text-transform:none;white-space:normal;width:100%}.table--list__thead__sort{margin:0}.table--list__thead__sort--reverse{transform:rotate(180deg)}.td--wrap{line-height:1.2;min-width:180px;white-space:normal}@media only screen and (max-width:959px){.td--max-width{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.md-toolbar-tools{font-size:18px}.md-toolbar-tools .autocomplete,.md-toolbar-tools .autocomplete input,.md-toolbar-tools .autocomplete md-autocomplete-wrap{height:36px}.md-toolbar--wise{min-height:42px}.md-toolbar--wise .md-toolbar-tools{height:42px;max-height:42px}.md-toolbar--wise .md-button.md-icon-button{height:42px;line-height:42px;width:42px}.md-toolbar--wise--sm .md-toolbar-tools{font-size:15px;padding:0 8px}.md-toolbar--sidenav{background-color:#333!important}.md-toolbar--sidenav .md-toolbar-tools{font-size:16px;font-weight:500}.toolbar{left:0;position:fixed;right:0;top:52px;z-index:3}.toolbar__title{font-size:16px;font-weight:500;margin-left:8px}.md-button.toolbar__nav,.toolbar__nav{margin:0}.md-button.toolbar__select,.toolbar__select{background-color:#f7f7f7;margin:0 4px;min-height:32px}.md-button.toolbar__select .md-select-value,.toolbar__select .md-select-value{height:32px;text-align:left}[dir=rtl] .md-button.toolbar__select .md-select-value,[dir=rtl] .toolbar__select .md-select-value{text-align:right}.toolbar__select--fixedwidth{width:168px}@media only screen and (min-width:600px){.toolbar__select--fixedwidth{width:264px}}@media only screen and (min-width:960px){.toolbar__select--fixedwidth{width:432px}}.list-item{background-color:#fff;border-bottom:1px solid #eee}.list-item .md-subheader,.list-item.md-subheader{background-color:#fff;color:rgba(0,0,0,.87)}.list-item .md-subheader md-icon,.list-item.md-subheader md-icon{vertical-align:middle}.list-item .md-subheader .md-subheader-inner,.list-item.md-subheader .md-subheader-inner{padding:0}.list-item .md-subheader .md-avatar,.list-item.md-subheader .md-avatar{margin-right:8px}.list-item .autocomplete{margin:8px 0}.list-item--info .md-subheader-content,.list-item--info._md-button-wrap>div.md-button:first-child{border-left:4px solid #ef6c00!important;margin-left:-4px}.list-item--warn .md-subheader-content,.list-item--warn._md-button-wrap>div.md-button:first-child{border-left:4px solid #c62828!important;margin-left:-4px}.list-item--expanded{border-bottom-width:0}.list-item--noclick,.list-item--noclick.md-button{background-color:#f7f7f7;cursor:default}.list-item--actions{padding:0 8px!important}.list-item__subheader-button{line-height:1.4;margin:0;padding:8px 16px;text-align:left;text-transform:none;white-space:normal;width:100%}.user-list{font-size:15px}.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}}.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:12px;width:22px}.notification-count:before{border-bottom:4px solid transparent;border-left:6px solid hsla(0,0%,100%,.87);border-top:4px solid transparent;content:"";position:absolute;right:-7px;top:6px}.notification-list{padding:8px 0}.notification-dismiss{width:500px}.notification-dismiss__input{margin-bottom:0}md-list md-list-item .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source{color:rgba(0,0,0,.54);font-size:12px}md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon{font-size:18px;line-height:20px;margin-left:-4px;min-width:0;width:auto}.account-menu{border-radius:4px;font-size:15px;max-width:380px;padding:0}@media (min-width:1280px){.account-menu{min-width:380px!important}}.account-menu h3{font-weight:300;margin:0}.account-menu .mat-mdc-menu-content{padding:0}.account-menu--fixed-height{height:304px}.account-menu--fixed-width{width:320px}@media (min-width:960px){.account-menu--fixed-width{width:380px}}.account-menu__icon{background-color:#fff;border-radius:50%}.account-menu__caret{outline:none;position:absolute;right:28px;top:-8px}.account-menu__caret:before{border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent;content:"";position:absolute}.account-menu__caret--notification,.account-menu__caret--pause{right:80px}.account-menu__caret--notification--with-pause{right:132px}[dir=rtl] .account-menu__caret{left:28px;right:auto}[dir=rtl] .account-menu__caret--notification,[dir=rtl] .account-menu__caret--pause{left:80px;right:auto}[dir=rtl] .account-menu__caret--notification--with-pause{left:132px;right:auto}.account-menu__info{padding:8px 12px}.account-menu__info__title{font-weight:500}.account-menu__info__team{color:rgba(0,0,0,.54);font-weight:400}.account-menu__users,.account-menu__users md-list-item{padding:0}.account-menu__users md-list-item .md-avatar{height:48px;margin:0 8px 0 0;width:48px}.account-menu__actions{background-color:#f7f7f7}.account-menu__control{padding:16px}.annotations{font-size:15px;margin:16px 4px 16px 62px;position:relative}.annotations hr{border-color:rgba(0,0,0,.12);margin:10px 0 8px}.annotations:after{border-bottom:20px solid transparent;border-right:16px solid #757575;border-top:20px solid transparent;bottom:auto;content:"";height:0;left:-15px;position:absolute;right:auto;top:-1px;width:0}.annotations-container--student--report{border-top:1px solid #ddd}.annotations--report{margin-bottom:0;margin-top:0}.annotations__header{background-color:#757575;border-top-right-radius:4px;color:#fff;font-weight:700;padding:10px 12px;position:relative;transition:all 1s}.annotations__avatar{background-color:#f05843;left:-62px;padding:2px;position:absolute;top:0}.annotations__icon{color:#fff;transition:all 1s}.annotations__body{background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:auto;padding:12px}.annotations__status{background-color:#fff;color:#ef6c00;display:inline-block;font-size:12px;margin-left:8px}.annotations__status.ng-enter,.annotations__status.ng-leave{transition:all 1s}.annotations__status.ng-enter,.annotations__status.ng-leave.ng-leave-active{opacity:0}.annotations__status.ng-enter.ng-enter-active,.annotations__status.ng-leave{opacity:1}.annotations__score{font-weight:700}.annotations__info{border-bottom:1px dotted;font-size:13px;font-style:italic;opacity:.8}.annotations--inside .annotations{margin-left:72px}.annotations--info{margin-bottom:32px;margin-left:72px;margin-right:8px}@media only screen and (min-width:600px){.annotations--info{margin:16px 16px 32px 76px}}.annotations--info:after{border-right:16px solid #ef6c00}.annotations--info .annotations__avatar{background-color:#fff}.annotations--info .annotations__header{background-color:#ef6c00}.annotations--grading md-input-container{margin-bottom:0}.annotations--grading .mat-mdc-form-field-subscript-wrapper,.annotations--grading .md-errors-spacer{display:none}.annotations--grading--revision{margin:8px 0 0;padding:8px}.annotations--notebook{margin-top:16px}.annotations--grading__info{font-style:italic;margin:8px 8px 4px}.annotations--grading__item{padding:8px}.annotations--grading__score input{font-size:18px;margin-top:0!important;text-align:center;width:52px}.annotations--grading__score .mat-mdc-form-field-infix{width:auto}.annotations--grading__score__label{display:block;margin:0 8px 0 0;padding:0;transform:none!important;width:auto}.annotations--grading__score__max label{display:none}.annotations--grading__score__divider{margin-left:4px;position:relative;top:12px}.annotations--grading__auto-comment{margin:0 2px}.annotations--grading__auto-comment__content{margin-top:8px}.component{position:relative}.component__wrapper{margin:24px 0;padding:0 24px}.component__content{font-size:15px;overflow-x:auto;overflow-y:hidden}@media only screen and (min-width:600px){.component__content{padding:0 8px}}h3.component__header{font-size:14px;margin:0;padding:8px 12px}.component__rubric{left:-20px;position:absolute;top:12px}.notebook-enabled .component_content img{cursor:pointer;cursor:copy;transition:all .25s}.notebook-enabled .component_content img:focus,.notebook-enabled .component_content img:hover{box-shadow:0 0 5px 1px #f05843}.component__actions .md-button:first-child{margin-left:0}.component__actions .md-button:last-child{margin-right:0}.component__actions__info{color:rgba(0,0,0,.54);font-style:italic;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}.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{white-space:pre-wrap}.component--grading__annotations{background-color:#ecf4fd}.component--grading__annotations__divider{background-color:#fff;padding:4px}.component--grading__actions__info{border-top:1px solid #eee;margin:16px 0 0;padding-top:8px}.graph-select{max-width:200px;min-width:150px}.graph-controls{border-color:#eee;border-style:solid;border-width:1px 0;margin:8px 0;padding:8px 0}.outside-content iframe{border:1px solid #eee}.outside-content__source{margin-top:4px;text-align:end}.outside-content__source a{display:inline-block;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.component-revisions .component{margin:0;padding:0}.component-revisions .component__content{padding:0}.component-revisions .component__wrapper{margin:16px 0}.component-revisions .md-resize-handle{display:none}.component-revisions__item,md-list-item.component-revisions__item{padding:0}.component-revisions__item--latest{margin-bottom:24px}.component-revisions__annotation-label{margin-right:8px}.component-revisions__has-auto-and-teacher{border-top:1px solid #ddd;margin-top:8px;padding-top:8px}.notebook-toolbar md-divider{margin:8px 0}@media only screen and (max-width:959px){.notebook-toolbar{border-top:1px solid #ddd}}.notebook-toolbar__add-menu{bottom:40px;position:absolute}.notebook-toolbar__add-menu .md-fab-action-item{background-color:#fff}.notebook-toolbar__add-icon{border-radius:50%}#closeNotebookSettingsButton{float:right}[dir=rtl] #closeNotebookSettingsButton{float:left}highchart{display:block} +body{background:#eee}body.vle{overflow:hidden}a:focus,a:hover{color:#1565c0}blockquote{background-color:#f5f9fe;border:solid #1565c0;border-width:0 0 0 3px;margin:16px 0;padding:8px}.has-indicator:after{background-color:#f05843;border-radius:50%;content:"";padding:5px;position:absolute}.has-indicator--icon-button:after{left:5px;top:25px}.badge{background-color:#aaa;border-radius:4px;font-size:12px;font-style:normal;font-weight:500;padding:2px 6px}.badge.md-button{line-height:inherit;min-height:0;min-width:0}.badge.md-button:focus,.badge.md-button:hover{background-color:#aaa}.badge.md-button:focus{outline:1px dotted #aaa}.badge--info{background-color:#ef6c00;color:#fff}.badge--warn{background-color:#c62828;color:#fff}.badge--success{background-color:#00c853;color:#fff}.divider--withmargin{margin:16px 0}.divider--dashed{border-top-style:dashed}a{color:#1565c0;cursor:pointer}.active{background-color:hsla(0,0%,62%,.2);color:rgba(0,0,0,.87)}.avatar{border-radius:50%;box-sizing:content-box}.avatar--square{border-radius:4px}.avatar.md-18{height:30px;width:30px}.avatar.md-24{height:36px;width:36px}.avatar.md-36{height:48px;width:48px}.avatar.md-48{height:60px;width:60px}.avatar--icon{background-color:#ddd;white-space:normal!important}.avatar--icon:not(.md-avatar){padding:6px}.avatar--icon.md-18{height:18px;width:18px}.avatar--icon.md-24{height:24px;width:24px}.avatar--icon.md-36{height:36px;width:36px}.avatar--icon.md-48{height:48px;width:48px}md-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon{color:rgba(0,0,0,.54)}md-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon{color:rgba(0,0,0,.26)}.md-button:not([disabled]).primary,md-icon.primary{color:#1565c0!important}.md-button:not([disabled]).success,md-icon.success{color:#00c853!important}.md-button:not([disabled]).warn,md-icon.warn{color:#c62828!important}.md-button:not([disabled]).info,md-icon.info{color:#ef6c00!important}.md-button:not([disabled]).accent,md-icon.accent{color:#f05843!important}.md-button:not([disabled]).accent-1,md-icon.accent-1{color:#795c3a!important}.md-button:not([disabled]).accent-2,md-icon.accent-2{color:#cad266!important}md-input-container.md-wise-theme label{color:rgba(0,0,0,.87)}md-select-menu md-option[selected],md-select-menu.md-default-theme md-option[selected]{background-color:#ecf4fd}.md-autocomplete-suggestions-container li .highlight,.md-autocomplete-suggestions-container.md-default-theme li .highlight{background-color:#ecf4fd;color:#1565c0}.primary{color:#1565c0}.accent{color:#f05843}.accent-1{color:#795c3a}.accent-2{color:#cad266}.warn{color:#c62828}.info{color:#ef6c00}.success{color:#00c853}.divider{color:rgba(0,0,0,.12)}.gray-lightest{color:#f7f7f7}.gray-lighter{color:#eee}.gray-light{color:#ddd}.gray{color:#ccc}.gray-dark{color:#aaa}.gray-darker{color:#757575}.gray-darkest{color:#333}.text{color:rgba(0,0,0,.87)}.text-secondary{color:rgba(0,0,0,.54)}.text-disabled{color:rgba(0,0,0,.26)}.text-light{color:#fff}.text-light-secondary{color:hsla(0,0%,100%,.7)}.text-light-disabled{color:hsla(0,0%,100%,.5)}.selected-bg{color:#ecf4fd}.score{color:#ffc107}.body{color:rgba(0,0,0,.87)}.body-bg{color:#eee}.primary-bg{background-color:#1565c0}.accent-bg{background-color:#f05843}.accent-1-bg{background-color:#795c3a}.accent-2-bg{background-color:#cad266}.warn-bg{background-color:#c62828}.info-bg{background-color:#ef6c00}.success-bg{background-color:#00c853}.divider-bg{background-color:rgba(0,0,0,.12)}.gray-lightest-bg{background-color:#f7f7f7}.gray-lighter-bg{background-color:#eee}.gray-light-bg{background-color:#ddd}.gray-bg{background-color:#ccc}.gray-dark-bg{background-color:#aaa}.gray-darker-bg{background-color:#757575}.gray-darkest-bg{background-color:#333}.text-bg{background-color:rgba(0,0,0,.87)}.text-secondary-bg{background-color:rgba(0,0,0,.54)}.text-disabled-bg{background-color:rgba(0,0,0,.26)}.text-light-bg{background-color:#fff}.text-light-secondary-bg{background-color:hsla(0,0%,100%,.7)}.text-light-disabled-bg{background-color:hsla(0,0%,100%,.5)}.selected-bg-bg{background-color:#ecf4fd}.score-bg{background-color:#ffc107}.body-bg{background-color:rgba(0,0,0,.87)}.body-bg-bg{background-color:#eee}md-progress-circular.primary path{stroke:#1565c0}md-progress-circular.accent path{stroke:#f05843}md-progress-circular.accent-1 path{stroke:#795c3a}md-progress-circular.accent-2 path{stroke:#cad266}md-progress-circular.warn path{stroke:#c62828}md-progress-circular.info path{stroke:#ef6c00}md-progress-circular.success path{stroke:#00c853}md-progress-circular.divider path{stroke:rgba(0,0,0,.12)}md-progress-circular.gray-lightest path{stroke:#f7f7f7}md-progress-circular.gray-lighter path{stroke:#eee}md-progress-circular.gray-light path{stroke:#ddd}md-progress-circular.gray path{stroke:#ccc}md-progress-circular.gray-dark path{stroke:#aaa}md-progress-circular.gray-darker path{stroke:#757575}md-progress-circular.gray-darkest path{stroke:#333}md-progress-circular.text path{stroke:rgba(0,0,0,.87)}md-progress-circular.text-secondary path{stroke:rgba(0,0,0,.54)}md-progress-circular.text-disabled path{stroke:rgba(0,0,0,.26)}md-progress-circular.text-light path{stroke:#fff}md-progress-circular.text-light-secondary path{stroke:hsla(0,0%,100%,.7)}md-progress-circular.text-light-disabled path{stroke:hsla(0,0%,100%,.5)}md-progress-circular.selected-bg path{stroke:#ecf4fd}md-progress-circular.score path{stroke:#ffc107}md-progress-circular.body path{stroke:rgba(0,0,0,.87)}md-progress-circular.body-bg path{stroke:#eee}.l-constrained{margin-left:auto;margin-right:auto;max-width:100%;position:relative}@media (min-width:600px){.l-constrained{width:1280px}}@media (min-width:1920px){.l-constrained{width:1920px}}.l-constrained-md{max-width:100%;width:960px}.l-footer{background-color:#fff;border-top:1px solid #eee;bottom:0;left:0;position:fixed;right:0;z-index:1}.button--footer{display:flex;margin:0;min-width:0;padding-bottom:0;padding-top:0}.button--footer__element{padding-left:8px}.l-header{z-index:3}.l-header .logo{height:36px;margin-left:0!important;vertical-align:middle;width:36px}.l-header .logo-link{display:none;margin-right:12px;min-width:auto;padding:0 4px}@media only screen and (min-width:600px){.l-header .logo-link{display:block}}.l-header .logo-link:focus,.l-header .logo-link:hover{border:0}@media only screen and (max-width:599px){.l-header .md-toolbar-tools h1,.l-header .md-toolbar-tools h2,.l-header .md-toolbar-tools h3{font-size:15px}}.l-main{background-color:#eee}.l-main--with-toolbar{margin-top:42px}#content{transition:margin-top .5s}.view-content{left:0;margin:0 auto;padding:8px;position:absolute;right:0;transition:opacity .5s}@media only screen and (min-width:960px){.view-content{padding:16px}}.view-content.ng-enter{opacity:0}.view-content .ng-enter-active{opacity:1;transition-delay:.25s}.view-content.ng-hide,.view-content.ng-hide-add,.view-content.ng-hide-add-active,.view-content.ng-hide-remove,.view-content.ng-hide-remove-active,.view-content.ng-leave-active{opacity:0}.view-content--with-sidemenu{padding:8px}@media only screen and (min-width:600px){.view-content--with-sidemenu{margin-left:54px;padding:16px}[dir=rtl] .view-content--with-sidemenu{margin-left:auto;margin-right:54px}}.content-head{margin:8px 0}.content-head h1,.content-head h2,.content-head h3{font-size:36px;font-weight:300;margin-bottom:0;margin-top:0}@media only screen and (max-width:959px){.content-head h1,.content-head h2,.content-head h3{font-size:32px;text-align:center}.content-head__more{margin-top:8px}}.content-head__item,h2.content-head__item{margin:0 8px}.content-head__item .md-subhead,h2.content-head__item .md-subhead{padding-left:4px}@media only screen and (max-width:959px){.content-head__item .md-subhead,h2.content-head__item .md-subhead{display:block;padding-left:0}}.content-head__item md-icon,h2.content-head__item md-icon{vertical-align:text-bottom}.stepSelectMenuContainer md-select-menu,.stepSelectMenuContainer md-select-menu md-content{max-height:500px}.l-nav,.l-notebook{background-color:#eee!important}.l-notebook{margin-top:42px}.l-sidebar__header{background-color:#fff!important;color:#795c3a!important}.l-sidebar__header md-select{color:rgba(0,0,0,.87)}.status-icon{margin:0 4px;vertical-align:bottom;z-index:1}.md-button.status-icon{height:auto;line-height:inherit;margin:0 4px;min-height:0;padding:0;width:auto}.avatar--icon--alert{background-color:#fff}.avatar--icon--alert__icon{font-size:48px;margin:-4px 0 0 -4px}md-dialog{width:600px}.dialog--wide{width:960px}.dialog--wider{width:1280px}.help-bubble{border-radius:4px;max-width:320px}@media (min-width:600px){.help-bubble{max-width:552px}}@media (min-width:960px){.help-bubble{max-width:912px}}@media (min-width:1280px){.help-bubble{max-width:1232px}}.help-bubble___title__content,.help-bubble__title{border-top-left-radius:4px;border-top-right-radius:4px}.help-bubble___title__content{background-color:#ef6c00;padding:0 0 0 12px}.help-bubble___title__content .md-icon-button{margin-right:0;padding-bottom:0;padding-top:0}.help-bubble__content{max-height:480px;overflow:auto;padding:8px 12px}.help-bubble__actions{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.input-container{padding-top:12px}.input-container--component{margin-bottom:0}.input-container--open-response.md-has-icon{padding-left:0}.input-container--open-response .md-errors-spacer{display:none}.input-wrapper{position:relative}.input-wrapper--focused .input--textarea__action md-icon{color:#1565c0}.input--textarea,.input-container textarea.input--textarea{background-color:#f7f7f7;border:1px solid #ccc;margin-bottom:8px;padding:8px}.input--textarea:focus,.input-container textarea.input--textarea:focus{background-color:#fff}.input--textarea[disabled],.input-container textarea.input--textarea[disabled]{color:rgba(0,0,0,.54)}.input-container textarea.input--textarea{width:100%}.input--textarea--disabled{color:rgba(0,0,0,.54)}.input--textarea__action{position:absolute;right:-4px}.input--textarea__action[disabled] md-icon{color:rgba(0,0,0,.26)!important}.input--textarea__action--notebook{top:6px}.input-wrapper--richtext .input--textarea__action--notebook{top:-7px}.input--textarea__action--revision{bottom:6px}.input-wrapper--richtext .input--textarea__action--revision{bottom:-5px}.input-label,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label{color:rgba(0,0,0,.87);line-height:1.2}.input-label.input-label--focused,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused{color:#1565c0}.autocomplete input{word-wrap:none;color:rgba(0,0,0,.54);font-weight:500;overflow:hidden;text-overflow:ellipsis}@media only screen and (min-width:600px){.autocomplete--minwidth{min-width:300px}}@media only screen and (min-width:960px){.autocomplete--minwidth{min-width:300px}}.autocomplete--flat md-autocomplete-wrap{background-color:#fff}.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing){background-color:#eee;box-shadow:none}.select__header{height:48px}.select__header input{border:0;font-size:14px;font-weight:500;height:100%;outline:none;padding:0 8px;width:100%}.table{margin:8px 0;max-width:100%;min-width:100px;width:auto}.table tbody>tr>td,.table tbody>tr>th,.table tfoot>tr>td,.table tfoot>tr>th,.table thead>tr>td,.table thead>tr>th{border:1px solid #ccc;font-size:15px;height:32px;min-height:32px;min-width:32px;padding:6px;vertical-align:top}.table td.inactive,.table th{background-color:#f7f7f7;opacity:1;visibility:visible}.table md-input-container{margin:0}.table .md-errors-spacer{display:none}.table--student td.inactive{padding:8px 10px}.table--full-width{width:100%}.table--list{background-color:#fff;border:0;border-collapse:collapse;max-width:100%;overflow:auto}.table--list td,.table--list th{border:0;padding:0 4px}.table--list td{height:56px;min-height:56px}.table--list tr.md-button{display:table-row;font-size:inherit;font-weight:400;text-align:left;text-transform:none;width:auto}.table--list__wrap{min-width:600px}@media only screen and (max-width:959px){.table-wrap-sticky{overflow-x:auto}}.table--list__thead{font-size:14px;font-weight:700}.table--list__thead__tr{height:100%;margin:0}.table--list__thead__th{background-color:#757575;color:#fff;height:42px;min-height:42px}.table--list__thead__link{color:#fff;line-height:1.4;margin:0;min-width:0;text-transform:none;white-space:normal;width:100%}.table--list__thead__sort{margin:0}.table--list__thead__sort--reverse{transform:rotate(180deg)}.td--wrap{line-height:1.2;min-width:180px;white-space:normal}@media only screen and (max-width:959px){.td--max-width{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.md-toolbar-tools{font-size:18px}.md-toolbar-tools .autocomplete,.md-toolbar-tools .autocomplete input,.md-toolbar-tools .autocomplete md-autocomplete-wrap{height:36px}.md-toolbar--wise{min-height:42px}.md-toolbar--wise .md-toolbar-tools{height:42px;max-height:42px}.md-toolbar--wise .md-button.md-icon-button{height:42px;line-height:42px;width:42px}.md-toolbar--wise--sm .md-toolbar-tools{font-size:15px;padding:0 8px}.md-toolbar--sidenav{background-color:#333!important}.md-toolbar--sidenav .md-toolbar-tools{font-size:16px;font-weight:500}.toolbar{left:0;position:fixed;right:0;top:52px;z-index:3}.toolbar__title{font-size:16px;font-weight:500;margin-left:8px}.md-button.toolbar__nav,.toolbar__nav{margin:0}.md-button.toolbar__select,.toolbar__select{background-color:#f7f7f7;margin:0 4px;min-height:32px}.md-button.toolbar__select .md-select-value,.toolbar__select .md-select-value{height:32px;text-align:left}[dir=rtl] .md-button.toolbar__select .md-select-value,[dir=rtl] .toolbar__select .md-select-value{text-align:right}.toolbar__select--fixedwidth{width:168px}@media only screen and (min-width:600px){.toolbar__select--fixedwidth{width:264px}}@media only screen and (min-width:960px){.toolbar__select--fixedwidth{width:432px}}.list-item{background-color:#fff;border-bottom:1px solid #eee}.list-item .md-subheader,.list-item.md-subheader{background-color:#fff;color:rgba(0,0,0,.87)}.list-item .md-subheader md-icon,.list-item.md-subheader md-icon{vertical-align:middle}.list-item .md-subheader .md-subheader-inner,.list-item.md-subheader .md-subheader-inner{padding:0}.list-item .md-subheader .md-avatar,.list-item.md-subheader .md-avatar{margin-right:8px}.list-item .autocomplete{margin:8px 0}.list-item--info .md-subheader-content,.list-item--info._md-button-wrap>div.md-button:first-child{border-left:4px solid #ef6c00!important;margin-left:-4px}.list-item--warn .md-subheader-content,.list-item--warn._md-button-wrap>div.md-button:first-child{border-left:4px solid #c62828!important;margin-left:-4px}.list-item--expanded{border-bottom-width:0}.list-item--noclick,.list-item--noclick.md-button{background-color:#f7f7f7;cursor:default}.list-item--actions{padding:0 8px!important}.list-item__subheader-button{line-height:1.4;margin:0;padding:8px 16px;text-align:left;text-transform:none;white-space:normal;width:100%}.user-list{font-size:15px}.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%}}#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}}.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:12px;width:22px}.notification-count:before{border-bottom:4px solid transparent;border-left:6px solid hsla(0,0%,100%,.87);border-top:4px solid transparent;content:"";position:absolute;right:-7px;top:6px}.notification-list{padding:8px 0}.notification-dismiss{width:500px}.notification-dismiss__input{margin-bottom:0}md-list md-list-item .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source{color:rgba(0,0,0,.54);font-size:12px}md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon{font-size:18px;line-height:20px;margin-left:-4px;min-width:0;width:auto}.account-menu{border-radius:4px;font-size:15px;max-width:380px;padding:0}@media (min-width:1280px){.account-menu{min-width:380px!important}}.account-menu h3{font-weight:300;margin:0}.account-menu .mat-mdc-menu-content{padding:0}.account-menu--fixed-height{height:304px}.account-menu--fixed-width{width:320px}@media (min-width:960px){.account-menu--fixed-width{width:380px}}.account-menu__icon{background-color:#fff;border-radius:50%}.account-menu__caret{outline:none;position:absolute;right:28px;top:-8px}.account-menu__caret:before{border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent;content:"";position:absolute}.account-menu__caret--notification,.account-menu__caret--pause{right:80px}.account-menu__caret--notification--with-pause{right:132px}[dir=rtl] .account-menu__caret{left:28px;right:auto}[dir=rtl] .account-menu__caret--notification,[dir=rtl] .account-menu__caret--pause{left:80px;right:auto}[dir=rtl] .account-menu__caret--notification--with-pause{left:132px;right:auto}.account-menu__info{padding:8px 12px}.account-menu__info__title{font-weight:500}.account-menu__info__team{color:rgba(0,0,0,.54);font-weight:400}.account-menu__users,.account-menu__users md-list-item{padding:0}.account-menu__users md-list-item .md-avatar{height:48px;margin:0 8px 0 0;width:48px}.account-menu__actions{background-color:#f7f7f7}.account-menu__control{padding:16px}.annotations{font-size:15px;margin:16px 4px 16px 62px;position:relative}.annotations hr{border-color:rgba(0,0,0,.12);margin:10px 0 8px}.annotations:after{border-bottom:20px solid transparent;border-right:16px solid #757575;border-top:20px solid transparent;bottom:auto;content:"";height:0;left:-15px;position:absolute;right:auto;top:-1px;width:0}.annotations-container--student--report{border-top:1px solid #ddd}.annotations--report{margin-bottom:0;margin-top:0}.annotations__header{background-color:#757575;border-top-right-radius:4px;color:#fff;font-weight:700;padding:10px 12px;position:relative;transition:all 1s}.annotations__avatar{background-color:#f05843;left:-62px;padding:2px;position:absolute;top:0}.annotations__icon{color:#fff;transition:all 1s}.annotations__body{background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:auto;padding:12px}.annotations__status{background-color:#fff;color:#ef6c00;display:inline-block;font-size:12px;margin-left:8px}.annotations__status.ng-enter,.annotations__status.ng-leave{transition:all 1s}.annotations__status.ng-enter,.annotations__status.ng-leave.ng-leave-active{opacity:0}.annotations__status.ng-enter.ng-enter-active,.annotations__status.ng-leave{opacity:1}.annotations__score{font-weight:700}.annotations__info{border-bottom:1px dotted;font-size:13px;font-style:italic;opacity:.8}.annotations--inside .annotations{margin-left:72px}.annotations--info{margin-bottom:32px;margin-left:72px;margin-right:8px}@media only screen and (min-width:600px){.annotations--info{margin:16px 16px 32px 76px}}.annotations--info:after{border-right:16px solid #ef6c00}.annotations--info .annotations__avatar{background-color:#fff}.annotations--info .annotations__header{background-color:#ef6c00}.annotations--grading md-input-container{margin-bottom:0}.annotations--grading .mat-mdc-form-field-subscript-wrapper,.annotations--grading .md-errors-spacer{display:none}.annotations--grading--revision{margin:8px 0 0;padding:8px}.annotations--notebook{margin-top:16px}.annotations--grading__info{font-style:italic;margin:8px 8px 4px}.annotations--grading__item{padding:8px}.annotations--grading__score input{font-size:18px;margin-top:0!important;text-align:center;width:52px}.annotations--grading__score .mat-mdc-form-field-infix{width:auto}.annotations--grading__score__label{display:block;margin:0 8px 0 0;padding:0;transform:none!important;width:auto}.annotations--grading__score__max label{display:none}.annotations--grading__score__divider{margin-left:4px;position:relative;top:12px}.annotations--grading__auto-comment{margin:0 2px}.annotations--grading__auto-comment__content{margin-top:8px}.component{position:relative}.component__wrapper{margin:24px 0;padding:0 24px}.component__content{font-size:15px;overflow-x:auto;overflow-y:hidden}@media only screen and (min-width:600px){.component__content{padding:0 8px}}h3.component__header{font-size:14px;margin:0;padding:8px 12px}.component__rubric{left:-20px;position:absolute;top:12px}.notebook-enabled .component_content img{cursor:pointer;cursor:copy;transition:all .25s}.notebook-enabled .component_content img:focus,.notebook-enabled .component_content img:hover{box-shadow:0 0 5px 1px #f05843}.component__actions .md-button:first-child{margin-left:0}.component__actions .md-button:last-child{margin-right:0}.component__actions__info{color:rgba(0,0,0,.54);font-style:italic;font-weight:400;margin-left:8px}.component__actions__more{border-bottom:1px dotted}.component__prompt{font-weight:500;margin-bottom:8px}.component__prompt__content{display:inline}.component__attachment{margin:0 8px;padding-bottom:8px;position:relative}@media only screen and (min-width:600px){.component__attachment{padding-top:8px}}@media only screen and (max-width:599px){.component__add-attachment{width:100%}}.component__attachment__content{max-height:100px;width:auto}.component__attachment__delete{background-color:hsla(0,0%,100%,.75)!important;border-radius:0;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}.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{white-space:pre-wrap}.component--grading__annotations{background-color:#ecf4fd}.component--grading__annotations__divider{background-color:#fff;padding:4px}.component--grading__actions__info{border-top:1px solid #eee;margin:16px 0 0;padding-top:8px}.graph-select{max-width:200px;min-width:150px}.graph-controls{border-color:#eee;border-style:solid;border-width:1px 0;margin:8px 0;padding:8px 0}.outside-content iframe{border:1px solid #eee}.outside-content__source{margin-top:4px;text-align:end}.outside-content__source a{display:inline-block;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.component-revisions .component{margin:0;padding:0}.component-revisions .component__content{padding:0}.component-revisions .component__wrapper{margin:16px 0}.component-revisions .md-resize-handle{display:none}.component-revisions__item,md-list-item.component-revisions__item{padding:0}.component-revisions__item--latest{margin-bottom:24px}.component-revisions__annotation-label{margin-right:8px}.component-revisions__has-auto-and-teacher{border-top:1px solid #ddd;margin-top:8px;padding-top:8px}.notebook-toolbar md-divider{margin:8px 0}@media only screen and (max-width:959px){.notebook-toolbar{border-top:1px solid #ddd}}.notebook-toolbar__add-menu{bottom:40px;position:absolute}.notebook-toolbar__add-menu .md-fab-action-item{background-color:#fff}.notebook-toolbar__add-icon{border-radius:50%}#closeNotebookSettingsButton{float:right}[dir=rtl] #closeNotebookSettingsButton{float:left}highchart{display:block} /*# sourceMappingURL=monitor.css.map */ diff --git a/src/assets/wise5/themes/default/style/monitor.css.map b/src/assets/wise5/themes/default/style/monitor.css.map index 28d1d3f5c86..953bd7ad3ab 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__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.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: 12px;\n left: -18px;\n height: 22px;\n line-height: 22px;\n font-size: 12px;\n font-weight: 700;\n border: 2px solid;\n}\n.notification-count:before {\n content: \"\";\n position: absolute;\n right: -7px;\n top: 6px;\n border-left: 6px solid rgba(255, 255, 255, 0.87);\n border-top: 4px solid transparent;\n border-bottom: 4px solid transparent;\n}\n\n.notification-list {\n padding: 8px 0;\n}\n\n.notification-dismiss {\n width: 500px;\n}\n\n.notification-dismiss__input {\n margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source {\n color: rgba(0, 0, 0, 0.54);\n font-size: 12px;\n}\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon {\n font-size: 18px;\n min-width: 0;\n width: auto;\n margin-left: -4px;\n line-height: 20px;\n}\n\n.account-menu {\n border-radius: 4px;\n padding: 0;\n font-size: 15px;\n max-width: 380px;\n}\n@media (min-width: 1280px) {\n .account-menu {\n min-width: 380px !important;\n }\n}\n.account-menu h3 {\n margin: 0;\n font-weight: 300;\n}\n.account-menu .mat-mdc-menu-content {\n padding: 0;\n}\n\n.account-menu--fixed-height {\n height: 304px;\n}\n\n.account-menu--fixed-width {\n width: 320px;\n}\n@media (min-width: 960px) {\n .account-menu--fixed-width {\n width: 380px;\n }\n}\n\n.account-menu__icon {\n background-color: rgb(255, 255, 255);\n border-radius: 50%;\n}\n\n.account-menu__caret {\n position: absolute;\n right: 28px;\n top: -8px;\n outline: none;\n}\n.account-menu__caret:before {\n content: \"\";\n position: absolute;\n border-bottom: 8px solid #fff;\n border-left: 8px solid transparent;\n border-right: 8px solid transparent;\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n right: 132px;\n}\n\n[dir=rtl] .account-menu__caret {\n right: auto;\n left: 28px;\n}\n[dir=rtl] .account-menu__caret--pause, [dir=rtl] .account-menu__caret--notification {\n left: 80px;\n right: auto;\n}\n[dir=rtl] .account-menu__caret--notification--with-pause {\n left: 132px;\n right: auto;\n}\n\n.account-menu__info {\n padding: 8px 12px;\n}\n\n.account-menu__info__title {\n font-weight: 500;\n}\n\n.account-menu__info__team {\n font-weight: 400;\n color: rgba(0, 0, 0, 0.54);\n}\n\n.account-menu__users {\n padding: 0;\n}\n.account-menu__users md-list-item {\n padding: 0;\n}\n.account-menu__users md-list-item .md-avatar {\n margin: 0 8px 0 0;\n height: 48px;\n width: 48px;\n}\n\n.account-menu__actions {\n background-color: #f7f7f7;\n}\n\n.account-menu__control {\n padding: 16px;\n}\n\n.annotations {\n margin: 16px 4px 16px 62px;\n position: relative;\n font-size: 15px;\n}\n.annotations hr {\n margin: 10px 0 8px;\n border-color: rgba(0, 0, 0, 0.12);\n}\n.annotations:after {\n content: \"\";\n position: absolute;\n width: 0;\n height: 0;\n left: -15px;\n right: auto;\n top: -1px;\n bottom: auto;\n border-top: 20px solid transparent;\n border-bottom: 20px solid transparent;\n border-right: 16px solid #757575;\n}\n\n.annotations-container--student--report {\n border-top: 1px solid #dddddd;\n}\n\n.annotations--report {\n margin-top: 0;\n margin-bottom: 0;\n}\n\n.annotations__header {\n position: relative;\n border-top-right-radius: 4px;\n padding: 10px 12px;\n font-weight: 700;\n transition: all 1s;\n color: #ffffff;\n background-color: #757575;\n}\n\n.annotations__avatar {\n background-color: #F05843;\n padding: 2px;\n position: absolute;\n top: 0;\n left: -62px;\n}\n\n.annotations__icon {\n transition: all 1s;\n color: #ffffff;\n}\n\n.annotations__body {\n padding: 12px;\n background-color: #ffffff;\n border-bottom-left-radius: 4px;\n border-bottom-right-radius: 4px;\n overflow: auto;\n}\n\n.annotations__status {\n background-color: #ffffff;\n color: #ef6c00;\n display: inline-block;\n margin-left: 8px;\n font-size: 12px;\n}\n.annotations__status.ng-enter, .annotations__status.ng-leave {\n transition: all 1s;\n}\n.annotations__status.ng-enter, .annotations__status.ng-leave.ng-leave-active {\n opacity: 0;\n}\n.annotations__status.ng-leave, .annotations__status.ng-enter.ng-enter-active {\n opacity: 1;\n}\n\n.annotations__score {\n font-weight: 700;\n}\n\n.annotations__info {\n font-style: italic;\n opacity: 0.8;\n border-bottom: 1px dotted;\n font-size: 13px;\n}\n\n.annotations--inside .annotations {\n margin-left: 72px;\n}\n\n.annotations--info {\n margin-bottom: 32px;\n margin-right: 8px;\n margin-left: 72px;\n}\n@media only screen and (min-width: 600px) {\n .annotations--info {\n margin: 16px 16px 32px 76px;\n }\n}\n.annotations--info:after {\n border-right: 16px solid #ef6c00;\n}\n.annotations--info .annotations__avatar {\n background-color: #ffffff;\n}\n.annotations--info .annotations__header {\n background-color: #ef6c00;\n}\n\n.annotations--grading md-input-container {\n margin-bottom: 0;\n}\n.annotations--grading .md-errors-spacer {\n display: none;\n}\n.annotations--grading .mat-mdc-form-field-subscript-wrapper {\n display: none;\n}\n\n.annotations--grading--revision {\n margin: 8px 0 0;\n padding: 8px;\n}\n\n.annotations--notebook {\n margin-top: 16px;\n}\n\n.annotations--grading__info {\n font-style: italic;\n margin: 8px 8px 4px;\n}\n\n.annotations--grading__item {\n padding: 8px;\n}\n\n.annotations--grading__score input {\n margin-top: 0 !important;\n font-size: 18px;\n width: 52px;\n text-align: center;\n}\n.annotations--grading__score .mat-mdc-form-field-infix {\n width: auto;\n}\n\n.annotations--grading__score__label {\n transform: none !important;\n width: auto;\n display: block;\n padding: 0;\n margin: 0 8px 0 0;\n}\n\n.annotations--grading__score__max label {\n display: none;\n}\n\n.annotations--grading__score__divider {\n position: relative;\n top: 12px;\n margin-left: 4px;\n}\n\n.annotations--grading__auto-comment {\n margin: 0 2px;\n}\n\n.annotations--grading__auto-comment__content {\n margin-top: 8px;\n}\n\n.component {\n position: relative;\n}\n\n.component__wrapper {\n padding: 0 24px;\n margin: 24px 0;\n}\n\n.component__content {\n overflow-x: auto;\n font-size: 15px;\n overflow-y: hidden;\n}\n@media only screen and (min-width: 600px) {\n .component__content {\n padding: 0 8px;\n }\n}\n\nh3.component__header {\n padding: 8px 12px;\n margin: 0;\n font-size: 14px;\n}\n\n.component__rubric {\n position: absolute;\n left: -20px;\n top: 12px;\n}\n\n.notebook-enabled .component_content img {\n transition: all 250ms;\n cursor: pointer;\n cursor: copy;\n}\n.notebook-enabled .component_content img:hover, .notebook-enabled .component_content img:focus {\n box-shadow: 0 0 5px 1px #F05843;\n}\n\n.component__actions .md-button:first-child {\n margin-left: 0;\n}\n.component__actions .md-button:last-child {\n margin-right: 0;\n}\n\n.component__actions__info {\n font-style: italic;\n margin-left: 8px;\n color: rgba(0, 0, 0, 0.54);\n}\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 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 white-space: pre-wrap;\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__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 .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: 12px;\n left: -18px;\n height: 22px;\n line-height: 22px;\n font-size: 12px;\n font-weight: 700;\n border: 2px solid;\n\n &:before {\n content: \"\";\n position: absolute;\n right: -7px;\n top: 6px;\n border-left: 6px solid rgba(255,255,255,0.87);\n border-top: 4px solid transparent;\n border-bottom: 4px solid transparent;\n }\n}\n\n.notification-list {\n padding: 8px 0;\n}\n\n.notification-dismiss {\n width: 500px;\n}\n\n.notification-dismiss__input {\n margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4,\nmd-list md-list-item.md-2-line .md-list-item-text h4,\nmd-list md-list-item.md-3-line .md-list-item-text h4 {\n &.notification-list-item__source {\n color: color('text-secondary');\n font-size: rem(1.2);\n\n md-icon {\n font-size: rem(1.8);\n min-width: 0;\n width: auto;\n margin-left: -4px;\n line-height: rem(2);\n }\n }\n}\n",".account-menu {\n border-radius: $card-border-radius;\n padding: 0;\n font-size: $body-font-size-base;\n max-width: 380px;\n\n @media (min-width: $layout-breakpoint-md) {\n min-width: 380px !important;\n }\n\n h3 {\n margin: 0;\n font-weight: 300;\n }\n\n .mat-mdc-menu-content {\n padding: 0;\n }\n}\n\n.account-menu--fixed-height {\n height: $max-menu-height;\n}\n\n.account-menu--fixed-width {\n width: 320px;\n\n @media (min-width: $layout-breakpoint-sm) {\n width: 380px;\n }\n}\n\n.account-menu__icon {\n background-color: color('text-light');\n border-radius: 50%;\n}\n\n.account-menu__caret {\n position: absolute;\n right: 28px;\n top: -8px;\n outline: none;\n\n &:before {\n content: '';\n position: absolute;\n border-bottom: 8px solid #fff;\n border-left: 8px solid transparent;\n border-right: 8px solid transparent;\n }\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n right: 132px;\n}\n\n[dir=rtl] {\n .account-menu__caret {\n right: auto;\n left: 28px;\n }\n .account-menu__caret--pause, .account-menu__caret--notification {\n left:80px;\n right:auto;\n }\n .account-menu__caret--notification--with-pause {\n left: 132px;\n right:auto;\n }\n}\n\n.account-menu__info {\n padding: 8px 12px;\n}\n\n.account-menu__info__title {\n font-weight: 500;\n}\n\n.account-menu__info__team {\n font-weight: 400;\n color: color('text-secondary');\n}\n\n.account-menu__users {\n padding: 0;\n\n md-list-item {\n padding: 0;\n\n .md-avatar {\n margin: 0 8px 0 0;\n height: 48px;\n width: 48px;\n }\n }\n}\n\n.account-menu__actions {\n background-color: color('gray-lightest');\n}\n\n.account-menu__control {\n padding: 16px;\n}\n",".annotations {\n margin: 16px 4px 16px 62px;\n position: relative;\n font-size: rem(1.5);\n\n hr {\n margin: 10px 0 8px;\n border-color: rgba(0,0,0,.12);\n }\n\n &:after {\n content: \"\";\n position: absolute;\n width: 0;\n height: 0;\n left: -15px;\n right: auto;\n top: -1px;\n bottom: auto;\n border-top: 20px solid transparent;\n border-bottom: 20px solid transparent;\n border-right: 16px solid color('gray-darker');\n }\n}\n\n.annotations-container--student--report {\n border-top: 1px solid color('gray-light');\n}\n\n.annotations--report {\n margin-top: 0;\n margin-bottom: 0;\n}\n\n.annotations__header {\n position: relative;\n //border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n padding: 10px 12px;\n font-weight: 700;\n transition: all 1s;\n color: #ffffff;\n background-color: color('gray-darker');\n}\n\n.annotations__avatar {\n background-color: color('accent');\n padding: 2px;\n position: absolute;\n top: 0;\n left: -62px;\n}\n\n.annotations__icon {\n transition: all 1s;\n color: #ffffff;\n}\n\n.annotations__body {\n padding: 12px;\n background-color: #ffffff;\n border-bottom-left-radius: $card-border-radius;\n border-bottom-right-radius: $card-border-radius;\n overflow: auto;\n}\n\n.annotations__status {\n background-color: #ffffff;\n color: color('info');\n display: inline-block;\n margin-left: 8px;\n font-size: rem(1.2);\n\n &.ng-enter, &.ng-leave {\n transition: all 1s;\n }\n\n &.ng-enter, &.ng-leave.ng-leave-active {\n opacity:0;\n }\n\n &.ng-leave, &.ng-enter.ng-enter-active {\n opacity:1;\n }\n}\n\n.annotations__score {\n font-weight: 700;\n}\n\n.annotations__info {\n font-style: italic;\n opacity: 0.8;\n border-bottom: 1px dotted;\n font-size: rem(1.3);\n}\n\n.annotations--inside {\n .annotations {\n margin-left: 72px;\n }\n}\n\n// TODO: move to own file\n.annotations--info {\n margin-bottom: 32px;\n margin-right: 8px;\n margin-left: 72px;\n\n @media only screen and (min-width: ($layout-breakpoint-xs)) {\n margin: 16px 16px 32px 76px;\n }\n\n &:after {\n border-right: 16px solid color('info');\n }\n\n .annotations__avatar {\n background-color: #ffffff;\n }\n\n .annotations__header {\n background-color: color('info');\n }\n}\n",".annotations--grading {\n md-input-container {\n margin-bottom: 0;\n }\n\n .md-errors-spacer {\n display: none;\n }\n\n .mat-mdc-form-field-subscript-wrapper {\n display: none;\n }\n}\n\n.annotations--grading--revision {\n margin: 8px 0 0;\n padding: 8px;\n}\n\n.annotations--notebook {\n margin-top: 16px;;\n}\n\n.annotations--grading__info {\n font-style: italic;\n margin: 8px 8px 4px;\n}\n\n.annotations--grading__item {\n padding: 8px;\n}\n\n.annotations--grading__score {\n input {\n margin-top: 0 !important;\n font-size: rem(1.8);\n width: 52px;\n text-align: center;\n }\n\n .mat-mdc-form-field-infix {\n width: auto;\n }\n}\n\n.annotations--grading__score__label {\n transform: none !important;\n width: auto;\n display: block;\n padding: 0;\n margin: 0 8px 0 0;\n}\n\n.annotations--grading__score__max {\n label {\n display: none;\n }\n}\n\n.annotations--grading__score__divider {\n position: relative;\n top: 12px;\n margin-left: 4px;\n}\n\n.annotations--grading__auto-comment {\n margin: 0 2px;\n}\n\n.annotations--grading__auto-comment__content {\n margin-top: 8px;\n}\n",".component {\n position: relative;\n}\n\n.component__wrapper {\n padding: 0 24px;\n margin: 24px 0;\n}\n\n.component__content {\n overflow-x: auto;\n font-size: rem(1.5);\n overflow-y: hidden; // TODO: figure out why this is needed after update to ng-material 1.1.1\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n padding: 0 8px;\n }\n}\n\nh3.component__header {\n padding: 8px 12px;\n margin: 0;\n font-size: rem(1.4);\n}\n\n.component__rubric {\n position: absolute;\n left: -20px;\n top: 12px;\n}\n\n.notebook-enabled {\n .component_content {\n img {\n transition: all 250ms;\n cursor: pointer;\n cursor: copy;\n //position: relative;\n //border: 2px solid transparent;\n\n &:hover, &:focus {\n box-shadow: 0 0 5px 1px color('accent');\n //border: 2px solid #ffffff;\n }\n }\n }\n}\n\n.component__actions {\n .md-button:first-child {\n margin-left: 0;\n }\n\n .md-button:last-child {\n margin-right: 0;\n }\n}\n\n.component__actions__info {\n font-style: italic;\n margin-left: 8px;\n //color: color('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 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 white-space: pre-wrap;\n}\n\n.component--grading__annotations {\n background-color: color('selected-bg');\n}\n\n.component--grading__annotations__divider {\n padding: 4px;\n background-color: #ffffff;\n}\n\n.component--grading__actions__info {\n margin: 16px 0 0;\n padding-top: 8px;\n border-top: 1px solid color('gray-lighter');\n}\n",".graph-select {\n min-width: 150px;\n max-width: 200px;\n}\n\n.graph-controls {\n margin: 8px 0;\n padding: 8px 0;\n border: 1px solid color('gray-lighter');\n border-left-width: 0;\n border-right-width: 0;\n}\n",".outside-content {\n iframe {\n border: 1px solid color('gray-lighter');\n }\n}\n\n.outside-content__source {\n margin-top: 4px;\n text-align: end;\n\n a {\n max-width: 240px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n display: inline-block;\n }\n}",".component-revisions {\n .component {\n padding: 0;\n margin: 0;\n }\n\n .component__content {\n padding: 0;\n }\n\n .component__wrapper {\n margin: 16px 0;\n }\n\n .md-resize-handle {\n display: none;\n }\n}\n\n.component-revisions__item, md-list-item.component-revisions__item {\n padding: 0;\n}\n\n.component-revisions__item--latest {\n margin-bottom: 24px;\n}\n\n.component-revisions__item__text {\n\n}\n\n.component-revisions__annotation-label {\n margin-right: 8px;\n}\n\n.component-revisions__has-auto-and-teacher {\n padding-top: 8px;\n margin-top: 8px;\n border-top: 1px solid color('gray-light');\n}\n",".notebook-toolbar {\n md-divider {\n margin: 8px 0;\n }\n\n @media only screen and (max-width: ($layout-breakpoint-sm - 1)) {\n border-top: 1px solid color('gray-light');\n }\n}\n\n.notebook-toolbar__add-menu {\n position: absolute;\n bottom: 40px;\n\n .md-fab-action-item {\n background-color: #ffffff;\n }\n}\n\n.notebook-toolbar__add-icon {\n border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n float:right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n float:left;\n}","highchart {\n display: block;\n}\n"]} \ No newline at end of file +{"version":3,"sources":["src/assets/wise5/themes/default/style/base/_presets.scss","src/assets/wise5/themes/default/style/monitor.css","src/assets/wise5/themes/default/style/base/_config.scss","src/assets/wise5/themes/default/style/layouts/_l-default.scss","src/assets/wise5/themes/default/style/layouts/_l-footer.scss","src/assets/wise5/themes/default/style/layouts/_l-header.scss","src/assets/wise5/themes/default/style/layouts/_l-main.scss","src/assets/wise5/themes/default/style/layouts/_l-notebook.scss","src/assets/wise5/themes/default/style/layouts/_l-nav.scss","src/assets/wise5/themes/default/style/layouts/_l-sidebar.scss","src/assets/wise5/themes/default/style/modules/_alerts.scss","src/assets/wise5/themes/default/style/modules/_dialog.scss","src/assets/wise5/themes/default/style/modules/_help.scss","src/assets/wise5/themes/default/style/modules/_inputs.scss","src/assets/wise5/themes/default/style/modules/_table.scss","src/assets/wise5/themes/default/style/modules/_toolbar.scss","src/assets/wise5/themes/default/style/material/_config.scss","src/assets/wise5/themes/default/style/modules/_list.scss","src/assets/wise5/themes/default/style/modules/_notice.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,\n h2.content-head__item .md-subhead {\n display: block;\n padding-left: 0;\n }\n}\n.content-head__item md-icon,\nh2.content-head__item md-icon {\n vertical-align: text-bottom;\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n max-height: 500px;\n}\n\n.l-nav {\n background-color: #eeeeee !important;\n}\n\n.l-notebook {\n margin-top: 42px;\n background-color: #eeeeee !important;\n}\n\n.l-sidebar__header {\n background-color: #ffffff !important;\n color: #795C3A !important;\n}\n.l-sidebar__header md-select {\n color: rgba(0, 0, 0, 0.87);\n}\n\n.status-icon {\n margin: 0 4px;\n z-index: 1;\n vertical-align: bottom;\n}\n\n.md-button.status-icon {\n height: auto;\n width: auto;\n min-height: 0;\n line-height: inherit;\n margin: 0 4px;\n padding: 0;\n}\n\n.avatar--icon--alert {\n background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n font-size: 48px;\n margin: -4px 0 0 -4px;\n}\n\nmd-dialog {\n width: 600px;\n}\n\n.dialog--wide {\n width: 960px;\n}\n\n.dialog--wider {\n width: 1280px;\n}\n\n.help-bubble {\n border-radius: 4px;\n max-width: 320px;\n}\n@media (min-width: 600px) {\n .help-bubble {\n max-width: 552px;\n }\n}\n@media (min-width: 960px) {\n .help-bubble {\n max-width: 912px;\n }\n}\n@media (min-width: 1280px) {\n .help-bubble {\n max-width: 1232px;\n }\n}\n\n.help-bubble__title {\n border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n}\n\n.help-bubble___title__content {\n border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n padding: 0px 0 0 12px;\n background-color: #ef6c00;\n}\n.help-bubble___title__content .md-icon-button {\n margin-right: 0;\n padding-top: 0;\n padding-bottom: 0;\n}\n\n.help-bubble__content {\n overflow: auto;\n padding: 8px 12px;\n max-height: 480px;\n}\n\n.help-bubble__actions {\n border-bottom-left-radius: 4px;\n border-bottom-right-radius: 4px;\n}\n\n.input-container {\n padding-top: 12px;\n}\n\n.input-container--component {\n margin-bottom: 0;\n}\n\n.input-container--open-response.md-has-icon {\n padding-left: 0;\n}\n.input-container--open-response .md-errors-spacer {\n display: none;\n}\n\n.input-wrapper {\n position: relative;\n}\n\n.input-wrapper--focused .input--textarea__action md-icon {\n color: #1565c0;\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n padding: 8px;\n background-color: #f7f7f7;\n border: 1px solid #cccccc;\n margin-bottom: 8px;\n}\n.input--textarea:focus, .input-container textarea.input--textarea:focus {\n background-color: #ffffff;\n}\n.input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n color: rgba(0, 0, 0, 0.54);\n}\n\n.input-container textarea.input--textarea {\n width: 100%;\n}\n\n.input--textarea--disabled {\n color: rgba(0, 0, 0, 0.54);\n}\n\n.input--textarea__action {\n position: absolute;\n right: -4px;\n}\n.input--textarea__action[disabled] md-icon {\n color: rgba(0, 0, 0, 0.26) !important;\n}\n\n.input--textarea__action--notebook {\n top: 6px;\n}\n.input-wrapper--richtext .input--textarea__action--notebook {\n top: -7px;\n}\n\n.input--textarea__action--revision {\n bottom: 6px;\n}\n.input-wrapper--richtext .input--textarea__action--revision {\n bottom: -5px;\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n line-height: 1.2;\n color: rgba(0, 0, 0, 0.87);\n}\n.input-label.input-label--focused, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused {\n color: #1565c0;\n}\n\n.autocomplete input {\n text-overflow: ellipsis;\n overflow: hidden;\n word-wrap: none;\n font-weight: 500;\n color: rgba(0, 0, 0, 0.54);\n}\n\n@media only screen and (min-width: 600px) {\n .autocomplete--minwidth {\n min-width: 300px;\n }\n}\n@media only screen and (min-width: 960px) {\n .autocomplete--minwidth {\n min-width: 300px;\n }\n}\n\n.autocomplete--flat md-autocomplete-wrap {\n background-color: #ffffff;\n}\n.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n box-shadow: none;\n background-color: #eeeeee;\n}\n\n.select__header {\n height: 48px;\n}\n.select__header input {\n height: 100%;\n width: 100%;\n padding: 0 8px;\n outline: none;\n border: 0 none;\n font-size: 14px;\n font-weight: 500;\n}\n\n.table {\n max-width: 100%;\n width: auto;\n min-width: 100px;\n margin: 8px 0;\n}\n.table thead > tr > th,\n.table thead > tr > td,\n.table tbody > tr > th,\n.table tbody > tr > td,\n.table tfoot > tr > th,\n.table tfoot > tr > td {\n border: 1px solid #cccccc;\n padding: 6px;\n font-size: 15px;\n min-height: 32px;\n height: 32px;\n min-width: 32px;\n vertical-align: top;\n}\n.table td.inactive,\n.table th {\n background-color: #f7f7f7;\n opacity: 1;\n visibility: visible;\n}\n.table md-input-container {\n margin: 0;\n}\n.table .md-errors-spacer {\n display: none;\n}\n\n.table--student td.inactive {\n padding: 8px 10px;\n}\n\n.table--full-width {\n width: 100%;\n}\n\n.table--list {\n border: 0 none;\n border-collapse: collapse;\n background-color: #ffffff;\n max-width: 100%;\n overflow: auto;\n}\n.table--list th,\n.table--list td {\n padding: 0 4px;\n border: 0 none;\n}\n.table--list td {\n min-height: 56px;\n height: 56px;\n}\n.table--list tr.md-button {\n display: table-row;\n text-align: left;\n width: auto;\n text-transform: none;\n font-size: inherit;\n font-weight: normal;\n}\n\n.table--list__wrap {\n min-width: 600px;\n}\n\n@media only screen and (max-width: 959px) {\n .table-wrap-sticky {\n overflow-x: auto;\n }\n}\n\n.table--list__thead {\n font-size: 14px;\n font-weight: 700;\n}\n\n.table--list__thead__tr {\n height: 100%;\n margin: 0;\n}\n\n.table--list__thead__th {\n background-color: #757575;\n color: rgb(255, 255, 255);\n min-height: 42px;\n height: 42px;\n}\n\n.table--list__thead__link {\n color: #ffffff;\n text-transform: none;\n margin: 0;\n min-width: 0;\n white-space: normal;\n line-height: 1.4;\n width: 100%;\n}\n\n.table--list__thead__sort {\n margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n transform: rotate(180deg);\n}\n\n.td--wrap {\n min-width: 180px;\n white-space: normal;\n line-height: 1.2;\n}\n\n@media only screen and (max-width: 959px) {\n .td--max-width {\n max-width: 180px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n}\n\n.md-toolbar-tools {\n font-size: 18px;\n}\n.md-toolbar-tools .autocomplete {\n height: 36px;\n}\n.md-toolbar-tools .autocomplete md-autocomplete-wrap {\n height: 36px;\n}\n.md-toolbar-tools .autocomplete input {\n height: 36px;\n}\n\n.md-toolbar--wise {\n min-height: 42px;\n}\n.md-toolbar--wise .md-toolbar-tools {\n height: 42px;\n max-height: 42px;\n}\n.md-toolbar--wise .md-button.md-icon-button {\n height: 42px;\n line-height: 42px;\n width: 42px;\n}\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n padding: 0 8px;\n font-size: 15px;\n}\n\n.md-toolbar--sidenav {\n background-color: #333333 !important;\n}\n.md-toolbar--sidenav .md-toolbar-tools {\n font-size: 16px;\n font-weight: 500;\n}\n\n.toolbar {\n position: fixed;\n left: 0;\n right: 0;\n top: 52px;\n z-index: 3;\n}\n\n.toolbar__title {\n margin-left: 8px;\n font-size: 16px;\n font-weight: 500;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n margin: 0 4px;\n min-height: 32px;\n background-color: #f7f7f7;\n}\n.toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n height: 32px;\n text-align: left;\n}\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n text-align: right;\n}\n\n.toolbar__select--fixedwidth {\n width: 168px;\n}\n@media only screen and (min-width: 600px) {\n .toolbar__select--fixedwidth {\n width: 264px;\n }\n}\n@media only screen and (min-width: 960px) {\n .toolbar__select--fixedwidth {\n width: 432px;\n }\n}\n\n.list-item {\n background-color: #ffffff;\n border-bottom: 1px solid #eeeeee;\n}\n.list-item .md-subheader, .list-item.md-subheader {\n color: rgba(0, 0, 0, 0.87);\n background-color: #ffffff;\n}\n.list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n vertical-align: middle;\n}\n.list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n padding: 0;\n}\n.list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n margin-right: 8px;\n}\n.list-item .autocomplete {\n margin: 8px 0;\n}\n\n.list-item--info._md-button-wrap > div.md-button:first-child, .list-item--info .md-subheader-content {\n border-left: 4px solid #ef6c00 !important;\n margin-left: -4px;\n}\n\n.list-item--warn._md-button-wrap > div.md-button:first-child, .list-item--warn .md-subheader-content {\n border-left: 4px solid #c62828 !important;\n margin-left: -4px;\n}\n\n.list-item--expanded {\n border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n cursor: default;\n background-color: #f7f7f7;\n}\n\n.list-item--actions {\n padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n text-transform: none;\n width: 100%;\n padding: 8px 16px;\n margin: 0;\n white-space: normal;\n text-align: left;\n line-height: 1.4;\n}\n\n.user-list {\n font-size: 15px;\n}\n\n.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#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.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: 12px;\n left: -18px;\n height: 22px;\n line-height: 22px;\n font-size: 12px;\n font-weight: 700;\n border: 2px solid;\n}\n.notification-count:before {\n content: \"\";\n position: absolute;\n right: -7px;\n top: 6px;\n border-left: 6px solid rgba(255, 255, 255, 0.87);\n border-top: 4px solid transparent;\n border-bottom: 4px solid transparent;\n}\n\n.notification-list {\n padding: 8px 0;\n}\n\n.notification-dismiss {\n width: 500px;\n}\n\n.notification-dismiss__input {\n margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source {\n color: rgba(0, 0, 0, 0.54);\n font-size: 12px;\n}\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon {\n font-size: 18px;\n min-width: 0;\n width: auto;\n margin-left: -4px;\n line-height: 20px;\n}\n\n.account-menu {\n border-radius: 4px;\n padding: 0;\n font-size: 15px;\n max-width: 380px;\n}\n@media (min-width: 1280px) {\n .account-menu {\n min-width: 380px !important;\n }\n}\n.account-menu h3 {\n margin: 0;\n font-weight: 300;\n}\n.account-menu .mat-mdc-menu-content {\n padding: 0;\n}\n\n.account-menu--fixed-height {\n height: 304px;\n}\n\n.account-menu--fixed-width {\n width: 320px;\n}\n@media (min-width: 960px) {\n .account-menu--fixed-width {\n width: 380px;\n }\n}\n\n.account-menu__icon {\n background-color: rgb(255, 255, 255);\n border-radius: 50%;\n}\n\n.account-menu__caret {\n position: absolute;\n right: 28px;\n top: -8px;\n outline: none;\n}\n.account-menu__caret:before {\n content: \"\";\n position: absolute;\n border-bottom: 8px solid #fff;\n border-left: 8px solid transparent;\n border-right: 8px solid transparent;\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n right: 132px;\n}\n\n[dir=rtl] .account-menu__caret {\n right: auto;\n left: 28px;\n}\n[dir=rtl] .account-menu__caret--pause, [dir=rtl] .account-menu__caret--notification {\n left: 80px;\n right: auto;\n}\n[dir=rtl] .account-menu__caret--notification--with-pause {\n left: 132px;\n right: auto;\n}\n\n.account-menu__info {\n padding: 8px 12px;\n}\n\n.account-menu__info__title {\n font-weight: 500;\n}\n\n.account-menu__info__team {\n font-weight: 400;\n color: rgba(0, 0, 0, 0.54);\n}\n\n.account-menu__users {\n padding: 0;\n}\n.account-menu__users md-list-item {\n padding: 0;\n}\n.account-menu__users md-list-item .md-avatar {\n margin: 0 8px 0 0;\n height: 48px;\n width: 48px;\n}\n\n.account-menu__actions {\n background-color: #f7f7f7;\n}\n\n.account-menu__control {\n padding: 16px;\n}\n\n.annotations {\n margin: 16px 4px 16px 62px;\n position: relative;\n font-size: 15px;\n}\n.annotations hr {\n margin: 10px 0 8px;\n border-color: rgba(0, 0, 0, 0.12);\n}\n.annotations:after {\n content: \"\";\n position: absolute;\n width: 0;\n height: 0;\n left: -15px;\n right: auto;\n top: -1px;\n bottom: auto;\n border-top: 20px solid transparent;\n border-bottom: 20px solid transparent;\n border-right: 16px solid #757575;\n}\n\n.annotations-container--student--report {\n border-top: 1px solid #dddddd;\n}\n\n.annotations--report {\n margin-top: 0;\n margin-bottom: 0;\n}\n\n.annotations__header {\n position: relative;\n border-top-right-radius: 4px;\n padding: 10px 12px;\n font-weight: 700;\n transition: all 1s;\n color: #ffffff;\n background-color: #757575;\n}\n\n.annotations__avatar {\n background-color: #F05843;\n padding: 2px;\n position: absolute;\n top: 0;\n left: -62px;\n}\n\n.annotations__icon {\n transition: all 1s;\n color: #ffffff;\n}\n\n.annotations__body {\n padding: 12px;\n background-color: #ffffff;\n border-bottom-left-radius: 4px;\n border-bottom-right-radius: 4px;\n overflow: auto;\n}\n\n.annotations__status {\n background-color: #ffffff;\n color: #ef6c00;\n display: inline-block;\n margin-left: 8px;\n font-size: 12px;\n}\n.annotations__status.ng-enter, .annotations__status.ng-leave {\n transition: all 1s;\n}\n.annotations__status.ng-enter, .annotations__status.ng-leave.ng-leave-active {\n opacity: 0;\n}\n.annotations__status.ng-leave, .annotations__status.ng-enter.ng-enter-active {\n opacity: 1;\n}\n\n.annotations__score {\n font-weight: 700;\n}\n\n.annotations__info {\n font-style: italic;\n opacity: 0.8;\n border-bottom: 1px dotted;\n font-size: 13px;\n}\n\n.annotations--inside .annotations {\n margin-left: 72px;\n}\n\n.annotations--info {\n margin-bottom: 32px;\n margin-right: 8px;\n margin-left: 72px;\n}\n@media only screen and (min-width: 600px) {\n .annotations--info {\n margin: 16px 16px 32px 76px;\n }\n}\n.annotations--info:after {\n border-right: 16px solid #ef6c00;\n}\n.annotations--info .annotations__avatar {\n background-color: #ffffff;\n}\n.annotations--info .annotations__header {\n background-color: #ef6c00;\n}\n\n.annotations--grading md-input-container {\n margin-bottom: 0;\n}\n.annotations--grading .md-errors-spacer {\n display: none;\n}\n.annotations--grading .mat-mdc-form-field-subscript-wrapper {\n display: none;\n}\n\n.annotations--grading--revision {\n margin: 8px 0 0;\n padding: 8px;\n}\n\n.annotations--notebook {\n margin-top: 16px;\n}\n\n.annotations--grading__info {\n font-style: italic;\n margin: 8px 8px 4px;\n}\n\n.annotations--grading__item {\n padding: 8px;\n}\n\n.annotations--grading__score input {\n margin-top: 0 !important;\n font-size: 18px;\n width: 52px;\n text-align: center;\n}\n.annotations--grading__score .mat-mdc-form-field-infix {\n width: auto;\n}\n\n.annotations--grading__score__label {\n transform: none !important;\n width: auto;\n display: block;\n padding: 0;\n margin: 0 8px 0 0;\n}\n\n.annotations--grading__score__max label {\n display: none;\n}\n\n.annotations--grading__score__divider {\n position: relative;\n top: 12px;\n margin-left: 4px;\n}\n\n.annotations--grading__auto-comment {\n margin: 0 2px;\n}\n\n.annotations--grading__auto-comment__content {\n margin-top: 8px;\n}\n\n.component {\n position: relative;\n}\n\n.component__wrapper {\n padding: 0 24px;\n margin: 24px 0;\n}\n\n.component__content {\n overflow-x: auto;\n font-size: 15px;\n overflow-y: hidden;\n}\n@media only screen and (min-width: 600px) {\n .component__content {\n padding: 0 8px;\n }\n}\n\nh3.component__header {\n padding: 8px 12px;\n margin: 0;\n font-size: 14px;\n}\n\n.component__rubric {\n position: absolute;\n left: -20px;\n top: 12px;\n}\n\n.notebook-enabled .component_content img {\n transition: all 250ms;\n cursor: pointer;\n cursor: copy;\n}\n.notebook-enabled .component_content img:hover, .notebook-enabled .component_content img:focus {\n box-shadow: 0 0 5px 1px #F05843;\n}\n\n.component__actions .md-button:first-child {\n margin-left: 0;\n}\n.component__actions .md-button:last-child {\n margin-right: 0;\n}\n\n.component__actions__info {\n font-style: italic;\n margin-left: 8px;\n color: rgba(0, 0, 0, 0.54);\n font-weight: 400;\n}\n\n.component__actions__more {\n border-bottom: 1px dotted;\n}\n\n.component__prompt {\n margin-bottom: 8px;\n font-weight: 500;\n}\n\n.component__prompt__content {\n display: inline;\n}\n\n.component__attachment {\n position: relative;\n margin: 0 8px;\n padding-bottom: 8px;\n}\n@media only screen and (min-width: 600px) {\n .component__attachment {\n padding-top: 8px;\n }\n}\n\n@media only screen and (max-width: 599px) {\n .component__add-attachment {\n width: 100%;\n }\n}\n\n.component__attachment__content {\n max-height: 100px;\n width: auto;\n}\n\n.component__attachment__delete {\n position: absolute;\n top: 0;\n right: 0;\n 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 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 white-space: pre-wrap;\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__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}","#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 .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: 12px;\n left: -18px;\n height: 22px;\n line-height: 22px;\n font-size: 12px;\n font-weight: 700;\n border: 2px solid;\n\n &:before {\n content: \"\";\n position: absolute;\n right: -7px;\n top: 6px;\n border-left: 6px solid rgba(255,255,255,0.87);\n border-top: 4px solid transparent;\n border-bottom: 4px solid transparent;\n }\n}\n\n.notification-list {\n padding: 8px 0;\n}\n\n.notification-dismiss {\n width: 500px;\n}\n\n.notification-dismiss__input {\n margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4,\nmd-list md-list-item.md-2-line .md-list-item-text h4,\nmd-list md-list-item.md-3-line .md-list-item-text h4 {\n &.notification-list-item__source {\n color: color('text-secondary');\n font-size: rem(1.2);\n\n md-icon {\n font-size: rem(1.8);\n min-width: 0;\n width: auto;\n margin-left: -4px;\n line-height: rem(2);\n }\n }\n}\n",".account-menu {\n border-radius: $card-border-radius;\n padding: 0;\n font-size: $body-font-size-base;\n max-width: 380px;\n\n @media (min-width: $layout-breakpoint-md) {\n min-width: 380px !important;\n }\n\n h3 {\n margin: 0;\n font-weight: 300;\n }\n\n .mat-mdc-menu-content {\n padding: 0;\n }\n}\n\n.account-menu--fixed-height {\n height: $max-menu-height;\n}\n\n.account-menu--fixed-width {\n width: 320px;\n\n @media (min-width: $layout-breakpoint-sm) {\n width: 380px;\n }\n}\n\n.account-menu__icon {\n background-color: color('text-light');\n border-radius: 50%;\n}\n\n.account-menu__caret {\n position: absolute;\n right: 28px;\n top: -8px;\n outline: none;\n\n &:before {\n content: '';\n position: absolute;\n border-bottom: 8px solid #fff;\n border-left: 8px solid transparent;\n border-right: 8px solid transparent;\n }\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n right: 132px;\n}\n\n[dir=rtl] {\n .account-menu__caret {\n right: auto;\n left: 28px;\n }\n .account-menu__caret--pause, .account-menu__caret--notification {\n left:80px;\n right:auto;\n }\n .account-menu__caret--notification--with-pause {\n left: 132px;\n right:auto;\n }\n}\n\n.account-menu__info {\n padding: 8px 12px;\n}\n\n.account-menu__info__title {\n font-weight: 500;\n}\n\n.account-menu__info__team {\n font-weight: 400;\n color: color('text-secondary');\n}\n\n.account-menu__users {\n padding: 0;\n\n md-list-item {\n padding: 0;\n\n .md-avatar {\n margin: 0 8px 0 0;\n height: 48px;\n width: 48px;\n }\n }\n}\n\n.account-menu__actions {\n background-color: color('gray-lightest');\n}\n\n.account-menu__control {\n padding: 16px;\n}\n",".annotations {\n margin: 16px 4px 16px 62px;\n position: relative;\n font-size: rem(1.5);\n\n hr {\n margin: 10px 0 8px;\n border-color: rgba(0,0,0,.12);\n }\n\n &:after {\n content: \"\";\n position: absolute;\n width: 0;\n height: 0;\n left: -15px;\n right: auto;\n top: -1px;\n bottom: auto;\n border-top: 20px solid transparent;\n border-bottom: 20px solid transparent;\n border-right: 16px solid color('gray-darker');\n }\n}\n\n.annotations-container--student--report {\n border-top: 1px solid color('gray-light');\n}\n\n.annotations--report {\n margin-top: 0;\n margin-bottom: 0;\n}\n\n.annotations__header {\n position: relative;\n //border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n padding: 10px 12px;\n font-weight: 700;\n transition: all 1s;\n color: #ffffff;\n background-color: color('gray-darker');\n}\n\n.annotations__avatar {\n background-color: color('accent');\n padding: 2px;\n position: absolute;\n top: 0;\n left: -62px;\n}\n\n.annotations__icon {\n transition: all 1s;\n color: #ffffff;\n}\n\n.annotations__body {\n padding: 12px;\n background-color: #ffffff;\n border-bottom-left-radius: $card-border-radius;\n border-bottom-right-radius: $card-border-radius;\n overflow: auto;\n}\n\n.annotations__status {\n background-color: #ffffff;\n color: color('info');\n display: inline-block;\n margin-left: 8px;\n font-size: rem(1.2);\n\n &.ng-enter, &.ng-leave {\n transition: all 1s;\n }\n\n &.ng-enter, &.ng-leave.ng-leave-active {\n opacity:0;\n }\n\n &.ng-leave, &.ng-enter.ng-enter-active {\n opacity:1;\n }\n}\n\n.annotations__score {\n font-weight: 700;\n}\n\n.annotations__info {\n font-style: italic;\n opacity: 0.8;\n border-bottom: 1px dotted;\n font-size: rem(1.3);\n}\n\n.annotations--inside {\n .annotations {\n margin-left: 72px;\n }\n}\n\n// TODO: move to own file\n.annotations--info {\n margin-bottom: 32px;\n margin-right: 8px;\n margin-left: 72px;\n\n @media only screen and (min-width: ($layout-breakpoint-xs)) {\n margin: 16px 16px 32px 76px;\n }\n\n &:after {\n border-right: 16px solid color('info');\n }\n\n .annotations__avatar {\n background-color: #ffffff;\n }\n\n .annotations__header {\n background-color: color('info');\n }\n}\n",".annotations--grading {\n md-input-container {\n margin-bottom: 0;\n }\n\n .md-errors-spacer {\n display: none;\n }\n\n .mat-mdc-form-field-subscript-wrapper {\n display: none;\n }\n}\n\n.annotations--grading--revision {\n margin: 8px 0 0;\n padding: 8px;\n}\n\n.annotations--notebook {\n margin-top: 16px;;\n}\n\n.annotations--grading__info {\n font-style: italic;\n margin: 8px 8px 4px;\n}\n\n.annotations--grading__item {\n padding: 8px;\n}\n\n.annotations--grading__score {\n input {\n margin-top: 0 !important;\n font-size: rem(1.8);\n width: 52px;\n text-align: center;\n }\n\n .mat-mdc-form-field-infix {\n width: auto;\n }\n}\n\n.annotations--grading__score__label {\n transform: none !important;\n width: auto;\n display: block;\n padding: 0;\n margin: 0 8px 0 0;\n}\n\n.annotations--grading__score__max {\n label {\n display: none;\n }\n}\n\n.annotations--grading__score__divider {\n position: relative;\n top: 12px;\n margin-left: 4px;\n}\n\n.annotations--grading__auto-comment {\n margin: 0 2px;\n}\n\n.annotations--grading__auto-comment__content {\n margin-top: 8px;\n}\n",".component {\n position: relative;\n}\n\n.component__wrapper {\n padding: 0 24px;\n margin: 24px 0;\n}\n\n.component__content {\n overflow-x: auto;\n font-size: rem(1.5);\n overflow-y: hidden; // TODO: figure out why this is needed after update to ng-material 1.1.1\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n padding: 0 8px;\n }\n}\n\nh3.component__header {\n padding: 8px 12px;\n margin: 0;\n font-size: rem(1.4);\n}\n\n.component__rubric {\n position: absolute;\n left: -20px;\n top: 12px;\n}\n\n.notebook-enabled {\n .component_content {\n img {\n transition: all 250ms;\n cursor: pointer;\n cursor: copy;\n //position: relative;\n //border: 2px solid transparent;\n\n &:hover, &:focus {\n box-shadow: 0 0 5px 1px color('accent');\n //border: 2px solid #ffffff;\n }\n }\n }\n}\n\n.component__actions {\n .md-button:first-child {\n margin-left: 0;\n }\n\n .md-button:last-child {\n margin-right: 0;\n }\n}\n\n.component__actions__info {\n font-style: italic;\n margin-left: 8px;\n color: color('text-secondary');\n font-weight: 400;\n}\n\n.component__actions__more {\n border-bottom: 1px dotted;\n}\n\n.component__prompt {\n margin-bottom: 8px;\n font-weight: 500;\n}\n\n.component__prompt__content {\n display: inline;\n}\n\n.component__attachment {\n position: relative;\n margin: 0 8px;\n padding-bottom: 8px;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n padding-top: 8px;\n }\n}\n\n.component__add-attachment {\n @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n width: 100%;\n }\n}\n\n.component__attachment__content {\n max-height: 100px;\n width: auto;\n}\n\n.component__attachment__delete {\n position: absolute;\n top: 0;\n right: 0;\n 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 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 white-space: pre-wrap;\n}\n\n.component--grading__annotations {\n background-color: color('selected-bg');\n}\n\n.component--grading__annotations__divider {\n padding: 4px;\n background-color: #ffffff;\n}\n\n.component--grading__actions__info {\n margin: 16px 0 0;\n padding-top: 8px;\n border-top: 1px solid color('gray-lighter');\n}\n",".graph-select {\n min-width: 150px;\n max-width: 200px;\n}\n\n.graph-controls {\n margin: 8px 0;\n padding: 8px 0;\n border: 1px solid color('gray-lighter');\n border-left-width: 0;\n border-right-width: 0;\n}\n",".outside-content {\n iframe {\n border: 1px solid color('gray-lighter');\n }\n}\n\n.outside-content__source {\n margin-top: 4px;\n text-align: end;\n\n a {\n max-width: 240px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n display: inline-block;\n }\n}",".component-revisions {\n .component {\n padding: 0;\n margin: 0;\n }\n\n .component__content {\n padding: 0;\n }\n\n .component__wrapper {\n margin: 16px 0;\n }\n\n .md-resize-handle {\n display: none;\n }\n}\n\n.component-revisions__item, md-list-item.component-revisions__item {\n padding: 0;\n}\n\n.component-revisions__item--latest {\n margin-bottom: 24px;\n}\n\n.component-revisions__item__text {\n\n}\n\n.component-revisions__annotation-label {\n margin-right: 8px;\n}\n\n.component-revisions__has-auto-and-teacher {\n padding-top: 8px;\n margin-top: 8px;\n border-top: 1px solid color('gray-light');\n}\n",".notebook-toolbar {\n md-divider {\n margin: 8px 0;\n }\n\n @media only screen and (max-width: ($layout-breakpoint-sm - 1)) {\n border-top: 1px solid color('gray-light');\n }\n}\n\n.notebook-toolbar__add-menu {\n position: absolute;\n bottom: 40px;\n\n .md-fab-action-item {\n background-color: #ffffff;\n }\n}\n\n.notebook-toolbar__add-icon {\n border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n float:right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n float:left;\n}","highchart {\n display: block;\n}\n"]} \ No newline at end of file diff --git a/src/assets/wise5/themes/default/style/vle.css b/src/assets/wise5/themes/default/style/vle.css index 8e6366b399b..100ab90992b 100644 --- a/src/assets/wise5/themes/default/style/vle.css +++ b/src/assets/wise5/themes/default/style/vle.css @@ -1,2 +1,2 @@ -body{background:#eee}body.vle{overflow:hidden}a:focus,a:hover{color:#1c8ca8}blockquote{background-color:#e7f7fb;border:solid #1c8ca8;border-width:0 0 0 3px;margin:16px 0;padding:8px}.has-indicator:after{background-color:#f05843;border-radius:50%;content:"";padding:5px;position:absolute}.has-indicator--icon-button:after{left:5px;top:25px}.badge{background-color:#aaa;border-radius:4px;font-size:12px;font-style:normal;font-weight:500;padding:2px 6px}.badge.md-button{line-height:inherit;min-height:0;min-width:0}.badge.md-button:focus,.badge.md-button:hover{background-color:#aaa}.badge.md-button:focus{outline:1px dotted #aaa}.badge--info{background-color:#ef6c00;color:#fff}.badge--warn{background-color:#c62828;color:#fff}.badge--success{background-color:#00c853;color:#fff}.divider--withmargin{margin:16px 0}.divider--dashed{border-top-style:dashed}a{color:#1c8ca8;cursor:pointer}.active{background-color:hsla(0,0%,62%,.2);color:rgba(0,0,0,.87)}.avatar{border-radius:50%;box-sizing:content-box}.avatar--square{border-radius:4px}.avatar.md-18{height:30px;width:30px}.avatar.md-24{height:36px;width:36px}.avatar.md-36{height:48px;width:48px}.avatar.md-48{height:60px;width:60px}.avatar--icon{background-color:#ddd;white-space:normal!important}.avatar--icon:not(.md-avatar){padding:6px}.avatar--icon.md-18{height:18px;width:18px}.avatar--icon.md-24{height:24px;width:24px}.avatar--icon.md-36{height:36px;width:36px}.avatar--icon.md-48{height:48px;width:48px}md-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon{color:rgba(0,0,0,.54)}md-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon{color:rgba(0,0,0,.26)}.md-button:not([disabled]).primary,md-icon.primary{color:#1c8ca8!important}.md-button:not([disabled]).success,md-icon.success{color:#00c853!important}.md-button:not([disabled]).warn,md-icon.warn{color:#c62828!important}.md-button:not([disabled]).info,md-icon.info{color:#ef6c00!important}.md-button:not([disabled]).accent,md-icon.accent{color:#f05843!important}.md-button:not([disabled]).accent-1,md-icon.accent-1{color:#795c3a!important}.md-button:not([disabled]).accent-2,md-icon.accent-2{color:#cad266!important}md-input-container.md-wise-theme label{color:rgba(0,0,0,.87)}md-select-menu md-option[selected],md-select-menu.md-default-theme md-option[selected]{background-color:#f4fbfd}.md-autocomplete-suggestions-container li .highlight,.md-autocomplete-suggestions-container.md-default-theme li .highlight{background-color:#f4fbfd;color:#1c8ca8}.primary{color:#1c8ca8}.accent{color:#f05843}.accent-1{color:#795c3a}.accent-2{color:#cad266}.warn{color:#c62828}.info{color:#ef6c00}.success{color:#00c853}.divider{color:rgba(0,0,0,.12)}.gray-lightest{color:#f7f7f7}.gray-lighter{color:#eee}.gray-light{color:#ddd}.gray{color:#ccc}.gray-dark{color:#aaa}.gray-darker{color:#757575}.gray-darkest{color:#333}.text{color:rgba(0,0,0,.87)}.text-secondary{color:rgba(0,0,0,.54)}.text-disabled{color:rgba(0,0,0,.26)}.text-light{color:#fff}.text-light-secondary{color:hsla(0,0%,100%,.7)}.text-light-disabled{color:hsla(0,0%,100%,.5)}.selected-bg{color:#f4fbfd}.score{color:#ffc107}.body{color:rgba(0,0,0,.87)}.body-bg{color:#eee}.primary-bg{background-color:#1c8ca8}.accent-bg{background-color:#f05843}.accent-1-bg{background-color:#795c3a}.accent-2-bg{background-color:#cad266}.warn-bg{background-color:#c62828}.info-bg{background-color:#ef6c00}.success-bg{background-color:#00c853}.divider-bg{background-color:rgba(0,0,0,.12)}.gray-lightest-bg{background-color:#f7f7f7}.gray-lighter-bg{background-color:#eee}.gray-light-bg{background-color:#ddd}.gray-bg{background-color:#ccc}.gray-dark-bg{background-color:#aaa}.gray-darker-bg{background-color:#757575}.gray-darkest-bg{background-color:#333}.text-bg{background-color:rgba(0,0,0,.87)}.text-secondary-bg{background-color:rgba(0,0,0,.54)}.text-disabled-bg{background-color:rgba(0,0,0,.26)}.text-light-bg{background-color:#fff}.text-light-secondary-bg{background-color:hsla(0,0%,100%,.7)}.text-light-disabled-bg{background-color:hsla(0,0%,100%,.5)}.selected-bg-bg{background-color:#f4fbfd}.score-bg{background-color:#ffc107}.body-bg{background-color:rgba(0,0,0,.87)}.body-bg-bg{background-color:#eee}md-progress-circular.primary path{stroke:#1c8ca8}md-progress-circular.accent path{stroke:#f05843}md-progress-circular.accent-1 path{stroke:#795c3a}md-progress-circular.accent-2 path{stroke:#cad266}md-progress-circular.warn path{stroke:#c62828}md-progress-circular.info path{stroke:#ef6c00}md-progress-circular.success path{stroke:#00c853}md-progress-circular.divider path{stroke:rgba(0,0,0,.12)}md-progress-circular.gray-lightest path{stroke:#f7f7f7}md-progress-circular.gray-lighter path{stroke:#eee}md-progress-circular.gray-light path{stroke:#ddd}md-progress-circular.gray path{stroke:#ccc}md-progress-circular.gray-dark path{stroke:#aaa}md-progress-circular.gray-darker path{stroke:#757575}md-progress-circular.gray-darkest path{stroke:#333}md-progress-circular.text path{stroke:rgba(0,0,0,.87)}md-progress-circular.text-secondary path{stroke:rgba(0,0,0,.54)}md-progress-circular.text-disabled path{stroke:rgba(0,0,0,.26)}md-progress-circular.text-light path{stroke:#fff}md-progress-circular.text-light-secondary path{stroke:hsla(0,0%,100%,.7)}md-progress-circular.text-light-disabled path{stroke:hsla(0,0%,100%,.5)}md-progress-circular.selected-bg path{stroke:#f4fbfd}md-progress-circular.score path{stroke:#ffc107}md-progress-circular.body path{stroke:rgba(0,0,0,.87)}md-progress-circular.body-bg path{stroke:#eee}.l-constrained{margin-left:auto;margin-right:auto;max-width:100%;position:relative}@media (min-width:600px){.l-constrained{width:1280px}}@media (min-width:1920px){.l-constrained{width:1920px}}.l-constrained-md{max-width:100%;width:960px}.l-footer{background-color:#fff;border-top:1px solid #eee;bottom:0;left:0;position:fixed;right:0;z-index:1}.button--footer{display:flex;margin:0;min-width:0;padding-bottom:0;padding-top:0}.button--footer__element{padding-left:8px}.l-header{z-index:3}.l-header .logo{height:36px;margin-left:0!important;vertical-align:middle;width:36px}.l-header .logo-link{display:none;margin-right:12px;min-width:auto;padding:0 4px}@media only screen and (min-width:600px){.l-header .logo-link{display:block}}.l-header .logo-link:focus,.l-header .logo-link:hover{border:0}@media only screen and (max-width:599px){.l-header .md-toolbar-tools h1,.l-header .md-toolbar-tools h2,.l-header .md-toolbar-tools h3{font-size:15px}}.l-main{background-color:#eee}.l-main--with-toolbar{margin-top:42px}#content{transition:margin-top .5s}.view-content{left:0;margin:0 auto;padding:8px;position:absolute;right:0;transition:opacity .5s}@media only screen and (min-width:960px){.view-content{padding:16px}}.view-content.ng-enter{opacity:0}.view-content .ng-enter-active{opacity:1;transition-delay:.25s}.view-content.ng-hide,.view-content.ng-hide-add,.view-content.ng-hide-add-active,.view-content.ng-hide-remove,.view-content.ng-hide-remove-active,.view-content.ng-leave-active{opacity:0}.view-content--with-sidemenu{padding:8px}@media only screen and (min-width:600px){.view-content--with-sidemenu{margin-left:54px;padding:16px}[dir=rtl] .view-content--with-sidemenu{margin-left:auto;margin-right:54px}}.content-head{margin:8px 0}.content-head h1,.content-head h2,.content-head h3{font-size:36px;font-weight:300;margin-bottom:0;margin-top:0}@media only screen and (max-width:959px){.content-head h1,.content-head h2,.content-head h3{font-size:32px;text-align:center}.content-head__more{margin-top:8px}}.content-head__item,h2.content-head__item{margin:0 8px}.content-head__item .md-subhead,h2.content-head__item .md-subhead{padding-left:4px}@media only screen and (max-width:959px){.content-head__item .md-subhead,h2.content-head__item .md-subhead{display:block;padding-left:0}}.content-head__item md-icon,h2.content-head__item md-icon{vertical-align:text-bottom}.stepSelectMenuContainer md-select-menu,.stepSelectMenuContainer md-select-menu md-content{max-height:500px}.l-notebook{background-color:#eee!important;margin-top:42px}.l-sidebar__header{background-color:#fff!important;color:#795c3a!important}.l-sidebar__header md-select{color:rgba(0,0,0,.87)}.status-icon{margin:0 4px;vertical-align:bottom;z-index:1}.md-button.status-icon{height:auto;line-height:inherit;margin:0 4px;min-height:0;padding:0;width:auto}.avatar--icon--alert{background-color:#fff}.avatar--icon--alert__icon{font-size:48px;margin:-4px 0 0 -4px}md-dialog{width:600px}.dialog--wide{width:960px}.dialog--wider{width:1280px}.help-bubble{border-radius:4px;max-width:320px}@media (min-width:600px){.help-bubble{max-width:552px}}@media (min-width:960px){.help-bubble{max-width:912px}}@media (min-width:1280px){.help-bubble{max-width:1232px}}.help-bubble___title__content,.help-bubble__title{border-top-left-radius:4px;border-top-right-radius:4px}.help-bubble___title__content{background-color:#ef6c00;padding:0 0 0 12px}.help-bubble___title__content .md-icon-button{margin-right:0;padding-bottom:0;padding-top:0}.help-bubble__content{max-height:480px;overflow:auto;padding:8px 12px}.help-bubble__actions{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.input-container{padding-top:12px}.input-container--component{margin-bottom:0}.input-container--open-response.md-has-icon{padding-left:0}.input-container--open-response .md-errors-spacer{display:none}.input-wrapper{position:relative}.input-wrapper--focused .input--textarea__action md-icon{color:#1c8ca8}.input--textarea,.input-container textarea.input--textarea{background-color:#f7f7f7;border:1px solid #ccc;margin-bottom:8px;padding:8px}.input--textarea:focus,.input-container textarea.input--textarea:focus{background-color:#fff}.input--textarea[disabled],.input-container textarea.input--textarea[disabled]{color:rgba(0,0,0,.54)}.input-container textarea.input--textarea{width:100%}.input--textarea--disabled{color:rgba(0,0,0,.54)}.input--textarea__action{position:absolute;right:-4px}.input--textarea__action[disabled] md-icon{color:rgba(0,0,0,.26)!important}.input--textarea__action--notebook{top:6px}.input-wrapper--richtext .input--textarea__action--notebook{top:-7px}.input--textarea__action--revision{bottom:6px}.input-wrapper--richtext .input--textarea__action--revision{bottom:-5px}.input-label,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label{color:rgba(0,0,0,.87);line-height:1.2}.input-label.input-label--focused,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused{color:#1c8ca8}.autocomplete input{word-wrap:none;color:rgba(0,0,0,.54);font-weight:500;overflow:hidden;text-overflow:ellipsis}@media only screen and (min-width:600px){.autocomplete--minwidth{min-width:300px}}@media only screen and (min-width:960px){.autocomplete--minwidth{min-width:300px}}.autocomplete--flat md-autocomplete-wrap{background-color:#fff}.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing){background-color:#eee;box-shadow:none}.select__header{height:48px}.select__header input{border:0;font-size:14px;font-weight:500;height:100%;outline:none;padding:0 8px;width:100%}.table{margin:8px 0;max-width:100%;min-width:100px;width:auto}.table tbody>tr>td,.table tbody>tr>th,.table tfoot>tr>td,.table tfoot>tr>th,.table thead>tr>td,.table thead>tr>th{border:1px solid #ccc;font-size:15px;height:32px;min-height:32px;min-width:32px;padding:6px;vertical-align:top}.table td.inactive,.table th{background-color:#f7f7f7;opacity:1;visibility:visible}.table md-input-container{margin:0}.table .md-errors-spacer{display:none}.table--student td.inactive{padding:8px 10px}.table--full-width{width:100%}.table--list{background-color:#fff;border:0;border-collapse:collapse;max-width:100%;overflow:auto}.table--list td,.table--list th{border:0;padding:0 4px}.table--list td{height:56px;min-height:56px}.table--list tr.md-button{display:table-row;font-size:inherit;font-weight:400;text-align:left;text-transform:none;width:auto}.table--list__wrap{min-width:600px}@media only screen and (max-width:959px){.table-wrap-sticky{overflow-x:auto}}.table--list__thead{font-size:14px;font-weight:700}.table--list__thead__tr{height:100%;margin:0}.table--list__thead__th{background-color:#757575;color:#fff;height:42px;min-height:42px}.table--list__thead__link{color:#fff;line-height:1.4;margin:0;min-width:0;text-transform:none;white-space:normal;width:100%}.table--list__thead__sort{margin:0}.table--list__thead__sort--reverse{transform:rotate(180deg)}.td--wrap{line-height:1.2;min-width:180px;white-space:normal}@media only screen and (max-width:959px){.td--max-width{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.md-toolbar-tools{font-size:18px}.md-toolbar-tools .autocomplete,.md-toolbar-tools .autocomplete input,.md-toolbar-tools .autocomplete md-autocomplete-wrap{height:36px}.md-toolbar--wise{min-height:42px}.md-toolbar--wise .md-toolbar-tools{height:42px;max-height:42px}.md-toolbar--wise .md-button.md-icon-button{height:42px;line-height:42px;width:42px}.md-toolbar--wise--sm .md-toolbar-tools{font-size:15px;padding:0 8px}.md-toolbar--sidenav{background-color:#333!important}.md-toolbar--sidenav .md-toolbar-tools{font-size:16px;font-weight:500}.toolbar{left:0;position:fixed;right:0;top:52px;z-index:3}.toolbar__title{font-size:16px;font-weight:500;margin-left:8px}.md-button.toolbar__nav,.toolbar__nav{margin:0}.md-button.toolbar__select,.toolbar__select{background-color:#f7f7f7;margin:0 4px;min-height:32px}.md-button.toolbar__select .md-select-value,.toolbar__select .md-select-value{height:32px;text-align:left}[dir=rtl] .md-button.toolbar__select .md-select-value,[dir=rtl] .toolbar__select .md-select-value{text-align:right}.toolbar__select--fixedwidth{width:168px}@media only screen and (min-width:600px){.toolbar__select--fixedwidth{width:264px}}@media only screen and (min-width:960px){.toolbar__select--fixedwidth{width:432px}}.list-item{background-color:#fff;border-bottom:1px solid #eee}.list-item .md-subheader,.list-item.md-subheader{background-color:#fff;color:rgba(0,0,0,.87)}.list-item .md-subheader md-icon,.list-item.md-subheader md-icon{vertical-align:middle}.list-item .md-subheader .md-subheader-inner,.list-item.md-subheader .md-subheader-inner{padding:0}.list-item .md-subheader .md-avatar,.list-item.md-subheader .md-avatar{margin-right:8px}.list-item .autocomplete{margin:8px 0}.list-item--info .md-subheader-content,.list-item--info._md-button-wrap>div.md-button:first-child{border-left:4px solid #ef6c00!important;margin-left:-4px}.list-item--warn .md-subheader-content,.list-item--warn._md-button-wrap>div.md-button:first-child{border-left:4px solid #c62828!important;margin-left:-4px}.list-item--expanded{border-bottom-width:0}.list-item--noclick,.list-item--noclick.md-button{background-color:#f7f7f7;cursor:default}.list-item--actions{padding:0 8px!important}.list-item__subheader-button{line-height:1.4;margin:0;padding:8px 16px;text-align:left;text-transform:none;white-space:normal;width:100%}.user-list{font-size:15px}#nav{position:relative}.nav{margin-bottom:16px}.nav-mask{background-color:rgba(0,0,0,.25);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.nav-mask.ng-hide{opacity:0}.nav-head{color:rgba(0,0,0,.54);font-weight:500}.nav-head md-icon{line-height:20px}.nav-contents--root{padding:6px 6px 12px}.nav-contents--group{background-color:#ddd;padding:8px}.nav-contents--root,.nav-contents__list{padding:0}@media (min-width:600px){.nav-contents__list{padding:8px}}.nav-item{transition:opacity .25s ease-in-out}.nav-item.prev md-list-item{background-color:#f4fbfd}.nav-item--card__content{border-top-left-radius:4px;border-top-right-radius:4px}.nav-item--card__content:focus{outline:none}.nav-item--card__content:focus .nav-item__title>span{border-bottom:1px dashed #ccc}.nav-item--root{transition:margin .25s,box-shadow .5s}.nav-item--root.expanded{flex-basis:100%;margin:8px auto;max-height:none!important;max-width:100%}.nav-item--root.expanded:first-of-type{margin-top:0}.nav-item--list__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}.menu-progress{position:absolute;right:12px;top:10px}.menu-progress path{stroke:#cad266!important;stroke-width:2px}[dir=rtl] .menu-progress{left:12px;right:auto}.menu-sidenav__item{font-size:14px;font-weight:700}.menu-sidenav__icon{margin-left:12px;margin-right:12px!important;margin-top:12px!important}.active .menu-sidenav__icon,.active .menu-sidenav__item{color:#1c8ca8}.menu-sidebar{background-color:#fff;border-right:1px solid #ccc;bottom:0;left:0;overflow:hidden;padding:8px 0;position:absolute;text-align:center;top:94px;width:56px}@media only screen and (max-width:599px){.menu-sidebar{display:none}}[dir=rtl] .menu-sidebar{left:auto;right:0}.md-button.md-icon-button.menu-sidebar__link{margin-bottom:6px;margin-top:6px}.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%}}#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}}.node-content__actions .md-button:first-child{margin-left:0}.node-content__actions .md-button:last-child{margin-right:0}.node-content__actions__info{color:rgba(0,0,0,.54);font-style:italic;margin-left:8px}.node-content__actions__more{border-bottom:1px dotted}.md-button.md-icon-button.node-nav:first-of-type{margin-right:0}@media only screen and (min-width:600px){.node-sidebar-active{margin-right:68px}}@media only screen and (max-width:599px){.node-sidebar-visible{margin-bottom:42px}}.node-sidebar{position:absolute;right:0;top:0;width:52px}.node-sidebar__toolbar{background-color:#fff;border-radius:3px;padding:8px 0;position:fixed;width:52px}@media only screen and (max-width:599px){.node-sidebar__toolbar{border-radius:0;bottom:0;height:42px;left:0;min-height:0;padding:0;right:0;width:100%}}.node__label--vertical-alignment{display:inline-block;vertical-align:middle}notebook-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:12px;width:22px}.notification-count:before{border-bottom:4px solid transparent;border-left:6px solid hsla(0,0%,100%,.87);border-top:4px solid transparent;content:"";position:absolute;right:-7px;top:6px}.notification-list{padding:8px 0}.notification-dismiss{width:500px}.notification-dismiss__input{margin-bottom:0}md-list md-list-item .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source{color:rgba(0,0,0,.54);font-size:12px}md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon{font-size:18px;line-height:20px;margin-left:-4px;min-width:0;width:auto}.account-menu{border-radius:4px;font-size:15px;max-width:380px;padding:0}@media (min-width:1280px){.account-menu{min-width:380px!important}}.account-menu h3{font-weight:300;margin:0}.account-menu .mat-mdc-menu-content{padding:0}.account-menu--fixed-height{height:304px}.account-menu--fixed-width{width:320px}@media (min-width:960px){.account-menu--fixed-width{width:380px}}.account-menu__icon{background-color:#fff;border-radius:50%}.account-menu__caret{outline:none;position:absolute;right:28px;top:-8px}.account-menu__caret:before{border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent;content:"";position:absolute}.account-menu__caret--notification,.account-menu__caret--pause{right:80px}.account-menu__caret--notification--with-pause{right:132px}[dir=rtl] .account-menu__caret{left:28px;right:auto}[dir=rtl] .account-menu__caret--notification,[dir=rtl] .account-menu__caret--pause{left:80px;right:auto}[dir=rtl] .account-menu__caret--notification--with-pause{left:132px;right:auto}.account-menu__info{padding:8px 12px}.account-menu__info__title{font-weight:500}.account-menu__info__team{color:rgba(0,0,0,.54);font-weight:400}.account-menu__users,.account-menu__users md-list-item{padding:0}.account-menu__users md-list-item .md-avatar{height:48px;margin:0 8px 0 0;width:48px}.account-menu__actions{background-color:#f7f7f7}.account-menu__control{padding:16px}.annotations{font-size:15px;margin:16px 4px 16px 62px;position:relative}.annotations hr{border-color:rgba(0,0,0,.12);margin:10px 0 8px}.annotations:after{border-bottom:20px solid transparent;border-right:16px solid #757575;border-top:20px solid transparent;bottom:auto;content:"";height:0;left:-15px;position:absolute;right:auto;top:-1px;width:0}.annotations-container--student--report{border-top:1px solid #ddd}.annotations--report{margin-bottom:0;margin-top:0}.annotations__header{background-color:#757575;border-top-right-radius:4px;color:#fff;font-weight:700;padding:10px 12px;position:relative;transition:all 1s}.annotations__avatar{background-color:#f05843;left:-62px;padding:2px;position:absolute;top:0}.annotations__icon{color:#fff;transition:all 1s}.annotations__body{background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:auto;padding:12px}.annotations__status{background-color:#fff;color:#ef6c00;display:inline-block;font-size:12px;margin-left:8px}.annotations__status.ng-enter,.annotations__status.ng-leave{transition:all 1s}.annotations__status.ng-enter,.annotations__status.ng-leave.ng-leave-active{opacity:0}.annotations__status.ng-enter.ng-enter-active,.annotations__status.ng-leave{opacity:1}.annotations__score{font-weight:700}.annotations__info{border-bottom:1px dotted;font-size:13px;font-style:italic;opacity:.8}.annotations--inside .annotations{margin-left:72px}.annotations--info{margin-bottom:32px;margin-left:72px;margin-right:8px}@media only screen and (min-width:600px){.annotations--info{margin:16px 16px 32px 76px}}.annotations--info:after{border-right:16px solid #ef6c00}.annotations--info .annotations__avatar{background-color:#fff}.annotations--info .annotations__header{background-color:#ef6c00}.component{position:relative}.component__wrapper{margin:24px 0;padding:0 24px}.component__content{font-size:15px;overflow-x:auto;overflow-y:hidden}@media only screen and (min-width:600px){.component__content{padding:0 8px}}h3.component__header{font-size:14px;margin:0;padding:8px 12px}.component__rubric{left:-20px;position:absolute;top:12px}.notebook-enabled .component_content img{cursor:pointer;cursor:copy;transition:all .25s}.notebook-enabled .component_content img:focus,.notebook-enabled .component_content img:hover{box-shadow:0 0 5px 1px #f05843}.component__actions .md-button:first-child{margin-left:0}.component__actions .md-button:last-child{margin-right:0}.component__actions__info{color:rgba(0,0,0,.54);font-style:italic;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}.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}.graph-select{max-width:200px;min-width:150px}.graph-controls{border-color:#eee;border-style:solid;border-width:1px 0;margin:8px 0;padding:8px 0}.outside-content iframe{border:1px solid #eee}.outside-content__source{margin-top:4px;text-align:end}.outside-content__source a{display:inline-block;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notebook-toolbar md-divider{margin:8px 0}@media only screen and (max-width:959px){.notebook-toolbar{border-top:1px solid #ddd}}.notebook-toolbar__add-menu{bottom:40px;position:absolute}.notebook-toolbar__add-menu .md-fab-action-item{background-color:#fff}.notebook-toolbar__add-icon{border-radius:50%}#closeNotebookSettingsButton{float:right}[dir=rtl] #closeNotebookSettingsButton{float:left}highchart{display:block} +body{background:#eee}body.vle{overflow:hidden}a:focus,a:hover{color:#1c8ca8}blockquote{background-color:#e7f7fb;border:solid #1c8ca8;border-width:0 0 0 3px;margin:16px 0;padding:8px}.has-indicator:after{background-color:#f05843;border-radius:50%;content:"";padding:5px;position:absolute}.has-indicator--icon-button:after{left:5px;top:25px}.badge{background-color:#aaa;border-radius:4px;font-size:12px;font-style:normal;font-weight:500;padding:2px 6px}.badge.md-button{line-height:inherit;min-height:0;min-width:0}.badge.md-button:focus,.badge.md-button:hover{background-color:#aaa}.badge.md-button:focus{outline:1px dotted #aaa}.badge--info{background-color:#ef6c00;color:#fff}.badge--warn{background-color:#c62828;color:#fff}.badge--success{background-color:#00c853;color:#fff}.divider--withmargin{margin:16px 0}.divider--dashed{border-top-style:dashed}a{color:#1c8ca8;cursor:pointer}.active{background-color:hsla(0,0%,62%,.2);color:rgba(0,0,0,.87)}.avatar{border-radius:50%;box-sizing:content-box}.avatar--square{border-radius:4px}.avatar.md-18{height:30px;width:30px}.avatar.md-24{height:36px;width:36px}.avatar.md-36{height:48px;width:48px}.avatar.md-48{height:60px;width:60px}.avatar--icon{background-color:#ddd;white-space:normal!important}.avatar--icon:not(.md-avatar){padding:6px}.avatar--icon.md-18{height:18px;width:18px}.avatar--icon.md-24{height:24px;width:24px}.avatar--icon.md-36{height:36px;width:36px}.avatar--icon.md-48{height:48px;width:48px}md-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon{color:rgba(0,0,0,.54)}md-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon{color:rgba(0,0,0,.26)}.md-button:not([disabled]).primary,md-icon.primary{color:#1c8ca8!important}.md-button:not([disabled]).success,md-icon.success{color:#00c853!important}.md-button:not([disabled]).warn,md-icon.warn{color:#c62828!important}.md-button:not([disabled]).info,md-icon.info{color:#ef6c00!important}.md-button:not([disabled]).accent,md-icon.accent{color:#f05843!important}.md-button:not([disabled]).accent-1,md-icon.accent-1{color:#795c3a!important}.md-button:not([disabled]).accent-2,md-icon.accent-2{color:#cad266!important}md-input-container.md-wise-theme label{color:rgba(0,0,0,.87)}md-select-menu md-option[selected],md-select-menu.md-default-theme md-option[selected]{background-color:#f4fbfd}.md-autocomplete-suggestions-container li .highlight,.md-autocomplete-suggestions-container.md-default-theme li .highlight{background-color:#f4fbfd;color:#1c8ca8}.primary{color:#1c8ca8}.accent{color:#f05843}.accent-1{color:#795c3a}.accent-2{color:#cad266}.warn{color:#c62828}.info{color:#ef6c00}.success{color:#00c853}.divider{color:rgba(0,0,0,.12)}.gray-lightest{color:#f7f7f7}.gray-lighter{color:#eee}.gray-light{color:#ddd}.gray{color:#ccc}.gray-dark{color:#aaa}.gray-darker{color:#757575}.gray-darkest{color:#333}.text{color:rgba(0,0,0,.87)}.text-secondary{color:rgba(0,0,0,.54)}.text-disabled{color:rgba(0,0,0,.26)}.text-light{color:#fff}.text-light-secondary{color:hsla(0,0%,100%,.7)}.text-light-disabled{color:hsla(0,0%,100%,.5)}.selected-bg{color:#f4fbfd}.score{color:#ffc107}.body{color:rgba(0,0,0,.87)}.body-bg{color:#eee}.primary-bg{background-color:#1c8ca8}.accent-bg{background-color:#f05843}.accent-1-bg{background-color:#795c3a}.accent-2-bg{background-color:#cad266}.warn-bg{background-color:#c62828}.info-bg{background-color:#ef6c00}.success-bg{background-color:#00c853}.divider-bg{background-color:rgba(0,0,0,.12)}.gray-lightest-bg{background-color:#f7f7f7}.gray-lighter-bg{background-color:#eee}.gray-light-bg{background-color:#ddd}.gray-bg{background-color:#ccc}.gray-dark-bg{background-color:#aaa}.gray-darker-bg{background-color:#757575}.gray-darkest-bg{background-color:#333}.text-bg{background-color:rgba(0,0,0,.87)}.text-secondary-bg{background-color:rgba(0,0,0,.54)}.text-disabled-bg{background-color:rgba(0,0,0,.26)}.text-light-bg{background-color:#fff}.text-light-secondary-bg{background-color:hsla(0,0%,100%,.7)}.text-light-disabled-bg{background-color:hsla(0,0%,100%,.5)}.selected-bg-bg{background-color:#f4fbfd}.score-bg{background-color:#ffc107}.body-bg{background-color:rgba(0,0,0,.87)}.body-bg-bg{background-color:#eee}md-progress-circular.primary path{stroke:#1c8ca8}md-progress-circular.accent path{stroke:#f05843}md-progress-circular.accent-1 path{stroke:#795c3a}md-progress-circular.accent-2 path{stroke:#cad266}md-progress-circular.warn path{stroke:#c62828}md-progress-circular.info path{stroke:#ef6c00}md-progress-circular.success path{stroke:#00c853}md-progress-circular.divider path{stroke:rgba(0,0,0,.12)}md-progress-circular.gray-lightest path{stroke:#f7f7f7}md-progress-circular.gray-lighter path{stroke:#eee}md-progress-circular.gray-light path{stroke:#ddd}md-progress-circular.gray path{stroke:#ccc}md-progress-circular.gray-dark path{stroke:#aaa}md-progress-circular.gray-darker path{stroke:#757575}md-progress-circular.gray-darkest path{stroke:#333}md-progress-circular.text path{stroke:rgba(0,0,0,.87)}md-progress-circular.text-secondary path{stroke:rgba(0,0,0,.54)}md-progress-circular.text-disabled path{stroke:rgba(0,0,0,.26)}md-progress-circular.text-light path{stroke:#fff}md-progress-circular.text-light-secondary path{stroke:hsla(0,0%,100%,.7)}md-progress-circular.text-light-disabled path{stroke:hsla(0,0%,100%,.5)}md-progress-circular.selected-bg path{stroke:#f4fbfd}md-progress-circular.score path{stroke:#ffc107}md-progress-circular.body path{stroke:rgba(0,0,0,.87)}md-progress-circular.body-bg path{stroke:#eee}.l-constrained{margin-left:auto;margin-right:auto;max-width:100%;position:relative}@media (min-width:600px){.l-constrained{width:1280px}}@media (min-width:1920px){.l-constrained{width:1920px}}.l-constrained-md{max-width:100%;width:960px}.l-footer{background-color:#fff;border-top:1px solid #eee;bottom:0;left:0;position:fixed;right:0;z-index:1}.button--footer{display:flex;margin:0;min-width:0;padding-bottom:0;padding-top:0}.button--footer__element{padding-left:8px}.l-header{z-index:3}.l-header .logo{height:36px;margin-left:0!important;vertical-align:middle;width:36px}.l-header .logo-link{display:none;margin-right:12px;min-width:auto;padding:0 4px}@media only screen and (min-width:600px){.l-header .logo-link{display:block}}.l-header .logo-link:focus,.l-header .logo-link:hover{border:0}@media only screen and (max-width:599px){.l-header .md-toolbar-tools h1,.l-header .md-toolbar-tools h2,.l-header .md-toolbar-tools h3{font-size:15px}}.l-main{background-color:#eee}.l-main--with-toolbar{margin-top:42px}#content{transition:margin-top .5s}.view-content{left:0;margin:0 auto;padding:8px;position:absolute;right:0;transition:opacity .5s}@media only screen and (min-width:960px){.view-content{padding:16px}}.view-content.ng-enter{opacity:0}.view-content .ng-enter-active{opacity:1;transition-delay:.25s}.view-content.ng-hide,.view-content.ng-hide-add,.view-content.ng-hide-add-active,.view-content.ng-hide-remove,.view-content.ng-hide-remove-active,.view-content.ng-leave-active{opacity:0}.view-content--with-sidemenu{padding:8px}@media only screen and (min-width:600px){.view-content--with-sidemenu{margin-left:54px;padding:16px}[dir=rtl] .view-content--with-sidemenu{margin-left:auto;margin-right:54px}}.content-head{margin:8px 0}.content-head h1,.content-head h2,.content-head h3{font-size:36px;font-weight:300;margin-bottom:0;margin-top:0}@media only screen and (max-width:959px){.content-head h1,.content-head h2,.content-head h3{font-size:32px;text-align:center}.content-head__more{margin-top:8px}}.content-head__item,h2.content-head__item{margin:0 8px}.content-head__item .md-subhead,h2.content-head__item .md-subhead{padding-left:4px}@media only screen and (max-width:959px){.content-head__item .md-subhead,h2.content-head__item .md-subhead{display:block;padding-left:0}}.content-head__item md-icon,h2.content-head__item md-icon{vertical-align:text-bottom}.stepSelectMenuContainer md-select-menu,.stepSelectMenuContainer md-select-menu md-content{max-height:500px}.l-notebook{background-color:#eee!important;margin-top:42px}.l-sidebar__header{background-color:#fff!important;color:#795c3a!important}.l-sidebar__header md-select{color:rgba(0,0,0,.87)}.status-icon{margin:0 4px;vertical-align:bottom;z-index:1}.md-button.status-icon{height:auto;line-height:inherit;margin:0 4px;min-height:0;padding:0;width:auto}.avatar--icon--alert{background-color:#fff}.avatar--icon--alert__icon{font-size:48px;margin:-4px 0 0 -4px}md-dialog{width:600px}.dialog--wide{width:960px}.dialog--wider{width:1280px}.help-bubble{border-radius:4px;max-width:320px}@media (min-width:600px){.help-bubble{max-width:552px}}@media (min-width:960px){.help-bubble{max-width:912px}}@media (min-width:1280px){.help-bubble{max-width:1232px}}.help-bubble___title__content,.help-bubble__title{border-top-left-radius:4px;border-top-right-radius:4px}.help-bubble___title__content{background-color:#ef6c00;padding:0 0 0 12px}.help-bubble___title__content .md-icon-button{margin-right:0;padding-bottom:0;padding-top:0}.help-bubble__content{max-height:480px;overflow:auto;padding:8px 12px}.help-bubble__actions{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.input-container{padding-top:12px}.input-container--component{margin-bottom:0}.input-container--open-response.md-has-icon{padding-left:0}.input-container--open-response .md-errors-spacer{display:none}.input-wrapper{position:relative}.input-wrapper--focused .input--textarea__action md-icon{color:#1c8ca8}.input--textarea,.input-container textarea.input--textarea{background-color:#f7f7f7;border:1px solid #ccc;margin-bottom:8px;padding:8px}.input--textarea:focus,.input-container textarea.input--textarea:focus{background-color:#fff}.input--textarea[disabled],.input-container textarea.input--textarea[disabled]{color:rgba(0,0,0,.54)}.input-container textarea.input--textarea{width:100%}.input--textarea--disabled{color:rgba(0,0,0,.54)}.input--textarea__action{position:absolute;right:-4px}.input--textarea__action[disabled] md-icon{color:rgba(0,0,0,.26)!important}.input--textarea__action--notebook{top:6px}.input-wrapper--richtext .input--textarea__action--notebook{top:-7px}.input--textarea__action--revision{bottom:6px}.input-wrapper--richtext .input--textarea__action--revision{bottom:-5px}.input-label,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label{color:rgba(0,0,0,.87);line-height:1.2}.input-label.input-label--focused,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused{color:#1c8ca8}.autocomplete input{word-wrap:none;color:rgba(0,0,0,.54);font-weight:500;overflow:hidden;text-overflow:ellipsis}@media only screen and (min-width:600px){.autocomplete--minwidth{min-width:300px}}@media only screen and (min-width:960px){.autocomplete--minwidth{min-width:300px}}.autocomplete--flat md-autocomplete-wrap{background-color:#fff}.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing){background-color:#eee;box-shadow:none}.select__header{height:48px}.select__header input{border:0;font-size:14px;font-weight:500;height:100%;outline:none;padding:0 8px;width:100%}.table{margin:8px 0;max-width:100%;min-width:100px;width:auto}.table tbody>tr>td,.table tbody>tr>th,.table tfoot>tr>td,.table tfoot>tr>th,.table thead>tr>td,.table thead>tr>th{border:1px solid #ccc;font-size:15px;height:32px;min-height:32px;min-width:32px;padding:6px;vertical-align:top}.table td.inactive,.table th{background-color:#f7f7f7;opacity:1;visibility:visible}.table md-input-container{margin:0}.table .md-errors-spacer{display:none}.table--student td.inactive{padding:8px 10px}.table--full-width{width:100%}.table--list{background-color:#fff;border:0;border-collapse:collapse;max-width:100%;overflow:auto}.table--list td,.table--list th{border:0;padding:0 4px}.table--list td{height:56px;min-height:56px}.table--list tr.md-button{display:table-row;font-size:inherit;font-weight:400;text-align:left;text-transform:none;width:auto}.table--list__wrap{min-width:600px}@media only screen and (max-width:959px){.table-wrap-sticky{overflow-x:auto}}.table--list__thead{font-size:14px;font-weight:700}.table--list__thead__tr{height:100%;margin:0}.table--list__thead__th{background-color:#757575;color:#fff;height:42px;min-height:42px}.table--list__thead__link{color:#fff;line-height:1.4;margin:0;min-width:0;text-transform:none;white-space:normal;width:100%}.table--list__thead__sort{margin:0}.table--list__thead__sort--reverse{transform:rotate(180deg)}.td--wrap{line-height:1.2;min-width:180px;white-space:normal}@media only screen and (max-width:959px){.td--max-width{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.md-toolbar-tools{font-size:18px}.md-toolbar-tools .autocomplete,.md-toolbar-tools .autocomplete input,.md-toolbar-tools .autocomplete md-autocomplete-wrap{height:36px}.md-toolbar--wise{min-height:42px}.md-toolbar--wise .md-toolbar-tools{height:42px;max-height:42px}.md-toolbar--wise .md-button.md-icon-button{height:42px;line-height:42px;width:42px}.md-toolbar--wise--sm .md-toolbar-tools{font-size:15px;padding:0 8px}.md-toolbar--sidenav{background-color:#333!important}.md-toolbar--sidenav .md-toolbar-tools{font-size:16px;font-weight:500}.toolbar{left:0;position:fixed;right:0;top:52px;z-index:3}.toolbar__title{font-size:16px;font-weight:500;margin-left:8px}.md-button.toolbar__nav,.toolbar__nav{margin:0}.md-button.toolbar__select,.toolbar__select{background-color:#f7f7f7;margin:0 4px;min-height:32px}.md-button.toolbar__select .md-select-value,.toolbar__select .md-select-value{height:32px;text-align:left}[dir=rtl] .md-button.toolbar__select .md-select-value,[dir=rtl] .toolbar__select .md-select-value{text-align:right}.toolbar__select--fixedwidth{width:168px}@media only screen and (min-width:600px){.toolbar__select--fixedwidth{width:264px}}@media only screen and (min-width:960px){.toolbar__select--fixedwidth{width:432px}}.list-item{background-color:#fff;border-bottom:1px solid #eee}.list-item .md-subheader,.list-item.md-subheader{background-color:#fff;color:rgba(0,0,0,.87)}.list-item .md-subheader md-icon,.list-item.md-subheader md-icon{vertical-align:middle}.list-item .md-subheader .md-subheader-inner,.list-item.md-subheader .md-subheader-inner{padding:0}.list-item .md-subheader .md-avatar,.list-item.md-subheader .md-avatar{margin-right:8px}.list-item .autocomplete{margin:8px 0}.list-item--info .md-subheader-content,.list-item--info._md-button-wrap>div.md-button:first-child{border-left:4px solid #ef6c00!important;margin-left:-4px}.list-item--warn .md-subheader-content,.list-item--warn._md-button-wrap>div.md-button:first-child{border-left:4px solid #c62828!important;margin-left:-4px}.list-item--expanded{border-bottom-width:0}.list-item--noclick,.list-item--noclick.md-button{background-color:#f7f7f7;cursor:default}.list-item--actions{padding:0 8px!important}.list-item__subheader-button{line-height:1.4;margin:0;padding:8px 16px;text-align:left;text-transform:none;white-space:normal;width:100%}.user-list{font-size:15px}#nav{position:relative}.nav{margin-bottom:16px}.nav-mask{background-color:rgba(0,0,0,.25);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.nav-mask.ng-hide{opacity:0}.nav-head{color:rgba(0,0,0,.54);font-weight:500}.nav-head md-icon{line-height:20px}.nav-contents--root{padding:6px 6px 12px}.nav-contents--group{background-color:#ddd;padding:8px}.nav-contents--root,.nav-contents__list{padding:0}@media (min-width:600px){.nav-contents__list{padding:8px}}.nav-item{transition:opacity .25s ease-in-out}.nav-item.prev md-list-item{background-color:#f4fbfd}.nav-item--card__content{border-top-left-radius:4px;border-top-right-radius:4px}.nav-item--card__content:focus{outline:none}.nav-item--card__content:focus .nav-item__title>span{border-bottom:1px dashed #ccc}.nav-item--root{transition:margin .25s,box-shadow .5s}.nav-item--root.expanded{flex-basis:100%;margin:8px auto;max-height:none!important;max-width:100%}.nav-item--root.expanded:first-of-type{margin-top:0}.nav-item--list__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}.menu-progress{position:absolute;right:12px;top:10px}.menu-progress path{stroke:#cad266!important;stroke-width:2px}[dir=rtl] .menu-progress{left:12px;right:auto}.menu-sidenav__item{font-size:14px;font-weight:700}.menu-sidenav__icon{margin-left:12px;margin-right:12px!important;margin-top:12px!important}.active .menu-sidenav__icon,.active .menu-sidenav__item{color:#1c8ca8}.menu-sidebar{background-color:#fff;border-right:1px solid #ccc;bottom:0;left:0;overflow:hidden;padding:8px 0;position:absolute;text-align:center;top:94px;width:56px}@media only screen and (max-width:599px){.menu-sidebar{display:none}}[dir=rtl] .menu-sidebar{left:auto;right:0}.md-button.md-icon-button.menu-sidebar__link{margin-bottom:6px;margin-top:6px}.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%}}#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}}.node-content__actions .md-button:first-child{margin-left:0}.node-content__actions .md-button:last-child{margin-right:0}.node-content__actions__info{color:rgba(0,0,0,.54);font-style:italic;margin-left:8px}.node-content__actions__more{border-bottom:1px dotted}.md-button.md-icon-button.node-nav:first-of-type{margin-right:0}@media only screen and (min-width:600px){.node-sidebar-active{margin-right:68px}}@media only screen and (max-width:599px){.node-sidebar-visible{margin-bottom:42px}}.node-sidebar{position:absolute;right:0;top:0;width:52px}.node-sidebar__toolbar{background-color:#fff;border-radius:3px;padding:8px 0;position:fixed;width:52px}@media only screen and (max-width:599px){.node-sidebar__toolbar{border-radius:0;bottom:0;height:42px;left:0;min-height:0;padding:0;right:0;width:100%}}.node__label--vertical-alignment{display:inline-block;vertical-align:middle}notebook-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:12px;width:22px}.notification-count:before{border-bottom:4px solid transparent;border-left:6px solid hsla(0,0%,100%,.87);border-top:4px solid transparent;content:"";position:absolute;right:-7px;top:6px}.notification-list{padding:8px 0}.notification-dismiss{width:500px}.notification-dismiss__input{margin-bottom:0}md-list md-list-item .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source{color:rgba(0,0,0,.54);font-size:12px}md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon{font-size:18px;line-height:20px;margin-left:-4px;min-width:0;width:auto}.account-menu{border-radius:4px;font-size:15px;max-width:380px;padding:0}@media (min-width:1280px){.account-menu{min-width:380px!important}}.account-menu h3{font-weight:300;margin:0}.account-menu .mat-mdc-menu-content{padding:0}.account-menu--fixed-height{height:304px}.account-menu--fixed-width{width:320px}@media (min-width:960px){.account-menu--fixed-width{width:380px}}.account-menu__icon{background-color:#fff;border-radius:50%}.account-menu__caret{outline:none;position:absolute;right:28px;top:-8px}.account-menu__caret:before{border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent;content:"";position:absolute}.account-menu__caret--notification,.account-menu__caret--pause{right:80px}.account-menu__caret--notification--with-pause{right:132px}[dir=rtl] .account-menu__caret{left:28px;right:auto}[dir=rtl] .account-menu__caret--notification,[dir=rtl] .account-menu__caret--pause{left:80px;right:auto}[dir=rtl] .account-menu__caret--notification--with-pause{left:132px;right:auto}.account-menu__info{padding:8px 12px}.account-menu__info__title{font-weight:500}.account-menu__info__team{color:rgba(0,0,0,.54);font-weight:400}.account-menu__users,.account-menu__users md-list-item{padding:0}.account-menu__users md-list-item .md-avatar{height:48px;margin:0 8px 0 0;width:48px}.account-menu__actions{background-color:#f7f7f7}.account-menu__control{padding:16px}.annotations{font-size:15px;margin:16px 4px 16px 62px;position:relative}.annotations hr{border-color:rgba(0,0,0,.12);margin:10px 0 8px}.annotations:after{border-bottom:20px solid transparent;border-right:16px solid #757575;border-top:20px solid transparent;bottom:auto;content:"";height:0;left:-15px;position:absolute;right:auto;top:-1px;width:0}.annotations-container--student--report{border-top:1px solid #ddd}.annotations--report{margin-bottom:0;margin-top:0}.annotations__header{background-color:#757575;border-top-right-radius:4px;color:#fff;font-weight:700;padding:10px 12px;position:relative;transition:all 1s}.annotations__avatar{background-color:#f05843;left:-62px;padding:2px;position:absolute;top:0}.annotations__icon{color:#fff;transition:all 1s}.annotations__body{background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:auto;padding:12px}.annotations__status{background-color:#fff;color:#ef6c00;display:inline-block;font-size:12px;margin-left:8px}.annotations__status.ng-enter,.annotations__status.ng-leave{transition:all 1s}.annotations__status.ng-enter,.annotations__status.ng-leave.ng-leave-active{opacity:0}.annotations__status.ng-enter.ng-enter-active,.annotations__status.ng-leave{opacity:1}.annotations__score{font-weight:700}.annotations__info{border-bottom:1px dotted;font-size:13px;font-style:italic;opacity:.8}.annotations--inside .annotations{margin-left:72px}.annotations--info{margin-bottom:32px;margin-left:72px;margin-right:8px}@media only screen and (min-width:600px){.annotations--info{margin:16px 16px 32px 76px}}.annotations--info:after{border-right:16px solid #ef6c00}.annotations--info .annotations__avatar{background-color:#fff}.annotations--info .annotations__header{background-color:#ef6c00}.component{position:relative}.component__wrapper{margin:24px 0;padding:0 24px}.component__content{font-size:15px;overflow-x:auto;overflow-y:hidden}@media only screen and (min-width:600px){.component__content{padding:0 8px}}h3.component__header{font-size:14px;margin:0;padding:8px 12px}.component__rubric{left:-20px;position:absolute;top:12px}.notebook-enabled .component_content img{cursor:pointer;cursor:copy;transition:all .25s}.notebook-enabled .component_content img:focus,.notebook-enabled .component_content img:hover{box-shadow:0 0 5px 1px #f05843}.component__actions .md-button:first-child{margin-left:0}.component__actions .md-button:last-child{margin-right:0}.component__actions__info{color:rgba(0,0,0,.54);font-style:italic;font-weight:400;margin-left:8px}.component__actions__more{border-bottom:1px dotted}.component__prompt{font-weight:500;margin-bottom:8px}.component__prompt__content{display:inline}.component__attachment{margin:0 8px;padding-bottom:8px;position:relative}@media only screen and (min-width:600px){.component__attachment{padding-top:8px}}@media only screen and (max-width:599px){.component__add-attachment{width:100%}}.component__attachment__content{max-height:100px;width:auto}.component__attachment__delete{background-color:hsla(0,0%,100%,.75)!important;border-radius:0;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}.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}.graph-select{max-width:200px;min-width:150px}.graph-controls{border-color:#eee;border-style:solid;border-width:1px 0;margin:8px 0;padding:8px 0}.outside-content iframe{border:1px solid #eee}.outside-content__source{margin-top:4px;text-align:end}.outside-content__source a{display:inline-block;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notebook-toolbar md-divider{margin:8px 0}@media only screen and (max-width:959px){.notebook-toolbar{border-top:1px solid #ddd}}.notebook-toolbar__add-menu{bottom:40px;position:absolute}.notebook-toolbar__add-menu .md-fab-action-item{background-color:#fff}.notebook-toolbar__add-icon{border-radius:50%}#closeNotebookSettingsButton{float:right}[dir=rtl] #closeNotebookSettingsButton{float:left}highchart{display:block} /*# sourceMappingURL=vle.css.map */ diff --git a/src/assets/wise5/themes/default/style/vle.css.map b/src/assets/wise5/themes/default/style/vle.css.map index 3794abf9de4..1a67841a0a3 100644 --- a/src/assets/wise5/themes/default/style/vle.css.map +++ b/src/assets/wise5/themes/default/style/vle.css.map @@ -1 +1 @@ -{"version":3,"sources":["src/assets/wise5/themes/default/style/base/_presets.scss","src/assets/wise5/themes/default/style/vle.css","src/assets/wise5/themes/default/style/base/_config.scss","src/assets/wise5/themes/default/style/layouts/_l-default.scss","src/assets/wise5/themes/default/style/layouts/_l-footer.scss","src/assets/wise5/themes/default/style/layouts/_l-header.scss","src/assets/wise5/themes/default/style/layouts/_l-main.scss","src/assets/wise5/themes/default/style/layouts/_l-notebook.scss","src/assets/wise5/themes/default/style/layouts/_l-sidebar.scss","src/assets/wise5/themes/default/style/modules/_alerts.scss","src/assets/wise5/themes/default/style/modules/_dialog.scss","src/assets/wise5/themes/default/style/modules/_help.scss","src/assets/wise5/themes/default/style/modules/_inputs.scss","src/assets/wise5/themes/default/style/modules/_table.scss","src/assets/wise5/themes/default/style/modules/_toolbar.scss","src/assets/wise5/themes/default/style/material/_config.scss","src/assets/wise5/themes/default/style/modules/_list.scss","src/assets/wise5/themes/default/style/modules/_nav.scss","src/assets/wise5/themes/default/style/modules/_menu.scss","src/assets/wise5/themes/default/style/modules/_notice.scss","src/assets/wise5/themes/default/style/modules/_node.scss","src/assets/wise5/themes/default/style/modules/_notebook.scss","src/assets/wise5/themes/default/style/modules/_notifications.scss","src/assets/wise5/themes/default/style/modules/_account-menu.scss","src/assets/wise5/themes/default/style/modules/_annotations.scss","src/assets/wise5/themes/default/style/modules/_component.scss","src/assets/wise5/themes/default/style/modules/_component--discussion.scss","src/assets/wise5/themes/default/style/modules/_component--embedded.scss","src/assets/wise5/themes/default/style/modules/_component--graph.scss","src/assets/wise5/themes/default/style/modules/_component--outside.scss","src/assets/wise5/themes/default/style/modules/_notebook-toolbar.scss","src/assets/wise5/themes/default/style/modules/_highcharts.scss"],"names":[],"mappings":"AAIA,KACE,eCAF,CDEE,SACI,eCAN,CDKI,gBACI,aCFR,CDMA,WACE,wBAAA,CAKA,oBAAA,CAAA,sBAAA,CAHA,aAAA,CADA,WCCF,CDOI,qBAKI,wBAAA,CAFA,iBAAA,CAFA,UAAA,CAGA,WAAA,CAFA,iBCDR,CDSI,kCAEI,QAAA,CADA,QCLR,CDWA,OAMI,qBAAA,CALA,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":"vle.css","sourcesContent":["// Config\n$avatar-icon-padding: 6px !default;\n$avatar-icon-padding-lg: 8px !default;\n\nbody {\n background: color('body-bg');\n\n &.vle {\n overflow: hidden;\n }\n}\n\na {\n &:hover, &:focus { // TODO: remove when bootstrap css dependency is removed\n color: color('primary');\n }\n}\n\nblockquote {\n background-color: lighten(color('primary'), 56%);\n padding: 8px;\n margin: 16px 0;\n border-style: solid;\n border-color: color('primary');\n border-width: 0 0 0 3px;\n}\n\n.has-indicator {\n &:after {\n content: '';\n position: absolute;\n border-radius: 50%;\n padding: 5px;\n background-color: color('accent');\n }\n}\n\n.has-indicator--icon-button {\n &:after {\n top: 25px;\n left: 5px;\n }\n}\n\n// Badges\n.badge {\n border-radius: $card-border-radius;\n padding: 2px 6px;\n font-size: rem(1.2);\n font-weight: 500;\n font-style: normal;\n background-color: color('gray-dark');\n\n &.md-button {\n min-width: 0;\n min-height: 0;\n line-height: inherit;\n\n &:hover, &:focus {\n background-color: color('gray-dark');\n }\n\n &:focus {\n outline: 1px dotted color('gray-dark');\n }\n }\n}\n\n.badge--info {\n background-color: color('info');\n color: #ffffff;\n}\n\n.badge--warn {\n background-color: color('warn');\n color: #ffffff;\n}\n\n.badge--success {\n background-color: color('success');\n color: #ffffff;\n}\n\n// Dividers\n.divider--withmargin {\n margin: 16px 0;\n}\n\n.divider--dashed {\n border-top-style: dashed;\n}\n\n// Links\na {\n color: color('primary');\n cursor: pointer;\n}\n\n.active {\n background-color: rgba(158,158,158,0.2);\n color: color('text');\n}\n\n// Images & Icons\n.avatar {\n border-radius: 50%;\n box-sizing: content-box;\n}\n\n.avatar--square {\n border-radius: $card-border-radius;\n}\n\n// Rules for sizing avatars (matches material icons plus avatar-icon padding)\n.avatar {\n &.md-18 {\n height: 18px + $avatar-icon-padding*2;\n width: 18px + $avatar-icon-padding*2;\n }\n &.md-24 {\n height: 24px + $avatar-icon-padding*2;\n width: 24px + $avatar-icon-padding*2;\n }\n &.md-36 {\n height: 36px + $avatar-icon-padding*2;\n width: 36px + $avatar-icon-padding*2;\n }\n &.md-48 {\n height: 48px + $avatar-icon-padding*2;\n width: 48px + $avatar-icon-padding*2;\n }\n}\n\n// Rules for sizing avatar backgrounds (when using a child md-icon)\n.avatar--icon {\n background-color: color('gray-light');\n white-space: normal !important;\n\n &:not(.md-avatar) {\n padding: $avatar-icon-padding;\n }\n\n &.md-18 {\n height: 18px;\n width: 18px;\n }\n &.md-24 {\n height: 24px;\n width: 24px;\n }\n &.md-36 {\n height: 36px;\n width: 36px;\n }\n &.md-48 {\n height: 48px;\n width: 48px;\n }\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) {\n md-icon {\n color: color('text-secondary');\n }\n\n .md-button:disabled {\n md-icon {\n color: color('text-disabled');\n }\n }\n}\n\n// hacks for now\nmd-icon, .md-button:not([disabled]) {\n &.primary {\n color: color('primary') !important;\n }\n &.success {\n color: color('success') !important;\n }\n &.warn {\n color: color('warn') !important;\n }\n &.info {\n color: color('info') !important;\n }\n &.accent {\n color: color('accent') !important;\n }\n &.accent-1 {\n color: color('accent-1') !important;\n }\n &.accent-2 {\n color: color('accent-2') !important;\n }\n}\n\n// Theme overrides\nmd-input-container.md-wise-theme label {\n color: color('text');\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n background-color: color('selected-bg');\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n color: color('primary');\n background-color: color('selected-bg');\n}\n\n// Color\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n .#{$key} {\n color: $value;\n }\n}\n\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n .#{$key}-bg {\n background-color: $value;\n }\n}\n\n// Set theme colors for angular-ui elements\n@each $key, $value in $colors {\n md-progress-circular.#{$key} {\n path {\n stroke: $value;\n }\n }\n}\n","/*\n WISE Project Styles\n */\nbody {\n background: #eeeeee;\n}\nbody.vle {\n overflow: hidden;\n}\n\na:hover, a:focus {\n color: #1C8CA8;\n}\n\nblockquote {\n background-color: #e7f7fb;\n padding: 8px;\n margin: 16px 0;\n border-style: solid;\n border-color: #1C8CA8;\n border-width: 0 0 0 3px;\n}\n\n.has-indicator:after {\n content: \"\";\n position: absolute;\n border-radius: 50%;\n padding: 5px;\n background-color: #F05843;\n}\n\n.has-indicator--icon-button:after {\n top: 25px;\n left: 5px;\n}\n\n.badge {\n border-radius: 4px;\n padding: 2px 6px;\n font-size: 12px;\n font-weight: 500;\n font-style: normal;\n background-color: #aaaaaa;\n}\n.badge.md-button {\n min-width: 0;\n min-height: 0;\n line-height: inherit;\n}\n.badge.md-button:hover, .badge.md-button:focus {\n background-color: #aaaaaa;\n}\n.badge.md-button:focus {\n outline: 1px dotted #aaaaaa;\n}\n\n.badge--info {\n background-color: #ef6c00;\n color: #ffffff;\n}\n\n.badge--warn {\n background-color: #c62828;\n color: #ffffff;\n}\n\n.badge--success {\n background-color: #00C853;\n color: #ffffff;\n}\n\n.divider--withmargin {\n margin: 16px 0;\n}\n\n.divider--dashed {\n border-top-style: dashed;\n}\n\na {\n color: #1C8CA8;\n cursor: pointer;\n}\n\n.active {\n background-color: rgba(158, 158, 158, 0.2);\n color: rgba(0, 0, 0, 0.87);\n}\n\n.avatar {\n border-radius: 50%;\n box-sizing: content-box;\n}\n\n.avatar--square {\n border-radius: 4px;\n}\n\n.avatar.md-18 {\n height: 30px;\n width: 30px;\n}\n.avatar.md-24 {\n height: 36px;\n width: 36px;\n}\n.avatar.md-36 {\n height: 48px;\n width: 48px;\n}\n.avatar.md-48 {\n height: 60px;\n width: 60px;\n}\n\n.avatar--icon {\n background-color: #dddddd;\n white-space: normal !important;\n}\n.avatar--icon:not(.md-avatar) {\n padding: 6px;\n}\n.avatar--icon.md-18 {\n height: 18px;\n width: 18px;\n}\n.avatar--icon.md-24 {\n height: 24px;\n width: 24px;\n}\n.avatar--icon.md-36 {\n height: 36px;\n width: 36px;\n}\n.avatar--icon.md-48 {\n height: 48px;\n width: 48px;\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon {\n color: rgba(0, 0, 0, 0.54);\n}\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon {\n color: rgba(0, 0, 0, 0.26);\n}\n\nmd-icon.primary, .md-button:not([disabled]).primary {\n color: #1C8CA8 !important;\n}\nmd-icon.success, .md-button:not([disabled]).success {\n color: #00C853 !important;\n}\nmd-icon.warn, .md-button:not([disabled]).warn {\n color: #c62828 !important;\n}\nmd-icon.info, .md-button:not([disabled]).info {\n color: #ef6c00 !important;\n}\nmd-icon.accent, .md-button:not([disabled]).accent {\n color: #F05843 !important;\n}\nmd-icon.accent-1, .md-button:not([disabled]).accent-1 {\n color: #795C3A !important;\n}\nmd-icon.accent-2, .md-button:not([disabled]).accent-2 {\n color: #CAD266 !important;\n}\n\nmd-input-container.md-wise-theme label {\n color: rgba(0, 0, 0, 0.87);\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n background-color: #f4fbfd;\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n color: #1C8CA8;\n background-color: #f4fbfd;\n}\n\n.primary {\n color: #1C8CA8;\n}\n\n.accent {\n color: #F05843;\n}\n\n.accent-1 {\n color: #795C3A;\n}\n\n.accent-2 {\n color: #CAD266;\n}\n\n.warn {\n color: #c62828;\n}\n\n.info {\n color: #ef6c00;\n}\n\n.success {\n color: #00C853;\n}\n\n.divider {\n color: rgba(0, 0, 0, 0.12);\n}\n\n.gray-lightest {\n color: #f7f7f7;\n}\n\n.gray-lighter {\n color: #eeeeee;\n}\n\n.gray-light {\n color: #dddddd;\n}\n\n.gray {\n color: #cccccc;\n}\n\n.gray-dark {\n color: #aaaaaa;\n}\n\n.gray-darker {\n color: #757575;\n}\n\n.gray-darkest {\n color: #333333;\n}\n\n.text {\n color: rgba(0, 0, 0, 0.87);\n}\n\n.text-secondary {\n color: rgba(0, 0, 0, 0.54);\n}\n\n.text-disabled {\n color: rgba(0, 0, 0, 0.26);\n}\n\n.text-light {\n color: rgb(255, 255, 255);\n}\n\n.text-light-secondary {\n color: rgba(255, 255, 255, 0.7);\n}\n\n.text-light-disabled {\n color: rgba(255, 255, 255, 0.5);\n}\n\n.selected-bg {\n color: #f4fbfd;\n}\n\n.score {\n color: #FFC107;\n}\n\n.body {\n color: rgba(0, 0, 0, 0.87);\n}\n\n.body-bg {\n color: #eeeeee;\n}\n\n.primary-bg {\n background-color: #1C8CA8;\n}\n\n.accent-bg {\n background-color: #F05843;\n}\n\n.accent-1-bg {\n background-color: #795C3A;\n}\n\n.accent-2-bg {\n background-color: #CAD266;\n}\n\n.warn-bg {\n background-color: #c62828;\n}\n\n.info-bg {\n background-color: #ef6c00;\n}\n\n.success-bg {\n background-color: #00C853;\n}\n\n.divider-bg {\n background-color: rgba(0, 0, 0, 0.12);\n}\n\n.gray-lightest-bg {\n background-color: #f7f7f7;\n}\n\n.gray-lighter-bg {\n background-color: #eeeeee;\n}\n\n.gray-light-bg {\n background-color: #dddddd;\n}\n\n.gray-bg {\n background-color: #cccccc;\n}\n\n.gray-dark-bg {\n background-color: #aaaaaa;\n}\n\n.gray-darker-bg {\n background-color: #757575;\n}\n\n.gray-darkest-bg {\n background-color: #333333;\n}\n\n.text-bg {\n background-color: rgba(0, 0, 0, 0.87);\n}\n\n.text-secondary-bg {\n background-color: rgba(0, 0, 0, 0.54);\n}\n\n.text-disabled-bg {\n background-color: rgba(0, 0, 0, 0.26);\n}\n\n.text-light-bg {\n background-color: rgb(255, 255, 255);\n}\n\n.text-light-secondary-bg {\n background-color: rgba(255, 255, 255, 0.7);\n}\n\n.text-light-disabled-bg {\n background-color: rgba(255, 255, 255, 0.5);\n}\n\n.selected-bg-bg {\n background-color: #f4fbfd;\n}\n\n.score-bg {\n background-color: #FFC107;\n}\n\n.body-bg {\n background-color: rgba(0, 0, 0, 0.87);\n}\n\n.body-bg-bg {\n background-color: #eeeeee;\n}\n\nmd-progress-circular.primary path {\n stroke: #1C8CA8;\n}\n\nmd-progress-circular.accent path {\n stroke: #F05843;\n}\n\nmd-progress-circular.accent-1 path {\n stroke: #795C3A;\n}\n\nmd-progress-circular.accent-2 path {\n stroke: #CAD266;\n}\n\nmd-progress-circular.warn path {\n stroke: #c62828;\n}\n\nmd-progress-circular.info path {\n stroke: #ef6c00;\n}\n\nmd-progress-circular.success path {\n stroke: #00C853;\n}\n\nmd-progress-circular.divider path {\n stroke: rgba(0, 0, 0, 0.12);\n}\n\nmd-progress-circular.gray-lightest path {\n stroke: #f7f7f7;\n}\n\nmd-progress-circular.gray-lighter path {\n stroke: #eeeeee;\n}\n\nmd-progress-circular.gray-light path {\n stroke: #dddddd;\n}\n\nmd-progress-circular.gray path {\n stroke: #cccccc;\n}\n\nmd-progress-circular.gray-dark path {\n stroke: #aaaaaa;\n}\n\nmd-progress-circular.gray-darker path {\n stroke: #757575;\n}\n\nmd-progress-circular.gray-darkest path {\n stroke: #333333;\n}\n\nmd-progress-circular.text path {\n stroke: rgba(0, 0, 0, 0.87);\n}\n\nmd-progress-circular.text-secondary path {\n stroke: rgba(0, 0, 0, 0.54);\n}\n\nmd-progress-circular.text-disabled path {\n stroke: rgba(0, 0, 0, 0.26);\n}\n\nmd-progress-circular.text-light path {\n stroke: rgb(255, 255, 255);\n}\n\nmd-progress-circular.text-light-secondary path {\n stroke: rgba(255, 255, 255, 0.7);\n}\n\nmd-progress-circular.text-light-disabled path {\n stroke: rgba(255, 255, 255, 0.5);\n}\n\nmd-progress-circular.selected-bg path {\n stroke: #f4fbfd;\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-notebook {\n margin-top: 42px;\n background-color: #eeeeee !important;\n}\n\n.l-sidebar__header {\n background-color: #ffffff !important;\n color: #795C3A !important;\n}\n.l-sidebar__header md-select {\n color: rgba(0, 0, 0, 0.87);\n}\n\n.status-icon {\n margin: 0 4px;\n z-index: 1;\n vertical-align: bottom;\n}\n\n.md-button.status-icon {\n height: auto;\n width: auto;\n min-height: 0;\n line-height: inherit;\n margin: 0 4px;\n padding: 0;\n}\n\n.avatar--icon--alert {\n background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n font-size: 48px;\n margin: -4px 0 0 -4px;\n}\n\nmd-dialog {\n width: 600px;\n}\n\n.dialog--wide {\n width: 960px;\n}\n\n.dialog--wider {\n width: 1280px;\n}\n\n.help-bubble {\n border-radius: 4px;\n max-width: 320px;\n}\n@media (min-width: 600px) {\n .help-bubble {\n max-width: 552px;\n }\n}\n@media (min-width: 960px) {\n .help-bubble {\n max-width: 912px;\n }\n}\n@media (min-width: 1280px) {\n .help-bubble {\n max-width: 1232px;\n }\n}\n\n.help-bubble__title {\n border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n}\n\n.help-bubble___title__content {\n border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n padding: 0px 0 0 12px;\n background-color: #ef6c00;\n}\n.help-bubble___title__content .md-icon-button {\n margin-right: 0;\n padding-top: 0;\n padding-bottom: 0;\n}\n\n.help-bubble__content {\n overflow: auto;\n padding: 8px 12px;\n max-height: 480px;\n}\n\n.help-bubble__actions {\n border-bottom-left-radius: 4px;\n border-bottom-right-radius: 4px;\n}\n\n.input-container {\n padding-top: 12px;\n}\n\n.input-container--component {\n margin-bottom: 0;\n}\n\n.input-container--open-response.md-has-icon {\n padding-left: 0;\n}\n.input-container--open-response .md-errors-spacer {\n display: none;\n}\n\n.input-wrapper {\n position: relative;\n}\n\n.input-wrapper--focused .input--textarea__action md-icon {\n color: #1C8CA8;\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n padding: 8px;\n background-color: #f7f7f7;\n border: 1px solid #cccccc;\n margin-bottom: 8px;\n}\n.input--textarea:focus, .input-container textarea.input--textarea:focus {\n background-color: #ffffff;\n}\n.input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n color: rgba(0, 0, 0, 0.54);\n}\n\n.input-container textarea.input--textarea {\n width: 100%;\n}\n\n.input--textarea--disabled {\n color: rgba(0, 0, 0, 0.54);\n}\n\n.input--textarea__action {\n position: absolute;\n right: -4px;\n}\n.input--textarea__action[disabled] md-icon {\n color: rgba(0, 0, 0, 0.26) !important;\n}\n\n.input--textarea__action--notebook {\n top: 6px;\n}\n.input-wrapper--richtext .input--textarea__action--notebook {\n top: -7px;\n}\n\n.input--textarea__action--revision {\n bottom: 6px;\n}\n.input-wrapper--richtext .input--textarea__action--revision {\n bottom: -5px;\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n line-height: 1.2;\n color: rgba(0, 0, 0, 0.87);\n}\n.input-label.input-label--focused, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused {\n color: #1C8CA8;\n}\n\n.autocomplete input {\n text-overflow: ellipsis;\n overflow: hidden;\n word-wrap: none;\n font-weight: 500;\n color: rgba(0, 0, 0, 0.54);\n}\n\n@media only screen and (min-width: 600px) {\n .autocomplete--minwidth {\n min-width: 300px;\n }\n}\n@media only screen and (min-width: 960px) {\n .autocomplete--minwidth {\n min-width: 300px;\n }\n}\n\n.autocomplete--flat md-autocomplete-wrap {\n background-color: #ffffff;\n}\n.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n box-shadow: none;\n background-color: #eeeeee;\n}\n\n.select__header {\n height: 48px;\n}\n.select__header input {\n height: 100%;\n width: 100%;\n padding: 0 8px;\n outline: none;\n border: 0 none;\n font-size: 14px;\n font-weight: 500;\n}\n\n.table {\n max-width: 100%;\n width: auto;\n min-width: 100px;\n margin: 8px 0;\n}\n.table thead > tr > th,\n.table thead > tr > td,\n.table tbody > tr > th,\n.table tbody > tr > td,\n.table tfoot > tr > th,\n.table tfoot > tr > td {\n border: 1px solid #cccccc;\n padding: 6px;\n font-size: 15px;\n min-height: 32px;\n height: 32px;\n min-width: 32px;\n vertical-align: top;\n}\n.table td.inactive,\n.table th {\n background-color: #f7f7f7;\n opacity: 1;\n visibility: visible;\n}\n.table md-input-container {\n margin: 0;\n}\n.table .md-errors-spacer {\n display: none;\n}\n\n.table--student td.inactive {\n padding: 8px 10px;\n}\n\n.table--full-width {\n width: 100%;\n}\n\n.table--list {\n border: 0 none;\n border-collapse: collapse;\n background-color: #ffffff;\n max-width: 100%;\n overflow: auto;\n}\n.table--list th,\n.table--list td {\n padding: 0 4px;\n border: 0 none;\n}\n.table--list td {\n min-height: 56px;\n height: 56px;\n}\n.table--list tr.md-button {\n display: table-row;\n text-align: left;\n width: auto;\n text-transform: none;\n font-size: inherit;\n font-weight: normal;\n}\n\n.table--list__wrap {\n min-width: 600px;\n}\n\n@media only screen and (max-width: 959px) {\n .table-wrap-sticky {\n overflow-x: auto;\n }\n}\n\n.table--list__thead {\n font-size: 14px;\n font-weight: 700;\n}\n\n.table--list__thead__tr {\n height: 100%;\n margin: 0;\n}\n\n.table--list__thead__th {\n background-color: #757575;\n color: rgb(255, 255, 255);\n min-height: 42px;\n height: 42px;\n}\n\n.table--list__thead__link {\n color: #ffffff;\n text-transform: none;\n margin: 0;\n min-width: 0;\n white-space: normal;\n line-height: 1.4;\n width: 100%;\n}\n\n.table--list__thead__sort {\n margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n transform: rotate(180deg);\n}\n\n.td--wrap {\n min-width: 180px;\n white-space: normal;\n line-height: 1.2;\n}\n\n@media only screen and (max-width: 959px) {\n .td--max-width {\n max-width: 180px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n}\n\n.md-toolbar-tools {\n font-size: 18px;\n}\n.md-toolbar-tools .autocomplete {\n height: 36px;\n}\n.md-toolbar-tools .autocomplete md-autocomplete-wrap {\n height: 36px;\n}\n.md-toolbar-tools .autocomplete input {\n height: 36px;\n}\n\n.md-toolbar--wise {\n min-height: 42px;\n}\n.md-toolbar--wise .md-toolbar-tools {\n height: 42px;\n max-height: 42px;\n}\n.md-toolbar--wise .md-button.md-icon-button {\n height: 42px;\n line-height: 42px;\n width: 42px;\n}\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n padding: 0 8px;\n font-size: 15px;\n}\n\n.md-toolbar--sidenav {\n background-color: #333333 !important;\n}\n.md-toolbar--sidenav .md-toolbar-tools {\n font-size: 16px;\n font-weight: 500;\n}\n\n.toolbar {\n position: fixed;\n left: 0;\n right: 0;\n top: 52px;\n z-index: 3;\n}\n\n.toolbar__title {\n margin-left: 8px;\n font-size: 16px;\n font-weight: 500;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n margin: 0 4px;\n min-height: 32px;\n background-color: #f7f7f7;\n}\n.toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n height: 32px;\n text-align: left;\n}\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n text-align: right;\n}\n\n.toolbar__select--fixedwidth {\n width: 168px;\n}\n@media only screen and (min-width: 600px) {\n .toolbar__select--fixedwidth {\n width: 264px;\n }\n}\n@media only screen and (min-width: 960px) {\n .toolbar__select--fixedwidth {\n width: 432px;\n }\n}\n\n.list-item {\n background-color: #ffffff;\n border-bottom: 1px solid #eeeeee;\n}\n.list-item .md-subheader, .list-item.md-subheader {\n color: rgba(0, 0, 0, 0.87);\n background-color: #ffffff;\n}\n.list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n vertical-align: middle;\n}\n.list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n padding: 0;\n}\n.list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n margin-right: 8px;\n}\n.list-item .autocomplete {\n margin: 8px 0;\n}\n\n.list-item--info._md-button-wrap > div.md-button:first-child, .list-item--info .md-subheader-content {\n border-left: 4px solid #ef6c00 !important;\n margin-left: -4px;\n}\n\n.list-item--warn._md-button-wrap > div.md-button:first-child, .list-item--warn .md-subheader-content {\n border-left: 4px solid #c62828 !important;\n margin-left: -4px;\n}\n\n.list-item--expanded {\n border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n cursor: default;\n background-color: #f7f7f7;\n}\n\n.list-item--actions {\n padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n text-transform: none;\n width: 100%;\n padding: 8px 16px;\n margin: 0;\n white-space: normal;\n text-align: left;\n line-height: 1.4;\n}\n\n.user-list {\n font-size: 15px;\n}\n\n#nav {\n position: relative;\n}\n\n.nav {\n margin-bottom: 16px;\n}\n\n.nav-mask {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background-color: rgba(0, 0, 0, 0.25);\n z-index: 1;\n}\n.nav-mask.ng-hide {\n opacity: 0;\n}\n\n.nav-head {\n color: rgba(0, 0, 0, 0.54);\n font-weight: 500;\n}\n.nav-head md-icon {\n line-height: 20px;\n}\n\n.nav-contents--root {\n padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n background-color: #dddddd;\n padding: 8px;\n}\n\n.nav-contents--root {\n padding: 0;\n}\n\n.nav-contents__list {\n padding: 0;\n}\n@media (min-width: 600px) {\n .nav-contents__list {\n padding: 8px;\n }\n}\n\n.nav-item {\n transition: opacity 250ms ease-in-out;\n}\n.nav-item.prev md-list-item {\n background-color: #f4fbfd;\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.menu-progress {\n position: absolute;\n top: 10px;\n right: 12px;\n}\n.menu-progress path {\n stroke: #CAD266 !important;\n stroke-width: 2px;\n}\n\n[dir=rtl] .menu-progress {\n right: auto;\n left: 12px;\n}\n\n.menu-sidenav__item {\n font-weight: 700;\n font-size: 14px;\n}\n\n.menu-sidenav__icon {\n margin-top: 12px !important;\n margin-right: 12px !important;\n margin-left: 12px;\n}\n\n.active .menu-sidenav__icon, .active .menu-sidenav__item {\n color: #1C8CA8;\n}\n\n.menu-sidebar {\n position: absolute;\n top: 94px;\n bottom: 0;\n left: 0;\n background-color: #fff;\n width: 56px;\n overflow: hidden;\n padding: 8px 0;\n text-align: center;\n border-right: 1px solid #cccccc;\n}\n@media only screen and (max-width: 599px) {\n .menu-sidebar {\n display: none;\n }\n}\n\n[dir=rtl] .menu-sidebar {\n right: 0;\n left: auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n margin-top: 6px;\n margin-bottom: 6px;\n}\n\n.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#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.node-content__actions .md-button:first-child {\n margin-left: 0;\n}\n.node-content__actions .md-button:last-child {\n margin-right: 0;\n}\n\n.node-content__actions__info {\n font-style: italic;\n margin-left: 8px;\n color: rgba(0, 0, 0, 0.54);\n}\n\n.node-content__actions__more {\n border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav:first-of-type {\n margin-right: 0;\n}\n\n@media only screen and (min-width: 600px) {\n .node-sidebar-active {\n margin-right: 68px;\n }\n}\n\n@media only screen and (max-width: 599px) {\n .node-sidebar-visible {\n margin-bottom: 42px;\n }\n}\n\n.node-sidebar {\n position: absolute;\n right: 0;\n top: 0;\n width: 52px;\n}\n\n.node-sidebar__toolbar {\n position: fixed;\n width: 52px;\n background-color: #ffffff;\n padding: 8px 0;\n border-radius: 3px;\n}\n@media only screen and (max-width: 599px) {\n .node-sidebar__toolbar {\n right: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n border-radius: 0;\n padding: 0;\n min-height: 0;\n height: 42px;\n }\n}\n\n.node__label--vertical-alignment {\n vertical-align: middle;\n display: inline-block;\n}\n\nnotebook-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: 12px;\n left: -18px;\n height: 22px;\n line-height: 22px;\n font-size: 12px;\n font-weight: 700;\n border: 2px solid;\n}\n.notification-count:before {\n content: \"\";\n position: absolute;\n right: -7px;\n top: 6px;\n border-left: 6px solid rgba(255, 255, 255, 0.87);\n border-top: 4px solid transparent;\n border-bottom: 4px solid transparent;\n}\n\n.notification-list {\n padding: 8px 0;\n}\n\n.notification-dismiss {\n width: 500px;\n}\n\n.notification-dismiss__input {\n margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source {\n color: rgba(0, 0, 0, 0.54);\n font-size: 12px;\n}\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon {\n font-size: 18px;\n min-width: 0;\n width: auto;\n margin-left: -4px;\n line-height: 20px;\n}\n\n.account-menu {\n border-radius: 4px;\n padding: 0;\n font-size: 15px;\n max-width: 380px;\n}\n@media (min-width: 1280px) {\n .account-menu {\n min-width: 380px !important;\n }\n}\n.account-menu h3 {\n margin: 0;\n font-weight: 300;\n}\n.account-menu .mat-mdc-menu-content {\n padding: 0;\n}\n\n.account-menu--fixed-height {\n height: 304px;\n}\n\n.account-menu--fixed-width {\n width: 320px;\n}\n@media (min-width: 960px) {\n .account-menu--fixed-width {\n width: 380px;\n }\n}\n\n.account-menu__icon {\n background-color: rgb(255, 255, 255);\n border-radius: 50%;\n}\n\n.account-menu__caret {\n position: absolute;\n right: 28px;\n top: -8px;\n outline: none;\n}\n.account-menu__caret:before {\n content: \"\";\n position: absolute;\n border-bottom: 8px solid #fff;\n border-left: 8px solid transparent;\n border-right: 8px solid transparent;\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n right: 132px;\n}\n\n[dir=rtl] .account-menu__caret {\n right: auto;\n left: 28px;\n}\n[dir=rtl] .account-menu__caret--pause, [dir=rtl] .account-menu__caret--notification {\n left: 80px;\n right: auto;\n}\n[dir=rtl] .account-menu__caret--notification--with-pause {\n left: 132px;\n right: auto;\n}\n\n.account-menu__info {\n padding: 8px 12px;\n}\n\n.account-menu__info__title {\n font-weight: 500;\n}\n\n.account-menu__info__team {\n font-weight: 400;\n color: rgba(0, 0, 0, 0.54);\n}\n\n.account-menu__users {\n padding: 0;\n}\n.account-menu__users md-list-item {\n padding: 0;\n}\n.account-menu__users md-list-item .md-avatar {\n margin: 0 8px 0 0;\n height: 48px;\n width: 48px;\n}\n\n.account-menu__actions {\n background-color: #f7f7f7;\n}\n\n.account-menu__control {\n padding: 16px;\n}\n\n.annotations {\n margin: 16px 4px 16px 62px;\n position: relative;\n font-size: 15px;\n}\n.annotations hr {\n margin: 10px 0 8px;\n border-color: rgba(0, 0, 0, 0.12);\n}\n.annotations:after {\n content: \"\";\n position: absolute;\n width: 0;\n height: 0;\n left: -15px;\n right: auto;\n top: -1px;\n bottom: auto;\n border-top: 20px solid transparent;\n border-bottom: 20px solid transparent;\n border-right: 16px solid #757575;\n}\n\n.annotations-container--student--report {\n border-top: 1px solid #dddddd;\n}\n\n.annotations--report {\n margin-top: 0;\n margin-bottom: 0;\n}\n\n.annotations__header {\n position: relative;\n border-top-right-radius: 4px;\n padding: 10px 12px;\n font-weight: 700;\n transition: all 1s;\n color: #ffffff;\n background-color: #757575;\n}\n\n.annotations__avatar {\n background-color: #F05843;\n padding: 2px;\n position: absolute;\n top: 0;\n left: -62px;\n}\n\n.annotations__icon {\n transition: all 1s;\n color: #ffffff;\n}\n\n.annotations__body {\n padding: 12px;\n background-color: #ffffff;\n border-bottom-left-radius: 4px;\n border-bottom-right-radius: 4px;\n overflow: auto;\n}\n\n.annotations__status {\n background-color: #ffffff;\n color: #ef6c00;\n display: inline-block;\n margin-left: 8px;\n font-size: 12px;\n}\n.annotations__status.ng-enter, .annotations__status.ng-leave {\n transition: all 1s;\n}\n.annotations__status.ng-enter, .annotations__status.ng-leave.ng-leave-active {\n opacity: 0;\n}\n.annotations__status.ng-leave, .annotations__status.ng-enter.ng-enter-active {\n opacity: 1;\n}\n\n.annotations__score {\n font-weight: 700;\n}\n\n.annotations__info {\n font-style: italic;\n opacity: 0.8;\n border-bottom: 1px dotted;\n font-size: 13px;\n}\n\n.annotations--inside .annotations {\n margin-left: 72px;\n}\n\n.annotations--info {\n margin-bottom: 32px;\n margin-right: 8px;\n margin-left: 72px;\n}\n@media only screen and (min-width: 600px) {\n .annotations--info {\n margin: 16px 16px 32px 76px;\n }\n}\n.annotations--info:after {\n border-right: 16px solid #ef6c00;\n}\n.annotations--info .annotations__avatar {\n background-color: #ffffff;\n}\n.annotations--info .annotations__header {\n background-color: #ef6c00;\n}\n\n.component {\n position: relative;\n}\n\n.component__wrapper {\n padding: 0 24px;\n margin: 24px 0;\n}\n\n.component__content {\n overflow-x: auto;\n font-size: 15px;\n overflow-y: hidden;\n}\n@media only screen and (min-width: 600px) {\n .component__content {\n padding: 0 8px;\n }\n}\n\nh3.component__header {\n padding: 8px 12px;\n margin: 0;\n font-size: 14px;\n}\n\n.component__rubric {\n position: absolute;\n left: -20px;\n top: 12px;\n}\n\n.notebook-enabled .component_content img {\n transition: all 250ms;\n cursor: pointer;\n cursor: copy;\n}\n.notebook-enabled .component_content img:hover, .notebook-enabled .component_content img:focus {\n box-shadow: 0 0 5px 1px #F05843;\n}\n\n.component__actions .md-button:first-child {\n margin-left: 0;\n}\n.component__actions .md-button:last-child {\n margin-right: 0;\n}\n\n.component__actions__info {\n font-style: italic;\n margin-left: 8px;\n color: rgba(0, 0, 0, 0.54);\n}\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 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.graph-select {\n min-width: 150px;\n max-width: 200px;\n}\n\n.graph-controls {\n margin: 8px 0;\n padding: 8px 0;\n border: 1px solid #eeeeee;\n border-left-width: 0;\n border-right-width: 0;\n}\n\n.outside-content iframe {\n border: 1px solid #eeeeee;\n}\n\n.outside-content__source {\n margin-top: 4px;\n text-align: end;\n}\n.outside-content__source a {\n max-width: 240px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n display: inline-block;\n}\n\n.notebook-toolbar md-divider {\n margin: 8px 0;\n}\n@media only screen and (max-width: 959px) {\n .notebook-toolbar {\n border-top: 1px solid #dddddd;\n }\n}\n\n.notebook-toolbar__add-menu {\n position: absolute;\n bottom: 40px;\n}\n.notebook-toolbar__add-menu .md-fab-action-item {\n background-color: #ffffff;\n}\n\n.notebook-toolbar__add-icon {\n border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n float: right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n float: left;\n}\n\nhighchart {\n display: block;\n}","// Colors\n$_primary-color: #1C8CA8; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 59%);\n\n$color: (\n 'primary': $_primary-color,\n 'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n 'accent-1': #795C3A,\n 'accent-2': #CAD266,\n 'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n 'info': #ef6c00,\n 'success': #00C853,\n 'divider': rgba(0, 0, 0, 0.12),\n 'gray-lightest': #f7f7f7,\n 'gray-lighter': #eeeeee,\n 'gray-light': #dddddd,\n 'gray': #cccccc,\n 'gray-dark': #aaaaaa,\n 'gray-darker': #757575,\n 'gray-darkest': #333333,\n 'text': rgba(0, 0, 0, 0.87),\n 'text-secondary': rgba(0, 0, 0, 0.54),\n 'text-disabled': rgba(0, 0, 0, 0.26),\n 'text-light': rgba(255, 255, 255, 1),\n 'text-light-secondary': rgba(255, 255, 255, 0.70),\n 'text-light-disabled': rgba(255, 255, 255, 0.50),\n 'selected-bg': $_selected-bg,\n 'score': #FFC107\n);\n\n$body-color: (\n 'body': map-get($color, 'text'),\n 'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: (map-merge($color, $body-color));\n\n// Typography\n$baseline-grid: 8px;\n$body-font-size-base: rem(1.500);\n$caption-font-size-base: rem(1.300);\n\n// Layout\n$wise-toolbar-height: 42px;\n\n// Menus\n$menu-border-radius: 2px;\n$max-visible-items: 6;\n$menu-item-height: 6 * $baseline-grid !default;\n$dense-menu-item-height: 4 * $baseline-grid !default;\n$max-menu-height: 2 * $baseline-grid + $max-visible-items * $menu-item-height !default;\n$max-dense-menu-height: 2 * $baseline-grid + $max-visible-items * $dense-menu-item-height !default;\n\n// Cards\n$card-border-radius: 4px;\n\n// Buttons\n$button-border-radius: 3px;\n","// 1. Config\n\n// 2. Base\n.l-constrained {\n margin-left: auto;\n margin-right: auto;\n max-width: 100%;\n position: relative;\n\n @media (min-width: $layout-breakpoint-xs) {\n width: $layout-breakpoint-md;\n }\n\n @media (min-width: $layout-breakpoint-lg) {\n width: $layout-breakpoint-lg;\n }\n}\n\n.l-constrained-md {\n width: $layout-breakpoint-sm;\n max-width: 100%;\n}\n","// 1. Config\n\n// 2. Base\n.l-footer {\n position: fixed;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 1;\n background-color: #ffffff;\n border-top: 1px solid color('gray-lighter');\n}\n\n// Buttons\n.button--footer {\n margin: 0;\n padding-top: 0;\n padding-bottom: 0;\n min-width: 0;\n display: flex;\n}\n\n.button--footer__element {\n padding-left: 8px;\n}\n","// 1. Config\n\n// 2. Base\n.l-header {\n z-index: 3;\n\n .logo {\n margin-left: 0 !important;\n height: 36px;\n width: 36px;\n vertical-align: middle;\n }\n\n .logo-link {\n min-width: auto;\n display: none;\n padding: 0 4px;\n margin-right: 12px;\n\n @media only screen and (min-width: ($layout-breakpoint-xs)) {\n display: block;\n }\n\n &:hover, &:focus {\n border: 0 none;\n }\n }\n\n // Handle mobile portrait\n @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n .md-toolbar-tools {\n h1, h2, h3 {\n font-size: $body-font-size-base;\n }\n }\n }\n}\n","// 1. Config\n\n// 2. Base\n.l-main {\n background-color: color('body-bg');\n}\n\n.l-main--with-toolbar {\n margin-top: $wise-toolbar-height;\n}\n\n#content {\n transition: margin-top 0.5s;\n}\n\n.view-content {\n margin: 0 auto;\n padding: 8px;\n position: absolute;\n left: 0;\n right: 0;\n transition: opacity 500ms;\n\n @media only screen and (min-width: $layout-breakpoint-sm) {\n padding: 16px;\n }\n\n &.ng-enter {\n opacity: 0;\n }\n\n .ng-enter-active {\n opacity: 1;\n transition-delay: 250ms;\n }\n\n &.ng-leave-active,\n &.ng-hide {\n opacity: 0;\n }\n\n &.ng-hide-add,\n &.ng-hide-add-active,\n &.ng-hide-remove,\n &.ng-hide-remove-active {\n opacity: 0;\n }\n}\n\n.view-content--with-sidemenu {\n padding: 8px;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n margin-left: 54px;\n padding: 16px;\n }\n}\n[dir='rtl'] .view-content--with-sidemenu {\n @media only screen and (min-width: $layout-breakpoint-xs) {\n margin-left: auto;\n margin-right: 54px;\n }\n}\n\n.content-head {\n margin: 8px 0;\n\n h1,\n h2,\n h3 {\n font-weight: 300;\n margin-top: 0;\n margin-bottom: 0;\n font-size: rem(3.6);\n\n @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n font-size: rem(3.2);\n text-align: center;\n }\n }\n}\n\n.content-head__more {\n @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n margin-top: 8px;\n }\n}\n\n.content-head__item,\nh2.content-head__item {\n margin: 0 8px;\n\n .md-subhead {\n padding-left: 4px;\n\n @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n display: block;\n padding-left: 0;\n }\n }\n\n md-icon {\n vertical-align: text-bottom;\n }\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n max-height: 500px;\n}\n","// 1. Config\n\n// 2. Base\n.l-notebook {\n margin-top: $wise-toolbar-height;\n background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-sidebar {\n\n}\n\n.l-sidebar__header {\n background-color: #ffffff !important;\n color: color('accent-1') !important;\n\n md-select {\n color: color('body');\n }\n}",".status-icon {\n margin: 0 4px;\n z-index: 1;\n vertical-align: bottom;\n}\n\n.md-button.status-icon {\n height: auto;\n width: auto;\n min-height: 0;\n line-height: inherit;\n margin: 0 4px;\n padding: 0;\n}\n\n.avatar--icon--alert {\n background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n font-size: 48px;\n margin: -4px 0 0 -4px;\n}\n","md-dialog {\n width: $layout-breakpoint-xs;\n}\n\n.dialog--wide {\n width: $layout-breakpoint-sm;\n}\n\n.dialog--wider {\n width: $layout-breakpoint-md;\n}\n",".help-bubble {\n border-radius: $card-border-radius;\n max-width: 320px;\n\n @media (min-width: $layout-breakpoint-xs) {\n max-width: ($layout-breakpoint-xs - 48);\n }\n\n @media (min-width: $layout-breakpoint-sm) {\n max-width: ($layout-breakpoint-sm - 48);\n }\n\n @media (min-width: $layout-breakpoint-md) {\n max-width: ($layout-breakpoint-md - 48);\n }\n}\n\n.help-bubble__title {\n border-top-left-radius: $card-border-radius;\n border-top-right-radius: $card-border-radius;\n}\n\n.help-bubble___title__content {\n border-top-left-radius: $card-border-radius;\n border-top-right-radius: $card-border-radius;\n padding: 0px 0 0 12px;\n background-color: color('info');\n\n .md-icon-button {\n margin-right: 0;\n padding-top: 0;\n padding-bottom: 0;\n }\n}\n\n.help-bubble__content {\n overflow: auto;\n padding: 8px 12px;\n max-height: 480px;\n}\n\n.help-bubble__actions {\n border-bottom-left-radius: $card-border-radius;\n border-bottom-right-radius: $card-border-radius;\n}\n","// Variables\n$input-action-width: 44px;\n$input-action-vertical-offset: 6px;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n.input-container {\n padding-top: 12px;\n}\n\n.input-container--component {\n margin-bottom: 0;\n}\n\n.input-container--open-response {\n &.md-has-icon {\n padding-left: 0;\n }\n\n .md-errors-spacer {\n display: none;\n }\n}\n\n.input-wrapper {\n position: relative;\n}\n\n.input-wrapper--focused {\n .input--textarea__action md-icon {\n color: color('primary');\n }\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n padding: 8px;\n background-color: color('gray-lightest');\n border: 1px solid color('gray');\n margin-bottom: 8px;\n\n &:focus {\n background-color: #ffffff;\n }\n\n &[disabled] {\n color: color('text-secondary');\n }\n}\n\n.input-container textarea.input--textarea {\n width: 100%;\n}\n\n.input--textarea--disabled {\n color: color('text-secondary');\n}\n\n.input--textarea__action {\n position: absolute;\n right: -4px;\n\n &[disabled] md-icon {\n color: color('text-disabled') !important;\n }\n}\n\n.input--textarea__action--notebook {\n top: $input-action-vertical-offset;\n\n .input-wrapper--richtext & {\n top: $input-action-vertical-offset-richtext\n }\n}\n\n.input--textarea__action--revision {\n bottom: $input-action-vertical-offset;\n\n .input-wrapper--richtext & {\n bottom: ($input-action-vertical-offset-richtext + 2px);\n }\n\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n line-height: 1.2;\n color: color('text');\n\n &.input-label--focused {\n color: color('primary');\n }\n}\n\n.autocomplete {\n input {\n text-overflow: ellipsis;\n overflow: hidden;\n word-wrap: none;\n font-weight: 500;\n color: color('text-secondary');\n }\n}\n\n.autocomplete--minwidth {\n @media only screen and (min-width: $layout-breakpoint-xs) {\n min-width: 300px;\n }\n\n @media only screen and (min-width: $layout-breakpoint-sm) {\n min-width: 300px;\n }\n}\n\n.autocomplete--flat {\n md-autocomplete-wrap {\n background-color: #ffffff;\n\n &:not(.md-menu-showing) {\n box-shadow: none;\n background-color: color('gray-lighter');\n }\n }\n}\n\n.select__header {\n height: $menu-item-height;\n\n input {\n height: 100%;\n width: 100%;\n padding: 0 8px;\n outline: none;\n border: 0 none;\n font-size: rem(1.4);\n font-weight: 500;\n }\n}\n",".table {\n max-width: 100%;\n width: auto;\n min-width: 100px;\n margin: 8px 0;\n\n thead,\n tbody,\n tfoot {\n // TODO: remove chaining when bootstrap dependency is removed\n > tr > th,\n > tr > td {\n border: 1px solid color('gray');\n padding: 6px;\n font-size: rem(1.5);\n min-height: 32px;\n height: 32px;\n min-width: 32px;\n vertical-align: top;\n }\n }\n\n td.inactive,\n th {\n background-color: color('gray-lightest');\n opacity: 1;\n visibility: visible;\n }\n\n md-input-container {\n margin: 0;\n }\n\n .md-errors-spacer {\n display: none;\n }\n}\n\n.table--student {\n td {\n &.inactive {\n padding: 8px 10px;\n }\n }\n}\n\n.table--full-width {\n width: 100%;\n}\n\n.table--list {\n border: 0 none;\n border-collapse: collapse;\n background-color: #ffffff;\n max-width: 100%;\n overflow: auto;\n\n th,\n td {\n padding: 0 4px;\n border: 0 none;\n }\n\n td {\n min-height: 56px;\n height: 56px;\n }\n\n tr {\n &.md-button {\n display: table-row;\n text-align: left;\n width: auto;\n text-transform: none;\n font-size: inherit;\n font-weight: normal;\n }\n }\n}\n\n.table--list__wrap {\n min-width: $layout-breakpoint-xs;\n}\n\n.table-wrap-sticky {\n @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n overflow-x: auto;\n }\n}\n\n.table--list__thead {\n font-size: rem(1.4);\n font-weight: 700;\n}\n\n.table--list__thead__tr {\n height: 100%;\n margin: 0;\n}\n\n.table--list__thead__th {\n background-color: color('gray-darker');\n color: color('text-light');\n min-height: $wise-toolbar-height;\n height: $wise-toolbar-height;\n}\n\n.table--list__thead__link {\n color: #ffffff;\n text-transform: none;\n margin: 0;\n min-width: 0;\n white-space: normal;\n line-height: 1.4;\n width: 100%;\n}\n\n.table--list__thead__sort {\n margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n transform: rotate(180deg);\n}\n\n.td--wrap {\n min-width: 180px;\n white-space: normal;\n line-height: 1.2;\n}\n\n.td--max-width {\n @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n max-width: 180px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n}\n",".md-toolbar-tools {\n font-size: 18px;\n\n .autocomplete {\n height: 36px;\n\n md-autocomplete-wrap {\n height: 36px;\n }\n\n input {\n height: 36px;\n }\n }\n}\n\n.md-toolbar--wise {\n min-height: $wise-toolbar-height;\n\n .md-toolbar-tools {\n height: $wise-toolbar-height;\n max-height: $wise-toolbar-height;\n }\n\n .md-button.md-icon-button {\n height: $wise-toolbar-height;\n line-height: $wise-toolbar-height;\n width: $wise-toolbar-height;\n }\n}\n\n.md-toolbar--wise--sm {\n .md-toolbar-tools {\n padding: 0 8px;\n font-size: $body-font-size-base;\n }\n}\n\n.md-toolbar--sidenav {\n background-color: color('gray-darkest') !important;\n\n .md-toolbar-tools {\n font-size: rem(1.6);\n font-weight: 500;\n }\n}\n\n.toolbar {\n position: fixed;\n left: 0;\n right: 0;\n top: $md-toolbar-height;\n z-index: 3;\n}\n\n.toolbar__title {\n margin-left: 8px;\n font-size: rem(1.6);\n font-weight: 500;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n margin: 0 4px;\n min-height: 32px;\n background-color: color('gray-lightest');\n\n .md-select-value {\n height: 32px;\n text-align: left;\n }\n}\n[dir=rtl] {\n .toolbar__select, .md-button.toolbar__select {\n .md-select-value {\n text-align: right;\n }\n }\n}\n\n.toolbar__select--fixedwidth {\n width: 168px;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n width: 264px;\n }\n\n @media only screen and (min-width: $layout-breakpoint-sm) {\n width: 432px;\n }\n}\n","// Helpers\n@function rem($multiplier) {\n $font-size: 10px;\n @return $multiplier * $font-size;\n}\n\n// Angular Material variables for use and !default overrides\n$md-toolbar-height: 52px;\n$md-toolbar-medium-tall-height: 74px;\n$md-toolbar-tall-height: 104px;\n$md-toolbar-height-mobile-portrait: 52px;\n$md-toolbar-height-mobile-landscape: 52px;\n\n$caption-font-size-base: rem(1.300);\n\n//$list-item-height: 56px;\n\n$card-border-radius: 4px;\n\n$layout-breakpoint-xs: 600px;\n$layout-breakpoint-sm: 960px;\n$layout-breakpoint-md: 1280px;\n$layout-breakpoint-lg: 1920px;\n\n$button-border-radius: 3px;\n\n$tooltip-fontsize-lg: rem(1.1);\n$tooltip-fontsize-sm: rem(1.1);\n//$tooltip-height-lg: rem(2.2);\n$tooltip-height-sm: rem(2.2);\n//$tooltip-top-margin-lg: rem(1.4);\n$tooltip-top-margin-sm: rem(1.4);\n//$tooltip-lr-padding-lg: rem(0.8);\n$tooltip-lr-padding-sm: rem(0.8);\n//$tooltip-max-width: rem(3.20);\n\n$progress-linear-bar-height: 7px;\n",".list-item {\n background-color: #ffffff;\n border-bottom: 1px solid color('gray-lighter');\n\n .md-subheader, &.md-subheader {\n color: color('text');\n background-color: #ffffff;\n\n md-icon {\n vertical-align: middle;\n }\n\n .md-subheader-inner {\n padding: 0;\n }\n\n .md-avatar {\n margin-right: 8px;\n }\n }\n\n .autocomplete {\n margin: 8px 0;\n }\n}\n\n.list-item--info {\n &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n border-left: 4px solid color('info') !important;\n margin-left: -4px;\n }\n}\n\n.list-item--warn {\n //background-color: lighten(color('warn'), 56%);\n\n &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n border-left: 4px solid color('warn') !important;\n margin-left: -4px;\n }\n}\n\n.list-item--expanded {\n border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n cursor: default;\n background-color: color('gray-lightest');\n}\n\n.list-item--actions {\n padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n text-transform: none;\n width: 100%;\n padding: 8px 16px;\n margin: 0;\n white-space: normal;\n text-align: left;\n line-height: 1.4;\n}\n\n.user-list {\n font-size: rem(1.5);\n}\n","#nav {\n position: relative;\n}\n\n.nav {\n margin-bottom: 16px;\n}\n\n.nav-mask {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background-color: rgba(0,0,0,0.25);\n z-index: 1;\n\n &.ng-hide {\n opacity: 0;\n }\n}\n\n.nav-head {\n color: color('text-secondary');\n font-weight: 500;\n\n md-icon {\n line-height: 20px;\n }\n}\n\n.nav-contents--root {\n padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n background-color: color('gray-light');\n padding: 8px;\n}\n\n.nav-contents--root {\n padding: 0;\n}\n\n.nav-contents__list {\n padding: 0;\n\n @media (min-width: $layout-breakpoint-xs) {\n padding: 8px;\n }\n}\n\n.nav-item {\n transition: opacity 250ms ease-in-out;\n\n &.prev {\n md-list-item {\n background-color: color('selected-bg');\n\n /*&._md-button-wrap>div.md-button:first-child {\n border-left: 4px solid color('primary');\n margin-left: -4px;\n }*/\n }\n }\n}\n\n.nav-item--card__content {\n border-top-right-radius: $card-border-radius;\n border-top-left-radius: $card-border-radius;\n\n &:focus {\n outline: none;\n\n .nav-item__title > span {\n border-bottom: 1px dashed color('gray');\n }\n }\n}\n\n.nav-item--root {\n transition: margin 250ms, box-shadow 500ms;\n\n &.expanded {\n flex-basis: 100%;\n //max-width: ($layout-breakpoint-md - 100) !important;\n max-width: 100%;\n max-height: none !important;\n margin: 8px auto;\n\n &:first-of-type {\n margin-top: 0;\n }\n\n //@media only screen and (min-width: $layout-breakpoint-sm) {\n //margin: 8px auto;\n //}\n }\n}\n\n//.nav-item--list {\n//}\n\n.nav-item--list__info-item {\n padding: 0 16px 0 4px;\n display: inline-block;\n}\n\n.nav-item--list__reorder {\n margin-left: 8px;\n color: color('text-disabled');\n}\n\n.nav-item--card {\n\n}\n\n.nav-item--card--group {\n &:not(.expanded) {\n box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098),\n 0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa;\n }\n}\n\n.nav-item__collapse {\n margin: 0;\n}\n\n.nav-item__more {\n border-top: 1px solid color('gray-light');\n border-bottom-right-radius: $card-border-radius;\n border-bottom-left-radius: $card-border-radius;\n padding: 8px 16px;\n min-height: 40px;\n}\n\n.nav-item__users {\n height: auto;\n cursor: pointer;\n color: #ffffff;\n margin: 0;\n padding: 1px 6px;\n\n > md-icon {\n padding-right: 4px;\n color: #ffffff;\n }\n\n &:hover, &:focus {\n &.success-bg {\n background-color: color('success');\n }\n }\n}\n\n.nav-item__title {\n padding-left: 16px;\n line-height: 1.2;\n font-weight: 400;\n}\n[dir=rtl] .nav-item__title {\n padding-left: auto;\n padding-right: 16px;\n}\n\n.nav-item__info {\n padding: 0 8px;\n}\n\n.nav-item__progress {\n width: 48px;\n\n > .md-container {\n top: 0;\n }\n}\n\n.nav-item__progress-value {\n margin-left: 8px;\n width: 36px;\n}\n\n.progress-wrapper {\n padding: 2px 0;\n cursor: pointer;\n}\n","// 1. Variables\n$menu-sidebar-width: 56px;\n\n// 2. Base\n.menu-progress {\n position: absolute;\n top: 10px;\n right: 12px;\n\n path {\n stroke: color('accent-2') !important;\n stroke-width: 2px;\n }\n}\n[dir=rtl] .menu-progress {\n right:auto;\n left:12px;\n}\n\n.menu-sidenav {\n\n}\n\n.menu-sidenav__item {\n font-weight: 700;\n //color: color('text-secondary');\n font-size: rem(1.4);\n}\n\n.menu-sidenav__icon {\n margin-top: 12px !important;\n margin-right: 12px !important;\n margin-left: 12px;\n}\n\n.active {\n .menu-sidenav__icon, .menu-sidenav__item {\n color: color('primary');\n }\n}\n\n.menu-sidebar {\n position: absolute;\n top: $wise-toolbar-height + $md-toolbar-height;\n bottom: 0;\n left: 0;\n background-color: #fff;\n width: $menu-sidebar-width;\n overflow: hidden;\n padding: 8px 0;\n text-align: center;\n border-right: 1px solid color('gray');\n\n @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n display: none;\n }\n}\n[dir=rtl] .menu-sidebar {\n right:0;\n left:auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n margin-top: 6px;\n margin-bottom: 6px;\n}\n",".notice {\n text-align: center;\n padding: 8px;\n background-color: rgba(0,0,0,0.04);\n width: 100%;\n\n @media (min-width: $layout-breakpoint-xs) {\n max-width: 80%;\n border-radius: $button-border-radius;\n margin: 24px auto;\n }\n}","// Variables\n$input-action-width: 48px;\n$input-action-vertical-offset: 0;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n#node {\n margin: 0 auto;\n position: absolute;\n left: 0;\n right: 0;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n padding: 8px;\n padding: 24px 16px;\n margin-bottom: 32px;\n }\n\n @media only screen and (min-width: $layout-breakpoint-sm) {\n padding: 32px;\n }\n\n &.ng-enter {\n transition: opacity .5s;\n opacity: 0;\n }\n\n &.ng-enter-active {\n opacity: 1;\n }\n}\n\n// TODO: use BEM conventions\n\n.node-notice {\n @media only screen and (min-width: $layout-breakpoint-xs) {\n margin-top: -8px;\n margin-bottom: 16px;\n }\n\n @media only screen and (min-width: $layout-breakpoint-sm) {\n margin-top: -16px;\n }\n}\n\n.node-content {\n padding: 0 0 48px;\n background-color: #ffffff;\n border-radius: $button-border-radius;\n overflow: visible;\n\n @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n box-shadow: none;\n }\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n padding: 0;\n border-top: 2px solid;\n border-bottom: 2px solid;\n }\n}\n\nmd-content {\n &.node-content {\n background-color: #ffffff;\n }\n}\n\n.node-content__rubric {\n position: absolute;\n top: -22px;\n left: 0;\n right: 0;\n z-index: 1;\n\n .avatar--icon {\n transform: scale(0.94);\n\n @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n transform: scale(0.8);\n }\n }\n}\n\n.node-icon {\n color: #ffffff;\n vertical-align: inherit;\n}\n\n.node-select {\n margin: 0 8px;\n min-width: 0;\n font-weight: 500;\n font-size: $body-font-size-base;\n\n .md-select-value {\n *:first-child {\n transform: translate3d(0,0,0);\n flex: 1 0 0;\n }\n\n .node-select__icon {\n display: none;\n }\n\n .node-select__status {\n display: none;\n }\n }\n\n .md-select-icon {\n margin-left: 0;\n color: color('text');\n }\n}\n\n.node-select-option--group {\n //color: rgba(0,0,0,0.54);\n background-color: color('gray-lightest');\n border-bottom: 1px solid color('gray-lighter');\n border-top: 1px solid color('gray-lighter');\n}\n\n.node-select-option--node {\n padding-left: 20px;\n}\n\n.node-select__icon {\n margin-right: 8px;\n}\n\n.node-select__status {\n margin-left: 8px;\n}\n\n.node-select__text {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n margin-top: 2px;\n }\n}\n\n.node-title {\n line-height: 1.2;\n text-transform: none;\n margin-top: 3px;\n\n @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n font-size: $body-font-size-base;\n }\n}\n\n.node-content__actions {\n padding: 0 16px 16px;\n\n @media only screen and (min-width: $layout-breakpoint-sm) {\n padding: 0 24px 24px;\n }\n\n .md-button:first-child {\n margin-left: 0;\n }\n\n .md-button:last-child {\n margin-right: 0;\n }\n}\n\n.node-content__actions__info {\n font-style: italic;\n margin-left: 8px;\n color: color('text-secondary');\n}\n\n.node-content__actions__more {\n border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav {\n &:not(:first-of-type) {\n }\n\n &:first-of-type {\n margin-right: 0;\n }\n}\n\n.node-sidebar-active {\n @media only screen and (min-width: $layout-breakpoint-xs) {\n margin-right: ($md-toolbar-height + 16);\n }\n}\n\n.node-sidebar-visible {\n @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n margin-bottom: $wise-toolbar-height;\n }\n}\n\n.node-sidebar {\n position: absolute;\n right: 0;\n top: 0;\n width: $md-toolbar-height;\n}\n\n.node-sidebar__toolbar {\n position: fixed;\n width: $md-toolbar-height;\n background-color: #ffffff;\n padding: 8px 0;\n border-radius: $button-border-radius;\n\n @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n right: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n border-radius: 0;\n padding: 0;\n min-height: 0;\n height: $wise-toolbar-height;\n }\n}\n\n.node__label--vertical-alignment {\n vertical-align: middle;\n display: inline-block;\n}\n","// Variables\n$notebook-sidebar-width: 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: 12px;\n left: -18px;\n height: 22px;\n line-height: 22px;\n font-size: 12px;\n font-weight: 700;\n border: 2px solid;\n\n &:before {\n content: \"\";\n position: absolute;\n right: -7px;\n top: 6px;\n border-left: 6px solid rgba(255,255,255,0.87);\n border-top: 4px solid transparent;\n border-bottom: 4px solid transparent;\n }\n}\n\n.notification-list {\n padding: 8px 0;\n}\n\n.notification-dismiss {\n width: 500px;\n}\n\n.notification-dismiss__input {\n margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4,\nmd-list md-list-item.md-2-line .md-list-item-text h4,\nmd-list md-list-item.md-3-line .md-list-item-text h4 {\n &.notification-list-item__source {\n color: color('text-secondary');\n font-size: rem(1.2);\n\n md-icon {\n font-size: rem(1.8);\n min-width: 0;\n width: auto;\n margin-left: -4px;\n line-height: rem(2);\n }\n }\n}\n",".account-menu {\n border-radius: $card-border-radius;\n padding: 0;\n font-size: $body-font-size-base;\n max-width: 380px;\n\n @media (min-width: $layout-breakpoint-md) {\n min-width: 380px !important;\n }\n\n h3 {\n margin: 0;\n font-weight: 300;\n }\n\n .mat-mdc-menu-content {\n padding: 0;\n }\n}\n\n.account-menu--fixed-height {\n height: $max-menu-height;\n}\n\n.account-menu--fixed-width {\n width: 320px;\n\n @media (min-width: $layout-breakpoint-sm) {\n width: 380px;\n }\n}\n\n.account-menu__icon {\n background-color: color('text-light');\n border-radius: 50%;\n}\n\n.account-menu__caret {\n position: absolute;\n right: 28px;\n top: -8px;\n outline: none;\n\n &:before {\n content: '';\n position: absolute;\n border-bottom: 8px solid #fff;\n border-left: 8px solid transparent;\n border-right: 8px solid transparent;\n }\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n right: 132px;\n}\n\n[dir=rtl] {\n .account-menu__caret {\n right: auto;\n left: 28px;\n }\n .account-menu__caret--pause, .account-menu__caret--notification {\n left:80px;\n right:auto;\n }\n .account-menu__caret--notification--with-pause {\n left: 132px;\n right:auto;\n }\n}\n\n.account-menu__info {\n padding: 8px 12px;\n}\n\n.account-menu__info__title {\n font-weight: 500;\n}\n\n.account-menu__info__team {\n font-weight: 400;\n color: color('text-secondary');\n}\n\n.account-menu__users {\n padding: 0;\n\n md-list-item {\n padding: 0;\n\n .md-avatar {\n margin: 0 8px 0 0;\n height: 48px;\n width: 48px;\n }\n }\n}\n\n.account-menu__actions {\n background-color: color('gray-lightest');\n}\n\n.account-menu__control {\n padding: 16px;\n}\n",".annotations {\n margin: 16px 4px 16px 62px;\n position: relative;\n font-size: rem(1.5);\n\n hr {\n margin: 10px 0 8px;\n border-color: rgba(0,0,0,.12);\n }\n\n &:after {\n content: \"\";\n position: absolute;\n width: 0;\n height: 0;\n left: -15px;\n right: auto;\n top: -1px;\n bottom: auto;\n border-top: 20px solid transparent;\n border-bottom: 20px solid transparent;\n border-right: 16px solid color('gray-darker');\n }\n}\n\n.annotations-container--student--report {\n border-top: 1px solid color('gray-light');\n}\n\n.annotations--report {\n margin-top: 0;\n margin-bottom: 0;\n}\n\n.annotations__header {\n position: relative;\n //border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n padding: 10px 12px;\n font-weight: 700;\n transition: all 1s;\n color: #ffffff;\n background-color: color('gray-darker');\n}\n\n.annotations__avatar {\n background-color: color('accent');\n padding: 2px;\n position: absolute;\n top: 0;\n left: -62px;\n}\n\n.annotations__icon {\n transition: all 1s;\n color: #ffffff;\n}\n\n.annotations__body {\n padding: 12px;\n background-color: #ffffff;\n border-bottom-left-radius: $card-border-radius;\n border-bottom-right-radius: $card-border-radius;\n overflow: auto;\n}\n\n.annotations__status {\n background-color: #ffffff;\n color: color('info');\n display: inline-block;\n margin-left: 8px;\n font-size: rem(1.2);\n\n &.ng-enter, &.ng-leave {\n transition: all 1s;\n }\n\n &.ng-enter, &.ng-leave.ng-leave-active {\n opacity:0;\n }\n\n &.ng-leave, &.ng-enter.ng-enter-active {\n opacity:1;\n }\n}\n\n.annotations__score {\n font-weight: 700;\n}\n\n.annotations__info {\n font-style: italic;\n opacity: 0.8;\n border-bottom: 1px dotted;\n font-size: rem(1.3);\n}\n\n.annotations--inside {\n .annotations {\n margin-left: 72px;\n }\n}\n\n// TODO: move to own file\n.annotations--info {\n margin-bottom: 32px;\n margin-right: 8px;\n margin-left: 72px;\n\n @media only screen and (min-width: ($layout-breakpoint-xs)) {\n margin: 16px 16px 32px 76px;\n }\n\n &:after {\n border-right: 16px solid color('info');\n }\n\n .annotations__avatar {\n background-color: #ffffff;\n }\n\n .annotations__header {\n background-color: color('info');\n }\n}\n",".component {\n position: relative;\n}\n\n.component__wrapper {\n padding: 0 24px;\n margin: 24px 0;\n}\n\n.component__content {\n overflow-x: auto;\n font-size: rem(1.5);\n overflow-y: hidden; // TODO: figure out why this is needed after update to ng-material 1.1.1\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n padding: 0 8px;\n }\n}\n\nh3.component__header {\n padding: 8px 12px;\n margin: 0;\n font-size: rem(1.4);\n}\n\n.component__rubric {\n position: absolute;\n left: -20px;\n top: 12px;\n}\n\n.notebook-enabled {\n .component_content {\n img {\n transition: all 250ms;\n cursor: pointer;\n cursor: copy;\n //position: relative;\n //border: 2px solid transparent;\n\n &:hover, &:focus {\n box-shadow: 0 0 5px 1px color('accent');\n //border: 2px solid #ffffff;\n }\n }\n }\n}\n\n.component__actions {\n .md-button:first-child {\n margin-left: 0;\n }\n\n .md-button:last-child {\n margin-right: 0;\n }\n}\n\n.component__actions__info {\n font-style: italic;\n margin-left: 8px;\n //color: color('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 border: 0 none;\n}\n\n.discussion-new__actions {\n padding: 0 8px;\n\n .md-button {\n &:first-of-type {\n margin-left: 0;\n }\n\n &:last-of-type {\n margin-right: 0;\n }\n }\n}\n\n.discussion-new__attachment {\n padding: 0;\n margin: 0 0 8px;\n}\n\n.discussion-new__attachment__content {\n margin-top: 0;\n margin-bottom: 16px;\n}\n\n\n\n\n\n",".embedded-content {\n\n}\n\n.embedded-content__iframe {\n border: 0 none;\n}\n",".graph-select {\n min-width: 150px;\n max-width: 200px;\n}\n\n.graph-controls {\n margin: 8px 0;\n padding: 8px 0;\n border: 1px solid color('gray-lighter');\n border-left-width: 0;\n border-right-width: 0;\n}\n",".outside-content {\n iframe {\n border: 1px solid color('gray-lighter');\n }\n}\n\n.outside-content__source {\n margin-top: 4px;\n text-align: end;\n\n a {\n max-width: 240px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n display: inline-block;\n }\n}",".notebook-toolbar {\n md-divider {\n margin: 8px 0;\n }\n\n @media only screen and (max-width: ($layout-breakpoint-sm - 1)) {\n border-top: 1px solid color('gray-light');\n }\n}\n\n.notebook-toolbar__add-menu {\n position: absolute;\n bottom: 40px;\n\n .md-fab-action-item {\n background-color: #ffffff;\n }\n}\n\n.notebook-toolbar__add-icon {\n border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n float:right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n float:left;\n}","highchart {\n display: block;\n}\n"]} \ No newline at end of file +{"version":3,"sources":["src/assets/wise5/themes/default/style/base/_presets.scss","src/assets/wise5/themes/default/style/vle.css","src/assets/wise5/themes/default/style/base/_config.scss","src/assets/wise5/themes/default/style/layouts/_l-default.scss","src/assets/wise5/themes/default/style/layouts/_l-footer.scss","src/assets/wise5/themes/default/style/layouts/_l-header.scss","src/assets/wise5/themes/default/style/layouts/_l-main.scss","src/assets/wise5/themes/default/style/layouts/_l-notebook.scss","src/assets/wise5/themes/default/style/layouts/_l-sidebar.scss","src/assets/wise5/themes/default/style/modules/_alerts.scss","src/assets/wise5/themes/default/style/modules/_dialog.scss","src/assets/wise5/themes/default/style/modules/_help.scss","src/assets/wise5/themes/default/style/modules/_inputs.scss","src/assets/wise5/themes/default/style/modules/_table.scss","src/assets/wise5/themes/default/style/modules/_toolbar.scss","src/assets/wise5/themes/default/style/material/_config.scss","src/assets/wise5/themes/default/style/modules/_list.scss","src/assets/wise5/themes/default/style/modules/_nav.scss","src/assets/wise5/themes/default/style/modules/_menu.scss","src/assets/wise5/themes/default/style/modules/_notice.scss","src/assets/wise5/themes/default/style/modules/_node.scss","src/assets/wise5/themes/default/style/modules/_notebook.scss","src/assets/wise5/themes/default/style/modules/_notifications.scss","src/assets/wise5/themes/default/style/modules/_account-menu.scss","src/assets/wise5/themes/default/style/modules/_annotations.scss","src/assets/wise5/themes/default/style/modules/_component.scss","src/assets/wise5/themes/default/style/modules/_component--discussion.scss","src/assets/wise5/themes/default/style/modules/_component--embedded.scss","src/assets/wise5/themes/default/style/modules/_component--graph.scss","src/assets/wise5/themes/default/style/modules/_component--outside.scss","src/assets/wise5/themes/default/style/modules/_notebook-toolbar.scss","src/assets/wise5/themes/default/style/modules/_highcharts.scss"],"names":[],"mappings":"AAIA,KACE,eCAF,CDEE,SACI,eCAN,CDKI,gBACI,aCFR,CDMA,WACE,wBAAA,CAKA,oBAAA,CAAA,sBAAA,CAHA,aAAA,CADA,WCCF,CDOI,qBAKI,wBAAA,CAFA,iBAAA,CAFA,UAAA,CAGA,WAAA,CAFA,iBCDR,CDSI,kCAEI,QAAA,CADA,QCLR,CDWA,OAMI,qBAAA,CALA,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":"vle.css","sourcesContent":["// Config\n$avatar-icon-padding: 6px !default;\n$avatar-icon-padding-lg: 8px !default;\n\nbody {\n background: color('body-bg');\n\n &.vle {\n overflow: hidden;\n }\n}\n\na {\n &:hover, &:focus { // TODO: remove when bootstrap css dependency is removed\n color: color('primary');\n }\n}\n\nblockquote {\n background-color: lighten(color('primary'), 56%);\n padding: 8px;\n margin: 16px 0;\n border-style: solid;\n border-color: color('primary');\n border-width: 0 0 0 3px;\n}\n\n.has-indicator {\n &:after {\n content: '';\n position: absolute;\n border-radius: 50%;\n padding: 5px;\n background-color: color('accent');\n }\n}\n\n.has-indicator--icon-button {\n &:after {\n top: 25px;\n left: 5px;\n }\n}\n\n// Badges\n.badge {\n border-radius: $card-border-radius;\n padding: 2px 6px;\n font-size: rem(1.2);\n font-weight: 500;\n font-style: normal;\n background-color: color('gray-dark');\n\n &.md-button {\n min-width: 0;\n min-height: 0;\n line-height: inherit;\n\n &:hover, &:focus {\n background-color: color('gray-dark');\n }\n\n &:focus {\n outline: 1px dotted color('gray-dark');\n }\n }\n}\n\n.badge--info {\n background-color: color('info');\n color: #ffffff;\n}\n\n.badge--warn {\n background-color: color('warn');\n color: #ffffff;\n}\n\n.badge--success {\n background-color: color('success');\n color: #ffffff;\n}\n\n// Dividers\n.divider--withmargin {\n margin: 16px 0;\n}\n\n.divider--dashed {\n border-top-style: dashed;\n}\n\n// Links\na {\n color: color('primary');\n cursor: pointer;\n}\n\n.active {\n background-color: rgba(158,158,158,0.2);\n color: color('text');\n}\n\n// Images & Icons\n.avatar {\n border-radius: 50%;\n box-sizing: content-box;\n}\n\n.avatar--square {\n border-radius: $card-border-radius;\n}\n\n// Rules for sizing avatars (matches material icons plus avatar-icon padding)\n.avatar {\n &.md-18 {\n height: 18px + $avatar-icon-padding*2;\n width: 18px + $avatar-icon-padding*2;\n }\n &.md-24 {\n height: 24px + $avatar-icon-padding*2;\n width: 24px + $avatar-icon-padding*2;\n }\n &.md-36 {\n height: 36px + $avatar-icon-padding*2;\n width: 36px + $avatar-icon-padding*2;\n }\n &.md-48 {\n height: 48px + $avatar-icon-padding*2;\n width: 48px + $avatar-icon-padding*2;\n }\n}\n\n// Rules for sizing avatar backgrounds (when using a child md-icon)\n.avatar--icon {\n background-color: color('gray-light');\n white-space: normal !important;\n\n &:not(.md-avatar) {\n padding: $avatar-icon-padding;\n }\n\n &.md-18 {\n height: 18px;\n width: 18px;\n }\n &.md-24 {\n height: 24px;\n width: 24px;\n }\n &.md-36 {\n height: 36px;\n width: 36px;\n }\n &.md-48 {\n height: 48px;\n width: 48px;\n }\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) {\n md-icon {\n color: color('text-secondary');\n }\n\n .md-button:disabled {\n md-icon {\n color: color('text-disabled');\n }\n }\n}\n\n// hacks for now\nmd-icon, .md-button:not([disabled]) {\n &.primary {\n color: color('primary') !important;\n }\n &.success {\n color: color('success') !important;\n }\n &.warn {\n color: color('warn') !important;\n }\n &.info {\n color: color('info') !important;\n }\n &.accent {\n color: color('accent') !important;\n }\n &.accent-1 {\n color: color('accent-1') !important;\n }\n &.accent-2 {\n color: color('accent-2') !important;\n }\n}\n\n// Theme overrides\nmd-input-container.md-wise-theme label {\n color: color('text');\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n background-color: color('selected-bg');\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n color: color('primary');\n background-color: color('selected-bg');\n}\n\n// Color\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n .#{$key} {\n color: $value;\n }\n}\n\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n .#{$key}-bg {\n background-color: $value;\n }\n}\n\n// Set theme colors for angular-ui elements\n@each $key, $value in $colors {\n md-progress-circular.#{$key} {\n path {\n stroke: $value;\n }\n }\n}\n","/*\n WISE Project Styles\n */\nbody {\n background: #eeeeee;\n}\nbody.vle {\n overflow: hidden;\n}\n\na:hover, a:focus {\n color: #1C8CA8;\n}\n\nblockquote {\n background-color: #e7f7fb;\n padding: 8px;\n margin: 16px 0;\n border-style: solid;\n border-color: #1C8CA8;\n border-width: 0 0 0 3px;\n}\n\n.has-indicator:after {\n content: \"\";\n position: absolute;\n border-radius: 50%;\n padding: 5px;\n background-color: #F05843;\n}\n\n.has-indicator--icon-button:after {\n top: 25px;\n left: 5px;\n}\n\n.badge {\n border-radius: 4px;\n padding: 2px 6px;\n font-size: 12px;\n font-weight: 500;\n font-style: normal;\n background-color: #aaaaaa;\n}\n.badge.md-button {\n min-width: 0;\n min-height: 0;\n line-height: inherit;\n}\n.badge.md-button:hover, .badge.md-button:focus {\n background-color: #aaaaaa;\n}\n.badge.md-button:focus {\n outline: 1px dotted #aaaaaa;\n}\n\n.badge--info {\n background-color: #ef6c00;\n color: #ffffff;\n}\n\n.badge--warn {\n background-color: #c62828;\n color: #ffffff;\n}\n\n.badge--success {\n background-color: #00C853;\n color: #ffffff;\n}\n\n.divider--withmargin {\n margin: 16px 0;\n}\n\n.divider--dashed {\n border-top-style: dashed;\n}\n\na {\n color: #1C8CA8;\n cursor: pointer;\n}\n\n.active {\n background-color: rgba(158, 158, 158, 0.2);\n color: rgba(0, 0, 0, 0.87);\n}\n\n.avatar {\n border-radius: 50%;\n box-sizing: content-box;\n}\n\n.avatar--square {\n border-radius: 4px;\n}\n\n.avatar.md-18 {\n height: 30px;\n width: 30px;\n}\n.avatar.md-24 {\n height: 36px;\n width: 36px;\n}\n.avatar.md-36 {\n height: 48px;\n width: 48px;\n}\n.avatar.md-48 {\n height: 60px;\n width: 60px;\n}\n\n.avatar--icon {\n background-color: #dddddd;\n white-space: normal !important;\n}\n.avatar--icon:not(.md-avatar) {\n padding: 6px;\n}\n.avatar--icon.md-18 {\n height: 18px;\n width: 18px;\n}\n.avatar--icon.md-24 {\n height: 24px;\n width: 24px;\n}\n.avatar--icon.md-36 {\n height: 36px;\n width: 36px;\n}\n.avatar--icon.md-48 {\n height: 48px;\n width: 48px;\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon {\n color: rgba(0, 0, 0, 0.54);\n}\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon {\n color: rgba(0, 0, 0, 0.26);\n}\n\nmd-icon.primary, .md-button:not([disabled]).primary {\n color: #1C8CA8 !important;\n}\nmd-icon.success, .md-button:not([disabled]).success {\n color: #00C853 !important;\n}\nmd-icon.warn, .md-button:not([disabled]).warn {\n color: #c62828 !important;\n}\nmd-icon.info, .md-button:not([disabled]).info {\n color: #ef6c00 !important;\n}\nmd-icon.accent, .md-button:not([disabled]).accent {\n color: #F05843 !important;\n}\nmd-icon.accent-1, .md-button:not([disabled]).accent-1 {\n color: #795C3A !important;\n}\nmd-icon.accent-2, .md-button:not([disabled]).accent-2 {\n color: #CAD266 !important;\n}\n\nmd-input-container.md-wise-theme label {\n color: rgba(0, 0, 0, 0.87);\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n background-color: #f4fbfd;\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n color: #1C8CA8;\n background-color: #f4fbfd;\n}\n\n.primary {\n color: #1C8CA8;\n}\n\n.accent {\n color: #F05843;\n}\n\n.accent-1 {\n color: #795C3A;\n}\n\n.accent-2 {\n color: #CAD266;\n}\n\n.warn {\n color: #c62828;\n}\n\n.info {\n color: #ef6c00;\n}\n\n.success {\n color: #00C853;\n}\n\n.divider {\n color: rgba(0, 0, 0, 0.12);\n}\n\n.gray-lightest {\n color: #f7f7f7;\n}\n\n.gray-lighter {\n color: #eeeeee;\n}\n\n.gray-light {\n color: #dddddd;\n}\n\n.gray {\n color: #cccccc;\n}\n\n.gray-dark {\n color: #aaaaaa;\n}\n\n.gray-darker {\n color: #757575;\n}\n\n.gray-darkest {\n color: #333333;\n}\n\n.text {\n color: rgba(0, 0, 0, 0.87);\n}\n\n.text-secondary {\n color: rgba(0, 0, 0, 0.54);\n}\n\n.text-disabled {\n color: rgba(0, 0, 0, 0.26);\n}\n\n.text-light {\n color: rgb(255, 255, 255);\n}\n\n.text-light-secondary {\n color: rgba(255, 255, 255, 0.7);\n}\n\n.text-light-disabled {\n color: rgba(255, 255, 255, 0.5);\n}\n\n.selected-bg {\n color: #f4fbfd;\n}\n\n.score {\n color: #FFC107;\n}\n\n.body {\n color: rgba(0, 0, 0, 0.87);\n}\n\n.body-bg {\n color: #eeeeee;\n}\n\n.primary-bg {\n background-color: #1C8CA8;\n}\n\n.accent-bg {\n background-color: #F05843;\n}\n\n.accent-1-bg {\n background-color: #795C3A;\n}\n\n.accent-2-bg {\n background-color: #CAD266;\n}\n\n.warn-bg {\n background-color: #c62828;\n}\n\n.info-bg {\n background-color: #ef6c00;\n}\n\n.success-bg {\n background-color: #00C853;\n}\n\n.divider-bg {\n background-color: rgba(0, 0, 0, 0.12);\n}\n\n.gray-lightest-bg {\n background-color: #f7f7f7;\n}\n\n.gray-lighter-bg {\n background-color: #eeeeee;\n}\n\n.gray-light-bg {\n background-color: #dddddd;\n}\n\n.gray-bg {\n background-color: #cccccc;\n}\n\n.gray-dark-bg {\n background-color: #aaaaaa;\n}\n\n.gray-darker-bg {\n background-color: #757575;\n}\n\n.gray-darkest-bg {\n background-color: #333333;\n}\n\n.text-bg {\n background-color: rgba(0, 0, 0, 0.87);\n}\n\n.text-secondary-bg {\n background-color: rgba(0, 0, 0, 0.54);\n}\n\n.text-disabled-bg {\n background-color: rgba(0, 0, 0, 0.26);\n}\n\n.text-light-bg {\n background-color: rgb(255, 255, 255);\n}\n\n.text-light-secondary-bg {\n background-color: rgba(255, 255, 255, 0.7);\n}\n\n.text-light-disabled-bg {\n background-color: rgba(255, 255, 255, 0.5);\n}\n\n.selected-bg-bg {\n background-color: #f4fbfd;\n}\n\n.score-bg {\n background-color: #FFC107;\n}\n\n.body-bg {\n background-color: rgba(0, 0, 0, 0.87);\n}\n\n.body-bg-bg {\n background-color: #eeeeee;\n}\n\nmd-progress-circular.primary path {\n stroke: #1C8CA8;\n}\n\nmd-progress-circular.accent path {\n stroke: #F05843;\n}\n\nmd-progress-circular.accent-1 path {\n stroke: #795C3A;\n}\n\nmd-progress-circular.accent-2 path {\n stroke: #CAD266;\n}\n\nmd-progress-circular.warn path {\n stroke: #c62828;\n}\n\nmd-progress-circular.info path {\n stroke: #ef6c00;\n}\n\nmd-progress-circular.success path {\n stroke: #00C853;\n}\n\nmd-progress-circular.divider path {\n stroke: rgba(0, 0, 0, 0.12);\n}\n\nmd-progress-circular.gray-lightest path {\n stroke: #f7f7f7;\n}\n\nmd-progress-circular.gray-lighter path {\n stroke: #eeeeee;\n}\n\nmd-progress-circular.gray-light path {\n stroke: #dddddd;\n}\n\nmd-progress-circular.gray path {\n stroke: #cccccc;\n}\n\nmd-progress-circular.gray-dark path {\n stroke: #aaaaaa;\n}\n\nmd-progress-circular.gray-darker path {\n stroke: #757575;\n}\n\nmd-progress-circular.gray-darkest path {\n stroke: #333333;\n}\n\nmd-progress-circular.text path {\n stroke: rgba(0, 0, 0, 0.87);\n}\n\nmd-progress-circular.text-secondary path {\n stroke: rgba(0, 0, 0, 0.54);\n}\n\nmd-progress-circular.text-disabled path {\n stroke: rgba(0, 0, 0, 0.26);\n}\n\nmd-progress-circular.text-light path {\n stroke: rgb(255, 255, 255);\n}\n\nmd-progress-circular.text-light-secondary path {\n stroke: rgba(255, 255, 255, 0.7);\n}\n\nmd-progress-circular.text-light-disabled path {\n stroke: rgba(255, 255, 255, 0.5);\n}\n\nmd-progress-circular.selected-bg path {\n stroke: #f4fbfd;\n}\n\nmd-progress-circular.score path {\n stroke: #FFC107;\n}\n\nmd-progress-circular.body path {\n stroke: rgba(0, 0, 0, 0.87);\n}\n\nmd-progress-circular.body-bg path {\n stroke: #eeeeee;\n}\n\n.l-constrained {\n margin-left: auto;\n margin-right: auto;\n max-width: 100%;\n position: relative;\n}\n@media (min-width: 600px) {\n .l-constrained {\n width: 1280px;\n }\n}\n@media (min-width: 1920px) {\n .l-constrained {\n width: 1920px;\n }\n}\n\n.l-constrained-md {\n width: 960px;\n max-width: 100%;\n}\n\n.l-footer {\n position: fixed;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 1;\n background-color: #ffffff;\n border-top: 1px solid #eeeeee;\n}\n\n.button--footer {\n margin: 0;\n padding-top: 0;\n padding-bottom: 0;\n min-width: 0;\n display: flex;\n}\n\n.button--footer__element {\n padding-left: 8px;\n}\n\n.l-header {\n z-index: 3;\n}\n.l-header .logo {\n margin-left: 0 !important;\n height: 36px;\n width: 36px;\n vertical-align: middle;\n}\n.l-header .logo-link {\n min-width: auto;\n display: none;\n padding: 0 4px;\n margin-right: 12px;\n}\n@media only screen and (min-width: 600px) {\n .l-header .logo-link {\n display: block;\n }\n}\n.l-header .logo-link:hover, .l-header .logo-link:focus {\n border: 0 none;\n}\n@media only screen and (max-width: 599px) {\n .l-header .md-toolbar-tools h1, .l-header .md-toolbar-tools h2, .l-header .md-toolbar-tools h3 {\n font-size: 15px;\n }\n}\n\n.l-main {\n background-color: #eeeeee;\n}\n\n.l-main--with-toolbar {\n margin-top: 42px;\n}\n\n#content {\n transition: margin-top 0.5s;\n}\n\n.view-content {\n margin: 0 auto;\n padding: 8px;\n position: absolute;\n left: 0;\n right: 0;\n transition: opacity 500ms;\n}\n@media only screen and (min-width: 960px) {\n .view-content {\n padding: 16px;\n }\n}\n.view-content.ng-enter {\n opacity: 0;\n}\n.view-content .ng-enter-active {\n opacity: 1;\n transition-delay: 250ms;\n}\n.view-content.ng-leave-active, .view-content.ng-hide {\n opacity: 0;\n}\n.view-content.ng-hide-add, .view-content.ng-hide-add-active, .view-content.ng-hide-remove, .view-content.ng-hide-remove-active {\n opacity: 0;\n}\n\n.view-content--with-sidemenu {\n padding: 8px;\n}\n@media only screen and (min-width: 600px) {\n .view-content--with-sidemenu {\n margin-left: 54px;\n padding: 16px;\n }\n}\n\n@media only screen and (min-width: 600px) {\n [dir=rtl] .view-content--with-sidemenu {\n margin-left: auto;\n margin-right: 54px;\n }\n}\n\n.content-head {\n margin: 8px 0;\n}\n.content-head h1,\n.content-head h2,\n.content-head h3 {\n font-weight: 300;\n margin-top: 0;\n margin-bottom: 0;\n font-size: 36px;\n}\n@media only screen and (max-width: 959px) {\n .content-head h1,\n .content-head h2,\n .content-head h3 {\n font-size: 32px;\n text-align: center;\n }\n}\n\n@media only screen and (max-width: 959px) {\n .content-head__more {\n margin-top: 8px;\n }\n}\n\n.content-head__item,\nh2.content-head__item {\n margin: 0 8px;\n}\n.content-head__item .md-subhead,\nh2.content-head__item .md-subhead {\n padding-left: 4px;\n}\n@media only screen and (max-width: 959px) {\n .content-head__item .md-subhead,\n h2.content-head__item .md-subhead {\n display: block;\n padding-left: 0;\n }\n}\n.content-head__item md-icon,\nh2.content-head__item md-icon {\n vertical-align: text-bottom;\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n max-height: 500px;\n}\n\n.l-notebook {\n margin-top: 42px;\n background-color: #eeeeee !important;\n}\n\n.l-sidebar__header {\n background-color: #ffffff !important;\n color: #795C3A !important;\n}\n.l-sidebar__header md-select {\n color: rgba(0, 0, 0, 0.87);\n}\n\n.status-icon {\n margin: 0 4px;\n z-index: 1;\n vertical-align: bottom;\n}\n\n.md-button.status-icon {\n height: auto;\n width: auto;\n min-height: 0;\n line-height: inherit;\n margin: 0 4px;\n padding: 0;\n}\n\n.avatar--icon--alert {\n background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n font-size: 48px;\n margin: -4px 0 0 -4px;\n}\n\nmd-dialog {\n width: 600px;\n}\n\n.dialog--wide {\n width: 960px;\n}\n\n.dialog--wider {\n width: 1280px;\n}\n\n.help-bubble {\n border-radius: 4px;\n max-width: 320px;\n}\n@media (min-width: 600px) {\n .help-bubble {\n max-width: 552px;\n }\n}\n@media (min-width: 960px) {\n .help-bubble {\n max-width: 912px;\n }\n}\n@media (min-width: 1280px) {\n .help-bubble {\n max-width: 1232px;\n }\n}\n\n.help-bubble__title {\n border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n}\n\n.help-bubble___title__content {\n border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n padding: 0px 0 0 12px;\n background-color: #ef6c00;\n}\n.help-bubble___title__content .md-icon-button {\n margin-right: 0;\n padding-top: 0;\n padding-bottom: 0;\n}\n\n.help-bubble__content {\n overflow: auto;\n padding: 8px 12px;\n max-height: 480px;\n}\n\n.help-bubble__actions {\n border-bottom-left-radius: 4px;\n border-bottom-right-radius: 4px;\n}\n\n.input-container {\n padding-top: 12px;\n}\n\n.input-container--component {\n margin-bottom: 0;\n}\n\n.input-container--open-response.md-has-icon {\n padding-left: 0;\n}\n.input-container--open-response .md-errors-spacer {\n display: none;\n}\n\n.input-wrapper {\n position: relative;\n}\n\n.input-wrapper--focused .input--textarea__action md-icon {\n color: #1C8CA8;\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n padding: 8px;\n background-color: #f7f7f7;\n border: 1px solid #cccccc;\n margin-bottom: 8px;\n}\n.input--textarea:focus, .input-container textarea.input--textarea:focus {\n background-color: #ffffff;\n}\n.input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n color: rgba(0, 0, 0, 0.54);\n}\n\n.input-container textarea.input--textarea {\n width: 100%;\n}\n\n.input--textarea--disabled {\n color: rgba(0, 0, 0, 0.54);\n}\n\n.input--textarea__action {\n position: absolute;\n right: -4px;\n}\n.input--textarea__action[disabled] md-icon {\n color: rgba(0, 0, 0, 0.26) !important;\n}\n\n.input--textarea__action--notebook {\n top: 6px;\n}\n.input-wrapper--richtext .input--textarea__action--notebook {\n top: -7px;\n}\n\n.input--textarea__action--revision {\n bottom: 6px;\n}\n.input-wrapper--richtext .input--textarea__action--revision {\n bottom: -5px;\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n line-height: 1.2;\n color: rgba(0, 0, 0, 0.87);\n}\n.input-label.input-label--focused, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused {\n color: #1C8CA8;\n}\n\n.autocomplete input {\n text-overflow: ellipsis;\n overflow: hidden;\n word-wrap: none;\n font-weight: 500;\n color: rgba(0, 0, 0, 0.54);\n}\n\n@media only screen and (min-width: 600px) {\n .autocomplete--minwidth {\n min-width: 300px;\n }\n}\n@media only screen and (min-width: 960px) {\n .autocomplete--minwidth {\n min-width: 300px;\n }\n}\n\n.autocomplete--flat md-autocomplete-wrap {\n background-color: #ffffff;\n}\n.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n box-shadow: none;\n background-color: #eeeeee;\n}\n\n.select__header {\n height: 48px;\n}\n.select__header input {\n height: 100%;\n width: 100%;\n padding: 0 8px;\n outline: none;\n border: 0 none;\n font-size: 14px;\n font-weight: 500;\n}\n\n.table {\n max-width: 100%;\n width: auto;\n min-width: 100px;\n margin: 8px 0;\n}\n.table thead > tr > th,\n.table thead > tr > td,\n.table tbody > tr > th,\n.table tbody > tr > td,\n.table tfoot > tr > th,\n.table tfoot > tr > td {\n border: 1px solid #cccccc;\n padding: 6px;\n font-size: 15px;\n min-height: 32px;\n height: 32px;\n min-width: 32px;\n vertical-align: top;\n}\n.table td.inactive,\n.table th {\n background-color: #f7f7f7;\n opacity: 1;\n visibility: visible;\n}\n.table md-input-container {\n margin: 0;\n}\n.table .md-errors-spacer {\n display: none;\n}\n\n.table--student td.inactive {\n padding: 8px 10px;\n}\n\n.table--full-width {\n width: 100%;\n}\n\n.table--list {\n border: 0 none;\n border-collapse: collapse;\n background-color: #ffffff;\n max-width: 100%;\n overflow: auto;\n}\n.table--list th,\n.table--list td {\n padding: 0 4px;\n border: 0 none;\n}\n.table--list td {\n min-height: 56px;\n height: 56px;\n}\n.table--list tr.md-button {\n display: table-row;\n text-align: left;\n width: auto;\n text-transform: none;\n font-size: inherit;\n font-weight: normal;\n}\n\n.table--list__wrap {\n min-width: 600px;\n}\n\n@media only screen and (max-width: 959px) {\n .table-wrap-sticky {\n overflow-x: auto;\n }\n}\n\n.table--list__thead {\n font-size: 14px;\n font-weight: 700;\n}\n\n.table--list__thead__tr {\n height: 100%;\n margin: 0;\n}\n\n.table--list__thead__th {\n background-color: #757575;\n color: rgb(255, 255, 255);\n min-height: 42px;\n height: 42px;\n}\n\n.table--list__thead__link {\n color: #ffffff;\n text-transform: none;\n margin: 0;\n min-width: 0;\n white-space: normal;\n line-height: 1.4;\n width: 100%;\n}\n\n.table--list__thead__sort {\n margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n transform: rotate(180deg);\n}\n\n.td--wrap {\n min-width: 180px;\n white-space: normal;\n line-height: 1.2;\n}\n\n@media only screen and (max-width: 959px) {\n .td--max-width {\n max-width: 180px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n}\n\n.md-toolbar-tools {\n font-size: 18px;\n}\n.md-toolbar-tools .autocomplete {\n height: 36px;\n}\n.md-toolbar-tools .autocomplete md-autocomplete-wrap {\n height: 36px;\n}\n.md-toolbar-tools .autocomplete input {\n height: 36px;\n}\n\n.md-toolbar--wise {\n min-height: 42px;\n}\n.md-toolbar--wise .md-toolbar-tools {\n height: 42px;\n max-height: 42px;\n}\n.md-toolbar--wise .md-button.md-icon-button {\n height: 42px;\n line-height: 42px;\n width: 42px;\n}\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n padding: 0 8px;\n font-size: 15px;\n}\n\n.md-toolbar--sidenav {\n background-color: #333333 !important;\n}\n.md-toolbar--sidenav .md-toolbar-tools {\n font-size: 16px;\n font-weight: 500;\n}\n\n.toolbar {\n position: fixed;\n left: 0;\n right: 0;\n top: 52px;\n z-index: 3;\n}\n\n.toolbar__title {\n margin-left: 8px;\n font-size: 16px;\n font-weight: 500;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n margin: 0 4px;\n min-height: 32px;\n background-color: #f7f7f7;\n}\n.toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n height: 32px;\n text-align: left;\n}\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n text-align: right;\n}\n\n.toolbar__select--fixedwidth {\n width: 168px;\n}\n@media only screen and (min-width: 600px) {\n .toolbar__select--fixedwidth {\n width: 264px;\n }\n}\n@media only screen and (min-width: 960px) {\n .toolbar__select--fixedwidth {\n width: 432px;\n }\n}\n\n.list-item {\n background-color: #ffffff;\n border-bottom: 1px solid #eeeeee;\n}\n.list-item .md-subheader, .list-item.md-subheader {\n color: rgba(0, 0, 0, 0.87);\n background-color: #ffffff;\n}\n.list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n vertical-align: middle;\n}\n.list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n padding: 0;\n}\n.list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n margin-right: 8px;\n}\n.list-item .autocomplete {\n margin: 8px 0;\n}\n\n.list-item--info._md-button-wrap > div.md-button:first-child, .list-item--info .md-subheader-content {\n border-left: 4px solid #ef6c00 !important;\n margin-left: -4px;\n}\n\n.list-item--warn._md-button-wrap > div.md-button:first-child, .list-item--warn .md-subheader-content {\n border-left: 4px solid #c62828 !important;\n margin-left: -4px;\n}\n\n.list-item--expanded {\n border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n cursor: default;\n background-color: #f7f7f7;\n}\n\n.list-item--actions {\n padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n text-transform: none;\n width: 100%;\n padding: 8px 16px;\n margin: 0;\n white-space: normal;\n text-align: left;\n line-height: 1.4;\n}\n\n.user-list {\n font-size: 15px;\n}\n\n#nav {\n position: relative;\n}\n\n.nav {\n margin-bottom: 16px;\n}\n\n.nav-mask {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background-color: rgba(0, 0, 0, 0.25);\n z-index: 1;\n}\n.nav-mask.ng-hide {\n opacity: 0;\n}\n\n.nav-head {\n color: rgba(0, 0, 0, 0.54);\n font-weight: 500;\n}\n.nav-head md-icon {\n line-height: 20px;\n}\n\n.nav-contents--root {\n padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n background-color: #dddddd;\n padding: 8px;\n}\n\n.nav-contents--root {\n padding: 0;\n}\n\n.nav-contents__list {\n padding: 0;\n}\n@media (min-width: 600px) {\n .nav-contents__list {\n padding: 8px;\n }\n}\n\n.nav-item {\n transition: opacity 250ms ease-in-out;\n}\n.nav-item.prev md-list-item {\n background-color: #f4fbfd;\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.menu-progress {\n position: absolute;\n top: 10px;\n right: 12px;\n}\n.menu-progress path {\n stroke: #CAD266 !important;\n stroke-width: 2px;\n}\n\n[dir=rtl] .menu-progress {\n right: auto;\n left: 12px;\n}\n\n.menu-sidenav__item {\n font-weight: 700;\n font-size: 14px;\n}\n\n.menu-sidenav__icon {\n margin-top: 12px !important;\n margin-right: 12px !important;\n margin-left: 12px;\n}\n\n.active .menu-sidenav__icon, .active .menu-sidenav__item {\n color: #1C8CA8;\n}\n\n.menu-sidebar {\n position: absolute;\n top: 94px;\n bottom: 0;\n left: 0;\n background-color: #fff;\n width: 56px;\n overflow: hidden;\n padding: 8px 0;\n text-align: center;\n border-right: 1px solid #cccccc;\n}\n@media only screen and (max-width: 599px) {\n .menu-sidebar {\n display: none;\n }\n}\n\n[dir=rtl] .menu-sidebar {\n right: 0;\n left: auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n margin-top: 6px;\n margin-bottom: 6px;\n}\n\n.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#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.node-content__actions .md-button:first-child {\n margin-left: 0;\n}\n.node-content__actions .md-button:last-child {\n margin-right: 0;\n}\n\n.node-content__actions__info {\n font-style: italic;\n margin-left: 8px;\n color: rgba(0, 0, 0, 0.54);\n}\n\n.node-content__actions__more {\n border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav:first-of-type {\n margin-right: 0;\n}\n\n@media only screen and (min-width: 600px) {\n .node-sidebar-active {\n margin-right: 68px;\n }\n}\n\n@media only screen and (max-width: 599px) {\n .node-sidebar-visible {\n margin-bottom: 42px;\n }\n}\n\n.node-sidebar {\n position: absolute;\n right: 0;\n top: 0;\n width: 52px;\n}\n\n.node-sidebar__toolbar {\n position: fixed;\n width: 52px;\n background-color: #ffffff;\n padding: 8px 0;\n border-radius: 3px;\n}\n@media only screen and (max-width: 599px) {\n .node-sidebar__toolbar {\n right: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n border-radius: 0;\n padding: 0;\n min-height: 0;\n height: 42px;\n }\n}\n\n.node__label--vertical-alignment {\n vertical-align: middle;\n display: inline-block;\n}\n\nnotebook-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: 12px;\n left: -18px;\n height: 22px;\n line-height: 22px;\n font-size: 12px;\n font-weight: 700;\n border: 2px solid;\n}\n.notification-count:before {\n content: \"\";\n position: absolute;\n right: -7px;\n top: 6px;\n border-left: 6px solid rgba(255, 255, 255, 0.87);\n border-top: 4px solid transparent;\n border-bottom: 4px solid transparent;\n}\n\n.notification-list {\n padding: 8px 0;\n}\n\n.notification-dismiss {\n width: 500px;\n}\n\n.notification-dismiss__input {\n margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source {\n color: rgba(0, 0, 0, 0.54);\n font-size: 12px;\n}\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon {\n font-size: 18px;\n min-width: 0;\n width: auto;\n margin-left: -4px;\n line-height: 20px;\n}\n\n.account-menu {\n border-radius: 4px;\n padding: 0;\n font-size: 15px;\n max-width: 380px;\n}\n@media (min-width: 1280px) {\n .account-menu {\n min-width: 380px !important;\n }\n}\n.account-menu h3 {\n margin: 0;\n font-weight: 300;\n}\n.account-menu .mat-mdc-menu-content {\n padding: 0;\n}\n\n.account-menu--fixed-height {\n height: 304px;\n}\n\n.account-menu--fixed-width {\n width: 320px;\n}\n@media (min-width: 960px) {\n .account-menu--fixed-width {\n width: 380px;\n }\n}\n\n.account-menu__icon {\n background-color: rgb(255, 255, 255);\n border-radius: 50%;\n}\n\n.account-menu__caret {\n position: absolute;\n right: 28px;\n top: -8px;\n outline: none;\n}\n.account-menu__caret:before {\n content: \"\";\n position: absolute;\n border-bottom: 8px solid #fff;\n border-left: 8px solid transparent;\n border-right: 8px solid transparent;\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n right: 132px;\n}\n\n[dir=rtl] .account-menu__caret {\n right: auto;\n left: 28px;\n}\n[dir=rtl] .account-menu__caret--pause, [dir=rtl] .account-menu__caret--notification {\n left: 80px;\n right: auto;\n}\n[dir=rtl] .account-menu__caret--notification--with-pause {\n left: 132px;\n right: auto;\n}\n\n.account-menu__info {\n padding: 8px 12px;\n}\n\n.account-menu__info__title {\n font-weight: 500;\n}\n\n.account-menu__info__team {\n font-weight: 400;\n color: rgba(0, 0, 0, 0.54);\n}\n\n.account-menu__users {\n padding: 0;\n}\n.account-menu__users md-list-item {\n padding: 0;\n}\n.account-menu__users md-list-item .md-avatar {\n margin: 0 8px 0 0;\n height: 48px;\n width: 48px;\n}\n\n.account-menu__actions {\n background-color: #f7f7f7;\n}\n\n.account-menu__control {\n padding: 16px;\n}\n\n.annotations {\n margin: 16px 4px 16px 62px;\n position: relative;\n font-size: 15px;\n}\n.annotations hr {\n margin: 10px 0 8px;\n border-color: rgba(0, 0, 0, 0.12);\n}\n.annotations:after {\n content: \"\";\n position: absolute;\n width: 0;\n height: 0;\n left: -15px;\n right: auto;\n top: -1px;\n bottom: auto;\n border-top: 20px solid transparent;\n border-bottom: 20px solid transparent;\n border-right: 16px solid #757575;\n}\n\n.annotations-container--student--report {\n border-top: 1px solid #dddddd;\n}\n\n.annotations--report {\n margin-top: 0;\n margin-bottom: 0;\n}\n\n.annotations__header {\n position: relative;\n border-top-right-radius: 4px;\n padding: 10px 12px;\n font-weight: 700;\n transition: all 1s;\n color: #ffffff;\n background-color: #757575;\n}\n\n.annotations__avatar {\n background-color: #F05843;\n padding: 2px;\n position: absolute;\n top: 0;\n left: -62px;\n}\n\n.annotations__icon {\n transition: all 1s;\n color: #ffffff;\n}\n\n.annotations__body {\n padding: 12px;\n background-color: #ffffff;\n border-bottom-left-radius: 4px;\n border-bottom-right-radius: 4px;\n overflow: auto;\n}\n\n.annotations__status {\n background-color: #ffffff;\n color: #ef6c00;\n display: inline-block;\n margin-left: 8px;\n font-size: 12px;\n}\n.annotations__status.ng-enter, .annotations__status.ng-leave {\n transition: all 1s;\n}\n.annotations__status.ng-enter, .annotations__status.ng-leave.ng-leave-active {\n opacity: 0;\n}\n.annotations__status.ng-leave, .annotations__status.ng-enter.ng-enter-active {\n opacity: 1;\n}\n\n.annotations__score {\n font-weight: 700;\n}\n\n.annotations__info {\n font-style: italic;\n opacity: 0.8;\n border-bottom: 1px dotted;\n font-size: 13px;\n}\n\n.annotations--inside .annotations {\n margin-left: 72px;\n}\n\n.annotations--info {\n margin-bottom: 32px;\n margin-right: 8px;\n margin-left: 72px;\n}\n@media only screen and (min-width: 600px) {\n .annotations--info {\n margin: 16px 16px 32px 76px;\n }\n}\n.annotations--info:after {\n border-right: 16px solid #ef6c00;\n}\n.annotations--info .annotations__avatar {\n background-color: #ffffff;\n}\n.annotations--info .annotations__header {\n background-color: #ef6c00;\n}\n\n.component {\n position: relative;\n}\n\n.component__wrapper {\n padding: 0 24px;\n margin: 24px 0;\n}\n\n.component__content {\n overflow-x: auto;\n font-size: 15px;\n overflow-y: hidden;\n}\n@media only screen and (min-width: 600px) {\n .component__content {\n padding: 0 8px;\n }\n}\n\nh3.component__header {\n padding: 8px 12px;\n margin: 0;\n font-size: 14px;\n}\n\n.component__rubric {\n position: absolute;\n left: -20px;\n top: 12px;\n}\n\n.notebook-enabled .component_content img {\n transition: all 250ms;\n cursor: pointer;\n cursor: copy;\n}\n.notebook-enabled .component_content img:hover, .notebook-enabled .component_content img:focus {\n box-shadow: 0 0 5px 1px #F05843;\n}\n\n.component__actions .md-button:first-child {\n margin-left: 0;\n}\n.component__actions .md-button:last-child {\n margin-right: 0;\n}\n\n.component__actions__info {\n font-style: italic;\n margin-left: 8px;\n color: rgba(0, 0, 0, 0.54);\n font-weight: 400;\n}\n\n.component__actions__more {\n border-bottom: 1px dotted;\n}\n\n.component__prompt {\n margin-bottom: 8px;\n font-weight: 500;\n}\n\n.component__prompt__content {\n display: inline;\n}\n\n.component__attachment {\n position: relative;\n margin: 0 8px;\n padding-bottom: 8px;\n}\n@media only screen and (min-width: 600px) {\n .component__attachment {\n padding-top: 8px;\n }\n}\n\n@media only screen and (max-width: 599px) {\n .component__add-attachment {\n width: 100%;\n }\n}\n\n.component__attachment__content {\n max-height: 100px;\n width: auto;\n}\n\n.component__attachment__delete {\n position: absolute;\n top: 0;\n right: 0;\n 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 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.graph-select {\n min-width: 150px;\n max-width: 200px;\n}\n\n.graph-controls {\n margin: 8px 0;\n padding: 8px 0;\n border: 1px solid #eeeeee;\n border-left-width: 0;\n border-right-width: 0;\n}\n\n.outside-content iframe {\n border: 1px solid #eeeeee;\n}\n\n.outside-content__source {\n margin-top: 4px;\n text-align: end;\n}\n.outside-content__source a {\n max-width: 240px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n display: inline-block;\n}\n\n.notebook-toolbar md-divider {\n margin: 8px 0;\n}\n@media only screen and (max-width: 959px) {\n .notebook-toolbar {\n border-top: 1px solid #dddddd;\n }\n}\n\n.notebook-toolbar__add-menu {\n position: absolute;\n bottom: 40px;\n}\n.notebook-toolbar__add-menu .md-fab-action-item {\n background-color: #ffffff;\n}\n\n.notebook-toolbar__add-icon {\n border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n float: right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n float: left;\n}\n\nhighchart {\n display: block;\n}","// Colors\n$_primary-color: #1C8CA8; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 59%);\n\n$color: (\n 'primary': $_primary-color,\n 'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n 'accent-1': #795C3A,\n 'accent-2': #CAD266,\n 'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n 'info': #ef6c00,\n 'success': #00C853,\n 'divider': rgba(0, 0, 0, 0.12),\n 'gray-lightest': #f7f7f7,\n 'gray-lighter': #eeeeee,\n 'gray-light': #dddddd,\n 'gray': #cccccc,\n 'gray-dark': #aaaaaa,\n 'gray-darker': #757575,\n 'gray-darkest': #333333,\n 'text': rgba(0, 0, 0, 0.87),\n 'text-secondary': rgba(0, 0, 0, 0.54),\n 'text-disabled': rgba(0, 0, 0, 0.26),\n 'text-light': rgba(255, 255, 255, 1),\n 'text-light-secondary': rgba(255, 255, 255, 0.70),\n 'text-light-disabled': rgba(255, 255, 255, 0.50),\n 'selected-bg': $_selected-bg,\n 'score': #FFC107\n);\n\n$body-color: (\n 'body': map-get($color, 'text'),\n 'body-bg': map-get($color, 'gray-lighter')\n);\n\n$colors: (map-merge($color, $body-color));\n\n// Typography\n$baseline-grid: 8px;\n$body-font-size-base: rem(1.500);\n$caption-font-size-base: rem(1.300);\n\n// Layout\n$wise-toolbar-height: 42px;\n\n// Menus\n$menu-border-radius: 2px;\n$max-visible-items: 6;\n$menu-item-height: 6 * $baseline-grid !default;\n$dense-menu-item-height: 4 * $baseline-grid !default;\n$max-menu-height: 2 * $baseline-grid + $max-visible-items * $menu-item-height !default;\n$max-dense-menu-height: 2 * $baseline-grid + $max-visible-items * $dense-menu-item-height !default;\n\n// Cards\n$card-border-radius: 4px;\n\n// Buttons\n$button-border-radius: 3px;\n","// 1. Config\n\n// 2. Base\n.l-constrained {\n margin-left: auto;\n margin-right: auto;\n max-width: 100%;\n position: relative;\n\n @media (min-width: $layout-breakpoint-xs) {\n width: $layout-breakpoint-md;\n }\n\n @media (min-width: $layout-breakpoint-lg) {\n width: $layout-breakpoint-lg;\n }\n}\n\n.l-constrained-md {\n width: $layout-breakpoint-sm;\n max-width: 100%;\n}\n","// 1. Config\n\n// 2. Base\n.l-footer {\n position: fixed;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 1;\n background-color: #ffffff;\n border-top: 1px solid color('gray-lighter');\n}\n\n// Buttons\n.button--footer {\n margin: 0;\n padding-top: 0;\n padding-bottom: 0;\n min-width: 0;\n display: flex;\n}\n\n.button--footer__element {\n padding-left: 8px;\n}\n","// 1. Config\n\n// 2. Base\n.l-header {\n z-index: 3;\n\n .logo {\n margin-left: 0 !important;\n height: 36px;\n width: 36px;\n vertical-align: middle;\n }\n\n .logo-link {\n min-width: auto;\n display: none;\n padding: 0 4px;\n margin-right: 12px;\n\n @media only screen and (min-width: ($layout-breakpoint-xs)) {\n display: block;\n }\n\n &:hover, &:focus {\n border: 0 none;\n }\n }\n\n // Handle mobile portrait\n @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n .md-toolbar-tools {\n h1, h2, h3 {\n font-size: $body-font-size-base;\n }\n }\n }\n}\n","// 1. Config\n\n// 2. Base\n.l-main {\n background-color: color('body-bg');\n}\n\n.l-main--with-toolbar {\n margin-top: $wise-toolbar-height;\n}\n\n#content {\n transition: margin-top 0.5s;\n}\n\n.view-content {\n margin: 0 auto;\n padding: 8px;\n position: absolute;\n left: 0;\n right: 0;\n transition: opacity 500ms;\n\n @media only screen and (min-width: $layout-breakpoint-sm) {\n padding: 16px;\n }\n\n &.ng-enter {\n opacity: 0;\n }\n\n .ng-enter-active {\n opacity: 1;\n transition-delay: 250ms;\n }\n\n &.ng-leave-active,\n &.ng-hide {\n opacity: 0;\n }\n\n &.ng-hide-add,\n &.ng-hide-add-active,\n &.ng-hide-remove,\n &.ng-hide-remove-active {\n opacity: 0;\n }\n}\n\n.view-content--with-sidemenu {\n padding: 8px;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n margin-left: 54px;\n padding: 16px;\n }\n}\n[dir='rtl'] .view-content--with-sidemenu {\n @media only screen and (min-width: $layout-breakpoint-xs) {\n margin-left: auto;\n margin-right: 54px;\n }\n}\n\n.content-head {\n margin: 8px 0;\n\n h1,\n h2,\n h3 {\n font-weight: 300;\n margin-top: 0;\n margin-bottom: 0;\n font-size: rem(3.6);\n\n @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n font-size: rem(3.2);\n text-align: center;\n }\n }\n}\n\n.content-head__more {\n @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n margin-top: 8px;\n }\n}\n\n.content-head__item,\nh2.content-head__item {\n margin: 0 8px;\n\n .md-subhead {\n padding-left: 4px;\n\n @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n display: block;\n padding-left: 0;\n }\n }\n\n md-icon {\n vertical-align: text-bottom;\n }\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n max-height: 500px;\n}\n","// 1. Config\n\n// 2. Base\n.l-notebook {\n margin-top: $wise-toolbar-height;\n background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-sidebar {\n\n}\n\n.l-sidebar__header {\n background-color: #ffffff !important;\n color: color('accent-1') !important;\n\n md-select {\n color: color('body');\n }\n}",".status-icon {\n margin: 0 4px;\n z-index: 1;\n vertical-align: bottom;\n}\n\n.md-button.status-icon {\n height: auto;\n width: auto;\n min-height: 0;\n line-height: inherit;\n margin: 0 4px;\n padding: 0;\n}\n\n.avatar--icon--alert {\n background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n font-size: 48px;\n margin: -4px 0 0 -4px;\n}\n","md-dialog {\n width: $layout-breakpoint-xs;\n}\n\n.dialog--wide {\n width: $layout-breakpoint-sm;\n}\n\n.dialog--wider {\n width: $layout-breakpoint-md;\n}\n",".help-bubble {\n border-radius: $card-border-radius;\n max-width: 320px;\n\n @media (min-width: $layout-breakpoint-xs) {\n max-width: ($layout-breakpoint-xs - 48);\n }\n\n @media (min-width: $layout-breakpoint-sm) {\n max-width: ($layout-breakpoint-sm - 48);\n }\n\n @media (min-width: $layout-breakpoint-md) {\n max-width: ($layout-breakpoint-md - 48);\n }\n}\n\n.help-bubble__title {\n border-top-left-radius: $card-border-radius;\n border-top-right-radius: $card-border-radius;\n}\n\n.help-bubble___title__content {\n border-top-left-radius: $card-border-radius;\n border-top-right-radius: $card-border-radius;\n padding: 0px 0 0 12px;\n background-color: color('info');\n\n .md-icon-button {\n margin-right: 0;\n padding-top: 0;\n padding-bottom: 0;\n }\n}\n\n.help-bubble__content {\n overflow: auto;\n padding: 8px 12px;\n max-height: 480px;\n}\n\n.help-bubble__actions {\n border-bottom-left-radius: $card-border-radius;\n border-bottom-right-radius: $card-border-radius;\n}\n","// Variables\n$input-action-width: 44px;\n$input-action-vertical-offset: 6px;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n.input-container {\n padding-top: 12px;\n}\n\n.input-container--component {\n margin-bottom: 0;\n}\n\n.input-container--open-response {\n &.md-has-icon {\n padding-left: 0;\n }\n\n .md-errors-spacer {\n display: none;\n }\n}\n\n.input-wrapper {\n position: relative;\n}\n\n.input-wrapper--focused {\n .input--textarea__action md-icon {\n color: color('primary');\n }\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n padding: 8px;\n background-color: color('gray-lightest');\n border: 1px solid color('gray');\n margin-bottom: 8px;\n\n &:focus {\n background-color: #ffffff;\n }\n\n &[disabled] {\n color: color('text-secondary');\n }\n}\n\n.input-container textarea.input--textarea {\n width: 100%;\n}\n\n.input--textarea--disabled {\n color: color('text-secondary');\n}\n\n.input--textarea__action {\n position: absolute;\n right: -4px;\n\n &[disabled] md-icon {\n color: color('text-disabled') !important;\n }\n}\n\n.input--textarea__action--notebook {\n top: $input-action-vertical-offset;\n\n .input-wrapper--richtext & {\n top: $input-action-vertical-offset-richtext\n }\n}\n\n.input--textarea__action--revision {\n bottom: $input-action-vertical-offset;\n\n .input-wrapper--richtext & {\n bottom: ($input-action-vertical-offset-richtext + 2px);\n }\n\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n line-height: 1.2;\n color: color('text');\n\n &.input-label--focused {\n color: color('primary');\n }\n}\n\n.autocomplete {\n input {\n text-overflow: ellipsis;\n overflow: hidden;\n word-wrap: none;\n font-weight: 500;\n color: color('text-secondary');\n }\n}\n\n.autocomplete--minwidth {\n @media only screen and (min-width: $layout-breakpoint-xs) {\n min-width: 300px;\n }\n\n @media only screen and (min-width: $layout-breakpoint-sm) {\n min-width: 300px;\n }\n}\n\n.autocomplete--flat {\n md-autocomplete-wrap {\n background-color: #ffffff;\n\n &:not(.md-menu-showing) {\n box-shadow: none;\n background-color: color('gray-lighter');\n }\n }\n}\n\n.select__header {\n height: $menu-item-height;\n\n input {\n height: 100%;\n width: 100%;\n padding: 0 8px;\n outline: none;\n border: 0 none;\n font-size: rem(1.4);\n font-weight: 500;\n }\n}\n",".table {\n max-width: 100%;\n width: auto;\n min-width: 100px;\n margin: 8px 0;\n\n thead,\n tbody,\n tfoot {\n // TODO: remove chaining when bootstrap dependency is removed\n > tr > th,\n > tr > td {\n border: 1px solid color('gray');\n padding: 6px;\n font-size: rem(1.5);\n min-height: 32px;\n height: 32px;\n min-width: 32px;\n vertical-align: top;\n }\n }\n\n td.inactive,\n th {\n background-color: color('gray-lightest');\n opacity: 1;\n visibility: visible;\n }\n\n md-input-container {\n margin: 0;\n }\n\n .md-errors-spacer {\n display: none;\n }\n}\n\n.table--student {\n td {\n &.inactive {\n padding: 8px 10px;\n }\n }\n}\n\n.table--full-width {\n width: 100%;\n}\n\n.table--list {\n border: 0 none;\n border-collapse: collapse;\n background-color: #ffffff;\n max-width: 100%;\n overflow: auto;\n\n th,\n td {\n padding: 0 4px;\n border: 0 none;\n }\n\n td {\n min-height: 56px;\n height: 56px;\n }\n\n tr {\n &.md-button {\n display: table-row;\n text-align: left;\n width: auto;\n text-transform: none;\n font-size: inherit;\n font-weight: normal;\n }\n }\n}\n\n.table--list__wrap {\n min-width: $layout-breakpoint-xs;\n}\n\n.table-wrap-sticky {\n @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n overflow-x: auto;\n }\n}\n\n.table--list__thead {\n font-size: rem(1.4);\n font-weight: 700;\n}\n\n.table--list__thead__tr {\n height: 100%;\n margin: 0;\n}\n\n.table--list__thead__th {\n background-color: color('gray-darker');\n color: color('text-light');\n min-height: $wise-toolbar-height;\n height: $wise-toolbar-height;\n}\n\n.table--list__thead__link {\n color: #ffffff;\n text-transform: none;\n margin: 0;\n min-width: 0;\n white-space: normal;\n line-height: 1.4;\n width: 100%;\n}\n\n.table--list__thead__sort {\n margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n transform: rotate(180deg);\n}\n\n.td--wrap {\n min-width: 180px;\n white-space: normal;\n line-height: 1.2;\n}\n\n.td--max-width {\n @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n max-width: 180px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n}\n",".md-toolbar-tools {\n font-size: 18px;\n\n .autocomplete {\n height: 36px;\n\n md-autocomplete-wrap {\n height: 36px;\n }\n\n input {\n height: 36px;\n }\n }\n}\n\n.md-toolbar--wise {\n min-height: $wise-toolbar-height;\n\n .md-toolbar-tools {\n height: $wise-toolbar-height;\n max-height: $wise-toolbar-height;\n }\n\n .md-button.md-icon-button {\n height: $wise-toolbar-height;\n line-height: $wise-toolbar-height;\n width: $wise-toolbar-height;\n }\n}\n\n.md-toolbar--wise--sm {\n .md-toolbar-tools {\n padding: 0 8px;\n font-size: $body-font-size-base;\n }\n}\n\n.md-toolbar--sidenav {\n background-color: color('gray-darkest') !important;\n\n .md-toolbar-tools {\n font-size: rem(1.6);\n font-weight: 500;\n }\n}\n\n.toolbar {\n position: fixed;\n left: 0;\n right: 0;\n top: $md-toolbar-height;\n z-index: 3;\n}\n\n.toolbar__title {\n margin-left: 8px;\n font-size: rem(1.6);\n font-weight: 500;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n margin: 0 4px;\n min-height: 32px;\n background-color: color('gray-lightest');\n\n .md-select-value {\n height: 32px;\n text-align: left;\n }\n}\n[dir=rtl] {\n .toolbar__select, .md-button.toolbar__select {\n .md-select-value {\n text-align: right;\n }\n }\n}\n\n.toolbar__select--fixedwidth {\n width: 168px;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n width: 264px;\n }\n\n @media only screen and (min-width: $layout-breakpoint-sm) {\n width: 432px;\n }\n}\n","// Helpers\n@function rem($multiplier) {\n $font-size: 10px;\n @return $multiplier * $font-size;\n}\n\n// Angular Material variables for use and !default overrides\n$md-toolbar-height: 52px;\n$md-toolbar-medium-tall-height: 74px;\n$md-toolbar-tall-height: 104px;\n$md-toolbar-height-mobile-portrait: 52px;\n$md-toolbar-height-mobile-landscape: 52px;\n\n$caption-font-size-base: rem(1.300);\n\n//$list-item-height: 56px;\n\n$card-border-radius: 4px;\n\n$layout-breakpoint-xs: 600px;\n$layout-breakpoint-sm: 960px;\n$layout-breakpoint-md: 1280px;\n$layout-breakpoint-lg: 1920px;\n\n$button-border-radius: 3px;\n\n$tooltip-fontsize-lg: rem(1.1);\n$tooltip-fontsize-sm: rem(1.1);\n//$tooltip-height-lg: rem(2.2);\n$tooltip-height-sm: rem(2.2);\n//$tooltip-top-margin-lg: rem(1.4);\n$tooltip-top-margin-sm: rem(1.4);\n//$tooltip-lr-padding-lg: rem(0.8);\n$tooltip-lr-padding-sm: rem(0.8);\n//$tooltip-max-width: rem(3.20);\n\n$progress-linear-bar-height: 7px;\n",".list-item {\n background-color: #ffffff;\n border-bottom: 1px solid color('gray-lighter');\n\n .md-subheader, &.md-subheader {\n color: color('text');\n background-color: #ffffff;\n\n md-icon {\n vertical-align: middle;\n }\n\n .md-subheader-inner {\n padding: 0;\n }\n\n .md-avatar {\n margin-right: 8px;\n }\n }\n\n .autocomplete {\n margin: 8px 0;\n }\n}\n\n.list-item--info {\n &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n border-left: 4px solid color('info') !important;\n margin-left: -4px;\n }\n}\n\n.list-item--warn {\n //background-color: lighten(color('warn'), 56%);\n\n &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n border-left: 4px solid color('warn') !important;\n margin-left: -4px;\n }\n}\n\n.list-item--expanded {\n border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n cursor: default;\n background-color: color('gray-lightest');\n}\n\n.list-item--actions {\n padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n text-transform: none;\n width: 100%;\n padding: 8px 16px;\n margin: 0;\n white-space: normal;\n text-align: left;\n line-height: 1.4;\n}\n\n.user-list {\n font-size: rem(1.5);\n}\n","#nav {\n position: relative;\n}\n\n.nav {\n margin-bottom: 16px;\n}\n\n.nav-mask {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background-color: rgba(0,0,0,0.25);\n z-index: 1;\n\n &.ng-hide {\n opacity: 0;\n }\n}\n\n.nav-head {\n color: color('text-secondary');\n font-weight: 500;\n\n md-icon {\n line-height: 20px;\n }\n}\n\n.nav-contents--root {\n padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n background-color: color('gray-light');\n padding: 8px;\n}\n\n.nav-contents--root {\n padding: 0;\n}\n\n.nav-contents__list {\n padding: 0;\n\n @media (min-width: $layout-breakpoint-xs) {\n padding: 8px;\n }\n}\n\n.nav-item {\n transition: opacity 250ms ease-in-out;\n\n &.prev {\n md-list-item {\n background-color: color('selected-bg');\n\n /*&._md-button-wrap>div.md-button:first-child {\n border-left: 4px solid color('primary');\n margin-left: -4px;\n }*/\n }\n }\n}\n\n.nav-item--card__content {\n border-top-right-radius: $card-border-radius;\n border-top-left-radius: $card-border-radius;\n\n &:focus {\n outline: none;\n\n .nav-item__title > span {\n border-bottom: 1px dashed color('gray');\n }\n }\n}\n\n.nav-item--root {\n transition: margin 250ms, box-shadow 500ms;\n\n &.expanded {\n flex-basis: 100%;\n //max-width: ($layout-breakpoint-md - 100) !important;\n max-width: 100%;\n max-height: none !important;\n margin: 8px auto;\n\n &:first-of-type {\n margin-top: 0;\n }\n\n //@media only screen and (min-width: $layout-breakpoint-sm) {\n //margin: 8px auto;\n //}\n }\n}\n\n//.nav-item--list {\n//}\n\n.nav-item--list__info-item {\n padding: 0 16px 0 4px;\n display: inline-block;\n}\n\n.nav-item--list__reorder {\n margin-left: 8px;\n color: color('text-disabled');\n}\n\n.nav-item--card {\n\n}\n\n.nav-item--card--group {\n &:not(.expanded) {\n box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098),\n 0px 1px 5px 0px rgba(0, 0, 0, 0.084), 3px 3px 0px 1px #d5d5d5, 6px 6px 0px 1px #aaaaaa;\n }\n}\n\n.nav-item__collapse {\n margin: 0;\n}\n\n.nav-item__more {\n border-top: 1px solid color('gray-light');\n border-bottom-right-radius: $card-border-radius;\n border-bottom-left-radius: $card-border-radius;\n padding: 8px 16px;\n min-height: 40px;\n}\n\n.nav-item__users {\n height: auto;\n cursor: pointer;\n color: #ffffff;\n margin: 0;\n padding: 1px 6px;\n\n > md-icon {\n padding-right: 4px;\n color: #ffffff;\n }\n\n &:hover, &:focus {\n &.success-bg {\n background-color: color('success');\n }\n }\n}\n\n.nav-item__title {\n padding-left: 16px;\n line-height: 1.2;\n font-weight: 400;\n}\n[dir=rtl] .nav-item__title {\n padding-left: auto;\n padding-right: 16px;\n}\n\n.nav-item__info {\n padding: 0 8px;\n}\n\n.nav-item__progress {\n width: 48px;\n\n > .md-container {\n top: 0;\n }\n}\n\n.nav-item__progress-value {\n margin-left: 8px;\n width: 36px;\n}\n\n.progress-wrapper {\n padding: 2px 0;\n cursor: pointer;\n}\n","// 1. Variables\n$menu-sidebar-width: 56px;\n\n// 2. Base\n.menu-progress {\n position: absolute;\n top: 10px;\n right: 12px;\n\n path {\n stroke: color('accent-2') !important;\n stroke-width: 2px;\n }\n}\n[dir=rtl] .menu-progress {\n right:auto;\n left:12px;\n}\n\n.menu-sidenav {\n\n}\n\n.menu-sidenav__item {\n font-weight: 700;\n //color: color('text-secondary');\n font-size: rem(1.4);\n}\n\n.menu-sidenav__icon {\n margin-top: 12px !important;\n margin-right: 12px !important;\n margin-left: 12px;\n}\n\n.active {\n .menu-sidenav__icon, .menu-sidenav__item {\n color: color('primary');\n }\n}\n\n.menu-sidebar {\n position: absolute;\n top: $wise-toolbar-height + $md-toolbar-height;\n bottom: 0;\n left: 0;\n background-color: #fff;\n width: $menu-sidebar-width;\n overflow: hidden;\n padding: 8px 0;\n text-align: center;\n border-right: 1px solid color('gray');\n\n @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n display: none;\n }\n}\n[dir=rtl] .menu-sidebar {\n right:0;\n left:auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n margin-top: 6px;\n margin-bottom: 6px;\n}\n",".notice {\n text-align: center;\n padding: 8px;\n background-color: rgba(0,0,0,0.04);\n width: 100%;\n\n @media (min-width: $layout-breakpoint-xs) {\n max-width: 80%;\n border-radius: $button-border-radius;\n margin: 24px auto;\n }\n}","// Variables\n$input-action-width: 48px;\n$input-action-vertical-offset: 0;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n#node {\n margin: 0 auto;\n position: absolute;\n left: 0;\n right: 0;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n padding: 8px;\n padding: 24px 16px;\n margin-bottom: 32px;\n }\n\n @media only screen and (min-width: $layout-breakpoint-sm) {\n padding: 32px;\n }\n\n &.ng-enter {\n transition: opacity .5s;\n opacity: 0;\n }\n\n &.ng-enter-active {\n opacity: 1;\n }\n}\n\n// TODO: use BEM conventions\n\n.node-notice {\n @media only screen and (min-width: $layout-breakpoint-xs) {\n margin-top: -8px;\n margin-bottom: 16px;\n }\n\n @media only screen and (min-width: $layout-breakpoint-sm) {\n margin-top: -16px;\n }\n}\n\n.node-content {\n padding: 0 0 48px;\n background-color: #ffffff;\n border-radius: $button-border-radius;\n overflow: visible;\n\n @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n box-shadow: none;\n }\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n padding: 0;\n border-top: 2px solid;\n border-bottom: 2px solid;\n }\n}\n\nmd-content {\n &.node-content {\n background-color: #ffffff;\n }\n}\n\n.node-content__rubric {\n position: absolute;\n top: -22px;\n left: 0;\n right: 0;\n z-index: 1;\n\n .avatar--icon {\n transform: scale(0.94);\n\n @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n transform: scale(0.8);\n }\n }\n}\n\n.node-icon {\n color: #ffffff;\n vertical-align: inherit;\n}\n\n.node-select {\n margin: 0 8px;\n min-width: 0;\n font-weight: 500;\n font-size: $body-font-size-base;\n\n .md-select-value {\n *:first-child {\n transform: translate3d(0,0,0);\n flex: 1 0 0;\n }\n\n .node-select__icon {\n display: none;\n }\n\n .node-select__status {\n display: none;\n }\n }\n\n .md-select-icon {\n margin-left: 0;\n color: color('text');\n }\n}\n\n.node-select-option--group {\n //color: rgba(0,0,0,0.54);\n background-color: color('gray-lightest');\n border-bottom: 1px solid color('gray-lighter');\n border-top: 1px solid color('gray-lighter');\n}\n\n.node-select-option--node {\n padding-left: 20px;\n}\n\n.node-select__icon {\n margin-right: 8px;\n}\n\n.node-select__status {\n margin-left: 8px;\n}\n\n.node-select__text {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n margin-top: 2px;\n }\n}\n\n.node-title {\n line-height: 1.2;\n text-transform: none;\n margin-top: 3px;\n\n @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n font-size: $body-font-size-base;\n }\n}\n\n.node-content__actions {\n padding: 0 16px 16px;\n\n @media only screen and (min-width: $layout-breakpoint-sm) {\n padding: 0 24px 24px;\n }\n\n .md-button:first-child {\n margin-left: 0;\n }\n\n .md-button:last-child {\n margin-right: 0;\n }\n}\n\n.node-content__actions__info {\n font-style: italic;\n margin-left: 8px;\n color: color('text-secondary');\n}\n\n.node-content__actions__more {\n border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav {\n &:not(:first-of-type) {\n }\n\n &:first-of-type {\n margin-right: 0;\n }\n}\n\n.node-sidebar-active {\n @media only screen and (min-width: $layout-breakpoint-xs) {\n margin-right: ($md-toolbar-height + 16);\n }\n}\n\n.node-sidebar-visible {\n @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n margin-bottom: $wise-toolbar-height;\n }\n}\n\n.node-sidebar {\n position: absolute;\n right: 0;\n top: 0;\n width: $md-toolbar-height;\n}\n\n.node-sidebar__toolbar {\n position: fixed;\n width: $md-toolbar-height;\n background-color: #ffffff;\n padding: 8px 0;\n border-radius: $button-border-radius;\n\n @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n right: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n border-radius: 0;\n padding: 0;\n min-height: 0;\n height: $wise-toolbar-height;\n }\n}\n\n.node__label--vertical-alignment {\n vertical-align: middle;\n display: inline-block;\n}\n","// Variables\n$notebook-sidebar-width: 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: 12px;\n left: -18px;\n height: 22px;\n line-height: 22px;\n font-size: 12px;\n font-weight: 700;\n border: 2px solid;\n\n &:before {\n content: \"\";\n position: absolute;\n right: -7px;\n top: 6px;\n border-left: 6px solid rgba(255,255,255,0.87);\n border-top: 4px solid transparent;\n border-bottom: 4px solid transparent;\n }\n}\n\n.notification-list {\n padding: 8px 0;\n}\n\n.notification-dismiss {\n width: 500px;\n}\n\n.notification-dismiss__input {\n margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4,\nmd-list md-list-item.md-2-line .md-list-item-text h4,\nmd-list md-list-item.md-3-line .md-list-item-text h4 {\n &.notification-list-item__source {\n color: color('text-secondary');\n font-size: rem(1.2);\n\n md-icon {\n font-size: rem(1.8);\n min-width: 0;\n width: auto;\n margin-left: -4px;\n line-height: rem(2);\n }\n }\n}\n",".account-menu {\n border-radius: $card-border-radius;\n padding: 0;\n font-size: $body-font-size-base;\n max-width: 380px;\n\n @media (min-width: $layout-breakpoint-md) {\n min-width: 380px !important;\n }\n\n h3 {\n margin: 0;\n font-weight: 300;\n }\n\n .mat-mdc-menu-content {\n padding: 0;\n }\n}\n\n.account-menu--fixed-height {\n height: $max-menu-height;\n}\n\n.account-menu--fixed-width {\n width: 320px;\n\n @media (min-width: $layout-breakpoint-sm) {\n width: 380px;\n }\n}\n\n.account-menu__icon {\n background-color: color('text-light');\n border-radius: 50%;\n}\n\n.account-menu__caret {\n position: absolute;\n right: 28px;\n top: -8px;\n outline: none;\n\n &:before {\n content: '';\n position: absolute;\n border-bottom: 8px solid #fff;\n border-left: 8px solid transparent;\n border-right: 8px solid transparent;\n }\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n right: 132px;\n}\n\n[dir=rtl] {\n .account-menu__caret {\n right: auto;\n left: 28px;\n }\n .account-menu__caret--pause, .account-menu__caret--notification {\n left:80px;\n right:auto;\n }\n .account-menu__caret--notification--with-pause {\n left: 132px;\n right:auto;\n }\n}\n\n.account-menu__info {\n padding: 8px 12px;\n}\n\n.account-menu__info__title {\n font-weight: 500;\n}\n\n.account-menu__info__team {\n font-weight: 400;\n color: color('text-secondary');\n}\n\n.account-menu__users {\n padding: 0;\n\n md-list-item {\n padding: 0;\n\n .md-avatar {\n margin: 0 8px 0 0;\n height: 48px;\n width: 48px;\n }\n }\n}\n\n.account-menu__actions {\n background-color: color('gray-lightest');\n}\n\n.account-menu__control {\n padding: 16px;\n}\n",".annotations {\n margin: 16px 4px 16px 62px;\n position: relative;\n font-size: rem(1.5);\n\n hr {\n margin: 10px 0 8px;\n border-color: rgba(0,0,0,.12);\n }\n\n &:after {\n content: \"\";\n position: absolute;\n width: 0;\n height: 0;\n left: -15px;\n right: auto;\n top: -1px;\n bottom: auto;\n border-top: 20px solid transparent;\n border-bottom: 20px solid transparent;\n border-right: 16px solid color('gray-darker');\n }\n}\n\n.annotations-container--student--report {\n border-top: 1px solid color('gray-light');\n}\n\n.annotations--report {\n margin-top: 0;\n margin-bottom: 0;\n}\n\n.annotations__header {\n position: relative;\n //border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n padding: 10px 12px;\n font-weight: 700;\n transition: all 1s;\n color: #ffffff;\n background-color: color('gray-darker');\n}\n\n.annotations__avatar {\n background-color: color('accent');\n padding: 2px;\n position: absolute;\n top: 0;\n left: -62px;\n}\n\n.annotations__icon {\n transition: all 1s;\n color: #ffffff;\n}\n\n.annotations__body {\n padding: 12px;\n background-color: #ffffff;\n border-bottom-left-radius: $card-border-radius;\n border-bottom-right-radius: $card-border-radius;\n overflow: auto;\n}\n\n.annotations__status {\n background-color: #ffffff;\n color: color('info');\n display: inline-block;\n margin-left: 8px;\n font-size: rem(1.2);\n\n &.ng-enter, &.ng-leave {\n transition: all 1s;\n }\n\n &.ng-enter, &.ng-leave.ng-leave-active {\n opacity:0;\n }\n\n &.ng-leave, &.ng-enter.ng-enter-active {\n opacity:1;\n }\n}\n\n.annotations__score {\n font-weight: 700;\n}\n\n.annotations__info {\n font-style: italic;\n opacity: 0.8;\n border-bottom: 1px dotted;\n font-size: rem(1.3);\n}\n\n.annotations--inside {\n .annotations {\n margin-left: 72px;\n }\n}\n\n// TODO: move to own file\n.annotations--info {\n margin-bottom: 32px;\n margin-right: 8px;\n margin-left: 72px;\n\n @media only screen and (min-width: ($layout-breakpoint-xs)) {\n margin: 16px 16px 32px 76px;\n }\n\n &:after {\n border-right: 16px solid color('info');\n }\n\n .annotations__avatar {\n background-color: #ffffff;\n }\n\n .annotations__header {\n background-color: color('info');\n }\n}\n",".component {\n position: relative;\n}\n\n.component__wrapper {\n padding: 0 24px;\n margin: 24px 0;\n}\n\n.component__content {\n overflow-x: auto;\n font-size: rem(1.5);\n overflow-y: hidden; // TODO: figure out why this is needed after update to ng-material 1.1.1\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n padding: 0 8px;\n }\n}\n\nh3.component__header {\n padding: 8px 12px;\n margin: 0;\n font-size: rem(1.4);\n}\n\n.component__rubric {\n position: absolute;\n left: -20px;\n top: 12px;\n}\n\n.notebook-enabled {\n .component_content {\n img {\n transition: all 250ms;\n cursor: pointer;\n cursor: copy;\n //position: relative;\n //border: 2px solid transparent;\n\n &:hover, &:focus {\n box-shadow: 0 0 5px 1px color('accent');\n //border: 2px solid #ffffff;\n }\n }\n }\n}\n\n.component__actions {\n .md-button:first-child {\n margin-left: 0;\n }\n\n .md-button:last-child {\n margin-right: 0;\n }\n}\n\n.component__actions__info {\n font-style: italic;\n margin-left: 8px;\n color: color('text-secondary');\n font-weight: 400;\n}\n\n.component__actions__more {\n border-bottom: 1px dotted;\n}\n\n.component__prompt {\n margin-bottom: 8px;\n font-weight: 500;\n}\n\n.component__prompt__content {\n display: inline;\n}\n\n.component__attachment {\n position: relative;\n margin: 0 8px;\n padding-bottom: 8px;\n\n @media only screen and (min-width: $layout-breakpoint-xs) {\n padding-top: 8px;\n }\n}\n\n.component__add-attachment {\n @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n width: 100%;\n }\n}\n\n.component__attachment__content {\n max-height: 100px;\n width: auto;\n}\n\n.component__attachment__delete {\n position: absolute;\n top: 0;\n right: 0;\n 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 border: 0 none;\n}\n\n.discussion-new__actions {\n padding: 0 8px;\n\n .md-button {\n &:first-of-type {\n margin-left: 0;\n }\n\n &:last-of-type {\n margin-right: 0;\n }\n }\n}\n\n.discussion-new__attachment {\n padding: 0;\n margin: 0 0 8px;\n}\n\n.discussion-new__attachment__content {\n margin-top: 0;\n margin-bottom: 16px;\n}\n\n\n\n\n\n",".embedded-content {\n\n}\n\n.embedded-content__iframe {\n border: 0 none;\n}\n",".graph-select {\n min-width: 150px;\n max-width: 200px;\n}\n\n.graph-controls {\n margin: 8px 0;\n padding: 8px 0;\n border: 1px solid color('gray-lighter');\n border-left-width: 0;\n border-right-width: 0;\n}\n",".outside-content {\n iframe {\n border: 1px solid color('gray-lighter');\n }\n}\n\n.outside-content__source {\n margin-top: 4px;\n text-align: end;\n\n a {\n max-width: 240px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n display: inline-block;\n }\n}",".notebook-toolbar {\n md-divider {\n margin: 8px 0;\n }\n\n @media only screen and (max-width: ($layout-breakpoint-sm - 1)) {\n border-top: 1px solid color('gray-light');\n }\n}\n\n.notebook-toolbar__add-menu {\n position: absolute;\n bottom: 40px;\n\n .md-fab-action-item {\n background-color: #ffffff;\n }\n}\n\n.notebook-toolbar__add-icon {\n border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n float:right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n float:left;\n}","highchart {\n display: block;\n}\n"]} \ No newline at end of file diff --git a/src/assets/wise5/vle/nav-item/nav-item.component.scss b/src/assets/wise5/vle/nav-item/nav-item.component.scss index fae977baa23..f842b6bfcbd 100644 --- a/src/assets/wise5/vle/nav-item/nav-item.component.scss +++ b/src/assets/wise5/vle/nav-item/nav-item.component.scss @@ -61,16 +61,7 @@ } .progress { - height: 14px; width: 48px; - - .mat-mdc-progress-bar, .mdc-linear-progress__bar-inner { - height: 14px; - } - - .mdc-linear-progress__bar-inner { - border-top-width: 14px; - } } .mat-mdc-card .mat-divider-horizontal { diff --git a/src/assets/wise5/vle/student-account-menu/student-account-menu.component.scss b/src/assets/wise5/vle/student-account-menu/student-account-menu.component.scss index ba0b319bbbb..a1dd5fdc519 100644 --- a/src/assets/wise5/vle/student-account-menu/student-account-menu.component.scss +++ b/src/assets/wise5/vle/student-account-menu/student-account-menu.component.scss @@ -45,11 +45,6 @@ .mat-mdc-progress-bar { transform: rotate(270deg); width: 32px; - height: 14px; - } - - .mdc-linear-progress__bar-inner { - border-top-width: 14px; } .score-wrap { @@ -58,6 +53,10 @@ .score { height: 32px; + + .mdc-linear-progress__buffer { + height: 32px; + } } .controls { diff --git a/src/messages.xlf b/src/messages.xlf index 420d13b1fd7..7e8d97075fa 100644 --- a/src/messages.xlf +++ b/src/messages.xlf @@ -1767,11 +1767,18 @@ Click "Cancel" to keep the invalid JSON open so you can fix it.44 - - ~ Report Available ~ + + / teams completed src/app/classroom-monitor/milestones/milestones.component.html - 33,35 + 37,40 + + + + ~ Report Available ~ + + src/app/classroom-monitor/milestones/milestones.component.html + 41 @@ -2103,7 +2110,7 @@ Click "Cancel" to keep the invalid JSON open so you can fix it. This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply. src/app/contact/contact-form/contact-form.component.html - 105,108 + 104,108 @@ -2129,7 +2136,7 @@ Click "Cancel" to keep the invalid JSON open so you can fix it. Sorry, there was a problem submitting the form. Please try again. src/app/contact/contact-form/contact-form.component.html - 122,123 + 121,123 @@ -2735,23 +2742,23 @@ Click "Cancel" to keep the invalid JSON open so you can fix it. This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply. src/app/forgot/student/forgot-student-password-security/forgot-student-password-security.component.html - 31,34 + 30,34 src/app/forgot/teacher/forgot-teacher-password/forgot-teacher-password.component.html - 37,40 + 36,40 src/app/login/login-home/login-home.component.html - 39,42 + 38,42 src/app/register/register-student-form/register-student-form.component.html - 146,149 + 145,149 src/app/register/register-teacher-form/register-teacher-form.component.html - 169,172 + 168,172 @@ -5041,14 +5048,14 @@ Click "Cancel" to keep the invalid JSON open so you can fix it. Username and password not recognized. Please try again. src/app/login/login-home/login-home.component.html - 6,7 + 5,7 There was an error saving data. Please log in again. You may need to re-do your recent work. We apologize for the inconvenience. src/app/login/login-home/login-home.component.html - 9,11 + 8,11 @@ -5886,7 +5893,7 @@ Click "Cancel" to keep the invalid JSON open so you can fix it.Clear src/app/modules/library/share-project-dialog/share-project-dialog.component.html - 30,29 + 29 src/app/modules/shared/search-bar/search-bar.component.html @@ -5894,7 +5901,7 @@ Click "Cancel" to keep the invalid JSON open so you can fix it. src/app/teacher/share-run-dialog/share-run-dialog.component.html - 47,46 + 46 src/assets/wise5/classroomMonitor/classroomMonitorComponents/shared/notifications-menu/notifications-menu.component.html @@ -7036,7 +7043,7 @@ Click "Cancel" to keep the invalid JSON open so you can fix it. By clicking "Create Account", you agree to our Privacy Policy & Terms of Use. src/app/register/register-student-form/register-student-form.component.html - 142,144 + 141,144 @@ -8535,7 +8542,7 @@ Click "Cancel" to keep the invalid JSON open so you can fix it. src/assets/wise5/classroomMonitor/classroomMonitorComponents/milestones/milestone-details/milestone-details.component.html - 80 + 85 src/assets/wise5/themes/default/themeComponents/nodeStatusIcon/node-status-icon.component.html @@ -8679,7 +8686,7 @@ Click "Cancel" to keep the invalid JSON open so you can fix it. If you have customized the content in this unit and want to share so other teachers can use with their students, make a copy of the unit. src/app/teacher/share-run-dialog/share-run-dialog.component.html - 26,28 + 25,28 @@ -8707,28 +8714,28 @@ Click "Cancel" to keep the invalid JSON open so you can fix it. Are you sure you want to make the new owner of this unit? src/app/teacher/share-run-dialog/share-run-dialog.component.html - 127,128 + 126,128 You will still be able to access the unit but the new owner will have the ability to take away or change your access permissions. src/app/teacher/share-run-dialog/share-run-dialog.component.html - 130,132 + 129,132 Transfer Ownership src/app/teacher/share-run-dialog/share-run-dialog.component.html - 144,145 + 143,145 Cancel src/app/teacher/share-run-dialog/share-run-dialog.component.html - 153,154 + 152,154 src/assets/wise5/authoringTool/node/chooseComponentLocation/choose-component-location.component.html @@ -8743,7 +8750,7 @@ Click "Cancel" to keep the invalid JSON open so you can fix it. Proceed src/app/teacher/share-run-dialog/share-run-dialog.component.html - 162,163 + 161,163 src/assets/wise5/classroomMonitor/classroomMonitorComponents/manageStudents/move-user-confirm-dialog/move-user-confirm-dialog.component.html @@ -10814,7 +10821,7 @@ Click "Cancel" to keep the invalid JSON open so you can fix it. Remove Branch src/assets/wise5/authoringTool/node/advanced/branch/node-advanced-branch-authoring.component.html - 14,15 + 13,15 @@ -10842,7 +10849,7 @@ Click "Cancel" to keep the invalid JSON open so you can fix it. . () Prompt: src/assets/wise5/authoringTool/node/advanced/branch/node-advanced-branch-authoring.component.html - 69,71 + 68,71 @@ -10908,7 +10915,7 @@ Click "Cancel" to keep the invalid JSON open so you can fix it. (), Is Correct: , Feedback: src/assets/wise5/authoringTool/node/advanced/branch/node-advanced-branch-authoring.component.html - 100,102 + 99,102 @@ -10922,18 +10929,18 @@ Click "Cancel" to keep the invalid JSON open so you can fix it. Close Branch Path Steps Chooser src/assets/wise5/authoringTool/node/advanced/branch/node-advanced-branch-authoring.component.html - 114,115 + 113,115 src/assets/wise5/authoringTool/node/advanced/branch/node-advanced-branch-authoring.component.html - 140,141 + 139,141 Open Branch Path Steps Chooser src/assets/wise5/authoringTool/node/advanced/branch/node-advanced-branch-authoring.component.html - 117,118 + 116,118 @@ -10947,7 +10954,7 @@ Click "Cancel" to keep the invalid JSON open so you can fix it. Open Branch Path Steps Chooser src/assets/wise5/authoringTool/node/advanced/branch/node-advanced-branch-authoring.component.html - 143,144 + 142,144 @@ -12952,28 +12959,28 @@ Click "Cancel" to keep the invalid JSON open so you can fix it.Description: src/assets/wise5/classroomMonitor/classroomMonitorComponents/milestones/milestone-details/milestone-details.component.html - 13 + 14 Requirements: src/assets/wise5/classroomMonitor/classroomMonitorComponents/milestones/milestone-details/milestone-details.component.html - 17 + 18 Item Location: src/assets/wise5/classroomMonitor/classroomMonitorComponents/milestones/milestone-details/milestone-details.component.html - 24 + 25 Step Info src/assets/wise5/classroomMonitor/classroomMonitorComponents/milestones/milestone-details/milestone-details.component.html - 26 + 27 src/assets/wise5/classroomMonitor/classroomMonitorComponents/nodeGrading/node-grading-view/node-grading-view.component.html @@ -12992,60 +12999,60 @@ Click "Cancel" to keep the invalid JSON open so you can fix it.Class Report src/assets/wise5/classroomMonitor/classroomMonitorComponents/milestones/milestone-details/milestone-details.component.html - 33 + 34 This milestone includes automated reports that analyze student progress. Reports become available for each period once the following conditions are met: src/assets/wise5/classroomMonitor/classroomMonitorComponents/milestones/milestone-details/milestone-details.component.html - 35,38 + 36,39 At least team(s) or % of the class have completed the milestone src/assets/wise5/classroomMonitor/classroomMonitorComponents/milestones/milestone-details/milestone-details.component.html - 39,42 + 40,43 At least team(s) and % of the class have completed the milestone src/assets/wise5/classroomMonitor/classroomMonitorComponents/milestones/milestone-details/milestone-details.component.html - 43,46 + 44,47 Recommendation src/assets/wise5/classroomMonitor/classroomMonitorComponents/milestones/milestone-details/milestone-details.component.html - 53 + 58 Student Work src/assets/wise5/classroomMonitor/classroomMonitorComponents/milestones/milestone-details/milestone-details.component.html - 56 + 61 src/assets/wise5/classroomMonitor/classroomMonitorComponents/milestones/milestone-details/milestone-details.component.html - 67 + 72 Student Completion src/assets/wise5/classroomMonitor/classroomMonitorComponents/milestones/milestone-details/milestone-details.component.html - 72 + 77 Team src/assets/wise5/classroomMonitor/classroomMonitorComponents/milestones/milestone-details/milestone-details.component.html - 78 + 83 src/assets/wise5/classroomMonitor/classroomMonitorComponents/milestones/milestone-grading-view/milestone-grading-view.component.html @@ -13068,7 +13075,7 @@ Click "Cancel" to keep the invalid JSON open so you can fix it.Not Completed src/assets/wise5/classroomMonitor/classroomMonitorComponents/milestones/milestone-details/milestone-details.component.html - 102 + 109 @@ -20968,21 +20975,21 @@ If this problem continues, let your teacher know and move on to the next activit Sorry, you cannot view this item yet. src/assets/wise5/services/studentNodeService.ts - 39 + 40 Item Locked src/assets/wise5/services/studentNodeService.ts - 43 + 44 <p>To visit <b></b> you need to:</p><ul> src/assets/wise5/services/studentNodeService.ts - 50 + 51 diff --git a/src/style/abstracts/_mixins.scss b/src/style/abstracts/_mixins.scss index 1f5efe62035..388c1bbf6d0 100644 --- a/src/style/abstracts/_mixins.scss +++ b/src/style/abstracts/_mixins.scss @@ -121,6 +121,11 @@ font-weight: 500; } + .mat-mdc-progress-bar { + --mdc-linear-progress-active-indicator-height: 12px; + --mdc-linear-progress-track-height: 12px; + } + .mat-mdc-option, .mat-mdc-optgroup-label { @include mat.typography-level($wise-typography, 'caption'); } diff --git a/src/style/components/_buttons.scss b/src/style/components/_buttons.scss index 3e1322d5184..dac1c5f963d 100644 --- a/src/style/components/_buttons.scss +++ b/src/style/components/_buttons.scss @@ -7,11 +7,16 @@ mat-progress-bar { position: absolute; - left: 0; - bottom: 0; - border-bottom-left-radius: $card-border-radius; - border-bottom-right-radius: $card-border-radius; - } + left: 0; + bottom: 0; + border-bottom-left-radius: $card-border-radius; + border-bottom-right-radius: $card-border-radius; + } + + .mat-mdc-progress-bar { + --mdc-linear-progress-active-indicator-height: 4px; + --mdc-linear-progress-track-height: 4px; + } } .mat-mdc-fab.mat-fab--extended {