diff --git a/package-lock.json b/package-lock.json
index 92eec46f6ad..fbd5b974ff7 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -53,10 +53,12 @@
         "jquery": "^3.6.0",
         "jwt-decode": "^3.1.2",
         "lz-string": "^1.4.4",
+        "marked": "^16.4.2",
         "mathjax": "^3.2.2",
         "microphone-stream": "^6.0.1",
         "ng-file-upload": "^12.2.13",
         "ng-recaptcha-2": "^16.0.1",
+        "ngx-markdown": "^20.1.0",
         "process": "^0.11.10",
         "rxjs": "^7.5.6",
         "sockjs-client": "^1.6.0",
@@ -1263,6 +1265,20 @@
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
+    "node_modules/@antfu/install-pkg": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@antfu/install-pkg/-/install-pkg-1.1.0.tgz",
+      "integrity": "sha512-MGQsmw10ZyI+EJo45CdSER4zEb+p31LpDAFp2Z3gkSd1yqVZGi0Ebx++YTEMonJy4oChEMLsxZ64j8FH6sSqtQ==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "package-manager-detector": "^1.3.0",
+        "tinyexec": "^1.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
     "node_modules/@aws-crypto/crc32": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/@aws-crypto/crc32/-/crc32-5.2.0.tgz",
@@ -3958,6 +3974,57 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/@braintree/sanitize-url": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/@braintree/sanitize-url/-/sanitize-url-7.1.1.tgz",
+      "integrity": "sha512-i1L7noDNxtFyL5DmZafWy1wRVhGehQmzZaz1HiN5e7iylJMSZR7ekOV7NsIqa5qBldlLrsKv4HbgFUVlQrz8Mw==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/@chevrotain/cst-dts-gen": {
+      "version": "11.0.3",
+      "resolved": "https://registry.npmjs.org/@chevrotain/cst-dts-gen/-/cst-dts-gen-11.0.3.tgz",
+      "integrity": "sha512-BvIKpRLeS/8UbfxXxgC33xOumsacaeCKAjAeLyOn7Pcp95HiRbrpl14S+9vaZLolnbssPIUuiUd8IvgkRyt6NQ==",
+      "license": "Apache-2.0",
+      "optional": true,
+      "dependencies": {
+        "@chevrotain/gast": "11.0.3",
+        "@chevrotain/types": "11.0.3",
+        "lodash-es": "4.17.21"
+      }
+    },
+    "node_modules/@chevrotain/gast": {
+      "version": "11.0.3",
+      "resolved": "https://registry.npmjs.org/@chevrotain/gast/-/gast-11.0.3.tgz",
+      "integrity": "sha512-+qNfcoNk70PyS/uxmj3li5NiECO+2YKZZQMbmjTqRI3Qchu8Hig/Q9vgkHpI3alNjr7M+a2St5pw5w5F6NL5/Q==",
+      "license": "Apache-2.0",
+      "optional": true,
+      "dependencies": {
+        "@chevrotain/types": "11.0.3",
+        "lodash-es": "4.17.21"
+      }
+    },
+    "node_modules/@chevrotain/regexp-to-ast": {
+      "version": "11.0.3",
+      "resolved": "https://registry.npmjs.org/@chevrotain/regexp-to-ast/-/regexp-to-ast-11.0.3.tgz",
+      "integrity": "sha512-1fMHaBZxLFvWI067AVbGJav1eRY7N8DDvYCTwGBiE/ytKBgP8azTdgyrKyWZ9Mfh09eHWb5PgTSO8wi7U824RA==",
+      "license": "Apache-2.0",
+      "optional": true
+    },
+    "node_modules/@chevrotain/types": {
+      "version": "11.0.3",
+      "resolved": "https://registry.npmjs.org/@chevrotain/types/-/types-11.0.3.tgz",
+      "integrity": "sha512-gsiM3G8b58kZC2HaWR50gu6Y1440cHiJ+i3JUvcp/35JchYejb2+5MVeJK0iKThYpAa/P2PYFV4hoi44HD+aHQ==",
+      "license": "Apache-2.0",
+      "optional": true
+    },
+    "node_modules/@chevrotain/utils": {
+      "version": "11.0.3",
+      "resolved": "https://registry.npmjs.org/@chevrotain/utils/-/utils-11.0.3.tgz",
+      "integrity": "sha512-YslZMgtJUyuMbZ+aKvfF3x1f5liK4mWNxghFRv7jqRR9C3R3fAOGTTKvxXDa2Y1s9zSbcpuO0cAxDYsc9SrXoQ==",
+      "license": "Apache-2.0",
+      "optional": true
+    },
     "node_modules/@colors/colors": {
       "version": "1.5.0",
       "resolved": "https://registry.npmjs.org/@colors/colors/-/colors-1.5.0.tgz",
@@ -4673,6 +4740,25 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/@iconify/types": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@iconify/types/-/types-2.0.0.tgz",
+      "integrity": "sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/@iconify/utils": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@iconify/utils/-/utils-3.1.0.tgz",
+      "integrity": "sha512-Zlzem1ZXhI1iHeeERabLNzBHdOa4VhQbqAcOQaMKuTuyZCpwKbC2R4Dd0Zo3g9EAc+Y4fiarO8HIHRAth7+skw==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@antfu/install-pkg": "^1.1.0",
+        "@iconify/types": "^2.0.0",
+        "mlly": "^1.8.0"
+      }
+    },
     "node_modules/@inquirer/checkbox": {
       "version": "4.2.2",
       "resolved": "https://registry.npmjs.org/@inquirer/checkbox/-/checkbox-4.2.2.tgz",
@@ -5444,6 +5530,16 @@
         "win32"
       ]
     },
+    "node_modules/@mermaid-js/parser": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/@mermaid-js/parser/-/parser-0.6.3.tgz",
+      "integrity": "sha512-lnjOhe7zyHjc+If7yT4zoedx2vo4sHaTmtkl1+or8BRTnCtDmcTpAjpzDSfCZrshM5bCoz0GyidzadJAH1xobA==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "langium": "3.3.1"
+      }
+    },
     "node_modules/@modelcontextprotocol/sdk": {
       "version": "1.17.3",
       "resolved": "https://registry.npmjs.org/@modelcontextprotocol/sdk/-/sdk-1.17.3.tgz",
@@ -9185,6 +9281,290 @@
         "@types/node": "*"
       }
     },
+    "node_modules/@types/d3": {
+      "version": "7.4.3",
+      "resolved": "https://registry.npmjs.org/@types/d3/-/d3-7.4.3.tgz",
+      "integrity": "sha512-lZXZ9ckh5R8uiFVt8ogUNf+pIrK4EsWrx2Np75WvF/eTpJ0FMHNhjXk8CKEx/+gpHbNQyJWehbFaTvqmHWB3ww==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@types/d3-array": "*",
+        "@types/d3-axis": "*",
+        "@types/d3-brush": "*",
+        "@types/d3-chord": "*",
+        "@types/d3-color": "*",
+        "@types/d3-contour": "*",
+        "@types/d3-delaunay": "*",
+        "@types/d3-dispatch": "*",
+        "@types/d3-drag": "*",
+        "@types/d3-dsv": "*",
+        "@types/d3-ease": "*",
+        "@types/d3-fetch": "*",
+        "@types/d3-force": "*",
+        "@types/d3-format": "*",
+        "@types/d3-geo": "*",
+        "@types/d3-hierarchy": "*",
+        "@types/d3-interpolate": "*",
+        "@types/d3-path": "*",
+        "@types/d3-polygon": "*",
+        "@types/d3-quadtree": "*",
+        "@types/d3-random": "*",
+        "@types/d3-scale": "*",
+        "@types/d3-scale-chromatic": "*",
+        "@types/d3-selection": "*",
+        "@types/d3-shape": "*",
+        "@types/d3-time": "*",
+        "@types/d3-time-format": "*",
+        "@types/d3-timer": "*",
+        "@types/d3-transition": "*",
+        "@types/d3-zoom": "*"
+      }
+    },
+    "node_modules/@types/d3-array": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/@types/d3-array/-/d3-array-3.2.2.tgz",
+      "integrity": "sha512-hOLWVbm7uRza0BYXpIIW5pxfrKe0W+D5lrFiAEYR+pb6w3N2SwSMaJbXdUfSEv+dT4MfHBLtn5js0LAWaO6otw==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/@types/d3-axis": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/@types/d3-axis/-/d3-axis-3.0.6.tgz",
+      "integrity": "sha512-pYeijfZuBd87T0hGn0FO1vQ/cgLk6E1ALJjfkC0oJ8cbwkZl3TpgS8bVBLZN+2jjGgg38epgxb2zmoGtSfvgMw==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@types/d3-selection": "*"
+      }
+    },
+    "node_modules/@types/d3-brush": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/@types/d3-brush/-/d3-brush-3.0.6.tgz",
+      "integrity": "sha512-nH60IZNNxEcrh6L1ZSMNA28rj27ut/2ZmI3r96Zd+1jrZD++zD3LsMIjWlvg4AYrHn/Pqz4CF3veCxGjtbqt7A==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@types/d3-selection": "*"
+      }
+    },
+    "node_modules/@types/d3-chord": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/@types/d3-chord/-/d3-chord-3.0.6.tgz",
+      "integrity": "sha512-LFYWWd8nwfwEmTZG9PfQxd17HbNPksHBiJHaKuY1XeqscXacsS2tyoo6OdRsjf+NQYeB6XrNL3a25E3gH69lcg==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/@types/d3-color": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/@types/d3-color/-/d3-color-3.1.3.tgz",
+      "integrity": "sha512-iO90scth9WAbmgv7ogoq57O9YpKmFBbmoEoCHDB2xMBY0+/KVrqAaCDyCE16dUspeOvIxFFRI+0sEtqDqy2b4A==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/@types/d3-contour": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/@types/d3-contour/-/d3-contour-3.0.6.tgz",
+      "integrity": "sha512-BjzLgXGnCWjUSYGfH1cpdo41/hgdWETu4YxpezoztawmqsvCeep+8QGfiY6YbDvfgHz/DkjeIkkZVJavB4a3rg==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@types/d3-array": "*",
+        "@types/geojson": "*"
+      }
+    },
+    "node_modules/@types/d3-delaunay": {
+      "version": "6.0.4",
+      "resolved": "https://registry.npmjs.org/@types/d3-delaunay/-/d3-delaunay-6.0.4.tgz",
+      "integrity": "sha512-ZMaSKu4THYCU6sV64Lhg6qjf1orxBthaC161plr5KuPHo3CNm8DTHiLw/5Eq2b6TsNP0W0iJrUOFscY6Q450Hw==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/@types/d3-dispatch": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/@types/d3-dispatch/-/d3-dispatch-3.0.7.tgz",
+      "integrity": "sha512-5o9OIAdKkhN1QItV2oqaE5KMIiXAvDWBDPrD85e58Qlz1c1kI/J0NcqbEG88CoTwJrYe7ntUCVfeUl2UJKbWgA==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/@types/d3-drag": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/@types/d3-drag/-/d3-drag-3.0.7.tgz",
+      "integrity": "sha512-HE3jVKlzU9AaMazNufooRJ5ZpWmLIoc90A37WU2JMmeq28w1FQqCZswHZ3xR+SuxYftzHq6WU6KJHvqxKzTxxQ==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@types/d3-selection": "*"
+      }
+    },
+    "node_modules/@types/d3-dsv": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/@types/d3-dsv/-/d3-dsv-3.0.7.tgz",
+      "integrity": "sha512-n6QBF9/+XASqcKK6waudgL0pf/S5XHPPI8APyMLLUHd8NqouBGLsU8MgtO7NINGtPBtk9Kko/W4ea0oAspwh9g==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/@types/d3-ease": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@types/d3-ease/-/d3-ease-3.0.2.tgz",
+      "integrity": "sha512-NcV1JjO5oDzoK26oMzbILE6HW7uVXOHLQvHshBUW4UMdZGfiY6v5BeQwh9a9tCzv+CeefZQHJt5SRgK154RtiA==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/@types/d3-fetch": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/@types/d3-fetch/-/d3-fetch-3.0.7.tgz",
+      "integrity": "sha512-fTAfNmxSb9SOWNB9IoG5c8Hg6R+AzUHDRlsXsDZsNp6sxAEOP0tkP3gKkNSO/qmHPoBFTxNrjDprVHDQDvo5aA==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@types/d3-dsv": "*"
+      }
+    },
+    "node_modules/@types/d3-force": {
+      "version": "3.0.10",
+      "resolved": "https://registry.npmjs.org/@types/d3-force/-/d3-force-3.0.10.tgz",
+      "integrity": "sha512-ZYeSaCF3p73RdOKcjj+swRlZfnYpK1EbaDiYICEEp5Q6sUiqFaFQ9qgoshp5CzIyyb/yD09kD9o2zEltCexlgw==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/@types/d3-format": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@types/d3-format/-/d3-format-3.0.4.tgz",
+      "integrity": "sha512-fALi2aI6shfg7vM5KiR1wNJnZ7r6UuggVqtDA+xiEdPZQwy/trcQaHnwShLuLdta2rTymCNpxYTiMZX/e09F4g==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/@types/d3-geo": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@types/d3-geo/-/d3-geo-3.1.0.tgz",
+      "integrity": "sha512-856sckF0oP/diXtS4jNsiQw/UuK5fQG8l/a9VVLeSouf1/PPbBE1i1W852zVwKwYCBkFJJB7nCFTbk6UMEXBOQ==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@types/geojson": "*"
+      }
+    },
+    "node_modules/@types/d3-hierarchy": {
+      "version": "3.1.7",
+      "resolved": "https://registry.npmjs.org/@types/d3-hierarchy/-/d3-hierarchy-3.1.7.tgz",
+      "integrity": "sha512-tJFtNoYBtRtkNysX1Xq4sxtjK8YgoWUNpIiUee0/jHGRwqvzYxkq0hGVbbOGSz+JgFxxRu4K8nb3YpG3CMARtg==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/@types/d3-interpolate": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@types/d3-interpolate/-/d3-interpolate-3.0.4.tgz",
+      "integrity": "sha512-mgLPETlrpVV1YRJIglr4Ez47g7Yxjl1lj7YKsiMCb27VJH9W8NVM6Bb9d8kkpG/uAQS5AmbA48q2IAolKKo1MA==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@types/d3-color": "*"
+      }
+    },
+    "node_modules/@types/d3-path": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/@types/d3-path/-/d3-path-3.1.1.tgz",
+      "integrity": "sha512-VMZBYyQvbGmWyWVea0EHs/BwLgxc+MKi1zLDCONksozI4YJMcTt8ZEuIR4Sb1MMTE8MMW49v0IwI5+b7RmfWlg==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/@types/d3-polygon": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@types/d3-polygon/-/d3-polygon-3.0.2.tgz",
+      "integrity": "sha512-ZuWOtMaHCkN9xoeEMr1ubW2nGWsp4nIql+OPQRstu4ypeZ+zk3YKqQT0CXVe/PYqrKpZAi+J9mTs05TKwjXSRA==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/@types/d3-quadtree": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/@types/d3-quadtree/-/d3-quadtree-3.0.6.tgz",
+      "integrity": "sha512-oUzyO1/Zm6rsxKRHA1vH0NEDG58HrT5icx/azi9MF1TWdtttWl0UIUsjEQBBh+SIkrpd21ZjEv7ptxWys1ncsg==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/@types/d3-random": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/d3-random/-/d3-random-3.0.3.tgz",
+      "integrity": "sha512-Imagg1vJ3y76Y2ea0871wpabqp613+8/r0mCLEBfdtqC7xMSfj9idOnmBYyMoULfHePJyxMAw3nWhJxzc+LFwQ==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/@types/d3-scale": {
+      "version": "4.0.9",
+      "resolved": "https://registry.npmjs.org/@types/d3-scale/-/d3-scale-4.0.9.tgz",
+      "integrity": "sha512-dLmtwB8zkAeO/juAMfnV+sItKjlsw2lKdZVVy6LRr0cBmegxSABiLEpGVmSJJ8O08i4+sGR6qQtb6WtuwJdvVw==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@types/d3-time": "*"
+      }
+    },
+    "node_modules/@types/d3-scale-chromatic": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@types/d3-scale-chromatic/-/d3-scale-chromatic-3.1.0.tgz",
+      "integrity": "sha512-iWMJgwkK7yTRmWqRB5plb1kadXyQ5Sj8V/zYlFGMUBbIPKQScw+Dku9cAAMgJG+z5GYDoMjWGLVOvjghDEFnKQ==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/@types/d3-selection": {
+      "version": "3.0.11",
+      "resolved": "https://registry.npmjs.org/@types/d3-selection/-/d3-selection-3.0.11.tgz",
+      "integrity": "sha512-bhAXu23DJWsrI45xafYpkQ4NtcKMwWnAC/vKrd2l+nxMFuvOT3XMYTIj2opv8vq8AO5Yh7Qac/nSeP/3zjTK0w==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/@types/d3-shape": {
+      "version": "3.1.7",
+      "resolved": "https://registry.npmjs.org/@types/d3-shape/-/d3-shape-3.1.7.tgz",
+      "integrity": "sha512-VLvUQ33C+3J+8p+Daf+nYSOsjB4GXp19/S/aGo60m9h1v6XaxjiT82lKVWJCfzhtuZ3yD7i/TPeC/fuKLLOSmg==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@types/d3-path": "*"
+      }
+    },
+    "node_modules/@types/d3-time": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@types/d3-time/-/d3-time-3.0.4.tgz",
+      "integrity": "sha512-yuzZug1nkAAaBlBBikKZTgzCeA+k1uy4ZFwWANOfKw5z5LRhV0gNA7gNkKm7HoK+HRN0wX3EkxGk0fpbWhmB7g==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/@types/d3-time-format": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/@types/d3-time-format/-/d3-time-format-4.0.3.tgz",
+      "integrity": "sha512-5xg9rC+wWL8kdDj153qZcsJ0FWiFt0J5RB6LYUNZjwSnesfblqrI/bJ1wBdJ8OQfncgbJG5+2F+qfqnqyzYxyg==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/@types/d3-timer": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@types/d3-timer/-/d3-timer-3.0.2.tgz",
+      "integrity": "sha512-Ps3T8E8dZDam6fUyNiMkekK3XUsaUEik+idO9/YjPtfj2qruF8tFBXS7XhtE4iIXBLxhmLjP3SXpLhVf21I9Lw==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/@types/d3-transition": {
+      "version": "3.0.9",
+      "resolved": "https://registry.npmjs.org/@types/d3-transition/-/d3-transition-3.0.9.tgz",
+      "integrity": "sha512-uZS5shfxzO3rGlu0cC3bjmMFKsXv+SmZZcgp0KD22ts4uGXp5EVYGzu/0YdwZeKmddhcAccYtREJKkPfXkZuCg==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@types/d3-selection": "*"
+      }
+    },
+    "node_modules/@types/d3-zoom": {
+      "version": "3.0.8",
+      "resolved": "https://registry.npmjs.org/@types/d3-zoom/-/d3-zoom-3.0.8.tgz",
+      "integrity": "sha512-iqMC4/YlFCSlO8+2Ii1GGGliCAY4XdeG748w5vQUbevlbDu0zSjH/+jojorQVBK/se0j6DUFNPBGSqD3YWYnDw==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@types/d3-interpolate": "*",
+        "@types/d3-selection": "*"
+      }
+    },
     "node_modules/@types/dom-mediacapture-record": {
       "version": "1.0.22",
       "resolved": "https://registry.npmjs.org/@types/dom-mediacapture-record/-/dom-mediacapture-record-1.0.22.tgz",
@@ -9254,6 +9634,13 @@
         "@types/send": "*"
       }
     },
+    "node_modules/@types/geojson": {
+      "version": "7946.0.16",
+      "resolved": "https://registry.npmjs.org/@types/geojson/-/geojson-7946.0.16.tgz",
+      "integrity": "sha512-6C8nqWur3j98U6+lXDfTUWIfgvZU+EumvpHKcYjujKH7woYyLj2sUmff0tRhrqM7BohUw7Pz3ZB1jj2gW9Fvmg==",
+      "license": "MIT",
+      "optional": true
+    },
     "node_modules/@types/grecaptcha": {
       "version": "3.0.9",
       "resolved": "https://registry.npmjs.org/@types/grecaptcha/-/grecaptcha-3.0.9.tgz",
@@ -9437,6 +9824,13 @@
         "@types/node": "*"
       }
     },
+    "node_modules/@types/trusted-types": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.7.tgz",
+      "integrity": "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==",
+      "license": "MIT",
+      "optional": true
+    },
     "node_modules/@types/uuid": {
       "version": "9.0.8",
       "resolved": "https://registry.npmjs.org/@types/uuid/-/uuid-9.0.8.tgz",
@@ -11602,6 +11996,34 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/chevrotain": {
+      "version": "11.0.3",
+      "resolved": "https://registry.npmjs.org/chevrotain/-/chevrotain-11.0.3.tgz",
+      "integrity": "sha512-ci2iJH6LeIkvP9eJW6gpueU8cnZhv85ELY8w8WiFtNjMHA5ad6pQLaJo9mEly/9qUyCpvqX8/POVUTf18/HFdw==",
+      "license": "Apache-2.0",
+      "optional": true,
+      "dependencies": {
+        "@chevrotain/cst-dts-gen": "11.0.3",
+        "@chevrotain/gast": "11.0.3",
+        "@chevrotain/regexp-to-ast": "11.0.3",
+        "@chevrotain/types": "11.0.3",
+        "@chevrotain/utils": "11.0.3",
+        "lodash-es": "4.17.21"
+      }
+    },
+    "node_modules/chevrotain-allstar": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/chevrotain-allstar/-/chevrotain-allstar-0.3.1.tgz",
+      "integrity": "sha512-b7g+y9A0v4mxCW1qUhf3BSVPg+/NvGErk/dOkrDaHA0nQIQGAtrOjlX//9OQtRlSCy+x9rfB5N8yC71lH1nvMw==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "lodash-es": "^4.17.21"
+      },
+      "peerDependencies": {
+        "chevrotain": "^11.0.0"
+      }
+    },
     "node_modules/chokidar": {
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz",
@@ -12003,6 +12425,18 @@
         "node": ">= 12"
       }
     },
+    "node_modules/clipboard": {
+      "version": "2.0.11",
+      "resolved": "https://registry.npmjs.org/clipboard/-/clipboard-2.0.11.tgz",
+      "integrity": "sha512-C+0bbOqkezLIsmWSvlsXS0Q0bmkugu7jcfMIACB+RDEntIzQIkdr148we28AfSloQLRdZlYL/QYyrq05j/3Faw==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "good-listener": "^1.2.2",
+        "select": "^1.1.2",
+        "tiny-emitter": "^2.0.0"
+      }
+    },
     "node_modules/cliui": {
       "version": "9.0.1",
       "resolved": "https://registry.npmjs.org/cliui/-/cliui-9.0.1.tgz",
@@ -12452,6 +12886,13 @@
         "typedarray": "^0.0.6"
       }
     },
+    "node_modules/confbox": {
+      "version": "0.1.8",
+      "resolved": "https://registry.npmjs.org/confbox/-/confbox-0.1.8.tgz",
+      "integrity": "sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w==",
+      "license": "MIT",
+      "optional": true
+    },
     "node_modules/config-chain": {
       "version": "1.1.13",
       "resolved": "https://registry.npmjs.org/config-chain/-/config-chain-1.1.13.tgz",
@@ -12842,6 +13283,16 @@
         "node": ">= 0.10"
       }
     },
+    "node_modules/cose-base": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/cose-base/-/cose-base-1.0.3.tgz",
+      "integrity": "sha512-s9whTXInMSgAp/NVXVNuVxVKzGH2qck3aQlVHxDCdAEPgtMKwc4Wq6/QKhgdEdgbLSi9rBTAcPoRa6JpiG4ksg==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "layout-base": "^1.0.0"
+      }
+    },
     "node_modules/cosmiconfig": {
       "version": "9.0.0",
       "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-9.0.0.tgz",
@@ -13200,6 +13651,59 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/cytoscape": {
+      "version": "3.33.1",
+      "resolved": "https://registry.npmjs.org/cytoscape/-/cytoscape-3.33.1.tgz",
+      "integrity": "sha512-iJc4TwyANnOGR1OmWhsS9ayRS3s+XQ185FmuHObThD+5AeJCakAAbWv8KimMTt08xCCLNgneQwFp+JRJOr9qGQ==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/cytoscape-cose-bilkent": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/cytoscape-cose-bilkent/-/cytoscape-cose-bilkent-4.1.0.tgz",
+      "integrity": "sha512-wgQlVIUJF13Quxiv5e1gstZ08rnZj2XaLHGoFMYXz7SkNfCDOOteKBE6SYRfA9WxxI/iBc3ajfDoc6hb/MRAHQ==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "cose-base": "^1.0.0"
+      },
+      "peerDependencies": {
+        "cytoscape": "^3.2.0"
+      }
+    },
+    "node_modules/cytoscape-fcose": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/cytoscape-fcose/-/cytoscape-fcose-2.2.0.tgz",
+      "integrity": "sha512-ki1/VuRIHFCzxWNrsshHYPs6L7TvLu3DL+TyIGEsRcvVERmxokbf5Gdk7mFxZnTdiGtnA4cfSmjZJMviqSuZrQ==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "cose-base": "^2.2.0"
+      },
+      "peerDependencies": {
+        "cytoscape": "^3.2.0"
+      }
+    },
+    "node_modules/cytoscape-fcose/node_modules/cose-base": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/cose-base/-/cose-base-2.2.0.tgz",
+      "integrity": "sha512-AzlgcsCbUMymkADOJtQm3wO9S3ltPfYOFD5033keQn9NJzIbtnZj+UdBJe7DYml/8TdbtHJW3j58SOnKhWY/5g==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "layout-base": "^2.0.0"
+      }
+    },
+    "node_modules/cytoscape-fcose/node_modules/layout-base": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/layout-base/-/layout-base-2.0.1.tgz",
+      "integrity": "sha512-dp3s92+uNI1hWIpPGH3jK2kxE2lMjdXdr+DH8ynZHpd6PUlH6x6cbuXnoMmiNumznqaNO31xu9e79F0uuZ0JFg==",
+      "license": "MIT",
+      "optional": true
+    },
     "node_modules/cz-conventional-changelog": {
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/cz-conventional-changelog/-/cz-conventional-changelog-3.3.0.tgz",
@@ -13235,6 +13739,504 @@
         "node": ">=0.12"
       }
     },
+    "node_modules/d3": {
+      "version": "7.9.0",
+      "resolved": "https://registry.npmjs.org/d3/-/d3-7.9.0.tgz",
+      "integrity": "sha512-e1U46jVP+w7Iut8Jt8ri1YsPOvFpg46k+K8TpCb0P+zjCkjkPnV7WzfDJzMHy1LnA+wj5pLT1wjO901gLXeEhA==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "d3-array": "3",
+        "d3-axis": "3",
+        "d3-brush": "3",
+        "d3-chord": "3",
+        "d3-color": "3",
+        "d3-contour": "4",
+        "d3-delaunay": "6",
+        "d3-dispatch": "3",
+        "d3-drag": "3",
+        "d3-dsv": "3",
+        "d3-ease": "3",
+        "d3-fetch": "3",
+        "d3-force": "3",
+        "d3-format": "3",
+        "d3-geo": "3",
+        "d3-hierarchy": "3",
+        "d3-interpolate": "3",
+        "d3-path": "3",
+        "d3-polygon": "3",
+        "d3-quadtree": "3",
+        "d3-random": "3",
+        "d3-scale": "4",
+        "d3-scale-chromatic": "3",
+        "d3-selection": "3",
+        "d3-shape": "3",
+        "d3-time": "3",
+        "d3-time-format": "4",
+        "d3-timer": "3",
+        "d3-transition": "3",
+        "d3-zoom": "3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-array": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/d3-array/-/d3-array-3.2.4.tgz",
+      "integrity": "sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "internmap": "1 - 2"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-axis": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-axis/-/d3-axis-3.0.0.tgz",
+      "integrity": "sha512-IH5tgjV4jE/GhHkRV0HiVYPDtvfjHQlQfJHs0usq7M30XcSBvOotpmH1IgkcXsO/5gEQZD43B//fc7SRT5S+xw==",
+      "license": "ISC",
+      "optional": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-brush": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-brush/-/d3-brush-3.0.0.tgz",
+      "integrity": "sha512-ALnjWlVYkXsVIGlOsuWH1+3udkYFI48Ljihfnh8FZPF2QS9o+PzGLBslO0PjzVoHLZ2KCVgAM8NVkXPJB2aNnQ==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "d3-dispatch": "1 - 3",
+        "d3-drag": "2 - 3",
+        "d3-interpolate": "1 - 3",
+        "d3-selection": "3",
+        "d3-transition": "3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-chord": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-chord/-/d3-chord-3.0.1.tgz",
+      "integrity": "sha512-VE5S6TNa+j8msksl7HwjxMHDM2yNK3XCkusIlpX5kwauBfXuyLAtNg9jCp/iHH61tgI4sb6R/EIMWCqEIdjT/g==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "d3-path": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-color": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-color/-/d3-color-3.1.0.tgz",
+      "integrity": "sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==",
+      "license": "ISC",
+      "optional": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-contour": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/d3-contour/-/d3-contour-4.0.2.tgz",
+      "integrity": "sha512-4EzFTRIikzs47RGmdxbeUvLWtGedDUNkTcmzoeyg4sP/dvCexO47AaQL7VKy/gul85TOxw+IBgA8US2xwbToNA==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "d3-array": "^3.2.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-delaunay": {
+      "version": "6.0.4",
+      "resolved": "https://registry.npmjs.org/d3-delaunay/-/d3-delaunay-6.0.4.tgz",
+      "integrity": "sha512-mdjtIZ1XLAM8bm/hx3WwjfHt6Sggek7qH043O8KEjDXN40xi3vx/6pYSVTwLjEgiXQTbvaouWKynLBiUZ6SK6A==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "delaunator": "5"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-dispatch": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-dispatch/-/d3-dispatch-3.0.1.tgz",
+      "integrity": "sha512-rzUyPU/S7rwUflMyLc1ETDeBj0NRuHKKAcvukozwhshr6g6c5d8zh4c2gQjY2bZ0dXeGLWc1PF174P2tVvKhfg==",
+      "license": "ISC",
+      "optional": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-drag": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-drag/-/d3-drag-3.0.0.tgz",
+      "integrity": "sha512-pWbUJLdETVA8lQNJecMxoXfH6x+mO2UQo8rSmZ+QqxcbyA3hfeprFgIT//HW2nlHChWeIIMwS2Fq+gEARkhTkg==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "d3-dispatch": "1 - 3",
+        "d3-selection": "3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-dsv": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-dsv/-/d3-dsv-3.0.1.tgz",
+      "integrity": "sha512-UG6OvdI5afDIFP9w4G0mNq50dSOsXHJaRE8arAS5o9ApWnIElp8GZw1Dun8vP8OyHOZ/QJUKUJwxiiCCnUwm+Q==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "commander": "7",
+        "iconv-lite": "0.6",
+        "rw": "1"
+      },
+      "bin": {
+        "csv2json": "bin/dsv2json.js",
+        "csv2tsv": "bin/dsv2dsv.js",
+        "dsv2dsv": "bin/dsv2dsv.js",
+        "dsv2json": "bin/dsv2json.js",
+        "json2csv": "bin/json2dsv.js",
+        "json2dsv": "bin/json2dsv.js",
+        "json2tsv": "bin/json2dsv.js",
+        "tsv2csv": "bin/dsv2dsv.js",
+        "tsv2json": "bin/dsv2json.js"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-dsv/node_modules/commander": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
+      "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/d3-ease": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-ease/-/d3-ease-3.0.1.tgz",
+      "integrity": "sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==",
+      "license": "BSD-3-Clause",
+      "optional": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-fetch": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-fetch/-/d3-fetch-3.0.1.tgz",
+      "integrity": "sha512-kpkQIM20n3oLVBKGg6oHrUchHM3xODkTzjMoj7aWQFq5QEM+R6E4WkzT5+tojDY7yjez8KgCBRoj4aEr99Fdqw==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "d3-dsv": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-force": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-force/-/d3-force-3.0.0.tgz",
+      "integrity": "sha512-zxV/SsA+U4yte8051P4ECydjD/S+qeYtnaIyAs9tgHCqfguma/aAQDjo85A9Z6EKhBirHRJHXIgJUlffT4wdLg==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "d3-dispatch": "1 - 3",
+        "d3-quadtree": "1 - 3",
+        "d3-timer": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-format": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-format/-/d3-format-3.1.0.tgz",
+      "integrity": "sha512-YyUI6AEuY/Wpt8KWLgZHsIU86atmikuoOmCfommt0LYHiQSPjvX2AcFc38PX0CBpr2RCyZhjex+NS/LPOv6YqA==",
+      "license": "ISC",
+      "optional": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-geo": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/d3-geo/-/d3-geo-3.1.1.tgz",
+      "integrity": "sha512-637ln3gXKXOwhalDzinUgY83KzNWZRKbYubaG+fGVuc/dxO64RRljtCTnf5ecMyE1RIdtqpkVcq0IbtU2S8j2Q==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "d3-array": "2.5.0 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-hierarchy": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/d3-hierarchy/-/d3-hierarchy-3.1.2.tgz",
+      "integrity": "sha512-FX/9frcub54beBdugHjDCdikxThEqjnR93Qt7PvQTOHxyiNCAlvMrHhclk3cD5VeAaq9fxmfRp+CnWw9rEMBuA==",
+      "license": "ISC",
+      "optional": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-interpolate": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-interpolate/-/d3-interpolate-3.0.1.tgz",
+      "integrity": "sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "d3-color": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-path": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-path/-/d3-path-3.1.0.tgz",
+      "integrity": "sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ==",
+      "license": "ISC",
+      "optional": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-polygon": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-polygon/-/d3-polygon-3.0.1.tgz",
+      "integrity": "sha512-3vbA7vXYwfe1SYhED++fPUQlWSYTTGmFmQiany/gdbiWgU/iEyQzyymwL9SkJjFFuCS4902BSzewVGsHHmHtXg==",
+      "license": "ISC",
+      "optional": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-quadtree": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-quadtree/-/d3-quadtree-3.0.1.tgz",
+      "integrity": "sha512-04xDrxQTDTCFwP5H6hRhsRcb9xxv2RzkcsygFzmkSIOJy3PeRJP7sNk3VRIbKXcog561P9oU0/rVH6vDROAgUw==",
+      "license": "ISC",
+      "optional": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-random": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-random/-/d3-random-3.0.1.tgz",
+      "integrity": "sha512-FXMe9GfxTxqd5D6jFsQ+DJ8BJS4E/fT5mqqdjovykEB2oFbTMDVdg1MGFxfQW+FBOGoB++k8swBrgwSHT1cUXQ==",
+      "license": "ISC",
+      "optional": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-sankey": {
+      "version": "0.12.3",
+      "resolved": "https://registry.npmjs.org/d3-sankey/-/d3-sankey-0.12.3.tgz",
+      "integrity": "sha512-nQhsBRmM19Ax5xEIPLMY9ZmJ/cDvd1BG3UVvt5h3WRxKg5zGRbvnteTyWAbzeSvlh3tW7ZEmq4VwR5mB3tutmQ==",
+      "license": "BSD-3-Clause",
+      "optional": true,
+      "dependencies": {
+        "d3-array": "1 - 2",
+        "d3-shape": "^1.2.0"
+      }
+    },
+    "node_modules/d3-sankey/node_modules/d3-array": {
+      "version": "2.12.1",
+      "resolved": "https://registry.npmjs.org/d3-array/-/d3-array-2.12.1.tgz",
+      "integrity": "sha512-B0ErZK/66mHtEsR1TkPEEkwdy+WDesimkM5gpZr5Dsg54BiTA5RXtYW5qTLIAcekaS9xfZrzBLF/OAkB3Qn1YQ==",
+      "license": "BSD-3-Clause",
+      "optional": true,
+      "dependencies": {
+        "internmap": "^1.0.0"
+      }
+    },
+    "node_modules/d3-sankey/node_modules/d3-path": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/d3-path/-/d3-path-1.0.9.tgz",
+      "integrity": "sha512-VLaYcn81dtHVTjEHd8B+pbe9yHWpXKZUC87PzoFmsFrJqgFwDe/qxfp5MlfsfM1V5E/iVt0MmEbWQ7FVIXh/bg==",
+      "license": "BSD-3-Clause",
+      "optional": true
+    },
+    "node_modules/d3-sankey/node_modules/d3-shape": {
+      "version": "1.3.7",
+      "resolved": "https://registry.npmjs.org/d3-shape/-/d3-shape-1.3.7.tgz",
+      "integrity": "sha512-EUkvKjqPFUAZyOlhY5gzCxCeI0Aep04LwIRpsZ/mLFelJiUfnK56jo5JMDSE7yyP2kLSb6LtF+S5chMk7uqPqw==",
+      "license": "BSD-3-Clause",
+      "optional": true,
+      "dependencies": {
+        "d3-path": "1"
+      }
+    },
+    "node_modules/d3-sankey/node_modules/internmap": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/internmap/-/internmap-1.0.1.tgz",
+      "integrity": "sha512-lDB5YccMydFBtasVtxnZ3MRBHuaoE8GKsppq+EchKL2U4nK/DmEpPHNH8MZe5HkMtpSiTSOZwfN0tzYjO/lJEw==",
+      "license": "ISC",
+      "optional": true
+    },
+    "node_modules/d3-scale": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/d3-scale/-/d3-scale-4.0.2.tgz",
+      "integrity": "sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "d3-array": "2.10.0 - 3",
+        "d3-format": "1 - 3",
+        "d3-interpolate": "1.2.0 - 3",
+        "d3-time": "2.1.1 - 3",
+        "d3-time-format": "2 - 4"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-scale-chromatic": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-scale-chromatic/-/d3-scale-chromatic-3.1.0.tgz",
+      "integrity": "sha512-A3s5PWiZ9YCXFye1o246KoscMWqf8BsD9eRiJ3He7C9OBaxKhAd5TFCdEx/7VbKtxxTsu//1mMJFrEt572cEyQ==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "d3-color": "1 - 3",
+        "d3-interpolate": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-selection": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-selection/-/d3-selection-3.0.0.tgz",
+      "integrity": "sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ==",
+      "license": "ISC",
+      "optional": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-shape": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/d3-shape/-/d3-shape-3.2.0.tgz",
+      "integrity": "sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "d3-path": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-time": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-time/-/d3-time-3.1.0.tgz",
+      "integrity": "sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "d3-array": "2 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-time-format": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/d3-time-format/-/d3-time-format-4.1.0.tgz",
+      "integrity": "sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "d3-time": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-timer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-timer/-/d3-timer-3.0.1.tgz",
+      "integrity": "sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==",
+      "license": "ISC",
+      "optional": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-transition": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-transition/-/d3-transition-3.0.1.tgz",
+      "integrity": "sha512-ApKvfjsSR6tg06xrL434C0WydLr7JewBB3V+/39RMHsaXTOG0zmt/OAXeng5M5LBm0ojmxJrpomQVZ1aPvBL4w==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "d3-color": "1 - 3",
+        "d3-dispatch": "1 - 3",
+        "d3-ease": "1 - 3",
+        "d3-interpolate": "1 - 3",
+        "d3-timer": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "peerDependencies": {
+        "d3-selection": "2 - 3"
+      }
+    },
+    "node_modules/d3-zoom": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-zoom/-/d3-zoom-3.0.0.tgz",
+      "integrity": "sha512-b8AmV3kfQaqWAuacbPuNbL6vahnOJflOhexLzMMNLga62+/nh0JzvJ0aO/5a5MVgUFGS7Hu1P9P03o3fJkDCyw==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "d3-dispatch": "1 - 3",
+        "d3-drag": "2 - 3",
+        "d3-interpolate": "1 - 3",
+        "d3-selection": "2 - 3",
+        "d3-transition": "2 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/dagre-d3-es": {
+      "version": "7.0.13",
+      "resolved": "https://registry.npmjs.org/dagre-d3-es/-/dagre-d3-es-7.0.13.tgz",
+      "integrity": "sha512-efEhnxpSuwpYOKRm/L5KbqoZmNNukHa/Flty4Wp62JRvgH2ojwVgPgdYyr4twpieZnyRDdIH7PY2mopX26+j2Q==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "d3": "^7.9.0",
+        "lodash-es": "^4.17.21"
+      }
+    },
     "node_modules/dashdash": {
       "version": "1.14.1",
       "resolved": "https://registry.npmjs.org/dashdash/-/dashdash-1.14.1.tgz",
@@ -13258,6 +14260,13 @@
         "node": ">=4.0"
       }
     },
+    "node_modules/dayjs": {
+      "version": "1.11.19",
+      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.19.tgz",
+      "integrity": "sha512-t5EcLVS6QPBNqM2z8fakk/NKel+Xzshgt8FFKAn+qwlD1pzZWxh0nVCrvFK7ZDb6XucZeF9z8C7CBWTRIVApAw==",
+      "license": "MIT",
+      "optional": true
+    },
     "node_modules/debug": {
       "version": "4.4.1",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.1.tgz",
@@ -13542,6 +14551,16 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/delaunator": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/delaunator/-/delaunator-5.0.1.tgz",
+      "integrity": "sha512-8nvh+XBe96aCESrGOqMp/84b13H9cdKbG5P2ejQCh4d4sK9RL4371qou9drQjMhvnPmhWl5hnmqbEE0fXr9Xnw==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "robust-predicates": "^3.0.2"
+      }
+    },
     "node_modules/delayed-stream": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
@@ -13552,6 +14571,13 @@
         "node": ">=0.4.0"
       }
     },
+    "node_modules/delegate": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/delegate/-/delegate-3.2.0.tgz",
+      "integrity": "sha512-IofjkYBZaZivn0V8nnsMJGBr4jVLxHDheKSW88PyxS5QC4Vo9ZbZVvhzlSxY87fVq3STR6r+4cGepyHkcWOQSw==",
+      "license": "MIT",
+      "optional": true
+    },
     "node_modules/depd": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
@@ -13746,6 +14772,16 @@
         "url": "https://github.com/fb55/domhandler?sponsor=1"
       }
     },
+    "node_modules/dompurify": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.3.1.tgz",
+      "integrity": "sha512-qkdCKzLNtrgPFP1Vo+98FRzJnBRGe4ffyCea9IwHB1fyxPOeNTHpLKYGd4Uk9xvNoH0ZoOjwZxNptyMwqrId1Q==",
+      "license": "(MPL-2.0 OR Apache-2.0)",
+      "optional": true,
+      "optionalDependencies": {
+        "@types/trusted-types": "^2.0.7"
+      }
+    },
     "node_modules/domutils": {
       "version": "3.2.2",
       "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.2.2.tgz",
@@ -13885,6 +14921,13 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/emoji-toolkit": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/emoji-toolkit/-/emoji-toolkit-9.0.1.tgz",
+      "integrity": "sha512-sMMNqKNLVHXJfIKoPbrRJwtYuysVNC9GlKetr72zE3SSVbHqoeDLWVrxP0uM0AE0qvdl3hbUk+tJhhwXZrDHaw==",
+      "license": "MIT",
+      "optional": true
+    },
     "node_modules/emojilib": {
       "version": "2.4.0",
       "resolved": "https://registry.npmjs.org/emojilib/-/emojilib-2.4.0.tgz",
@@ -16819,6 +17862,16 @@
         "node": ">= 0.10"
       }
     },
+    "node_modules/good-listener": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/good-listener/-/good-listener-1.2.2.tgz",
+      "integrity": "sha512-goW1b+d9q/HIwbVYZzZ6SsTr4IgE+WA44A0GmPIQstuOrgsFcT7VEJ48nmr9GaRtNu0XTKacFLGnBPAM6Afouw==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "delegate": "^3.1.2"
+      }
+    },
     "node_modules/gopd": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
@@ -17477,6 +18530,13 @@
         "node": ">= 0.10"
       }
     },
+    "node_modules/hachure-fill": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/hachure-fill/-/hachure-fill-0.5.2.tgz",
+      "integrity": "sha512-3GKBOn+m2LX9iq+JC1064cSFprJY4jL1jCXTcpnfER5HYE2l/4EfWSGzkPa/ZDBmYI0ZOEj5VHV/eKnPGkHuOg==",
+      "license": "MIT",
+      "optional": true
+    },
     "node_modules/hammerjs": {
       "version": "2.0.8",
       "resolved": "https://registry.npmjs.org/hammerjs/-/hammerjs-2.0.8.tgz",
@@ -18027,7 +19087,7 @@
       "version": "0.6.3",
       "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
       "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "safer-buffer": ">= 2.1.2 < 3.0.0"
@@ -18485,6 +19545,16 @@
         "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
       }
     },
+    "node_modules/internmap": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/internmap/-/internmap-2.0.3.tgz",
+      "integrity": "sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==",
+      "license": "ISC",
+      "optional": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/interpret": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/interpret/-/interpret-1.4.0.tgz",
@@ -20126,6 +21196,33 @@
         "node": ">=10"
       }
     },
+    "node_modules/katex": {
+      "version": "0.16.27",
+      "resolved": "https://registry.npmjs.org/katex/-/katex-0.16.27.tgz",
+      "integrity": "sha512-aeQoDkuRWSqQN6nSvVCEFvfXdqo1OQiCmmW1kc9xSdjutPv7BGO7pqY9sQRJpMOGrEdfDgF2TfRXe5eUAD2Waw==",
+      "funding": [
+        "https://opencollective.com/katex",
+        "https://github.com/sponsors/katex"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "commander": "^8.3.0"
+      },
+      "bin": {
+        "katex": "cli.js"
+      }
+    },
+    "node_modules/katex/node_modules/commander": {
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-8.3.0.tgz",
+      "integrity": "sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">= 12"
+      }
+    },
     "node_modules/kew": {
       "version": "0.7.0",
       "resolved": "https://registry.npmjs.org/kew/-/kew-0.7.0.tgz",
@@ -20133,6 +21230,12 @@
       "dev": true,
       "license": "Apache-2.0"
     },
+    "node_modules/khroma": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/khroma/-/khroma-2.1.0.tgz",
+      "integrity": "sha512-Ls993zuzfayK269Svk9hzpeGUKob/sIgZzyHYdjQoAdQetRKpOLj+k/QQQ/6Qi0Yz65mlROrfd+Ev+1+7dz9Kw==",
+      "optional": true
+    },
     "node_modules/kind-of": {
       "version": "5.1.0",
       "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz",
@@ -20143,6 +21246,23 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/langium": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/langium/-/langium-3.3.1.tgz",
+      "integrity": "sha512-QJv/h939gDpvT+9SiLVlY7tZC3xB2qK57v0J04Sh9wpMb6MP1q8gB21L3WIo8T5P1MSMg3Ep14L7KkDCFG3y4w==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "chevrotain": "~11.0.3",
+        "chevrotain-allstar": "~0.3.0",
+        "vscode-languageserver": "~9.0.1",
+        "vscode-languageserver-textdocument": "~1.0.11",
+        "vscode-uri": "~3.0.8"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      }
+    },
     "node_modules/last-run": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/last-run/-/last-run-1.1.1.tgz",
@@ -20168,6 +21288,13 @@
         "shell-quote": "^1.8.3"
       }
     },
+    "node_modules/layout-base": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/layout-base/-/layout-base-1.0.2.tgz",
+      "integrity": "sha512-8h2oVEZNktL4BH2JCOI90iD1yXwL6iNW7KcCKT2QZgQJR2vbqDsldCTPRU9NifTCqHZci57XvQQ15YTu+sTYPg==",
+      "license": "MIT",
+      "optional": true
+    },
     "node_modules/lazystream": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/lazystream/-/lazystream-1.0.1.tgz",
@@ -20983,9 +22110,8 @@
       "version": "4.17.21",
       "resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.21.tgz",
       "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==",
-      "dev": true,
-      "license": "MIT",
-      "peer": true
+      "devOptional": true,
+      "license": "MIT"
     },
     "node_modules/lodash.capitalize": {
       "version": "4.2.1",
@@ -21486,71 +22612,15 @@
       }
     },
     "node_modules/marked": {
-      "version": "15.0.12",
-      "resolved": "https://registry.npmjs.org/marked/-/marked-15.0.12.tgz",
-      "integrity": "sha512-8dD6FusOQSrpv9Z1rdNMdlSgQOIP880DHqnohobOmYLElGEqAL/JvxvuxZO16r4HtjTlfPRDC1hbvxC9dPN2nA==",
-      "dev": true,
+      "version": "16.4.2",
+      "resolved": "https://registry.npmjs.org/marked/-/marked-16.4.2.tgz",
+      "integrity": "sha512-TI3V8YYWvkVf3KJe1dRkpnjs68JUPyEa5vjKrp1XEEJUAOaQc+Qj+L1qWbPd0SJuAdQkFU0h73sXXqwDYxsiDA==",
       "license": "MIT",
-      "peer": true,
       "bin": {
         "marked": "bin/marked.js"
       },
       "engines": {
-        "node": ">= 18"
-      }
-    },
-    "node_modules/marked-terminal": {
-      "version": "7.3.0",
-      "resolved": "https://registry.npmjs.org/marked-terminal/-/marked-terminal-7.3.0.tgz",
-      "integrity": "sha512-t4rBvPsHc57uE/2nJOLmMbZCQ4tgAccAED3ngXQqW6g+TxA488JzJ+FK3lQkzBQOI1mRV/r/Kq+1ZlJ4D0owQw==",
-      "dev": true,
-      "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "ansi-escapes": "^7.0.0",
-        "ansi-regex": "^6.1.0",
-        "chalk": "^5.4.1",
-        "cli-highlight": "^2.1.11",
-        "cli-table3": "^0.6.5",
-        "node-emoji": "^2.2.0",
-        "supports-hyperlinks": "^3.1.0"
-      },
-      "engines": {
-        "node": ">=16.0.0"
-      },
-      "peerDependencies": {
-        "marked": ">=1 <16"
-      }
-    },
-    "node_modules/marked-terminal/node_modules/ansi-escapes": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-7.0.0.tgz",
-      "integrity": "sha512-GdYO7a61mR0fOlAsvC9/rIHf7L96sBc6dEWzeOu+KAea5bZyQRPIpojrVoI4AXGJS/ycu/fBTdLrUkA4ODrvjw==",
-      "dev": true,
-      "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "environment": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/marked-terminal/node_modules/chalk": {
-      "version": "5.6.0",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.6.0.tgz",
-      "integrity": "sha512-46QrSQFyVSEyYAgQ22hQ+zDa60YHA4fBstHmtSApj1Y5vKtG27fWowW03jCk5KcbXEWPZUIR894aARCA/G1kfQ==",
-      "dev": true,
-      "license": "MIT",
-      "peer": true,
-      "engines": {
-        "node": "^12.17.0 || ^14.13 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
+        "node": ">= 20"
       }
     },
     "node_modules/matchdep": {
@@ -21887,6 +22957,49 @@
         "node": ">= 8"
       }
     },
+    "node_modules/mermaid": {
+      "version": "11.12.2",
+      "resolved": "https://registry.npmjs.org/mermaid/-/mermaid-11.12.2.tgz",
+      "integrity": "sha512-n34QPDPEKmaeCG4WDMGy0OT6PSyxKCfy2pJgShP+Qow2KLrvWjclwbc3yXfSIf4BanqWEhQEpngWwNp/XhZt6w==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@braintree/sanitize-url": "^7.1.1",
+        "@iconify/utils": "^3.0.1",
+        "@mermaid-js/parser": "^0.6.3",
+        "@types/d3": "^7.4.3",
+        "cytoscape": "^3.29.3",
+        "cytoscape-cose-bilkent": "^4.1.0",
+        "cytoscape-fcose": "^2.2.0",
+        "d3": "^7.9.0",
+        "d3-sankey": "^0.12.3",
+        "dagre-d3-es": "7.0.13",
+        "dayjs": "^1.11.18",
+        "dompurify": "^3.2.5",
+        "katex": "^0.16.22",
+        "khroma": "^2.1.0",
+        "lodash-es": "^4.17.21",
+        "marked": "^16.2.1",
+        "roughjs": "^4.6.6",
+        "stylis": "^4.3.6",
+        "ts-dedent": "^2.2.0",
+        "uuid": "^11.1.0"
+      }
+    },
+    "node_modules/mermaid/node_modules/uuid": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-11.1.0.tgz",
+      "integrity": "sha512-0/A9rDy9P7cJ+8w1c9WD9V//9Wj15Ce2MPz8Ri6032usz+NfePxx5AcN3bN+r6ZL6jEo066/yNYB3tn4pQEx+A==",
+      "funding": [
+        "https://github.com/sponsors/broofa",
+        "https://github.com/sponsors/ctavan"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "bin": {
+        "uuid": "dist/esm/bin/uuid"
+      }
+    },
     "node_modules/methods": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
@@ -22274,6 +23387,32 @@
         "mkdirp": "bin/cmd.js"
       }
     },
+    "node_modules/mlly": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/mlly/-/mlly-1.8.0.tgz",
+      "integrity": "sha512-l8D9ODSRWLe2KHJSifWGwBqpTZXIXTeo8mlKjY+E2HAakaTeNpqAyBZ8GSqLzHgw4XmHmC8whvpjJNMbFZN7/g==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "acorn": "^8.15.0",
+        "pathe": "^2.0.3",
+        "pkg-types": "^1.3.1",
+        "ufo": "^1.6.1"
+      }
+    },
+    "node_modules/mlly/node_modules/acorn": {
+      "version": "8.15.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
+      "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
+      "license": "MIT",
+      "optional": true,
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
     "node_modules/mrmime": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/mrmime/-/mrmime-2.0.1.tgz",
@@ -22522,6 +23661,30 @@
         "@angular/core": "^20.0.1"
       }
     },
+    "node_modules/ngx-markdown": {
+      "version": "20.1.0",
+      "resolved": "https://registry.npmjs.org/ngx-markdown/-/ngx-markdown-20.1.0.tgz",
+      "integrity": "sha512-BLn6CTMO27cU0zeaJYoC1g5c1hAkrpE5oqVSQFGW0J5gq+gEuvTt4vrtNLc8Z+HYXtuuWmuhUWiXL/bYoiDJ+A==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.3.0"
+      },
+      "optionalDependencies": {
+        "clipboard": "^2.0.11",
+        "emoji-toolkit": ">= 8.0.0 < 10.0.0",
+        "katex": "^0.16.0",
+        "mermaid": ">= 10.6.0 < 12.0.0",
+        "prismjs": "^1.30.0"
+      },
+      "peerDependencies": {
+        "@angular/common": "^20.0.0",
+        "@angular/core": "^20.0.0",
+        "@angular/platform-browser": "^20.0.0",
+        "marked": "^15.0.0 || ^16.0.0",
+        "rxjs": "^6.5.3 || ^7.4.0",
+        "zone.js": "~0.15.0"
+      }
+    },
     "node_modules/nice-try": {
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/nice-try/-/nice-try-1.0.5.tgz",
@@ -26506,6 +27669,13 @@
       "dev": true,
       "license": "BlueOak-1.0.0"
     },
+    "node_modules/package-manager-detector": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/package-manager-detector/-/package-manager-detector-1.6.0.tgz",
+      "integrity": "sha512-61A5ThoTiDG/C8s8UMZwSorAGwMJ0ERVGj2OjoW5pAalsNOg15+iQiPzrLJ4jhZ1HJzmC2PIHT2oEiH3R5fzNA==",
+      "license": "MIT",
+      "optional": true
+    },
     "node_modules/pacote": {
       "version": "21.0.0",
       "resolved": "https://registry.npmjs.org/pacote/-/pacote-21.0.0.tgz",
@@ -26773,6 +27943,13 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/path-data-parser": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/path-data-parser/-/path-data-parser-0.1.0.tgz",
+      "integrity": "sha512-NOnmBpt5Y2RWbuv0LMzsayp3lVylAHLPUTut412ZA3l+C4uw4ZVkQbjShYCQ8TCpUMdPapr4YjUqLYD6v68j+w==",
+      "license": "MIT",
+      "optional": true
+    },
     "node_modules/path-dirname": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/path-dirname/-/path-dirname-1.0.2.tgz",
@@ -26891,6 +28068,13 @@
         "node": ">=8"
       }
     },
+    "node_modules/pathe": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/pathe/-/pathe-2.0.3.tgz",
+      "integrity": "sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==",
+      "license": "MIT",
+      "optional": true
+    },
     "node_modules/performance-now": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz",
@@ -27079,6 +28263,18 @@
         "node": ">=8"
       }
     },
+    "node_modules/pkg-types": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-1.3.1.tgz",
+      "integrity": "sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "confbox": "^0.1.8",
+        "mlly": "^1.7.4",
+        "pathe": "^2.0.1"
+      }
+    },
     "node_modules/plugin-error": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/plugin-error/-/plugin-error-1.0.1.tgz",
@@ -27108,6 +28304,24 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/points-on-curve": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/points-on-curve/-/points-on-curve-0.2.0.tgz",
+      "integrity": "sha512-0mYKnYYe9ZcqMCWhUjItv/oHjvgEsfKvnUTg8sAtnHr3GVy7rGkXCb6d5cSyqrWqL4k81b9CPg3urd+T7aop3A==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/points-on-path": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/points-on-path/-/points-on-path-0.2.1.tgz",
+      "integrity": "sha512-25ClnWWuw7JbWZcgqY/gJ4FQWadKxGWk+3kR/7kD0tCaDtPPMj7oHu2ToLaVhfpnHrZzYby2w6tUA0eOIuUg8g==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "path-data-parser": "0.1.0",
+        "points-on-curve": "0.2.0"
+      }
+    },
     "node_modules/posix-character-classes": {
       "version": "0.1.1",
       "resolved": "https://registry.npmjs.org/posix-character-classes/-/posix-character-classes-0.1.1.tgz",
@@ -27791,6 +29005,16 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/prismjs": {
+      "version": "1.30.0",
+      "resolved": "https://registry.npmjs.org/prismjs/-/prismjs-1.30.0.tgz",
+      "integrity": "sha512-DEvV2ZF2r2/63V+tK8hQvrR2ZGn10srHbXviTlcv7Kpzw8jWiNTqbVgjO3IY8RxrrOUF8VPMQQFysYYYv0YZxw==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/proc-log": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/proc-log/-/proc-log-5.0.0.tgz",
@@ -29103,6 +30327,13 @@
         "rimraf": "bin.js"
       }
     },
+    "node_modules/robust-predicates": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/robust-predicates/-/robust-predicates-3.0.2.tgz",
+      "integrity": "sha512-IXgzBWvWQwE6PrDI05OvmXUIruQTcoMDzRsOd5CDvHCVLcLHMTSYvOK5Cm46kWqlV3yAbuSpBZdJ5oP5OUoStg==",
+      "license": "Unlicense",
+      "optional": true
+    },
     "node_modules/rolldown": {
       "version": "1.0.0-beta.32",
       "resolved": "https://registry.npmjs.org/rolldown/-/rolldown-1.0.0-beta.32.tgz",
@@ -29175,6 +30406,19 @@
         "fsevents": "~2.3.2"
       }
     },
+    "node_modules/roughjs": {
+      "version": "4.6.6",
+      "resolved": "https://registry.npmjs.org/roughjs/-/roughjs-4.6.6.tgz",
+      "integrity": "sha512-ZUz/69+SYpFN/g/lUlo2FXcIjRkSu3nDarreVdGGndHEBJ6cXPdKguS8JGxwj5HA5xIbVKSmLgr5b3AWxtRfvQ==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "hachure-fill": "^0.5.2",
+        "path-data-parser": "^0.1.0",
+        "points-on-curve": "^0.2.0",
+        "points-on-path": "^0.2.1"
+      }
+    },
     "node_modules/router": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/router/-/router-2.2.0.tgz",
@@ -29246,6 +30490,13 @@
         "queue-microtask": "^1.2.2"
       }
     },
+    "node_modules/rw": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/rw/-/rw-1.3.3.tgz",
+      "integrity": "sha512-PdhdWy89SiZogBLaw42zdeqtRJ//zFd2PgQavcICDUgJT5oW10QCRKbJ6bg4r0/UY2M6BWd5tkxuGFRvCkgfHQ==",
+      "license": "BSD-3-Clause",
+      "optional": true
+    },
     "node_modules/rxjs": {
       "version": "7.8.2",
       "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.2.tgz",
@@ -29307,7 +30558,7 @@
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
       "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT"
     },
     "node_modules/sass": {
@@ -29481,6 +30732,13 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/select": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/select/-/select-1.1.2.tgz",
+      "integrity": "sha512-OwpTSOfy6xSs1+pwcNrv0RBMOzI39Lp3qQKUTPVVPRjCdNa5JH/oPRiqsesIskK8TVgmRiHwO4KXlV2Li9dANA==",
+      "license": "MIT",
+      "optional": true
+    },
     "node_modules/select-hose": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/select-hose/-/select-hose-2.0.0.tgz",
@@ -29804,6 +31062,23 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/semantic-release/node_modules/ansi-escapes": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-7.2.0.tgz",
+      "integrity": "sha512-g6LhBsl+GBPRWGWsBtutpzBYuIIdBkLEvad5C/va/74Db018+5TZiyA26cZJAr3Rft5lprVqOIPxf5Vid6tqAw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "environment": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/semantic-release/node_modules/ansi-regex": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
@@ -29840,6 +31115,20 @@
       "license": "Apache-2.0",
       "peer": true
     },
+    "node_modules/semantic-release/node_modules/chalk": {
+      "version": "5.6.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.6.2.tgz",
+      "integrity": "sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": "^12.17.0 || ^14.13 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
     "node_modules/semantic-release/node_modules/clean-stack": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/clean-stack/-/clean-stack-5.2.0.tgz",
@@ -30098,6 +31387,57 @@
       "license": "ISC",
       "peer": true
     },
+    "node_modules/semantic-release/node_modules/marked": {
+      "version": "15.0.12",
+      "resolved": "https://registry.npmjs.org/marked/-/marked-15.0.12.tgz",
+      "integrity": "sha512-8dD6FusOQSrpv9Z1rdNMdlSgQOIP880DHqnohobOmYLElGEqAL/JvxvuxZO16r4HtjTlfPRDC1hbvxC9dPN2nA==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "bin": {
+        "marked": "bin/marked.js"
+      },
+      "engines": {
+        "node": ">= 18"
+      }
+    },
+    "node_modules/semantic-release/node_modules/marked-terminal": {
+      "version": "7.3.0",
+      "resolved": "https://registry.npmjs.org/marked-terminal/-/marked-terminal-7.3.0.tgz",
+      "integrity": "sha512-t4rBvPsHc57uE/2nJOLmMbZCQ4tgAccAED3ngXQqW6g+TxA488JzJ+FK3lQkzBQOI1mRV/r/Kq+1ZlJ4D0owQw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "ansi-escapes": "^7.0.0",
+        "ansi-regex": "^6.1.0",
+        "chalk": "^5.4.1",
+        "cli-highlight": "^2.1.11",
+        "cli-table3": "^0.6.5",
+        "node-emoji": "^2.2.0",
+        "supports-hyperlinks": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      },
+      "peerDependencies": {
+        "marked": ">=1 <16"
+      }
+    },
+    "node_modules/semantic-release/node_modules/marked-terminal/node_modules/ansi-regex": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz",
+      "integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
     "node_modules/semantic-release/node_modules/mime": {
       "version": "4.0.7",
       "resolved": "https://registry.npmjs.org/mime/-/mime-4.0.7.tgz",
@@ -31964,6 +33304,13 @@
         "postcss": "^8.2.15"
       }
     },
+    "node_modules/stylis": {
+      "version": "4.3.6",
+      "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.3.6.tgz",
+      "integrity": "sha512-yQ3rwFWRfwNUY7H5vpU0wfdkNSnvnJinhF9830Swlaxl03zsOjCfmX0ugac+3LtK0lYSgwL/KXc8oYL3mG4YFQ==",
+      "license": "MIT",
+      "optional": true
+    },
     "node_modules/super-regex": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/super-regex/-/super-regex-1.0.0.tgz",
@@ -32788,6 +34135,23 @@
         "node": ">=0.12"
       }
     },
+    "node_modules/tiny-emitter": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/tiny-emitter/-/tiny-emitter-2.1.0.tgz",
+      "integrity": "sha512-NB6Dk1A9xgQPMoGqC5CVXn123gWyte215ONT5Pp5a0yt4nlEoO1ZWeCwpncaekPHXO60i47ihFnZPiRPjRMq4Q==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/tinyexec": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/tinyexec/-/tinyexec-1.0.2.tgz",
+      "integrity": "sha512-W/KYk+NFhkmsYpuHq5JykngiOCnxeVL8v8dFnqxSD8qEEdRfXk1SDM6JzNqcERbcGYj9tMrDQBYV9cjgnunFIg==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/tinyglobby": {
       "version": "0.2.14",
       "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.14.tgz",
@@ -32988,6 +34352,16 @@
         "tree-kill": "cli.js"
       }
     },
+    "node_modules/ts-dedent": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/ts-dedent/-/ts-dedent-2.2.0.tgz",
+      "integrity": "sha512-q5W7tVM71e2xjHZTlgfTDoPF/SmqKG5hddq9SzR49CH2hayqRKJtQ4mtRlSxKaJlR/+9rEM+mnBHf7I2/BQcpQ==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=6.10"
+      }
+    },
     "node_modules/ts-loader": {
       "version": "6.2.2",
       "resolved": "https://registry.npmjs.org/ts-loader/-/ts-loader-6.2.2.tgz",
@@ -33320,6 +34694,13 @@
         "node": "*"
       }
     },
+    "node_modules/ufo": {
+      "version": "1.6.2",
+      "resolved": "https://registry.npmjs.org/ufo/-/ufo-1.6.2.tgz",
+      "integrity": "sha512-heMioaxBcG9+Znsda5Q8sQbWnLJSl98AFDXTO80wELWEzX3hordXsTdxrIfMQoO9IY1MEnoGoPjpoKpMj+Yx0Q==",
+      "license": "MIT",
+      "optional": true
+    },
     "node_modules/uglify-js": {
       "version": "3.19.3",
       "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.19.3.tgz",
@@ -34157,6 +35538,61 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/vscode-jsonrpc": {
+      "version": "8.2.0",
+      "resolved": "https://registry.npmjs.org/vscode-jsonrpc/-/vscode-jsonrpc-8.2.0.tgz",
+      "integrity": "sha512-C+r0eKJUIfiDIfwJhria30+TYWPtuHJXHtI7J0YlOmKAo7ogxP20T0zxB7HZQIFhIyvoBPwWskjxrvAtfjyZfA==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/vscode-languageserver": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/vscode-languageserver/-/vscode-languageserver-9.0.1.tgz",
+      "integrity": "sha512-woByF3PDpkHFUreUa7Hos7+pUWdeWMXRd26+ZX2A8cFx6v/JPTtd4/uN0/jB6XQHYaOlHbio03NTHCqrgG5n7g==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "vscode-languageserver-protocol": "3.17.5"
+      },
+      "bin": {
+        "installServerIntoExtension": "bin/installServerIntoExtension"
+      }
+    },
+    "node_modules/vscode-languageserver-protocol": {
+      "version": "3.17.5",
+      "resolved": "https://registry.npmjs.org/vscode-languageserver-protocol/-/vscode-languageserver-protocol-3.17.5.tgz",
+      "integrity": "sha512-mb1bvRJN8SVznADSGWM9u/b07H7Ecg0I3OgXDuLdn307rl/J3A9YD6/eYOssqhecL27hK1IPZAsaqh00i/Jljg==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "vscode-jsonrpc": "8.2.0",
+        "vscode-languageserver-types": "3.17.5"
+      }
+    },
+    "node_modules/vscode-languageserver-textdocument": {
+      "version": "1.0.12",
+      "resolved": "https://registry.npmjs.org/vscode-languageserver-textdocument/-/vscode-languageserver-textdocument-1.0.12.tgz",
+      "integrity": "sha512-cxWNPesCnQCcMPeenjKKsOCKQZ/L6Tv19DTRIGuLWe32lyzWhihGVJ/rcckZXJxfdKCFvRLS3fpBIsV/ZGX4zA==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/vscode-languageserver-types": {
+      "version": "3.17.5",
+      "resolved": "https://registry.npmjs.org/vscode-languageserver-types/-/vscode-languageserver-types-3.17.5.tgz",
+      "integrity": "sha512-Ld1VelNuX9pdF39h2Hgaeb5hEZM2Z3jUrrMgWQAu82jMtZp7p3vJT3BzToKtZI7NgQssZje5o0zryOrhQvzQAg==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/vscode-uri": {
+      "version": "3.0.8",
+      "resolved": "https://registry.npmjs.org/vscode-uri/-/vscode-uri-3.0.8.tgz",
+      "integrity": "sha512-AyFQ0EVmsOZOlAnxoFOGOq1SQDWAB7C6aqMGS23svWAllfOaxbuFvcT8D1i8z3Gyn8fraVeZNNmN6e9bxxXkKw==",
+      "license": "MIT",
+      "optional": true
+    },
     "node_modules/watchpack": {
       "version": "2.4.4",
       "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.4.tgz",
diff --git a/package.json b/package.json
index 6e339676279..00a396eb2d3 100644
--- a/package.json
+++ b/package.json
@@ -54,10 +54,12 @@
     "jquery": "^3.6.0",
     "jwt-decode": "^3.1.2",
     "lz-string": "^1.4.4",
+    "marked": "^16.4.2",
     "mathjax": "^3.2.2",
     "microphone-stream": "^6.0.1",
     "ng-file-upload": "^12.2.13",
     "ng-recaptcha-2": "^16.0.1",
+    "ngx-markdown": "^20.1.0",
     "process": "^0.11.10",
     "rxjs": "^7.5.6",
     "sockjs-client": "^1.6.0",
diff --git a/src/app/chatbot/awsBedRock.service.ts b/src/app/chatbot/awsBedRock.service.ts
new file mode 100644
index 00000000000..6762765f491
--- /dev/null
+++ b/src/app/chatbot/awsBedRock.service.ts
@@ -0,0 +1,12 @@
+import { Injectable } from '@angular/core';
+import { ChatService } from './chat.service';
+
+@Injectable({ providedIn: 'root' })
+export class AwsBedRockService extends ChatService {
+  protected chatEndpoint = '/api/aws-bedrock/chat';
+  protected model: string = 'openai.gpt-oss-20b-1:0';
+
+  processResponse(response: string): string {
+    return response.replace(/<reasoning>.*?<\/reasoning>/gs, '');
+  }
+}
diff --git a/src/app/chatbot/chat-history-dialog.component.html b/src/app/chatbot/chat-history-dialog.component.html
new file mode 100644
index 00000000000..c20f25c9425
--- /dev/null
+++ b/src/app/chatbot/chat-history-dialog.component.html
@@ -0,0 +1,89 @@
+<h2 matDialogTitle i18n>Conversation History</h2>
+<mat-dialog-content class="!p-0">
+  <mat-action-list class="!p-0">
+    <mat-divider />
+    @for (chat of data.chats; track chat.id) {
+      @if (editingChatId === chat.id) {
+        <button mat-list-item>
+          <div matListItemLine class="!flex !flex-grow items-center h-full">
+            <mat-form-field class="flex-grow" subscriptSizing="dynamic">
+              <input
+                matInput
+                [(ngModel)]="editingTitle"
+                (keypress)="handleEditKeyPress($event, chat)"
+                [placeholder]="$any('Chat title')"
+                i18n-placeholder
+                autofocus
+              />
+            </mat-form-field>
+          </div>
+          <span matListItemLine></span>
+          <div matListItemMeta>
+            <button
+              matIconButton
+              (click)="saveEdit(chat)"
+              [disabled]="!editingTitle.trim()"
+              matTooltip="Save"
+              i18n-matTooltip
+              matTooltipPosition="above"
+            >
+              <mat-icon>check</mat-icon>
+            </button>
+            <button
+              matIconButton
+              (click)="cancelEdit()"
+              matTooltip="Cancel"
+              i18n-matTooltip
+              matTooltipPosition="above"
+            >
+              <mat-icon>close</mat-icon>
+            </button>
+          </div>
+        </button>
+      } @else {
+        <button mat-list-item (click)="switchToChat(chat)">
+          <span matListItemTitle
+            >{{ chat.title }}
+            @if (data.currentChatId === chat.id) {
+              <span class="mat-caption" i18n>(current)</span>
+            }
+          </span>
+          <span class="mat-caption"
+            >{{ formatDate(chat.lastUpdated) }}, {{ getMessageCount(chat) }}
+            @if (getMessageCount(chat) === 1) {
+              <span i18n>message</span>
+            } @else {
+              <span i18n>messages</span>
+            }
+          </span>
+          <div matListItemMeta>
+            <button
+              matIconButton
+              (click)="$event.stopPropagation(); startEdit(chat)"
+              matTooltip="Edit title"
+              matTooltipPosition="above"
+              i18n-matTooltip
+            >
+              <mat-icon>edit</mat-icon>
+            </button>
+            <button
+              matIconButton
+              (click)="$event.stopPropagation(); deleteChat(chat)"
+              matTooltip="Delete chat"
+              matTooltipPosition="above"
+              i18n-matTooltip
+            >
+              <mat-icon>delete</mat-icon>
+            </button>
+          </div>
+        </button>
+      }
+      <mat-divider />
+    }
+  </mat-action-list>
+</mat-dialog-content>
+<mat-dialog-actions align="end">
+  <button mat-button (click)="close()">
+    <span i18n>Close</span>
+  </button>
+</mat-dialog-actions>
diff --git a/src/app/chatbot/chat-history-dialog.component.scss b/src/app/chatbot/chat-history-dialog.component.scss
new file mode 100644
index 00000000000..7f408949ebe
--- /dev/null
+++ b/src/app/chatbot/chat-history-dialog.component.scss
@@ -0,0 +1,7 @@
+.mdc-list-item--with-trailing-meta.mdc-list-item--with-two-lines .mdc-list-item__end {
+  align-self: center;  
+}
+
+.mat-divider {
+  margin: 0;
+}
diff --git a/src/app/chatbot/chat-history-dialog.component.ts b/src/app/chatbot/chat-history-dialog.component.ts
new file mode 100644
index 00000000000..2729fc44ec4
--- /dev/null
+++ b/src/app/chatbot/chat-history-dialog.component.ts
@@ -0,0 +1,127 @@
+import { Component, inject } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { MatButtonModule } from '@angular/material/button';
+import { MatDialogModule, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { MatIconModule } from '@angular/material/icon';
+import { MatListModule } from '@angular/material/list';
+import { MatDividerModule } from '@angular/material/divider';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatInputModule } from '@angular/material/input';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { Chat } from './chat';
+import { ChatbotService } from './chatbot.service';
+
+export interface ChatHistoryDialogData {
+  chats: Chat[];
+  currentChatId: string | null;
+  runId: number;
+  workgroupId: number;
+}
+
+@Component({
+  selector: 'chat-history-dialog',
+  imports: [
+    CommonModule,
+    FormsModule,
+    MatButtonModule,
+    MatDialogModule,
+    MatIconModule,
+    MatListModule,
+    MatDividerModule,
+    MatFormFieldModule,
+    MatInputModule,
+    MatTooltipModule
+  ],
+  templateUrl: 'chat-history-dialog.component.html',
+  styleUrl: 'chat-history-dialog.component.scss'
+})
+export class ChatHistoryDialogComponent {
+  protected dialogRef = inject(MatDialogRef<ChatHistoryDialogComponent>);
+  private chatbotService: ChatbotService = inject(ChatbotService);
+  protected data: ChatHistoryDialogData = inject(MAT_DIALOG_DATA);
+  protected editingChatId: string | null = null;
+  protected editingTitle: string = '';
+
+  protected startEdit(chat: Chat): void {
+    this.editingChatId = chat.id;
+    this.editingTitle = chat.title;
+  }
+
+  protected cancelEdit(): void {
+    this.editingChatId = null;
+    this.editingTitle = '';
+  }
+
+  protected async saveEdit(chat: Chat): Promise<void> {
+    if (!this.editingTitle.trim()) {
+      return;
+    }
+    chat.title = this.editingTitle.trim();
+    await this.chatbotService.updateChat(this.data.runId, this.data.workgroupId, chat);
+    this.cancelEdit();
+  }
+
+  protected handleEditKeyPress(event: KeyboardEvent, chat: Chat): void {
+    if (event.key === 'Enter') {
+      event.preventDefault();
+      this.saveEdit(chat);
+    } else if (event.key === 'Escape') {
+      event.preventDefault();
+      this.cancelEdit();
+    }
+  }
+
+  protected async deleteChat(chat: Chat): Promise<void> {
+    const msg = $localize`Are you sure you want to delete "${chat.title}"? This action cannot be undone.`;
+    if (confirm(msg)) {
+      await this.chatbotService.deleteChat(this.data.runId, this.data.workgroupId, chat.id);
+      const chatIndex = this.data.chats.findIndex((c) => c.id === chat.id);
+      this.data.chats.splice(chatIndex, 1);
+      if (this.data.currentChatId === chat.id) {
+        if (this.data.chats.length > 0) {
+          this.data.currentChatId = this.data.chats[0].id;
+        } else {
+          this.data.currentChatId = null;
+        }
+      }
+    }
+  }
+
+  protected close(): void {
+    this.switchToChat(this.data.chats.find((c) => c.id === this.data.currentChatId));
+  }
+
+  protected switchToChat(chat: Chat): void {
+    if (this.editingChatId) {
+      return; // don't switch if we're editing
+    }
+    this.dialogRef.close(chat);
+  }
+
+  protected formatDate(date: Date): string {
+    const now = new Date();
+    const chatDate = new Date(date);
+    const diffMs = now.getTime() - chatDate.getTime();
+    const diffMins = Math.floor(diffMs / 60000);
+    const diffHours = Math.floor(diffMs / 3600000);
+    const diffDays = Math.floor(diffMs / 86400000);
+
+    if (diffMins < 1) {
+      return $localize`Just now`;
+    } else if (diffMins < 60) {
+      return $localize`${diffMins}m ago`;
+    } else if (diffHours < 24) {
+      return $localize`${diffHours}h ago`;
+    } else if (diffDays < 7) {
+      return $localize`${diffDays}d ago`;
+    } else {
+      return chatDate.toLocaleDateString();
+    }
+  }
+
+  protected getMessageCount(chat: Chat): number {
+    // Don't count system messages
+    return chat.messages.filter((msg) => msg.role !== 'system').length;
+  }
+}
diff --git a/src/app/chatbot/chat.service.ts b/src/app/chatbot/chat.service.ts
new file mode 100644
index 00000000000..00cac5a0f8a
--- /dev/null
+++ b/src/app/chatbot/chat.service.ts
@@ -0,0 +1,55 @@
+import { inject, Injectable } from '@angular/core';
+import { ChatMessage } from './chat';
+import { firstValueFrom } from 'rxjs';
+import { HttpClient } from '@angular/common/http';
+
+@Injectable({ providedIn: 'root' })
+export class ChatService {
+  protected chatEndpoint = '/api/chat-gpt';
+  private http = inject(HttpClient);
+  protected model: string = 'gpt-3.5-turbo';
+
+  /**
+   * Sends a message to the chat-gpt endpoint.
+   * @param messages The conversation history.
+   * @returns A promise that resolves to the response from the chat-gpt endpoint.
+   */
+  async sendMessage(messages: ChatMessage[]): Promise<string> {
+    const payload = {
+      messages: messages.map((msg) => ({
+        role: msg.role,
+        content: msg.content
+      })),
+      model: this.model
+    };
+    try {
+      const response = await firstValueFrom(this.http.post<any>(`${this.chatEndpoint}`, payload));
+      return this.processResponse(response.choices[0].message.content);
+    } catch (error) {
+      console.error('Error calling chat endpoint:', error);
+      throw error;
+    }
+  }
+
+  processResponse(response: string): string {
+    return response;
+  }
+
+  /**
+   * Generates a short, concise title for a chat based on the first message.
+   * @param message The first user message content.
+   * @returns A promise that resolves to the generated title.
+   */
+  async generateChatTitle(message: string): Promise<string> {
+    const prompt = `Generate a short, concise title (max 5 words) for a chat that starts with this message: "${message}". Respond only with the title, no quotes or extra text. If the language of the message is not English, return the title in that language.`;
+    const messages: ChatMessage[] = [
+      new ChatMessage(
+        'system',
+        'You are a helpful assistant that generates short titles for chat conversations.',
+        ''
+      ),
+      new ChatMessage('user', prompt, '')
+    ];
+    return this.sendMessage(messages);
+  }
+}
diff --git a/src/app/chatbot/chat.ts b/src/app/chatbot/chat.ts
new file mode 100644
index 00000000000..134892e52df
--- /dev/null
+++ b/src/app/chatbot/chat.ts
@@ -0,0 +1,21 @@
+export interface Chat {
+  id: string;
+  title: string;
+  messages: ChatMessage[];
+  createdAt: Date;
+  lastUpdated: Date;
+  deleted: boolean;
+}
+
+export class ChatMessage {
+  role: 'user' | 'assistant' | 'system';
+  content: string;
+  nodeId: string;
+  timestamp: Date = new Date();
+
+  constructor(role: 'user' | 'assistant' | 'system', content: string, nodeId: string) {
+    this.role = role;
+    this.content = content;
+    this.nodeId = nodeId;
+  }
+}
diff --git a/src/app/chatbot/chatbot.component.html b/src/app/chatbot/chatbot.component.html
new file mode 100644
index 00000000000..198a5edb42c
--- /dev/null
+++ b/src/app/chatbot/chatbot.component.html
@@ -0,0 +1,135 @@
+<mat-card class="chatbot flex flex-col" [ngClass]="{ full: full }">
+  <mat-card-header class="!flex justify-start items-center notice-bg-bg">
+    <mat-card-title class="mat-body-2 !flex justify-start items-center gap-1 min-w-0">
+      <mat-icon class="flex-shrink-0">auto_awesome</mat-icon>
+      <span i18n>AI Assistant</span>
+    </mat-card-title>
+    <span class="flex-grow"></span>
+    @if (currentChat) {
+      <button
+        matIconButton
+        (click)="$event.stopPropagation(); createNewChat()"
+        matTooltip="New chat"
+        i18n-matTooltip
+      >
+        <mat-icon>add</mat-icon>
+      </button>
+      @if (this.chats.length > 1) {
+        <button
+          matIconButton
+          (click)="$event.stopPropagation(); openChatHistory()"
+          matTooltip="Conversation history"
+          i18n-matTooltip
+        >
+          <mat-icon>history</mat-icon>
+        </button>
+      }
+    }
+    @if (!smallScreen) {
+      <button
+        matIconButton
+        i18n-matTooltip
+        matTooltip="Toggle Full Screen"
+        (click)="$event.stopPropagation(); fullscreen()"
+      >
+        @if (full) {
+          <mat-icon>fullscreen_exit</mat-icon>
+        } @else {
+          <mat-icon>fullscreen</mat-icon>
+        }
+      </button>
+    }
+    <button
+      matIconButton
+      i18n-matTooltip
+      matTooltip="Close"
+      (click)="$event.stopPropagation(); close()"
+    >
+      <mat-icon>close</mat-icon>
+    </button>
+  </mat-card-header>
+  <mat-card-content class="flex-grow flex flex-col">
+    <div class="chatbot__messages">
+      @if (messages.length === 1) {
+        <div class="chatbot__empty-state">
+          <mat-icon class="chatbot__empty-icon">chat_bubble_outline</mat-icon>
+          <p i18n>Start a conversation with the AI assistant!</p>
+          <p class="text-sm text-gray-500" i18n>
+            Ask questions about your work, get help, or discuss ideas.
+          </p>
+        </div>
+      }
+      @for (message of messages; track $index) {
+        @if (message.role !== 'system') {
+          <div class="chatbot__message">
+            <div
+              class="chatbot__message-header"
+              [ngClass]="{ 'justify-end': message.role === 'user' }"
+            >
+              <mat-icon class="chatbot__message-icon">
+                {{ message.role === 'user' ? 'person' : 'auto_awesome' }}
+              </mat-icon>
+              <span class="chatbot__message-role">
+                @if (message.role === 'user') {
+                  <span i18n>You</span>
+                } @else {
+                  <span i18n>Assistant</span>
+                }
+              </span>
+            </div>
+            <div class="flex" [ngClass]="{ 'justify-end': message.role === 'user' }">
+              <div
+                class="chatbot__message-content"
+                [ngClass]="{
+                  'selected-bg-bg': message.role === 'user',
+                  'notice-bg-bg': message.role === 'assistant'
+                }"
+              >
+                <markdown [data]="message.content"></markdown>
+              </div>
+            </div>
+          </div>
+        }
+      }
+      @if (loading) {
+        <div class="chatbot__message chatbot__message--assistant">
+          <div class="chatbot__message-header">
+            <mat-icon class="chatbot__message-icon">auto_awesome</mat-icon>
+            <span class="chatbot__message-role" i18n>Assistant</span>
+          </div>
+          <div class="chatbot__message-content">
+            <mat-spinner diameter="20"></mat-spinner>
+            <span i18n>Thinking...</span>
+          </div>
+        </div>
+      }
+    </div>
+  </mat-card-content>
+
+  <mat-card-actions>
+    <div class="chatbot__input-container">
+      <mat-form-field class="chatbot__input-field" subscriptSizing="dynamic">
+        <mat-label i18n>Type your message...</mat-label>
+        <textarea
+          matInput
+          [(ngModel)]="userInput"
+          (keypress)="handleKeyPress($event)"
+          [disabled]="loading"
+          cdkTextareaAutosize
+          cdkAutosizeMaxRows="3"
+        ></textarea>
+      </mat-form-field>
+      <button
+        mat-icon-button
+        color="primary"
+        class="chatbot__send-button"
+        (click)="sendMessage()"
+        [disabled]="!userInput.trim() || loading"
+        i18n-matTooltip
+        matTooltip="Send message"
+      >
+        <mat-icon>send</mat-icon>
+      </button>
+    </div>
+  </mat-card-actions>
+</mat-card>
diff --git a/src/app/chatbot/chatbot.component.scss b/src/app/chatbot/chatbot.component.scss
new file mode 100644
index 00000000000..0d536ba7e0c
--- /dev/null
+++ b/src/app/chatbot/chatbot.component.scss
@@ -0,0 +1,172 @@
+@use 'style/abstracts/variables';
+@use 'style/abstracts/functions';
+
+@use '@angular/material' as mat;
+
+$width: 450px !default;
+
+.chatbot {width: $width;
+  padding: 0;
+  z-index: 100;
+  height: 100%;
+  border-radius: 0;
+
+  &.full {
+    width: 100%;
+    position: fixed;
+    left: 0;
+    top: 0;
+  }
+}
+
+.mat-mdc-card-header {
+  padding: 0 0 0 12px;
+}
+
+.mat-mdc-card-content {
+  overflow-y: auto;
+}
+
+.mat-mdc-card-actions {
+  padding: 8px;
+  min-height: auto;
+}
+
+.chatbot__messages {
+  margin: 16px auto;
+  min-height: 300px;
+
+  .full & {
+    max-width: 1200px;
+  }
+}
+
+.chatbot__empty-state {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  text-align: center;
+  color: rgba(0, 0, 0, 0.54);
+  padding: 32px;
+}
+
+.chatbot__empty-icon {
+  font-size: 64px;
+  width: 64px;
+  height: 64px;
+  margin-bottom: 16px;
+  opacity: 0.3;
+}
+
+.chatbot__message {
+  margin-bottom: 16px;
+  animation: fadeIn 0.3s ease-in;
+}
+
+.chatbot__message-header {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 4px;
+  font-size: 12px;
+  color: rgba(0, 0, 0, 0.6);
+
+  .chatbot__message--user & {
+    justify-content: flex-end;
+  }
+}
+
+.chatbot__message-icon {
+  font-size: 16px;
+  width: 16px;
+  height: 16px;
+}
+
+.chatbot__message-role {
+  font-weight: 500;
+}
+
+.chatbot__message-content {
+  padding: 12px;
+  border-radius: 8px;
+
+  mat-spinner {
+    display: inline-block;
+    margin-right: 8px;
+    vertical-align: middle;
+  }
+}
+
+markdown::ng-deep {
+  p, ul, ol {
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+  
+  ul, ol {
+    list-style-type: revert;
+    margin-inline-start: 24px;
+  }
+
+  li {
+    margin-bottom: 4px;
+  }
+
+  ul, ol, table {
+    margin-bottom: 12px;
+  }
+
+  th, td {
+    vertical-align: top;
+    padding: 4px;
+    border: 1px solid rgba(0, 0, 0, 0.12);
+  }
+}
+
+.chatbot__input-container {
+  display: flex;
+  flex-direction: row;
+  align-items: flex-end;
+  gap: 8px;
+  margin: 0 auto;
+  width: 100%;
+
+  .full & {
+    max-width: 1200px;
+  }
+}
+
+.chatbot__input-field {
+  flex: 1;
+  margin: 0;
+
+  textarea {
+    resize: none;
+  }
+}
+
+.chatbot__send-button {
+  margin-bottom: 4px;
+  width: 48px;
+  height: 48px;
+  
+  mat-icon {
+    font-size: 24px;
+    width: 24px;
+    height: 24px;
+  }
+}
+
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+    transform: translateY(10px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
diff --git a/src/app/chatbot/chatbot.component.spec.ts b/src/app/chatbot/chatbot.component.spec.ts
new file mode 100644
index 00000000000..22aa7a0f24a
--- /dev/null
+++ b/src/app/chatbot/chatbot.component.spec.ts
@@ -0,0 +1,376 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { ChatbotComponent } from './chatbot.component';
+import { ChatbotService } from './chatbot.service';
+import { AwsBedRockService } from './awsBedRock.service';
+import { ConfigService } from '../../assets/wise5/services/configService';
+import { DataService } from '../services/data.service';
+import { ProjectService } from '../../assets/wise5/services/projectService';
+import { BreakpointObserver } from '@angular/cdk/layout';
+import { of, throwError } from 'rxjs';
+import { Chat, ChatMessage } from './chat';
+import { provideHttpClient } from '@angular/common/http';
+
+describe('ChatbotComponent', () => {
+  let component: ChatbotComponent;
+  let fixture: ComponentFixture<ChatbotComponent>;
+  let chatbotService: jasmine.SpyObj<ChatbotService>;
+  let awsBedRockService: jasmine.SpyObj<AwsBedRockService>;
+  let configService: jasmine.SpyObj<ConfigService>;
+  let dataService: jasmine.SpyObj<DataService>;
+  let projectService: jasmine.SpyObj<ProjectService>;
+  let breakpointObserver: jasmine.SpyObj<BreakpointObserver>;
+
+  const runId = 123;
+  const workgroupId = 456;
+  const nodeId = 'node1';
+  const systemPrompt = 'You are a helpful assistant.';
+
+  const createMockChat = (id: string, messages: ChatMessage[] = []): Chat => ({
+    id,
+    title: '',
+    messages,
+    createdAt: new Date('2026-01-01'),
+    lastUpdated: new Date('2026-01-01'),
+    deleted: false
+  });
+
+  beforeEach(async () => {
+    const chatbotServiceSpy = jasmine.createSpyObj('ChatbotService', [
+      'getChats',
+      'createChat',
+      'updateChat',
+      'deleteChat'
+    ]);
+    const awsBedRockServiceSpy = jasmine.createSpyObj('AwsBedRockService', [
+      'sendMessage',
+      'generateChatTitle'
+    ]);
+    const configServiceSpy = jasmine.createSpyObj('ConfigService', ['getRunId', 'getWorkgroupId']);
+    const dataServiceSpy = jasmine.createSpyObj('DataService', ['getCurrentNode']);
+    const projectServiceSpy = jasmine.createSpyObj('ProjectService', ['getProject']);
+    const breakpointObserverSpy = jasmine.createSpyObj('BreakpointObserver', [
+      'observe',
+      'isMatched'
+    ]);
+
+    configServiceSpy.getRunId.and.returnValue(runId);
+    configServiceSpy.getWorkgroupId.and.returnValue(workgroupId);
+    dataServiceSpy.getCurrentNode.and.returnValue({ id: nodeId });
+    projectServiceSpy.getProject.and.returnValue({
+      chatbot: { systemPrompt: systemPrompt }
+    });
+    breakpointObserverSpy.observe.and.returnValue(of({ matches: false, breakpoints: {} }));
+    breakpointObserverSpy.isMatched.and.returnValue(false);
+
+    await TestBed.configureTestingModule({
+      imports: [ChatbotComponent],
+      providers: [
+        { provide: ChatbotService, useValue: chatbotServiceSpy },
+        { provide: AwsBedRockService, useValue: awsBedRockServiceSpy },
+        { provide: ConfigService, useValue: configServiceSpy },
+        { provide: DataService, useValue: dataServiceSpy },
+        { provide: ProjectService, useValue: projectServiceSpy },
+        { provide: BreakpointObserver, useValue: breakpointObserverSpy },
+        provideHttpClient()
+      ]
+    }).compileComponents();
+
+    chatbotService = TestBed.inject(ChatbotService) as jasmine.SpyObj<ChatbotService>;
+    awsBedRockService = TestBed.inject(AwsBedRockService) as jasmine.SpyObj<AwsBedRockService>;
+    configService = TestBed.inject(ConfigService) as jasmine.SpyObj<ConfigService>;
+    dataService = TestBed.inject(DataService) as jasmine.SpyObj<DataService>;
+    projectService = TestBed.inject(ProjectService) as jasmine.SpyObj<ProjectService>;
+    breakpointObserver = TestBed.inject(BreakpointObserver) as jasmine.SpyObj<BreakpointObserver>;
+
+    fixture = TestBed.createComponent(ChatbotComponent);
+    component = fixture.componentInstance;
+  });
+
+  it('should create', () => {
+    chatbotService.getChats.and.returnValue(of([]));
+    chatbotService.createChat.and.returnValue(Promise.resolve(createMockChat('1')));
+    fixture.detectChanges();
+    expect(component).toBeTruthy();
+  });
+
+  describe('ngOnInit', () => {
+    it('should load existing chats and select the last edited one', () => {
+      const chat1 = createMockChat('1');
+      chat1.lastUpdated = new Date('2026-01-01');
+      const chat2 = createMockChat('2');
+      chat2.lastUpdated = new Date('2026-01-02');
+      const chats = [chat1, chat2];
+
+      chatbotService.getChats.and.returnValue(of(chats));
+      fixture.detectChanges();
+
+      expect(chatbotService.getChats).toHaveBeenCalledWith(runId, workgroupId);
+      expect(component['chats']).toEqual(chats);
+      expect(component['currentChat']).toEqual(chat2);
+      expect(component['messages']).toEqual(chat2.messages);
+    });
+
+    it('should handle error when loading chats', () => {
+      spyOn(console, 'error');
+      chatbotService.getChats.and.returnValue(throwError(() => new Error('Load error')));
+
+      fixture.detectChanges();
+
+      expect(console.error).toHaveBeenCalledWith('Error loading chats:', jasmine.any(Error));
+    });
+  });
+
+  describe('sendMessage', () => {
+    beforeEach(() => {
+      const chat = createMockChat('1');
+      chatbotService.getChats.and.returnValue(of([chat]));
+      chatbotService.updateChat.and.returnValue(Promise.resolve(chat));
+      fixture.detectChanges();
+      component['currentChat'] = chat;
+    });
+
+    it('should send a message and receive a response', async () => {
+      const userMessage = 'Hello';
+      const assistantResponse = 'Hi there!';
+      component['userInput'] = userMessage;
+
+      awsBedRockService.sendMessage.and.returnValue(Promise.resolve(assistantResponse));
+      awsBedRockService.generateChatTitle.and.returnValue(Promise.resolve('New Title'));
+      await component['sendMessage']();
+
+      expect(component['messages'].length).toBe(2);
+      expect(component['messages'][0].role).toBe('user');
+      expect(component['messages'][0].content).toBe(userMessage);
+      expect(component['messages'][1].role).toBe('assistant');
+      expect(component['messages'][1].content).toBe(assistantResponse);
+      expect(component['userInput']).toBe('');
+      expect(component['loading']).toBe(false);
+      expect(chatbotService.updateChat).toHaveBeenCalled();
+    });
+
+    it('should generate a chat title for the first user message', async () => {
+      const userMessage = 'What is WISE?';
+      const assistantResponse = 'WISE is a platform...';
+      const newTitle = 'About WISE';
+      component['userInput'] = userMessage;
+
+      // First user message (only system message exists initially)
+      component['messages'] = [];
+      awsBedRockService.sendMessage.and.returnValue(Promise.resolve(assistantResponse));
+      awsBedRockService.generateChatTitle.and.returnValue(Promise.resolve(newTitle));
+
+      await component['sendMessage']();
+
+      expect(awsBedRockService.generateChatTitle).toHaveBeenCalledWith(userMessage);
+      expect(component['currentChat']?.title).toBe(newTitle);
+      expect(chatbotService.updateChat).toHaveBeenCalled();
+    });
+
+    it('should not send empty messages', async () => {
+      component['userInput'] = '   ';
+
+      await component['sendMessage']();
+
+      expect(awsBedRockService.sendMessage).not.toHaveBeenCalled();
+      expect(component['messages'].length).toBe(0);
+    });
+
+    it('should not send messages when loading', async () => {
+      component['userInput'] = 'Hello';
+      component['loading'] = true;
+
+      await component['sendMessage']();
+
+      expect(awsBedRockService.sendMessage).not.toHaveBeenCalled();
+    });
+
+    it('should not send messages when no current chat', async () => {
+      component['userInput'] = 'Hello';
+      component['currentChat'] = null;
+
+      await component['sendMessage']();
+
+      expect(awsBedRockService.sendMessage).not.toHaveBeenCalled();
+    });
+
+    it('should handle errors when sending messages', async () => {
+      component['userInput'] = 'Hello';
+      awsBedRockService.sendMessage.and.returnValue(Promise.reject(new Error('API error')));
+
+      await component['sendMessage']();
+
+      expect(component['messages'].length).toBe(2);
+      expect(component['messages'][1].role).toBe('assistant');
+      expect(component['messages'][1].content).toContain('Sorry, I encountered an error');
+      expect(component['loading']).toBe(false);
+    });
+  });
+
+  describe('createNewChat', () => {
+    it('should create a new chat with sequential numbering', async () => {
+      const existingChats = [createMockChat('1'), createMockChat('2')];
+      const newChat = createMockChat('3');
+
+      chatbotService.getChats.and.returnValue(of(existingChats));
+      chatbotService.createChat.and.returnValue(Promise.resolve(newChat));
+      fixture.detectChanges();
+
+      component['chats'] = existingChats;
+      await component['createNewChat']();
+
+      expect(chatbotService.createChat).toHaveBeenCalledWith(
+        runId,
+        workgroupId,
+        nodeId,
+        systemPrompt
+      );
+    });
+
+    it('should switch to the newly created chat', async () => {
+      const newChat = createMockChat('1');
+      chatbotService.getChats.and.returnValue(of([newChat]));
+      chatbotService.createChat.and.returnValue(Promise.resolve(newChat));
+      fixture.detectChanges();
+
+      await component['createNewChat']();
+      expect(chatbotService.createChat).toHaveBeenCalledWith(
+        runId,
+        workgroupId,
+        nodeId,
+        systemPrompt
+      );
+
+      expect(component['currentChat']).toEqual(newChat);
+      expect(component['messages']).toEqual(newChat.messages);
+    });
+  });
+
+  describe('switchToChat', () => {
+    it('should switch to a different chat', () => {
+      const chat1 = createMockChat('1');
+      const chat2 = createMockChat('2', [new ChatMessage('user', 'Hello', nodeId)]);
+
+      chatbotService.getChats.and.returnValue(of([chat1, chat2]));
+      fixture.detectChanges();
+
+      component['currentChat'] = chat1;
+      component['switchToChat'](chat2);
+
+      expect(component['currentChat']).toEqual(chat2);
+      expect(component['messages']).toEqual(chat2.messages);
+    });
+  });
+
+  xdescribe('toggleCollapse', () => {
+    beforeEach(() => {
+      chatbotService.getChats.and.returnValue(of([]));
+      chatbotService.createChat.and.returnValue(Promise.resolve(createMockChat('1')));
+      fixture.detectChanges();
+    });
+
+    it('should toggle collapsed state', () => {
+      component['collapsed'] = true;
+      component['full'] = false;
+
+      component['toggleCollapse']();
+
+      expect(component['collapsed']).toBe(false);
+    });
+
+    it('should open fullscreen on small screens when collapsed', () => {
+      component['collapsed'] = true;
+      breakpointObserver.isMatched.and.returnValue(true);
+
+      component['toggleCollapse']();
+
+      expect(component['full']).toBe(true);
+      expect(component['collapsed']).toBe(false);
+    });
+
+    it('should exit fullscreen mode when toggling', () => {
+      component['collapsed'] = false;
+      component['full'] = true;
+
+      component['toggleCollapse']();
+
+      expect(component['full']).toBe(false);
+      expect(component['collapsed']).toBe(true);
+    });
+  });
+
+  xdescribe('fullscreen', () => {
+    beforeEach(() => {
+      chatbotService.getChats.and.returnValue(of([]));
+      chatbotService.createChat.and.returnValue(Promise.resolve(createMockChat('1')));
+      fixture.detectChanges();
+    });
+
+    it('should enter fullscreen mode when collapsed', () => {
+      component['collapsed'] = true;
+      component['full'] = false;
+
+      component['fullscreen']();
+
+      expect(component['full']).toBe(true);
+      expect(component['collapsed']).toBe(false);
+    });
+
+    it('should toggle fullscreen mode when not collapsed', () => {
+      component['collapsed'] = false;
+      component['full'] = false;
+
+      component['fullscreen']();
+
+      expect(component['full']).toBe(true);
+    });
+  });
+
+  describe('handleKeyPress', () => {
+    beforeEach(() => {
+      const chat = createMockChat('1');
+      chatbotService.getChats.and.returnValue(of([chat]));
+      chatbotService.updateChat.and.returnValue(Promise.resolve(chat));
+      fixture.detectChanges();
+      component['currentChat'] = chat;
+    });
+
+    it('should send message on Enter key press', () => {
+      component['userInput'] = 'Hello';
+      awsBedRockService.sendMessage.and.returnValue(Promise.resolve('Response'));
+      awsBedRockService.generateChatTitle.and.returnValue(Promise.resolve('New Title'));
+
+      const event = new KeyboardEvent('keypress', { key: 'Enter' });
+      spyOn(event, 'preventDefault');
+
+      component['handleKeyPress'](event);
+
+      expect(event.preventDefault).toHaveBeenCalled();
+    });
+
+    it('should not send message on Enter + Shift key press', () => {
+      component['userInput'] = 'Hello';
+
+      const event = new KeyboardEvent('keypress', { key: 'Enter', shiftKey: true });
+      spyOn(event, 'preventDefault');
+
+      component['handleKeyPress'](event);
+
+      expect(event.preventDefault).not.toHaveBeenCalled();
+      expect(awsBedRockService.sendMessage).not.toHaveBeenCalled();
+    });
+  });
+
+  describe('ngOnDestroy', () => {
+    it('should unsubscribe from subscriptions', () => {
+      chatbotService.getChats.and.returnValue(of([]));
+      chatbotService.createChat.and.returnValue(Promise.resolve(createMockChat('1')));
+      fixture.detectChanges();
+
+      spyOn(component['subscriptions'], 'unsubscribe');
+
+      component.ngOnDestroy();
+
+      expect(component['subscriptions'].unsubscribe).toHaveBeenCalled();
+    });
+  });
+});
diff --git a/src/app/chatbot/chatbot.component.ts b/src/app/chatbot/chatbot.component.ts
new file mode 100644
index 00000000000..47429e881fd
--- /dev/null
+++ b/src/app/chatbot/chatbot.component.ts
@@ -0,0 +1,220 @@
+import { CommonModule } from '@angular/common';
+import { Component, EventEmitter, inject, Input, Output } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { MatButtonModule } from '@angular/material/button';
+import { MatCardModule } from '@angular/material/card';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatIconModule } from '@angular/material/icon';
+import { MatInputModule } from '@angular/material/input';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { MatDialog, MatDialogModule } from '@angular/material/dialog';
+import { BreakpointObserver } from '@angular/cdk/layout';
+import { skip, Subscription } from 'rxjs';
+import { ChatbotService } from './chatbot.service';
+import { ConfigService } from '../../assets/wise5/services/configService';
+import { DataService } from '../services/data.service';
+import { Chat, ChatMessage } from './chat';
+import { AwsBedRockService } from './awsBedRock.service';
+import { ProjectService } from '../../assets/wise5/services/projectService';
+import { MarkdownComponent } from 'ngx-markdown';
+import { ChatHistoryDialogComponent } from './chat-history-dialog.component';
+import { MatDividerModule } from '@angular/material/divider';
+
+@Component({
+  imports: [
+    CommonModule,
+    FormsModule,
+    MarkdownComponent,
+    MatButtonModule,
+    MatCardModule,
+    MatFormFieldModule,
+    MatIconModule,
+    MatInputModule,
+    MatProgressSpinnerModule,
+    MatTooltipModule,
+    MatDialogModule
+  ],
+  selector: 'chatbot',
+  styleUrl: 'chatbot.component.scss',
+  templateUrl: 'chatbot.component.html'
+})
+export class ChatbotComponent {
+  private breakpointObserver = inject(BreakpointObserver);
+  private chatbotService: ChatbotService = inject(ChatbotService);
+  private awsBedRockService: AwsBedRockService = inject(AwsBedRockService);
+  private configService: ConfigService = inject(ConfigService);
+  private dataService: DataService = inject(DataService);
+  private projectService = inject(ProjectService);
+  private dialog = inject(MatDialog);
+
+  @Input() config: any;
+  @Output() closeChatbot = new EventEmitter<void>();
+  protected full: boolean = false;
+  protected messages: ChatMessage[] = [];
+  protected userInput: string = '';
+  protected loading: boolean = false;
+  protected chats: Chat[] = [];
+  protected currentChat: Chat | null = null;
+  protected runId: number = this.configService.getRunId();
+  protected smallScreen: boolean = false;
+  protected workgroupId: number = this.configService.getWorkgroupId();
+  private subscriptions: Subscription = new Subscription();
+
+  ngOnInit(): void {
+    this.subscriptions.add(
+      this.breakpointObserver.observe(['(max-width: 40rem)']).subscribe((result) => {
+        this.smallScreen = result.matches;
+        this.full = result.matches;
+      })
+    );
+
+    // Load existing chats or create a new one
+    this.chatbotService.getChats(this.runId, this.workgroupId).subscribe({
+      next: (chats) => {
+        this.chats = chats;
+        if (this.chats.length === 0) {
+          this.createNewChat();
+        } else {
+          this.currentChat = this.getLastEditedChat();
+          this.messages = [...this.currentChat.messages];
+        }
+      },
+      error: (error) => {
+        console.error('Error loading chats:', error);
+      }
+    });
+  }
+
+  ngOnDestroy(): void {
+    this.subscriptions.unsubscribe();
+  }
+
+  private getLastEditedChat(): Chat {
+    return this.chats.sort(
+      (a, b) => new Date(b.lastUpdated).getTime() - new Date(a.lastUpdated).getTime()
+    )[0];
+  }
+
+  protected fullscreen(): void {
+    this.full = !this.full;
+    this.scrollToBottom();
+  }
+
+  protected async sendMessage(): Promise<void> {
+    if (!this.userInput.trim() || this.loading || !this.currentChat) {
+      return;
+    }
+    this.messages.push(
+      new ChatMessage('user', this.userInput, this.dataService.getCurrentNode().id)
+    );
+    this.userInput = '';
+    this.loading = true;
+    this.scrollToBottom();
+    try {
+      const response = await this.awsBedRockService.sendMessage(this.messages);
+      this.messages.push(
+        new ChatMessage('assistant', response, this.dataService.getCurrentNode().id)
+      );
+      this.currentChat.messages = [...this.messages];
+      if (this.messages.filter((m) => m.role === 'user').length === 1) {
+        await this.generateAndSetChatTitle(this.messages.find((m) => m.role === 'user'));
+      }
+      await this.chatbotService.updateChat(this.runId, this.workgroupId, this.currentChat);
+    } catch (error) {
+      this.messages.push(
+        new ChatMessage(
+          'assistant',
+          $localize`Sorry, I encountered an error. Please try again.`,
+          this.dataService.getCurrentNode().id
+        )
+      );
+    } finally {
+      this.scrollToBottom();
+      this.loading = false;
+    }
+  }
+
+  protected async createNewChat(): Promise<void> {
+    await this.chatbotService.createChat(
+      this.runId,
+      this.workgroupId,
+      this.dataService.getCurrentNode().id,
+      this.projectService.getProject().chatbot.systemPrompt
+    );
+    this.chatbotService.getChats(this.runId, this.workgroupId).subscribe((chats) => {
+      this.chats = chats;
+      this.switchToChat(this.getLastEditedChat());
+    });
+  }
+
+  /**
+   * Generates a title for the current chat based on the first user message
+   * and updates the current chat title.
+   */
+  private async generateAndSetChatTitle(firstUserMessage: ChatMessage): Promise<void> {
+    try {
+      let newTitle = await this.awsBedRockService.generateChatTitle(firstUserMessage.content);
+      // Remove surrounding quotes if any
+      newTitle = newTitle.replace(/^["'](.*)["']$/, '$1').trim();
+      if (newTitle) {
+        this.currentChat.title = newTitle;
+      }
+    } catch (error) {
+      console.error('Error generating chat title:', error);
+    }
+  }
+
+  protected switchToChat(chat: Chat): void {
+    this.currentChat = chat;
+    this.messages = [...chat.messages];
+    this.scrollToBottom();
+  }
+
+  protected openChatHistory(): void {
+    const dialogRef = this.dialog.open(ChatHistoryDialogComponent, {
+      data: {
+        chats: this.chats,
+        currentChatId: this.currentChat?.id || null,
+        runId: this.runId,
+        workgroupId: this.workgroupId
+      },
+      panelClass: 'dialog-sm'
+    });
+
+    dialogRef.afterClosed().subscribe((chat: Chat | undefined) => {
+      if (!chat) {
+        if (this.chats.length === 0) {
+          this.createNewChat();
+        } else {
+          this.switchToChat(this.getLastEditedChat());
+        }
+      } else {
+        this.switchToChat(chat);
+      }
+    });
+  }
+
+  private scrollToBottom(): void {
+    setTimeout(() => {
+      const chatContent = document.querySelector('.chatbot__messages');
+      if (chatContent) {
+        chatContent.scrollTop = chatContent.scrollHeight;
+      }
+    }, 100);
+  }
+
+  protected handleKeyPress(event: KeyboardEvent): void {
+    if (event.key === 'Enter' && !event.shiftKey) {
+      event.preventDefault();
+      this.sendMessage();
+    }
+  }
+
+  protected close(): void {
+    if (!this.smallScreen) {
+      this.full = false;
+    }
+    this.closeChatbot.emit();
+  }
+}
diff --git a/src/app/chatbot/chatbot.service.ts b/src/app/chatbot/chatbot.service.ts
new file mode 100644
index 00000000000..21ebf179e0f
--- /dev/null
+++ b/src/app/chatbot/chatbot.service.ts
@@ -0,0 +1,49 @@
+import { Injectable, inject } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+import { firstValueFrom, Observable, of } from 'rxjs';
+import { map, catchError } from 'rxjs/operators';
+import { Chat, ChatMessage } from './chat';
+
+@Injectable({ providedIn: 'root' })
+export class ChatbotService {
+  private chatsEndpoint = '/api/chatbot/chats';
+  private http = inject(HttpClient);
+
+  getChats(runId: number, workgroupId: number): Observable<Chat[]> {
+    return this.http.get<Chat[]>(`${this.chatsEndpoint}/${runId}/${workgroupId}`).pipe(
+      map((chats) => chats.filter((chat) => !chat.deleted) || []),
+      catchError(() => of([]))
+    );
+  }
+
+  createChat(
+    runId: number,
+    workgroupId: number,
+    nodeId: string,
+    systemPrompt: string
+  ): Promise<Chat> {
+    const newChat: Chat = {
+      id: null, // id will be generated by the server
+      title: '', // title will be generated by the AI in a subsequent call
+      messages: [new ChatMessage('system', systemPrompt, nodeId)],
+      createdAt: new Date(),
+      lastUpdated: new Date(),
+      deleted: false
+    };
+    return firstValueFrom(
+      this.http.post<Chat>(`${this.chatsEndpoint}/${runId}/${workgroupId}`, newChat)
+    );
+  }
+
+  updateChat(runId: number, workgroupId: number, chat: Chat): Promise<Chat> {
+    return firstValueFrom(
+      this.http.put<Chat>(`${this.chatsEndpoint}/${runId}/${workgroupId}/${chat.id}`, chat)
+    );
+  }
+
+  deleteChat(runId: number, workgroupId: number, chatId: string): Promise<void> {
+    return firstValueFrom(
+      this.http.delete<void>(`${this.chatsEndpoint}/${runId}/${workgroupId}/${chatId}`)
+    );
+  }
+}
diff --git a/src/app/notebook/notebook-launcher/notebook-launcher.component.html b/src/app/notebook/notebook-launcher/notebook-launcher.component.html
index dc21ec1ef8f..5b56789f4a3 100644
--- a/src/app/notebook/notebook-launcher/notebook-launcher.component.html
+++ b/src/app/notebook/notebook-launcher/notebook-launcher.component.html
@@ -1,10 +1,3 @@
-<button
-  mat-fab
-  color="accent"
-  [attr.aria-label]="label"
-  [matTooltip]="label"
-  matTooltipPosition="above"
-  (click)="showNotes()"
->
+<button matIconButton [matTooltip]="label" (click)="showNotes()">
   <mat-icon>{{ notebookConfig.icon }}</mat-icon>
 </button>
diff --git a/src/assets/wise5/themes/default/style/author.css b/src/assets/wise5/themes/default/style/author.css
index db1a15a1a7f..ccc0ad39704 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}.menu-progress{position:absolute;right:12px;top:10px}.menu-progress path{stroke:#cad266!important;stroke-width:2px}[dir=rtl] .menu-progress{left:12px;right:auto}.menu-sidenav__item{font-size:14px;font-weight:700}.menu-sidenav__icon{margin-left:12px;margin-right:12px!important;margin-top:12px!important}.active .menu-sidenav__icon,.active .menu-sidenav__item{color:#7e57c2}.menu-sidebar{background-color:#fff;border-right:1px solid #ccc;bottom:0;left:0;overflow:hidden;padding:8px 0;position:absolute;text-align:center;top:94px;width:56px}@media only screen and (max-width:599px){.menu-sidebar{display:none}}[dir=rtl] .menu-sidebar{left:auto;right:0}.md-button.md-icon-button.menu-sidebar__link{margin-bottom:6px;margin-top:6px}#node{left:0;margin:0 auto;position:absolute;right:0}@media only screen and (min-width:600px){#node{margin-bottom:32px;padding:24px 16px}}@media only screen and (min-width:960px){#node{padding:32px}}#node.ng-enter{opacity:0;transition:opacity .5s}#node.ng-enter-active{opacity:1}.node-content{background-color:#fff;border-radius:3px;overflow:visible;padding:0 0 48px}@media only screen and (max-width:599px){.node-content{box-shadow:none}}@media only screen and (min-width:600px){.node-content{border-bottom:2px solid;border-top:2px solid;padding:0}}md-content.node-content{background-color:#fff}.node-content__rubric{left:0;position:absolute;right:0;top:-22px;z-index:1}.node-content__rubric .avatar--icon{transform:scale(.94)}@media only screen and (max-width:599px){.node-content__rubric .avatar--icon{transform:scale(.8)}}.node-icon{color:#fff;vertical-align:inherit}.node-select{font-size:15px;font-weight:500;margin:0 8px;min-width:0}.node-select .md-select-value :first-child{flex:1 0 0;transform:translateZ(0)}.node-select .md-select-value .node-select__icon,.node-select .md-select-value .node-select__status{display:none}.node-select .md-select-icon{color:rgba(0,0,0,.87);margin-left:0}.node-select-option--group{background-color:#f7f7f7;border-bottom:1px solid #eee;border-top:1px solid #eee}.node-select-option--node{padding-left:20px}.node-select__icon{margin-right:8px}.node-select__status{margin-left:8px}.node-select__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media only screen and (min-width:600px){.node-select__text{margin-top:2px}}.node-title{line-height:1.2;margin-top:3px;text-transform:none}@media only screen and (max-width:599px){.node-title{font-size:15px}}.node-content__actions{padding:0 16px 16px}@media only screen and (min-width:960px){.node-content__actions{padding:0 24px 24px}}.node-content__actions .md-button:first-child{margin-left:0}.node-content__actions .md-button:last-child{margin-right:0}.node-content__actions__info{color:rgba(0,0,0,.54);font-style:italic;margin-left:8px}.node-content__actions__more{border-bottom:1px dotted}.md-button.md-icon-button.node-nav:first-of-type{margin-right:0}@media only screen and (min-width:600px){.node-sidebar-active{margin-right:68px}}@media only screen and (max-width:599px){.node-sidebar-visible{margin-bottom:42px}}.node-sidebar{position:absolute;right:0;top:0;width:52px}.node-sidebar__toolbar{background-color:#fff;border-radius:3px;padding:8px 0;position:fixed;width:52px}@media only screen and (max-width:599px){.node-sidebar__toolbar{border-radius:0;bottom:0;height:42px;left:0;min-height:0;padding:0;right:0;width:100%}}.node__label--vertical-alignment{display:inline-block;vertical-align:middle}notebook-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}
+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}.menu-progress{position:absolute;right:12px;top:10px}.menu-progress path{stroke:#cad266!important;stroke-width:2px}[dir=rtl] .menu-progress{left:12px;right:auto}.menu-sidenav__item{font-size:14px;font-weight:700}.menu-sidenav__icon{margin-left:12px;margin-right:12px!important;margin-top:12px!important}.active .menu-sidenav__icon,.active .menu-sidenav__item{color:#7e57c2}.menu-sidebar{background-color:#fff;border-right:1px solid #ccc;bottom:0;left:0;overflow:hidden;padding:8px 0;position:absolute;text-align:center;top:94px;width:56px}@media only screen and (max-width:599px){.menu-sidebar{display:none}}[dir=rtl] .menu-sidebar{left:auto;right:0}.md-button.md-icon-button.menu-sidebar__link{margin-bottom:6px;margin-top:6px}#node{left:0;margin:0 auto;position:absolute;right:0}@media only screen and (min-width:600px){#node{margin-bottom:32px;padding:24px 16px}}@media only screen and (min-width:960px){#node{padding:32px}}#node.ng-enter{opacity:0;transition:opacity .5s}#node.ng-enter-active{opacity:1}.node-content{background-color:#fff;border-radius:3px;overflow:visible;padding:0 0 48px}@media only screen and (max-width:599px){.node-content{box-shadow:none}}@media only screen and (min-width:600px){.node-content{border-bottom:2px solid;border-top:2px solid;padding:0}}md-content.node-content{background-color:#fff}.node-content__rubric{left:0;position:absolute;right:0;top:-22px;z-index:1}.node-content__rubric .avatar--icon{transform:scale(.94)}@media only screen and (max-width:599px){.node-content__rubric .avatar--icon{transform:scale(.8)}}.node-icon{color:#fff;vertical-align:inherit}.node-select{font-size:15px;font-weight:500;margin:0 8px;min-width:0}.node-select .md-select-value :first-child{flex:1 0 0;transform:translateZ(0)}.node-select .md-select-value .node-select__icon,.node-select .md-select-value .node-select__status{display:none}.node-select .md-select-icon{color:rgba(0,0,0,.87);margin-left:0}.node-select-option--group{background-color:#f7f7f7;border-bottom:1px solid #eee;border-top:1px solid #eee}.node-select-option--node{padding-left:20px}.node-select__icon{margin-right:8px}.node-select__status{margin-left:8px}.node-select__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media only screen and (min-width:600px){.node-select__text{margin-top:2px}}.node-title{line-height:1.2;margin-top:3px;text-transform:none}@media only screen and (max-width:599px){.node-title{font-size:15px}}.node-content__actions{padding:0 16px 16px}@media only screen and (min-width:960px){.node-content__actions{padding:0 24px 24px}}.node-content__actions .md-button:first-child{margin-left:0}.node-content__actions .md-button:last-child{margin-right:0}.node-content__actions__info{color:rgba(0,0,0,.54);font-style:italic;margin-left:8px}.node-content__actions__more{border-bottom:1px dotted}.md-button.md-icon-button.node-nav:first-of-type{margin-right:0}@media only screen and (min-width:600px){.node-sidebar-active{margin-right:68px}}@media only screen and (max-width:599px){.node-sidebar-visible{margin-bottom:42px}}.node-sidebar{position:absolute;right:0;top:0;width:52px}.node-sidebar__toolbar{background-color:#fff;border-radius:3px;padding:8px 0;position:fixed;width:52px}@media only screen and (max-width:599px){.node-sidebar__toolbar{border-radius:0;bottom:0;height:42px;left:0;min-height:0;padding:0;right:0;width:100%}}.node__label--vertical-alignment{display:inline-block;vertical-align:middle}notebook-report{bottom:0;position:absolute;right:66px;transition:right .25s;z-index:3}notebook-report.report-full{bottom:8px;left:8px;right:8px;top:8px}@media only screen and (min-width:960px){notebook-report.notes-visible{right:474px}}.notebook-sidebar{max-width:none;width:270px}@media only screen and (min-width:600px){.notebook-sidebar{width:450px}}@media only screen and (max-width:599px){.notebook-enabled .md-fab-bottom-left,.notebook-enabled .md-fab-bottom-right{bottom:50px!important}}.notification-btn{width:60px!important}.notification-btn md-icon{margin-left:20px}.notification-count{background-color:#f05843;border:2px solid;border-radius:50%;font-size:12px;font-weight:700;height:22px;left:-18px;line-height:22px;position:absolute;top:12px;width:22px}.notification-count:before{border-bottom:4px solid transparent;border-left:6px solid hsla(0,0%,100%,.87);border-top:4px solid transparent;content:"";position:absolute;right:-7px;top:6px}.notification-list{padding:8px 0}.notification-dismiss{width:500px}.notification-dismiss__input{margin-bottom:0}md-list md-list-item .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source{color:rgba(0,0,0,.54);font-size:12px}md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon{font-size:18px;line-height:20px;margin-left:-4px;min-width:0;width:auto}.account-menu{border-radius:4px;font-size:15px;max-width:380px;padding:0}@media (min-width:1280px){.account-menu{min-width:380px!important}}.account-menu h3{font-weight:300;margin:0}.account-menu .mat-mdc-menu-content{padding:0}.account-menu--fixed-height{height:304px}.account-menu--fixed-width{width:320px}@media (min-width:960px){.account-menu--fixed-width{width:380px}}.account-menu__icon{background-color:#fff;border-radius:50%}.account-menu__caret{outline:none;position:absolute;right:28px;top:-8px}.account-menu__caret:before{border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent;content:"";position:absolute}.account-menu__caret--notification,.account-menu__caret--pause{right:80px}.account-menu__caret--notification--with-pause{right:132px}[dir=rtl] .account-menu__caret{left:28px;right:auto}[dir=rtl] .account-menu__caret--notification,[dir=rtl] .account-menu__caret--pause{left:80px;right:auto}[dir=rtl] .account-menu__caret--notification--with-pause{left:132px;right:auto}.account-menu__info{padding:8px 12px}.account-menu__info__title{font-weight:500}.account-menu__info__team{color:rgba(0,0,0,.54);font-weight:400}.account-menu__users,.account-menu__users md-list-item{padding:0}.account-menu__users md-list-item .md-avatar{height:48px;margin:0 8px 0 0;width:48px}.account-menu__actions{background-color:#f7f7f7}.account-menu__control{padding:16px}.annotations{font-size:15px;margin:16px 4px 16px 62px;position:relative}.annotations hr{border-color:rgba(0,0,0,.12);margin:10px 0 8px}.annotations:after{border-bottom:20px solid transparent;border-right:16px solid #757575;border-top:20px solid transparent;bottom:auto;content:"";height:0;left:-15px;position:absolute;right:auto;top:-1px;width:0}.annotations-container--student--report{border-top:1px solid #ddd}.annotations--report{margin-bottom:0;margin-top:0}.annotations__header{background-color:#757575;border-top-right-radius:4px;color:#fff;font-weight:700;padding:10px 12px;position:relative;transition:all 1s}.annotations__avatar{background-color:#f05843;left:-62px;padding:2px;position:absolute;top:0}.annotations__icon{color:#fff;transition:all 1s}.annotations__body{background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:auto;padding:12px}.annotations__status{background-color:#fff;color:#ef6c00;display:inline-block;font-size:12px;margin-left:8px}.annotations__status.ng-enter,.annotations__status.ng-leave{transition:all 1s}.annotations__status.ng-enter,.annotations__status.ng-leave.ng-leave-active{opacity:0}.annotations__status.ng-enter.ng-enter-active,.annotations__status.ng-leave{opacity:1}.annotations__score{font-weight:700}.annotations__info{border-bottom:1px dotted;font-size:13px;font-style:italic;opacity:.8}.annotations--inside .annotations{margin-left:72px}.annotations--info{margin-bottom:32px;margin-left:72px;margin-right:8px}@media only screen and (min-width:600px){.annotations--info{margin:16px 16px 32px 76px}}.annotations--info:after{border-right:16px solid #ef6c00}.annotations--info .annotations__avatar{background-color:#fff}.annotations--info .annotations__header{background-color:#ef6c00}.component{position:relative}.component__wrapper{margin:24px 0;padding:0 24px}.component__content{font-size:15px;overflow-x:auto;overflow-y:hidden}@media only screen and (min-width:600px){.component__content{padding:0 8px}}h3.component__header{font-size:14px;margin:0;padding:8px 12px}.component__rubric{left:-20px;position:absolute;top:12px}.notebook-enabled .component_content img{cursor:pointer;cursor:copy;transition:all .25s}.notebook-enabled .component_content img:focus,.notebook-enabled .component_content img:hover{box-shadow:0 0 5px 1px #f05843}.component__actions .md-button:first-child{margin-left:0}.component__actions .md-button:last-child{margin-right:0}.component__actions__info{color:rgba(0,0,0,.54);font-style:italic;font-weight:400;margin-left:8px}.component__actions__more{border-bottom:1px dotted}.component__prompt{font-weight:500;margin-bottom:8px}.component__prompt__content{display:inline}.component__attachment{margin:0 8px;padding-bottom:8px;position:relative}@media only screen and (min-width:600px){.component__attachment{padding-top:8px}}@media only screen and (max-width:599px){.component__add-attachment{width:100%}}.component__attachment__content{max-height:100px;width:auto}.component__attachment__delete{background-color:hsla(0,0%,100%,.75)!important;border-radius:0;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 0b96fe77ec3..da76bf912db 100644
--- a/src/assets/wise5/themes/default/style/author.css.map
+++ b/src/assets/wise5/themes/default/style/author.css.map
@@ -1 +1 @@
-{"version":3,"sources":["src/assets/wise5/themes/default/style/base/_presets.scss","src/assets/wise5/themes/default/style/author.css","src/assets/wise5/themes/default/style/base/_config.scss","src/assets/wise5/themes/default/style/layouts/_l-default.scss","src/assets/wise5/themes/default/style/layouts/_l-footer.scss","src/assets/wise5/themes/default/style/layouts/_l-header.scss","src/assets/wise5/themes/default/style/layouts/_l-main.scss","src/assets/wise5/themes/default/style/layouts/_l-notebook.scss","src/assets/wise5/themes/default/style/layouts/_l-sidebar.scss","src/assets/wise5/themes/default/style/modules/_alerts.scss","src/assets/wise5/themes/default/style/modules/_dialog.scss","src/assets/wise5/themes/default/style/modules/_help.scss","src/assets/wise5/themes/default/style/modules/_inputs.scss","src/assets/wise5/themes/default/style/modules/_table.scss","src/assets/wise5/themes/default/style/modules/_toolbar.scss","src/assets/wise5/themes/default/style/material/_config.scss","src/assets/wise5/themes/default/style/modules/_list.scss","src/assets/wise5/themes/default/style/modules/_nav.scss","src/assets/wise5/themes/default/style/modules/_menu.scss","src/assets/wise5/themes/default/style/modules/_node.scss","src/assets/wise5/themes/default/style/modules/_notebook.scss","src/assets/wise5/themes/default/style/modules/_notifications.scss","src/assets/wise5/themes/default/style/modules/_account-menu.scss","src/assets/wise5/themes/default/style/modules/_annotations.scss","src/assets/wise5/themes/default/style/modules/_component.scss","src/assets/wise5/themes/default/style/modules/_component--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,iBEUiB,CFRjB,cAAA,CAEA,iBAAA,CADA,eAAA,CAFA,eCJJ,CDUI,iBAGI,mBAAA,CADA,YAAA,CADA,WCNR,CDUQ,8CACI,qBCRZ,CDWQ,uBACI,uBCTZ,CDcA,aACI,wBAAA,CACA,UCXJ,CDcA,aACI,wBAAA,CACA,UCXJ,CDcA,gBACI,wBAAA,CACA,UCXJ,CDeA,qBACI,aCZJ,CDeA,iBACI,uBCZJ,CDgBA,EACE,aAAA,CACA,cCbF,CDgBA,QACI,kCAAA,CACA,qBCbJ,CDiBA,QACE,iBAAA,CACA,sBCdF,CDiBA,gBACE,iBCdF,CDmBE,cACE,WAAA,CACA,UChBJ,CDkBE,cACE,WAAA,CACA,UChBJ,CDkBE,cACE,WAAA,CACA,UChBJ,CDkBE,cACE,WAAA,CACA,UChBJ,CDqBA,cACE,qBAAA,CACA,4BClBF,CDoBE,8BACI,WClBN,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDwBE,wDACE,qBCrBJ,CDyBI,4EACE,qBCvBN,CD8BE,mDACE,uBC3BJ,CD6BE,mDACE,uBC3BJ,CD6BE,6CACE,uBC3BJ,CD6BE,6CACE,uBC3BJ,CD6BE,iDACE,uBC3BJ,CD6BE,qDACE,uBC3BJ,CD6BE,qDACE,uBC3BJ,CDgCA,uCACE,qBC7BF,CDgCA,uFACE,qBC7BF,CDgCA,2HAGE,qBAAA,CADA,aC5BF,CDmCI,SACE,aChCN,CD+BI,QACE,aC5BN,CD2BI,UACE,aCxBN,CDuBI,UACE,aCpBN,CDmBI,MACE,aChBN,CDeI,MACE,aCZN,CDWI,SACE,aCRN,CDOI,SACE,qBCJN,CDGI,eACE,aCAN,CDDI,cACE,UCIN,CDLI,YACE,UCQN,CDTI,MACE,UCYN,CDbI,WACE,UCgBN,CDjBI,aACE,aCoBN,CDrBI,cACE,UCwBN,CDzBI,MACE,qBC4BN,CD7BI,gBACE,qBCgCN,CDjCI,eACE,qBCoCN,CDrCI,YACE,UCwCN,CDzCI,sBACE,wBC4CN,CD7CI,qBACE,wBCgDN,CDjDI,aACE,UCoDN,CDrDI,OACE,aCwDN,CDzDI,MACE,qBC4DN,CD7DI,SACE,UCgEN,CD1DI,YACE,wBC6DN,CD9DI,WACE,wBCiEN,CDlEI,aACE,wBCqEN,CDtEI,aACE,wBCyEN,CD1EI,SACE,wBC6EN,CD9EI,SACE,wBCiFN,CDlFI,YACE,wBCqFN,CDtFI,YACE,gCCyFN,CD1FI,kBACE,wBC6FN,CD9FI,iBACE,qBCiGN,CDlGI,eACE,qBCqGN,CDtGI,SACE,qBCyGN,CD1GI,cACE,qBC6GN,CD9GI,gBACE,wBCiHN,CDlHI,iBACE,qBCqHN,CDtHI,SACE,gCCyHN,CD1HI,mBACE,gCC6HN,CD9HI,kBACE,gCCiIN,CDlII,eACE,qBCqIN,CDtII,yBACE,mCCyIN,CD1II,wBACE,mCC6IN,CD9II,gBACE,qBCiJN,CDlJI,UACE,wBCqJN,CDtJI,SACE,gCCyJN,CD1JI,YACE,qBC6JN,CDtJQ,kCACI,cCyJZ,CD1JQ,iCACI,cC6JZ,CD9JQ,mCACI,cCiKZ,CDlKQ,mCACI,cCqKZ,CDtKQ,+BACI,cCyKZ,CD1KQ,+BACI,cC6KZ,CD9KQ,kCACI,cCiLZ,CDlLQ,kCACI,sBCqLZ,CDtLQ,wCACI,cCyLZ,CD1LQ,uCACI,WC6LZ,CD9LQ,qCACI,WCiMZ,CDlMQ,+BACI,WCqMZ,CDtMQ,oCACI,WCyMZ,CD1MQ,sCACI,cC6MZ,CD9MQ,uCACI,WCiNZ,CDlNQ,+BACI,sBCqNZ,CDtNQ,yCACI,sBCyNZ,CD1NQ,wCACI,sBC6NZ,CD9NQ,qCACI,WCiOZ,CDlOQ,+CACI,yBCqOZ,CDtOQ,8CACI,yBCyOZ,CD1OQ,sCACI,WC6OZ,CD9OQ,gCACI,cCiPZ,CDlPQ,+BACI,sBCqPZ,CDtPQ,kCACI,WCyPZ,CE7dA,eACE,gBAAA,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","file":"author.css","sourcesContent":["// Config\n$avatar-icon-padding: 6px !default;\n$avatar-icon-padding-lg: 8px !default;\n\nbody {\n  background: color('body-bg');\n\n  &.vle {\n      overflow: hidden;\n  }\n}\n\na {\n    &:hover, &:focus { // TODO: remove when bootstrap css dependency is removed\n        color: color('primary');\n    }\n}\n\nblockquote {\n  background-color: lighten(color('primary'), 56%);\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: color('primary');\n  border-width: 0 0 0 3px;\n}\n\n.has-indicator {\n    &:after {\n        content: '';\n        position: absolute;\n        border-radius: 50%;\n        padding: 5px;\n        background-color: color('accent');\n    }\n}\n\n.has-indicator--icon-button {\n    &:after {\n        top: 25px;\n        left: 5px;\n    }\n}\n\n// Badges\n.badge {\n    border-radius: $card-border-radius;\n    padding: 2px 6px;\n    font-size: rem(1.2);\n    font-weight: 500;\n    font-style: normal;\n    background-color: color('gray-dark');\n\n    &.md-button {\n        min-width: 0;\n        min-height: 0;\n        line-height: inherit;\n\n        &:hover, &:focus {\n            background-color: color('gray-dark');\n        }\n\n        &:focus {\n            outline: 1px dotted color('gray-dark');\n        }\n    }\n}\n\n.badge--info {\n    background-color: color('info');\n    color: #ffffff;\n}\n\n.badge--warn {\n    background-color: color('warn');\n    color: #ffffff;\n}\n\n.badge--success {\n    background-color: color('success');\n    color: #ffffff;\n}\n\n// Dividers\n.divider--withmargin {\n    margin: 16px 0;\n}\n\n.divider--dashed {\n    border-top-style: dashed;\n}\n\n// Links\na {\n  color: color('primary');\n  cursor: pointer;\n}\n\n.active {\n    background-color: rgba(158,158,158,0.2);\n    color: color('text');\n}\n\n// Images & Icons\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box;\n}\n\n.avatar--square {\n  border-radius: $card-border-radius;\n}\n\n// Rules for sizing avatars (matches material icons plus avatar-icon padding)\n.avatar {\n  &.md-18 {\n    height: 18px + $avatar-icon-padding*2;\n    width: 18px + $avatar-icon-padding*2;\n  }\n  &.md-24 {\n    height: 24px + $avatar-icon-padding*2;\n    width: 24px + $avatar-icon-padding*2;\n  }\n  &.md-36 {\n    height: 36px + $avatar-icon-padding*2;\n    width: 36px + $avatar-icon-padding*2;\n  }\n  &.md-48 {\n    height: 48px + $avatar-icon-padding*2;\n    width: 48px + $avatar-icon-padding*2;\n  }\n}\n\n// Rules for sizing avatar backgrounds (when using a child md-icon)\n.avatar--icon {\n  background-color: color('gray-light');\n  white-space: normal !important;\n\n  &:not(.md-avatar) {\n      padding: $avatar-icon-padding;\n  }\n\n  &.md-18 {\n    height: 18px;\n    width: 18px;\n  }\n  &.md-24 {\n    height: 24px;\n    width: 24px;\n  }\n  &.md-36 {\n    height: 36px;\n    width: 36px;\n  }\n  &.md-48 {\n    height: 48px;\n    width: 48px;\n  }\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) {\n  md-icon {\n    color: color('text-secondary');\n  }\n\n  .md-button:disabled {\n    md-icon {\n      color: color('text-disabled');\n    }\n  }\n}\n\n// hacks for now\nmd-icon, .md-button:not([disabled]) {\n  &.primary {\n    color: color('primary') !important;\n  }\n  &.success {\n    color: color('success') !important;\n  }\n  &.warn {\n    color: color('warn') !important;\n  }\n  &.info {\n    color: color('info') !important;\n  }\n  &.accent {\n    color: color('accent') !important;\n  }\n  &.accent-1 {\n    color: color('accent-1') !important;\n  }\n  &.accent-2 {\n    color: color('accent-2') !important;\n  }\n}\n\n// Theme overrides\nmd-input-container.md-wise-theme label {\n  color: color('text');\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: color('selected-bg');\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: color('primary');\n  background-color: color('selected-bg');\n}\n\n// Color\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key} {\n      color: $value;\n    }\n}\n\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key}-bg {\n      background-color: $value;\n    }\n}\n\n// Set theme colors for angular-ui elements\n@each $key, $value in $colors {\n    md-progress-circular.#{$key} {\n        path {\n            stroke: $value;\n        }\n    }\n}\n","/*\n WISE Project Styles\n */\nbody {\n  background: #eeeeee;\n}\nbody.vle {\n  overflow: hidden;\n}\n\na:hover, a:focus {\n  color: #7e57c2;\n}\n\nblockquote {\n  background-color: white;\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: #7e57c2;\n  border-width: 0 0 0 3px;\n}\n\n.has-indicator:after {\n  content: \"\";\n  position: absolute;\n  border-radius: 50%;\n  padding: 5px;\n  background-color: #F05843;\n}\n\n.has-indicator--icon-button:after {\n  top: 25px;\n  left: 5px;\n}\n\n.badge {\n  border-radius: 4px;\n  padding: 2px 6px;\n  font-size: 12px;\n  font-weight: 500;\n  font-style: normal;\n  background-color: #aaaaaa;\n}\n.badge.md-button {\n  min-width: 0;\n  min-height: 0;\n  line-height: inherit;\n}\n.badge.md-button:hover, .badge.md-button:focus {\n  background-color: #aaaaaa;\n}\n.badge.md-button:focus {\n  outline: 1px dotted #aaaaaa;\n}\n\n.badge--info {\n  background-color: #ef6c00;\n  color: #ffffff;\n}\n\n.badge--warn {\n  background-color: #c62828;\n  color: #ffffff;\n}\n\n.badge--success {\n  background-color: #00C853;\n  color: #ffffff;\n}\n\n.divider--withmargin {\n  margin: 16px 0;\n}\n\n.divider--dashed {\n  border-top-style: dashed;\n}\n\na {\n  color: #7e57c2;\n  cursor: pointer;\n}\n\n.active {\n  background-color: rgba(158, 158, 158, 0.2);\n  color: rgba(0, 0, 0, 0.87);\n}\n\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box;\n}\n\n.avatar--square {\n  border-radius: 4px;\n}\n\n.avatar.md-18 {\n  height: 30px;\n  width: 30px;\n}\n.avatar.md-24 {\n  height: 36px;\n  width: 36px;\n}\n.avatar.md-36 {\n  height: 48px;\n  width: 48px;\n}\n.avatar.md-48 {\n  height: 60px;\n  width: 60px;\n}\n\n.avatar--icon {\n  background-color: #dddddd;\n  white-space: normal !important;\n}\n.avatar--icon:not(.md-avatar) {\n  padding: 6px;\n}\n.avatar--icon.md-18 {\n  height: 18px;\n  width: 18px;\n}\n.avatar--icon.md-24 {\n  height: 24px;\n  width: 24px;\n}\n.avatar--icon.md-36 {\n  height: 36px;\n  width: 36px;\n}\n.avatar--icon.md-48 {\n  height: 48px;\n  width: 48px;\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon {\n  color: rgba(0, 0, 0, 0.54);\n}\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon {\n  color: rgba(0, 0, 0, 0.26);\n}\n\nmd-icon.primary, .md-button:not([disabled]).primary {\n  color: #7e57c2 !important;\n}\nmd-icon.success, .md-button:not([disabled]).success {\n  color: #00C853 !important;\n}\nmd-icon.warn, .md-button:not([disabled]).warn {\n  color: #c62828 !important;\n}\nmd-icon.info, .md-button:not([disabled]).info {\n  color: #ef6c00 !important;\n}\nmd-icon.accent, .md-button:not([disabled]).accent {\n  color: #F05843 !important;\n}\nmd-icon.accent-1, .md-button:not([disabled]).accent-1 {\n  color: #795C3A !important;\n}\nmd-icon.accent-2, .md-button:not([disabled]).accent-2 {\n  color: #CAD266 !important;\n}\n\nmd-input-container.md-wise-theme label {\n  color: rgba(0, 0, 0, 0.87);\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: white;\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: #7e57c2;\n  background-color: white;\n}\n\n.primary {\n  color: #7e57c2;\n}\n\n.accent {\n  color: #F05843;\n}\n\n.accent-1 {\n  color: #795C3A;\n}\n\n.accent-2 {\n  color: #CAD266;\n}\n\n.warn {\n  color: #c62828;\n}\n\n.info {\n  color: #ef6c00;\n}\n\n.success {\n  color: #00C853;\n}\n\n.divider {\n  color: rgba(0, 0, 0, 0.12);\n}\n\n.gray-lightest {\n  color: #f7f7f7;\n}\n\n.gray-lighter {\n  color: #eeeeee;\n}\n\n.gray-light {\n  color: #dddddd;\n}\n\n.gray {\n  color: #cccccc;\n}\n\n.gray-dark {\n  color: #aaaaaa;\n}\n\n.gray-darker {\n  color: #757575;\n}\n\n.gray-darkest {\n  color: #333333;\n}\n\n.text {\n  color: rgba(0, 0, 0, 0.87);\n}\n\n.text-secondary {\n  color: rgba(0, 0, 0, 0.54);\n}\n\n.text-disabled {\n  color: rgba(0, 0, 0, 0.26);\n}\n\n.text-light {\n  color: rgb(255, 255, 255);\n}\n\n.text-light-secondary {\n  color: rgba(255, 255, 255, 0.7);\n}\n\n.text-light-disabled {\n  color: rgba(255, 255, 255, 0.5);\n}\n\n.selected-bg {\n  color: white;\n}\n\n.score {\n  color: #FFC107;\n}\n\n.body {\n  color: rgba(0, 0, 0, 0.87);\n}\n\n.body-bg {\n  color: #eeeeee;\n}\n\n.primary-bg {\n  background-color: #7e57c2;\n}\n\n.accent-bg {\n  background-color: #F05843;\n}\n\n.accent-1-bg {\n  background-color: #795C3A;\n}\n\n.accent-2-bg {\n  background-color: #CAD266;\n}\n\n.warn-bg {\n  background-color: #c62828;\n}\n\n.info-bg {\n  background-color: #ef6c00;\n}\n\n.success-bg {\n  background-color: #00C853;\n}\n\n.divider-bg {\n  background-color: rgba(0, 0, 0, 0.12);\n}\n\n.gray-lightest-bg {\n  background-color: #f7f7f7;\n}\n\n.gray-lighter-bg {\n  background-color: #eeeeee;\n}\n\n.gray-light-bg {\n  background-color: #dddddd;\n}\n\n.gray-bg {\n  background-color: #cccccc;\n}\n\n.gray-dark-bg {\n  background-color: #aaaaaa;\n}\n\n.gray-darker-bg {\n  background-color: #757575;\n}\n\n.gray-darkest-bg {\n  background-color: #333333;\n}\n\n.text-bg {\n  background-color: rgba(0, 0, 0, 0.87);\n}\n\n.text-secondary-bg {\n  background-color: rgba(0, 0, 0, 0.54);\n}\n\n.text-disabled-bg {\n  background-color: rgba(0, 0, 0, 0.26);\n}\n\n.text-light-bg {\n  background-color: rgb(255, 255, 255);\n}\n\n.text-light-secondary-bg {\n  background-color: rgba(255, 255, 255, 0.7);\n}\n\n.text-light-disabled-bg {\n  background-color: rgba(255, 255, 255, 0.5);\n}\n\n.selected-bg-bg {\n  background-color: white;\n}\n\n.score-bg {\n  background-color: #FFC107;\n}\n\n.body-bg {\n  background-color: rgba(0, 0, 0, 0.87);\n}\n\n.body-bg-bg {\n  background-color: #eeeeee;\n}\n\nmd-progress-circular.primary path {\n  stroke: #7e57c2;\n}\n\nmd-progress-circular.accent path {\n  stroke: #F05843;\n}\n\nmd-progress-circular.accent-1 path {\n  stroke: #795C3A;\n}\n\nmd-progress-circular.accent-2 path {\n  stroke: #CAD266;\n}\n\nmd-progress-circular.warn path {\n  stroke: #c62828;\n}\n\nmd-progress-circular.info path {\n  stroke: #ef6c00;\n}\n\nmd-progress-circular.success path {\n  stroke: #00C853;\n}\n\nmd-progress-circular.divider path {\n  stroke: rgba(0, 0, 0, 0.12);\n}\n\nmd-progress-circular.gray-lightest path {\n  stroke: #f7f7f7;\n}\n\nmd-progress-circular.gray-lighter path {\n  stroke: #eeeeee;\n}\n\nmd-progress-circular.gray-light path {\n  stroke: #dddddd;\n}\n\nmd-progress-circular.gray path {\n  stroke: #cccccc;\n}\n\nmd-progress-circular.gray-dark path {\n  stroke: #aaaaaa;\n}\n\nmd-progress-circular.gray-darker path {\n  stroke: #757575;\n}\n\nmd-progress-circular.gray-darkest path {\n  stroke: #333333;\n}\n\nmd-progress-circular.text path {\n  stroke: rgba(0, 0, 0, 0.87);\n}\n\nmd-progress-circular.text-secondary path {\n  stroke: rgba(0, 0, 0, 0.54);\n}\n\nmd-progress-circular.text-disabled path {\n  stroke: rgba(0, 0, 0, 0.26);\n}\n\nmd-progress-circular.text-light path {\n  stroke: rgb(255, 255, 255);\n}\n\nmd-progress-circular.text-light-secondary path {\n  stroke: rgba(255, 255, 255, 0.7);\n}\n\nmd-progress-circular.text-light-disabled path {\n  stroke: rgba(255, 255, 255, 0.5);\n}\n\nmd-progress-circular.selected-bg path {\n  stroke: white;\n}\n\nmd-progress-circular.score path {\n  stroke: #FFC107;\n}\n\nmd-progress-circular.body path {\n  stroke: rgba(0, 0, 0, 0.87);\n}\n\nmd-progress-circular.body-bg path {\n  stroke: #eeeeee;\n}\n\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative;\n}\n@media (min-width: 600px) {\n  .l-constrained {\n    width: 1280px;\n  }\n}\n@media (min-width: 1920px) {\n  .l-constrained {\n    width: 1920px;\n  }\n}\n\n.l-constrained-md {\n  width: 960px;\n  max-width: 100%;\n}\n\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid #eeeeee;\n}\n\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex;\n}\n\n.button--footer__element {\n  padding-left: 8px;\n}\n\n.l-header {\n  z-index: 3;\n}\n.l-header .logo {\n  margin-left: 0 !important;\n  height: 36px;\n  width: 36px;\n  vertical-align: middle;\n}\n.l-header .logo-link {\n  min-width: auto;\n  display: none;\n  padding: 0 4px;\n  margin-right: 12px;\n}\n@media only screen and (min-width: 600px) {\n  .l-header .logo-link {\n    display: block;\n  }\n}\n.l-header .logo-link:hover, .l-header .logo-link:focus {\n  border: 0 none;\n}\n@media only screen and (max-width: 599px) {\n  .l-header .md-toolbar-tools h1, .l-header .md-toolbar-tools h2, .l-header .md-toolbar-tools h3 {\n    font-size: 15px;\n  }\n}\n\n.l-main {\n  background-color: #eeeeee;\n}\n\n.l-main--with-toolbar {\n  margin-top: 42px;\n}\n\n#content {\n  transition: margin-top 0.5s;\n}\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms;\n}\n@media only screen and (min-width: 960px) {\n  .view-content {\n    padding: 16px;\n  }\n}\n.view-content.ng-enter {\n  opacity: 0;\n}\n.view-content .ng-enter-active {\n  opacity: 1;\n  transition-delay: 250ms;\n}\n.view-content.ng-leave-active, .view-content.ng-hide {\n  opacity: 0;\n}\n.view-content.ng-hide-add, .view-content.ng-hide-add-active, .view-content.ng-hide-remove, .view-content.ng-hide-remove-active {\n  opacity: 0;\n}\n\n.view-content--with-sidemenu {\n  padding: 8px;\n}\n@media only screen and (min-width: 600px) {\n  .view-content--with-sidemenu {\n    margin-left: 54px;\n    padding: 16px;\n  }\n}\n\n@media only screen and (min-width: 600px) {\n  [dir=rtl] .view-content--with-sidemenu {\n    margin-left: auto;\n    margin-right: 54px;\n  }\n}\n\n.content-head {\n  margin: 8px 0;\n}\n.content-head h1,\n.content-head h2,\n.content-head h3 {\n  font-weight: 300;\n  margin-top: 0;\n  margin-bottom: 0;\n  font-size: 36px;\n}\n@media only screen and (max-width: 959px) {\n  .content-head h1,\n  .content-head h2,\n  .content-head h3 {\n    font-size: 32px;\n    text-align: center;\n  }\n}\n\n@media only screen and (max-width: 959px) {\n  .content-head__more {\n    margin-top: 8px;\n  }\n}\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px;\n}\n.content-head__item .md-subhead,\nh2.content-head__item .md-subhead {\n  padding-left: 4px;\n}\n@media only screen and (max-width: 959px) {\n  .content-head__item .md-subhead,\n  h2.content-head__item .md-subhead {\n    display: block;\n    padding-left: 0;\n  }\n}\n.content-head__item md-icon,\nh2.content-head__item md-icon {\n  vertical-align: text-bottom;\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px;\n}\n\n.l-notebook {\n  margin-top: 42px;\n  background-color: #eeeeee !important;\n}\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: #795C3A !important;\n}\n.l-sidebar__header md-select {\n  color: rgba(0, 0, 0, 0.87);\n}\n\n.status-icon {\n  margin: 0 4px;\n  z-index: 1;\n  vertical-align: bottom;\n}\n\n.md-button.status-icon {\n  height: auto;\n  width: auto;\n  min-height: 0;\n  line-height: inherit;\n  margin: 0 4px;\n  padding: 0;\n}\n\n.avatar--icon--alert {\n  background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n  font-size: 48px;\n  margin: -4px 0 0 -4px;\n}\n\nmd-dialog {\n  width: 600px;\n}\n\n.dialog--wide {\n  width: 960px;\n}\n\n.dialog--wider {\n  width: 1280px;\n}\n\n.help-bubble {\n  border-radius: 4px;\n  max-width: 320px;\n}\n@media (min-width: 600px) {\n  .help-bubble {\n    max-width: 552px;\n  }\n}\n@media (min-width: 960px) {\n  .help-bubble {\n    max-width: 912px;\n  }\n}\n@media (min-width: 1280px) {\n  .help-bubble {\n    max-width: 1232px;\n  }\n}\n\n.help-bubble__title {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n}\n\n.help-bubble___title__content {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  padding: 0px 0 0 12px;\n  background-color: #ef6c00;\n}\n.help-bubble___title__content .md-icon-button {\n  margin-right: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n}\n\n.help-bubble__content {\n  overflow: auto;\n  padding: 8px 12px;\n  max-height: 480px;\n}\n\n.help-bubble__actions {\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n}\n\n.input-container {\n  padding-top: 12px;\n}\n\n.input-container--component {\n  margin-bottom: 0;\n}\n\n.input-container--open-response.md-has-icon {\n  padding-left: 0;\n}\n.input-container--open-response .md-errors-spacer {\n  display: none;\n}\n\n.input-wrapper {\n  position: relative;\n}\n\n.input-wrapper--focused .input--textarea__action md-icon {\n  color: #7e57c2;\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n  padding: 8px;\n  background-color: #f7f7f7;\n  border: 1px solid #cccccc;\n  margin-bottom: 8px;\n}\n.input--textarea:focus, .input-container textarea.input--textarea:focus {\n  background-color: #ffffff;\n}\n.input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n  color: rgba(0, 0, 0, 0.54);\n}\n\n.input-container textarea.input--textarea {\n  width: 100%;\n}\n\n.input--textarea--disabled {\n  color: rgba(0, 0, 0, 0.54);\n}\n\n.input--textarea__action {\n  position: absolute;\n  right: -4px;\n}\n.input--textarea__action[disabled] md-icon {\n  color: rgba(0, 0, 0, 0.26) !important;\n}\n\n.input--textarea__action--notebook {\n  top: 6px;\n}\n.input-wrapper--richtext .input--textarea__action--notebook {\n  top: -7px;\n}\n\n.input--textarea__action--revision {\n  bottom: 6px;\n}\n.input-wrapper--richtext .input--textarea__action--revision {\n  bottom: -5px;\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n  line-height: 1.2;\n  color: rgba(0, 0, 0, 0.87);\n}\n.input-label.input-label--focused, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused {\n  color: #7e57c2;\n}\n\n.autocomplete input {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  word-wrap: none;\n  font-weight: 500;\n  color: rgba(0, 0, 0, 0.54);\n}\n\n@media only screen and (min-width: 600px) {\n  .autocomplete--minwidth {\n    min-width: 300px;\n  }\n}\n@media only screen and (min-width: 960px) {\n  .autocomplete--minwidth {\n    min-width: 300px;\n  }\n}\n\n.autocomplete--flat md-autocomplete-wrap {\n  background-color: #ffffff;\n}\n.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n  box-shadow: none;\n  background-color: #eeeeee;\n}\n\n.select__header {\n  height: 48px;\n}\n.select__header input {\n  height: 100%;\n  width: 100%;\n  padding: 0 8px;\n  outline: none;\n  border: 0 none;\n  font-size: 14px;\n  font-weight: 500;\n}\n\n.table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0;\n}\n.table thead > tr > th,\n.table thead > tr > td,\n.table tbody > tr > th,\n.table tbody > tr > td,\n.table tfoot > tr > th,\n.table tfoot > tr > td {\n  border: 1px solid #cccccc;\n  padding: 6px;\n  font-size: 15px;\n  min-height: 32px;\n  height: 32px;\n  min-width: 32px;\n  vertical-align: top;\n}\n.table td.inactive,\n.table th {\n  background-color: #f7f7f7;\n  opacity: 1;\n  visibility: visible;\n}\n.table md-input-container {\n  margin: 0;\n}\n.table .md-errors-spacer {\n  display: none;\n}\n\n.table--student td.inactive {\n  padding: 8px 10px;\n}\n\n.table--full-width {\n  width: 100%;\n}\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto;\n}\n.table--list th,\n.table--list td {\n  padding: 0 4px;\n  border: 0 none;\n}\n.table--list td {\n  min-height: 56px;\n  height: 56px;\n}\n.table--list tr.md-button {\n  display: table-row;\n  text-align: left;\n  width: auto;\n  text-transform: none;\n  font-size: inherit;\n  font-weight: normal;\n}\n\n.table--list__wrap {\n  min-width: 600px;\n}\n\n@media only screen and (max-width: 959px) {\n  .table-wrap-sticky {\n    overflow-x: auto;\n  }\n}\n\n.table--list__thead {\n  font-size: 14px;\n  font-weight: 700;\n}\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0;\n}\n\n.table--list__thead__th {\n  background-color: #757575;\n  color: rgb(255, 255, 255);\n  min-height: 42px;\n  height: 42px;\n}\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%;\n}\n\n.table--list__thead__sort {\n  margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg);\n}\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2;\n}\n\n@media only screen and (max-width: 959px) {\n  .td--max-width {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n\n.md-toolbar-tools {\n  font-size: 18px;\n}\n.md-toolbar-tools .autocomplete {\n  height: 36px;\n}\n.md-toolbar-tools .autocomplete md-autocomplete-wrap {\n  height: 36px;\n}\n.md-toolbar-tools .autocomplete input {\n  height: 36px;\n}\n\n.md-toolbar--wise {\n  min-height: 42px;\n}\n.md-toolbar--wise .md-toolbar-tools {\n  height: 42px;\n  max-height: 42px;\n}\n.md-toolbar--wise .md-button.md-icon-button {\n  height: 42px;\n  line-height: 42px;\n  width: 42px;\n}\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n  padding: 0 8px;\n  font-size: 15px;\n}\n\n.md-toolbar--sidenav {\n  background-color: #333333 !important;\n}\n.md-toolbar--sidenav .md-toolbar-tools {\n  font-size: 16px;\n  font-weight: 500;\n}\n\n.toolbar {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 52px;\n  z-index: 3;\n}\n\n.toolbar__title {\n  margin-left: 8px;\n  font-size: 16px;\n  font-weight: 500;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n  margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n  margin: 0 4px;\n  min-height: 32px;\n  background-color: #f7f7f7;\n}\n.toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n  height: 32px;\n  text-align: left;\n}\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n  text-align: right;\n}\n\n.toolbar__select--fixedwidth {\n  width: 168px;\n}\n@media only screen and (min-width: 600px) {\n  .toolbar__select--fixedwidth {\n    width: 264px;\n  }\n}\n@media only screen and (min-width: 960px) {\n  .toolbar__select--fixedwidth {\n    width: 432px;\n  }\n}\n\n.list-item {\n  background-color: #ffffff;\n  border-bottom: 1px solid #eeeeee;\n}\n.list-item .md-subheader, .list-item.md-subheader {\n  color: rgba(0, 0, 0, 0.87);\n  background-color: #ffffff;\n}\n.list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n  vertical-align: middle;\n}\n.list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n  padding: 0;\n}\n.list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n  margin-right: 8px;\n}\n.list-item .autocomplete {\n  margin: 8px 0;\n}\n\n.list-item--info._md-button-wrap > div.md-button:first-child, .list-item--info .md-subheader-content {\n  border-left: 4px solid #ef6c00 !important;\n  margin-left: -4px;\n}\n\n.list-item--warn._md-button-wrap > div.md-button:first-child, .list-item--warn .md-subheader-content {\n  border-left: 4px solid #c62828 !important;\n  margin-left: -4px;\n}\n\n.list-item--expanded {\n  border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n  cursor: default;\n  background-color: #f7f7f7;\n}\n\n.list-item--actions {\n  padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n  text-transform: none;\n  width: 100%;\n  padding: 8px 16px;\n  margin: 0;\n  white-space: normal;\n  text-align: left;\n  line-height: 1.4;\n}\n\n.user-list {\n  font-size: 15px;\n}\n\n#nav {\n  position: relative;\n}\n\n.nav {\n  margin-bottom: 16px;\n}\n\n.nav-mask {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: rgba(0, 0, 0, 0.25);\n  z-index: 1;\n}\n.nav-mask.ng-hide {\n  opacity: 0;\n}\n\n.nav-head {\n  color: rgba(0, 0, 0, 0.54);\n  font-weight: 500;\n}\n.nav-head md-icon {\n  line-height: 20px;\n}\n\n.nav-contents--root {\n  padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n  background-color: #dddddd;\n  padding: 8px;\n}\n\n.nav-contents--root {\n  padding: 0;\n}\n\n.nav-contents__list {\n  padding: 0;\n}\n@media (min-width: 600px) {\n  .nav-contents__list {\n    padding: 8px;\n  }\n}\n\n.nav-item {\n  transition: opacity 250ms ease-in-out;\n}\n.nav-item.prev md-list-item {\n  background-color: white;\n  /*&._md-button-wrap>div.md-button:first-child {\n      border-left: 4px solid color('primary');\n      margin-left: -4px;\n  }*/\n}\n\n.nav-item--card__content {\n  border-top-right-radius: 4px;\n  border-top-left-radius: 4px;\n}\n.nav-item--card__content:focus {\n  outline: none;\n}\n.nav-item--card__content:focus .nav-item__title > span {\n  border-bottom: 1px dashed #cccccc;\n}\n\n.nav-item--root {\n  transition: margin 250ms, box-shadow 500ms;\n}\n.nav-item--root.expanded {\n  flex-basis: 100%;\n  max-width: 100%;\n  max-height: none !important;\n  margin: 8px auto;\n}\n.nav-item--root.expanded:first-of-type {\n  margin-top: 0;\n}\n\n.nav-item--list__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: #7e57c2;\n}\n\n.menu-sidebar {\n  position: absolute;\n  top: 94px;\n  bottom: 0;\n  left: 0;\n  background-color: #fff;\n  width: 56px;\n  overflow: hidden;\n  padding: 8px 0;\n  text-align: center;\n  border-right: 1px solid #cccccc;\n}\n@media only screen and (max-width: 599px) {\n  .menu-sidebar {\n    display: none;\n  }\n}\n\n[dir=rtl] .menu-sidebar {\n  right: 0;\n  left: auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n  margin-top: 6px;\n  margin-bottom: 6px;\n}\n\n#node {\n  margin: 0 auto;\n  position: absolute;\n  left: 0;\n  right: 0;\n}\n@media only screen and (min-width: 600px) {\n  #node {\n    padding: 8px;\n    padding: 24px 16px;\n    margin-bottom: 32px;\n  }\n}\n@media only screen and (min-width: 960px) {\n  #node {\n    padding: 32px;\n  }\n}\n#node.ng-enter {\n  transition: opacity 0.5s;\n  opacity: 0;\n}\n#node.ng-enter-active {\n  opacity: 1;\n}\n\n.node-content {\n  padding: 0 0 48px;\n  background-color: #ffffff;\n  border-radius: 3px;\n  overflow: visible;\n}\n@media only screen and (max-width: 599px) {\n  .node-content {\n    box-shadow: none;\n  }\n}\n@media only screen and (min-width: 600px) {\n  .node-content {\n    padding: 0;\n    border-top: 2px solid;\n    border-bottom: 2px solid;\n  }\n}\n\nmd-content.node-content {\n  background-color: #ffffff;\n}\n\n.node-content__rubric {\n  position: absolute;\n  top: -22px;\n  left: 0;\n  right: 0;\n  z-index: 1;\n}\n.node-content__rubric .avatar--icon {\n  transform: scale(0.94);\n}\n@media only screen and (max-width: 599px) {\n  .node-content__rubric .avatar--icon {\n    transform: scale(0.8);\n  }\n}\n\n.node-icon {\n  color: #ffffff;\n  vertical-align: inherit;\n}\n\n.node-select {\n  margin: 0 8px;\n  min-width: 0;\n  font-weight: 500;\n  font-size: 15px;\n}\n.node-select .md-select-value *:first-child {\n  transform: translate3d(0, 0, 0);\n  flex: 1 0 0;\n}\n.node-select .md-select-value .node-select__icon {\n  display: none;\n}\n.node-select .md-select-value .node-select__status {\n  display: none;\n}\n.node-select .md-select-icon {\n  margin-left: 0;\n  color: rgba(0, 0, 0, 0.87);\n}\n\n.node-select-option--group {\n  background-color: #f7f7f7;\n  border-bottom: 1px solid #eeeeee;\n  border-top: 1px solid #eeeeee;\n}\n\n.node-select-option--node {\n  padding-left: 20px;\n}\n\n.node-select__icon {\n  margin-right: 8px;\n}\n\n.node-select__status {\n  margin-left: 8px;\n}\n\n.node-select__text {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n}\n@media only screen and (min-width: 600px) {\n  .node-select__text {\n    margin-top: 2px;\n  }\n}\n\n.node-title {\n  line-height: 1.2;\n  text-transform: none;\n  margin-top: 3px;\n}\n@media only screen and (max-width: 599px) {\n  .node-title {\n    font-size: 15px;\n  }\n}\n\n.node-content__actions {\n  padding: 0 16px 16px;\n}\n@media only screen and (min-width: 960px) {\n  .node-content__actions {\n    padding: 0 24px 24px;\n  }\n}\n.node-content__actions .md-button:first-child {\n  margin-left: 0;\n}\n.node-content__actions .md-button:last-child {\n  margin-right: 0;\n}\n\n.node-content__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54);\n}\n\n.node-content__actions__more {\n  border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav:first-of-type {\n  margin-right: 0;\n}\n\n@media only screen and (min-width: 600px) {\n  .node-sidebar-active {\n    margin-right: 68px;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .node-sidebar-visible {\n    margin-bottom: 42px;\n  }\n}\n\n.node-sidebar {\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 52px;\n}\n\n.node-sidebar__toolbar {\n  position: fixed;\n  width: 52px;\n  background-color: #ffffff;\n  padding: 8px 0;\n  border-radius: 3px;\n}\n@media only screen and (max-width: 599px) {\n  .node-sidebar__toolbar {\n    right: 0;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    border-radius: 0;\n    padding: 0;\n    min-height: 0;\n    height: 42px;\n  }\n}\n\n.node__label--vertical-alignment {\n  vertical-align: middle;\n  display: inline-block;\n}\n\nnotebook-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}","@use 'sass:map';\n\n// Colors\n$_primary-color: #1C8CA8; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 59%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map.get($color, 'text'),\n  'body-bg': map.get($color, 'gray-lighter')\n);\n\n$colors: (map-merge($color, $body-color));\n\n// Typography\n$baseline-grid:            8px;\n$body-font-size-base:      rem(1.500);\n$caption-font-size-base:   rem(1.300);\n\n// Layout\n$wise-toolbar-height: 42px;\n\n// Menus\n$menu-border-radius: 2px;\n$max-visible-items: 6;\n$menu-item-height: 6 * $baseline-grid !default;\n$dense-menu-item-height: 4 * $baseline-grid !default;\n$max-menu-height: 2 * $baseline-grid + $max-visible-items * $menu-item-height !default;\n$max-dense-menu-height: 2 * $baseline-grid + $max-visible-items * $dense-menu-item-height !default;\n\n// Cards\n$card-border-radius: 4px;\n\n// Buttons\n$button-border-radius: 3px;\n","// 1. Config\n\n// 2. Base\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative;\n\n  @media (min-width: $layout-breakpoint-xs) {\n      width: $layout-breakpoint-md;\n  }\n\n  @media (min-width: $layout-breakpoint-lg) {\n      width: $layout-breakpoint-lg;\n  }\n}\n\n.l-constrained-md {\n  width: $layout-breakpoint-sm;\n  max-width: 100%;\n}\n","// 1. Config\n\n// 2. Base\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid color('gray-lighter');\n}\n\n// Buttons\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex;\n}\n\n.button--footer__element {\n  padding-left: 8px;\n}\n","// 1. Config\n\n// 2. Base\n.l-header {\n    z-index: 3;\n\n    .logo {\n        margin-left: 0 !important;\n        height: 36px;\n        width: 36px;\n        vertical-align: middle;\n    }\n\n    .logo-link {\n        min-width: auto;\n        display: none;\n        padding: 0 4px;\n        margin-right: 12px;\n\n        @media only screen and (min-width: ($layout-breakpoint-xs)) {\n            display: block;\n        }\n\n        &:hover, &:focus {\n            border: 0 none;\n        }\n    }\n\n    // Handle mobile portrait\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        .md-toolbar-tools {\n            h1, h2, h3 {\n                font-size: $body-font-size-base;\n            }\n        }\n    }\n}\n","// 1. Config\n\n// 2. Base\n.l-main {\n  background-color: color('body-bg');\n}\n\n.l-main--with-toolbar {\n  margin-top: $wise-toolbar-height;\n}\n\n#content {\n  transition: margin-top 0.5s;\n}\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms;\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 16px;\n  }\n\n  &.ng-enter {\n    opacity: 0;\n  }\n\n  .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms;\n  }\n\n  &.ng-leave-active,\n  &.ng-hide {\n    opacity: 0;\n  }\n\n  &.ng-hide-add,\n  &.ng-hide-add-active,\n  &.ng-hide-remove,\n  &.ng-hide-remove-active {\n    opacity: 0;\n  }\n}\n\n.view-content--with-sidemenu {\n  padding: 8px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: 54px;\n    padding: 16px;\n  }\n}\n[dir='rtl'] .view-content--with-sidemenu {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: auto;\n    margin-right: 54px;\n  }\n}\n\n.content-head {\n  margin: 8px 0;\n\n  h1,\n  h2,\n  h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: rem(3.6);\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      font-size: rem(3.2);\n      text-align: center;\n    }\n  }\n}\n\n.content-head__more {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    margin-top: 8px;\n  }\n}\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px;\n\n  .md-subhead {\n    padding-left: 4px;\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      display: block;\n      padding-left: 0;\n    }\n  }\n\n  md-icon {\n    vertical-align: text-bottom;\n  }\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px;\n}\n","// 1. Config\n\n// 2. Base\n.l-notebook {\n    margin-top: $wise-toolbar-height;\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-sidebar {\n\n}\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: color('accent-1') !important;\n\n  md-select {\n    color: color('body');\n  }\n}",".status-icon {\n    margin: 0 4px;\n    z-index: 1;\n    vertical-align: bottom;\n}\n\n.md-button.status-icon {\n    height: auto;\n    width: auto;\n    min-height: 0;\n    line-height: inherit;\n    margin: 0 4px;\n    padding: 0;\n}\n\n.avatar--icon--alert {\n    background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n    font-size: 48px;\n    margin: -4px 0 0 -4px;\n}\n","md-dialog {\n    width: $layout-breakpoint-xs;\n}\n\n.dialog--wide {\n    width: $layout-breakpoint-sm;\n}\n\n.dialog--wider {\n    width: $layout-breakpoint-md;\n}\n",".help-bubble {\n    border-radius: $card-border-radius;\n    max-width: 320px;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        max-width: ($layout-breakpoint-xs - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-sm) {\n        max-width: ($layout-breakpoint-sm - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-md) {\n        max-width: ($layout-breakpoint-md - 48);\n    }\n}\n\n.help-bubble__title {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n}\n\n.help-bubble___title__content {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    padding: 0px 0 0 12px;\n    background-color: color('info');\n\n    .md-icon-button {\n        margin-right: 0;\n        padding-top: 0;\n        padding-bottom: 0;\n    }\n}\n\n.help-bubble__content {\n    overflow: auto;\n    padding: 8px 12px;\n    max-height: 480px;\n}\n\n.help-bubble__actions {\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n}\n","// Variables\n$input-action-width: 44px;\n$input-action-vertical-offset: 6px;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n.input-container {\n    padding-top: 12px;\n}\n\n.input-container--component {\n    margin-bottom: 0;\n}\n\n.input-container--open-response {\n    &.md-has-icon {\n        padding-left: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.input-wrapper {\n    position: relative;\n}\n\n.input-wrapper--focused {\n    .input--textarea__action md-icon {\n        color: color('primary');\n    }\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n    padding: 8px;\n    background-color: color('gray-lightest');\n    border: 1px solid color('gray');\n    margin-bottom: 8px;\n\n    &:focus {\n        background-color: #ffffff;\n    }\n\n    &[disabled] {\n        color: color('text-secondary');\n    }\n}\n\n.input-container textarea.input--textarea {\n    width: 100%;\n}\n\n.input--textarea--disabled {\n    color: color('text-secondary');\n}\n\n.input--textarea__action {\n    position: absolute;\n    right: -4px;\n\n    &[disabled] md-icon {\n        color: color('text-disabled') !important;\n    }\n}\n\n.input--textarea__action--notebook {\n    top: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        top: $input-action-vertical-offset-richtext\n    }\n}\n\n.input--textarea__action--revision {\n    bottom: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        bottom: ($input-action-vertical-offset-richtext + 2px);\n    }\n\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n    line-height: 1.2;\n    color: color('text');\n\n    &.input-label--focused {\n        color: color('primary');\n    }\n}\n\n.autocomplete {\n    input {\n        text-overflow: ellipsis;\n        overflow: hidden;\n        word-wrap: none;\n        font-weight: 500;\n        color: color('text-secondary');\n    }\n}\n\n.autocomplete--minwidth {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        min-width: 300px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        min-width: 300px;\n    }\n}\n\n.autocomplete--flat {\n    md-autocomplete-wrap {\n        background-color: #ffffff;\n\n        &:not(.md-menu-showing) {\n            box-shadow: none;\n            background-color: color('gray-lighter');\n        }\n    }\n}\n\n.select__header {\n    height: $menu-item-height;\n\n    input {\n        height: 100%;\n        width: 100%;\n        padding: 0 8px;\n        outline: none;\n        border: 0 none;\n        font-size: rem(1.4);\n        font-weight: 500;\n    }\n}\n",".table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0;\n\n  thead,\n  tbody,\n  tfoot {\n    // TODO: remove chaining when bootstrap dependency is removed\n    > tr > th,\n    > tr > td {\n      border: 1px solid color('gray');\n      padding: 6px;\n      font-size: rem(1.5);\n      min-height: 32px;\n      height: 32px;\n      min-width: 32px;\n      vertical-align: top;\n    }\n  }\n\n  td.inactive,\n  th {\n    background-color: color('gray-lightest');\n    opacity: 1;\n    visibility: visible;\n  }\n\n  md-input-container {\n    margin: 0;\n  }\n\n  .md-errors-spacer {\n    display: none;\n  }\n}\n\n.table--student {\n  td {\n    &.inactive {\n      padding: 8px 10px;\n    }\n  }\n}\n\n.table--full-width {\n  width: 100%;\n}\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto;\n\n  th,\n  td {\n    padding: 0 4px;\n    border: 0 none;\n  }\n\n  td {\n    min-height: 56px;\n    height: 56px;\n  }\n\n  tr {\n    &.md-button {\n      display: table-row;\n      text-align: left;\n      width: auto;\n      text-transform: none;\n      font-size: inherit;\n      font-weight: normal;\n    }\n  }\n}\n\n.table--list__wrap {\n  min-width: $layout-breakpoint-xs;\n}\n\n.table-wrap-sticky {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    overflow-x: auto;\n  }\n}\n\n.table--list__thead {\n  font-size: rem(1.4);\n  font-weight: 700;\n}\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0;\n}\n\n.table--list__thead__th {\n  background-color: color('gray-darker');\n  color: color('text-light');\n  min-height: $wise-toolbar-height;\n  height: $wise-toolbar-height;\n}\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%;\n}\n\n.table--list__thead__sort {\n  margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg);\n}\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2;\n}\n\n.td--max-width {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n",".md-toolbar-tools {\n    font-size: 18px;\n\n    .autocomplete {\n        height: 36px;\n\n        md-autocomplete-wrap {\n            height: 36px;\n        }\n\n        input {\n            height: 36px;\n        }\n    }\n}\n\n.md-toolbar--wise {\n    min-height: $wise-toolbar-height;\n\n    .md-toolbar-tools {\n        height: $wise-toolbar-height;\n        max-height: $wise-toolbar-height;\n    }\n\n    .md-button.md-icon-button {\n        height: $wise-toolbar-height;\n        line-height: $wise-toolbar-height;\n        width: $wise-toolbar-height;\n    }\n}\n\n.md-toolbar--wise--sm {\n    .md-toolbar-tools {\n        padding: 0 8px;\n        font-size: $body-font-size-base;\n    }\n}\n\n.md-toolbar--sidenav {\n    background-color: color('gray-darkest') !important;\n\n    .md-toolbar-tools {\n        font-size: rem(1.6);\n        font-weight: 500;\n    }\n}\n\n.toolbar {\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: $md-toolbar-height;\n    z-index: 3;\n}\n\n.toolbar__title {\n    margin-left: 8px;\n    font-size: rem(1.6);\n    font-weight: 500;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n    margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n    margin: 0 4px;\n    min-height: 32px;\n    background-color: color('gray-lightest');\n\n    .md-select-value {\n        height: 32px;\n        text-align: left;\n    }\n}\n[dir=rtl] {\n  .toolbar__select, .md-button.toolbar__select {\n      .md-select-value {\n          text-align: right;\n      }\n  }\n}\n\n.toolbar__select--fixedwidth {\n    width: 168px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 264px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 432px;\n    }\n}\n","// Helpers\n@function rem($multiplier) {\n    $font-size: 10px;\n    @return $multiplier * $font-size;\n}\n\n// Angular Material variables for use and !default overrides\n$md-toolbar-height: 52px;\n$md-toolbar-medium-tall-height: 74px;\n$md-toolbar-tall-height: 104px;\n$md-toolbar-height-mobile-portrait: 52px;\n$md-toolbar-height-mobile-landscape: 52px;\n\n$caption-font-size-base:   rem(1.300);\n\n//$list-item-height: 56px;\n\n$card-border-radius: 4px;\n\n$layout-breakpoint-xs:     600px;\n$layout-breakpoint-sm:     960px;\n$layout-breakpoint-md:     1280px;\n$layout-breakpoint-lg:     1920px;\n\n$button-border-radius: 3px;\n\n$tooltip-fontsize-lg: rem(1.1);\n$tooltip-fontsize-sm: rem(1.1);\n//$tooltip-height-lg: rem(2.2);\n$tooltip-height-sm: rem(2.2);\n//$tooltip-top-margin-lg: rem(1.4);\n$tooltip-top-margin-sm: rem(1.4);\n//$tooltip-lr-padding-lg: rem(0.8);\n$tooltip-lr-padding-sm: rem(0.8);\n//$tooltip-max-width: rem(3.20);\n\n$progress-linear-bar-height: 7px;\n",".list-item {\n    background-color: #ffffff;\n    border-bottom: 1px solid color('gray-lighter');\n\n    .md-subheader, &.md-subheader {\n        color: color('text');\n        background-color: #ffffff;\n\n        md-icon {\n            vertical-align: middle;\n        }\n\n        .md-subheader-inner {\n            padding: 0;\n        }\n\n        .md-avatar {\n            margin-right: 8px;\n        }\n    }\n\n    .autocomplete {\n        margin: 8px 0;\n    }\n}\n\n.list-item--info {\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('info') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--warn {\n    //background-color: lighten(color('warn'), 56%);\n\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('warn') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--expanded {\n    border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n    cursor: default;\n    background-color: color('gray-lightest');\n}\n\n.list-item--actions {\n    padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n    text-transform: none;\n    width: 100%;\n    padding: 8px 16px;\n    margin: 0;\n    white-space: normal;\n    text-align: left;\n    line-height: 1.4;\n}\n\n.user-list {\n    font-size: rem(1.5);\n}\n","#nav {\n    position: relative;\n}\n\n.nav {\n    margin-bottom: 16px;\n}\n\n.nav-mask {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-color: rgba(0,0,0,0.25);\n    z-index: 1;\n\n    &.ng-hide {\n        opacity: 0;\n    }\n}\n\n.nav-head {\n    color: color('text-secondary');\n    font-weight: 500;\n\n    md-icon {\n        line-height: 20px;\n    }\n}\n\n.nav-contents--root {\n    padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n    background-color: color('gray-light');\n    padding: 8px;\n}\n\n.nav-contents--root {\n    padding: 0;\n}\n\n.nav-contents__list {\n    padding: 0;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n    }\n}\n\n.nav-item {\n    transition: opacity 250ms ease-in-out;\n\n    &.prev {\n        md-list-item {\n            background-color: color('selected-bg');\n\n            /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/\n        }\n    }\n}\n\n.nav-item--card__content {\n    border-top-right-radius: $card-border-radius;\n    border-top-left-radius: $card-border-radius;\n\n    &:focus {\n        outline: none;\n\n        .nav-item__title > span {\n            border-bottom: 1px dashed color('gray');\n        }\n    }\n}\n\n.nav-item--root {\n    transition: margin 250ms, box-shadow 500ms;\n\n    &.expanded {\n        flex-basis: 100%;\n        //max-width: ($layout-breakpoint-md - 100) !important;\n        max-width: 100%;\n        max-height: none !important;\n        margin: 8px auto;\n\n        &:first-of-type {\n            margin-top: 0;\n        }\n\n        //@media only screen and (min-width: $layout-breakpoint-sm) {\n        //margin: 8px auto;\n        //}\n    }\n}\n\n//.nav-item--list {\n//}\n\n.nav-item--list__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","// Variables\n$input-action-width: 48px;\n$input-action-vertical-offset: 0;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n#node {\n    margin: 0 auto;\n    position: absolute;\n    left: 0;\n    right: 0;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n        padding: 24px 16px;\n        margin-bottom: 32px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 32px;\n    }\n\n    &.ng-enter {\n        transition: opacity .5s;\n        opacity: 0;\n    }\n\n    &.ng-enter-active {\n        opacity: 1;\n    }\n}\n\n// TODO: use BEM conventions\n\n.node-content {\n    padding: 0 0 48px;\n    background-color: #ffffff;\n    border-radius: $button-border-radius;\n    overflow: visible;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        box-shadow: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0;\n        border-top: 2px solid;\n        border-bottom: 2px solid;\n    }\n}\n\nmd-content {\n    &.node-content {\n        background-color: #ffffff;\n    }\n}\n\n.node-content__rubric {\n    position: absolute;\n    top: -22px;\n    left: 0;\n    right: 0;\n    z-index: 1;\n\n    .avatar--icon {\n        transform: scale(0.94);\n\n        @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n            transform: scale(0.8);\n        }\n    }\n}\n\n.node-icon {\n    color: #ffffff;\n    vertical-align: inherit;\n}\n\n.node-select {\n    margin: 0 8px;\n    min-width: 0;\n    font-weight: 500;\n    font-size: $body-font-size-base;\n\n    .md-select-value {\n        *:first-child {\n            transform: translate3d(0,0,0);\n            flex: 1 0 0;\n        }\n\n        .node-select__icon {\n            display: none;\n        }\n\n        .node-select__status {\n            display: none;\n        }\n    }\n\n    .md-select-icon {\n        margin-left: 0;\n        color: color('text');\n    }\n}\n\n.node-select-option--group {\n    //color: rgba(0,0,0,0.54);\n    background-color: color('gray-lightest');\n    border-bottom: 1px solid color('gray-lighter');\n    border-top: 1px solid color('gray-lighter');\n}\n\n.node-select-option--node {\n    padding-left: 20px;\n}\n\n.node-select__icon {\n    margin-right: 8px;\n}\n\n.node-select__status {\n    margin-left: 8px;\n}\n\n.node-select__text {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: 2px;\n    }\n}\n\n.node-title {\n    line-height: 1.2;\n    text-transform: none;\n    margin-top: 3px;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        font-size: $body-font-size-base;\n    }\n}\n\n.node-content__actions {\n    padding: 0 16px 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 0 24px 24px;\n    }\n\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.node-content__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    color: color('text-secondary');\n}\n\n.node-content__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav {\n    &:not(:first-of-type) {\n    }\n\n    &:first-of-type {\n        margin-right: 0;\n    }\n}\n\n.node-sidebar-active {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-right: ($md-toolbar-height + 16);\n    }\n}\n\n.node-sidebar-visible {\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin-bottom: $wise-toolbar-height;\n    }\n}\n\n.node-sidebar {\n    position: absolute;\n    right: 0;\n    top: 0;\n    width: $md-toolbar-height;\n}\n\n.node-sidebar__toolbar {\n    position: fixed;\n    width: $md-toolbar-height;\n    background-color: #ffffff;\n    padding: 8px 0;\n    border-radius: $button-border-radius;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        right: 0;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        border-radius: 0;\n        padding: 0;\n        min-height: 0;\n        height: $wise-toolbar-height;\n    }\n}\n\n.node__label--vertical-alignment {\n    vertical-align: middle;\n    display: inline-block;\n}\n","// Variables\n$notebook-sidebar-width: 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
+{"version":3,"sources":["src/assets/wise5/themes/default/style/base/_presets.scss","src/assets/wise5/themes/default/style/author.css","src/assets/wise5/themes/default/style/base/_config.scss","src/assets/wise5/themes/default/style/layouts/_l-default.scss","src/assets/wise5/themes/default/style/layouts/_l-footer.scss","src/assets/wise5/themes/default/style/layouts/_l-header.scss","src/assets/wise5/themes/default/style/layouts/_l-main.scss","src/assets/wise5/themes/default/style/layouts/_l-notebook.scss","src/assets/wise5/themes/default/style/layouts/_l-sidebar.scss","src/assets/wise5/themes/default/style/modules/_alerts.scss","src/assets/wise5/themes/default/style/modules/_dialog.scss","src/assets/wise5/themes/default/style/modules/_help.scss","src/assets/wise5/themes/default/style/modules/_inputs.scss","src/assets/wise5/themes/default/style/modules/_table.scss","src/assets/wise5/themes/default/style/modules/_toolbar.scss","src/assets/wise5/themes/default/style/material/_config.scss","src/assets/wise5/themes/default/style/modules/_list.scss","src/assets/wise5/themes/default/style/modules/_nav.scss","src/assets/wise5/themes/default/style/modules/_menu.scss","src/assets/wise5/themes/default/style/modules/_node.scss","src/assets/wise5/themes/default/style/modules/_notebook.scss","src/assets/wise5/themes/default/style/modules/_notifications.scss","src/assets/wise5/themes/default/style/modules/_account-menu.scss","src/assets/wise5/themes/default/style/modules/_annotations.scss","src/assets/wise5/themes/default/style/modules/_component.scss","src/assets/wise5/themes/default/style/modules/_component--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,iBEUiB,CFRjB,cAAA,CAEA,iBAAA,CADA,eAAA,CAFA,eCJJ,CDUI,iBAGI,mBAAA,CADA,YAAA,CADA,WCNR,CDUQ,8CACI,qBCRZ,CDWQ,uBACI,uBCTZ,CDcA,aACI,wBAAA,CACA,UCXJ,CDcA,aACI,wBAAA,CACA,UCXJ,CDcA,gBACI,wBAAA,CACA,UCXJ,CDeA,qBACI,aCZJ,CDeA,iBACI,uBCZJ,CDgBA,EACE,aAAA,CACA,cCbF,CDgBA,QACI,kCAAA,CACA,qBCbJ,CDiBA,QACE,iBAAA,CACA,sBCdF,CDiBA,gBACE,iBCdF,CDmBE,cACE,WAAA,CACA,UChBJ,CDkBE,cACE,WAAA,CACA,UChBJ,CDkBE,cACE,WAAA,CACA,UChBJ,CDkBE,cACE,WAAA,CACA,UChBJ,CDqBA,cACE,qBAAA,CACA,4BClBF,CDoBE,8BACI,WClBN,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDwBE,wDACE,qBCrBJ,CDyBI,4EACE,qBCvBN,CD8BE,mDACE,uBC3BJ,CD6BE,mDACE,uBC3BJ,CD6BE,6CACE,uBC3BJ,CD6BE,6CACE,uBC3BJ,CD6BE,iDACE,uBC3BJ,CD6BE,qDACE,uBC3BJ,CD6BE,qDACE,uBC3BJ,CDgCA,uCACE,qBC7BF,CDgCA,uFACE,qBC7BF,CDgCA,2HAGE,qBAAA,CADA,aC5BF,CDmCI,SACE,aChCN,CD+BI,QACE,aC5BN,CD2BI,UACE,aCxBN,CDuBI,UACE,aCpBN,CDmBI,MACE,aChBN,CDeI,MACE,aCZN,CDWI,SACE,aCRN,CDOI,SACE,qBCJN,CDGI,eACE,aCAN,CDDI,cACE,UCIN,CDLI,YACE,UCQN,CDTI,MACE,UCYN,CDbI,WACE,UCgBN,CDjBI,aACE,aCoBN,CDrBI,cACE,UCwBN,CDzBI,MACE,qBC4BN,CD7BI,gBACE,qBCgCN,CDjCI,eACE,qBCoCN,CDrCI,YACE,UCwCN,CDzCI,sBACE,wBC4CN,CD7CI,qBACE,wBCgDN,CDjDI,aACE,UCoDN,CDrDI,OACE,aCwDN,CDzDI,MACE,qBC4DN,CD7DI,SACE,UCgEN,CD1DI,YACE,wBC6DN,CD9DI,WACE,wBCiEN,CDlEI,aACE,wBCqEN,CDtEI,aACE,wBCyEN,CD1EI,SACE,wBC6EN,CD9EI,SACE,wBCiFN,CDlFI,YACE,wBCqFN,CDtFI,YACE,gCCyFN,CD1FI,kBACE,wBC6FN,CD9FI,iBACE,qBCiGN,CDlGI,eACE,qBCqGN,CDtGI,SACE,qBCyGN,CD1GI,cACE,qBC6GN,CD9GI,gBACE,wBCiHN,CDlHI,iBACE,qBCqHN,CDtHI,SACE,gCCyHN,CD1HI,mBACE,gCC6HN,CD9HI,kBACE,gCCiIN,CDlII,eACE,qBCqIN,CDtII,yBACE,mCCyIN,CD1II,wBACE,mCC6IN,CD9II,gBACE,qBCiJN,CDlJI,UACE,wBCqJN,CDtJI,SACE,gCCyJN,CD1JI,YACE,qBC6JN,CDtJQ,kCACI,cCyJZ,CD1JQ,iCACI,cC6JZ,CD9JQ,mCACI,cCiKZ,CDlKQ,mCACI,cCqKZ,CDtKQ,+BACI,cCyKZ,CD1KQ,+BACI,cC6KZ,CD9KQ,kCACI,cCiLZ,CDlLQ,kCACI,sBCqLZ,CDtLQ,wCACI,cCyLZ,CD1LQ,uCACI,WC6LZ,CD9LQ,qCACI,WCiMZ,CDlMQ,+BACI,WCqMZ,CDtMQ,oCACI,WCyMZ,CD1MQ,sCACI,cC6MZ,CD9MQ,uCACI,WCiNZ,CDlNQ,+BACI,sBCqNZ,CDtNQ,yCACI,sBCyNZ,CD1NQ,wCACI,sBC6NZ,CD9NQ,qCACI,WCiOZ,CDlOQ,+CACI,yBCqOZ,CDtOQ,8CACI,yBCyOZ,CD1OQ,sCACI,WC6OZ,CD9OQ,gCACI,cCiPZ,CDlPQ,+BACI,sBCqPZ,CDtPQ,kCACI,WCyPZ,CE7dA,eACE,gBAAA,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","file":"author.css","sourcesContent":["// Config\n$avatar-icon-padding: 6px !default;\n$avatar-icon-padding-lg: 8px !default;\n\nbody {\n  background: color('body-bg');\n\n  &.vle {\n      overflow: hidden;\n  }\n}\n\na {\n    &:hover, &:focus { // TODO: remove when bootstrap css dependency is removed\n        color: color('primary');\n    }\n}\n\nblockquote {\n  background-color: lighten(color('primary'), 56%);\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: color('primary');\n  border-width: 0 0 0 3px;\n}\n\n.has-indicator {\n    &:after {\n        content: '';\n        position: absolute;\n        border-radius: 50%;\n        padding: 5px;\n        background-color: color('accent');\n    }\n}\n\n.has-indicator--icon-button {\n    &:after {\n        top: 25px;\n        left: 5px;\n    }\n}\n\n// Badges\n.badge {\n    border-radius: $card-border-radius;\n    padding: 2px 6px;\n    font-size: rem(1.2);\n    font-weight: 500;\n    font-style: normal;\n    background-color: color('gray-dark');\n\n    &.md-button {\n        min-width: 0;\n        min-height: 0;\n        line-height: inherit;\n\n        &:hover, &:focus {\n            background-color: color('gray-dark');\n        }\n\n        &:focus {\n            outline: 1px dotted color('gray-dark');\n        }\n    }\n}\n\n.badge--info {\n    background-color: color('info');\n    color: #ffffff;\n}\n\n.badge--warn {\n    background-color: color('warn');\n    color: #ffffff;\n}\n\n.badge--success {\n    background-color: color('success');\n    color: #ffffff;\n}\n\n// Dividers\n.divider--withmargin {\n    margin: 16px 0;\n}\n\n.divider--dashed {\n    border-top-style: dashed;\n}\n\n// Links\na {\n  color: color('primary');\n  cursor: pointer;\n}\n\n.active {\n    background-color: rgba(158,158,158,0.2);\n    color: color('text');\n}\n\n// Images & Icons\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box;\n}\n\n.avatar--square {\n  border-radius: $card-border-radius;\n}\n\n// Rules for sizing avatars (matches material icons plus avatar-icon padding)\n.avatar {\n  &.md-18 {\n    height: 18px + $avatar-icon-padding*2;\n    width: 18px + $avatar-icon-padding*2;\n  }\n  &.md-24 {\n    height: 24px + $avatar-icon-padding*2;\n    width: 24px + $avatar-icon-padding*2;\n  }\n  &.md-36 {\n    height: 36px + $avatar-icon-padding*2;\n    width: 36px + $avatar-icon-padding*2;\n  }\n  &.md-48 {\n    height: 48px + $avatar-icon-padding*2;\n    width: 48px + $avatar-icon-padding*2;\n  }\n}\n\n// Rules for sizing avatar backgrounds (when using a child md-icon)\n.avatar--icon {\n  background-color: color('gray-light');\n  white-space: normal !important;\n\n  &:not(.md-avatar) {\n      padding: $avatar-icon-padding;\n  }\n\n  &.md-18 {\n    height: 18px;\n    width: 18px;\n  }\n  &.md-24 {\n    height: 24px;\n    width: 24px;\n  }\n  &.md-36 {\n    height: 36px;\n    width: 36px;\n  }\n  &.md-48 {\n    height: 48px;\n    width: 48px;\n  }\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) {\n  md-icon {\n    color: color('text-secondary');\n  }\n\n  .md-button:disabled {\n    md-icon {\n      color: color('text-disabled');\n    }\n  }\n}\n\n// hacks for now\nmd-icon, .md-button:not([disabled]) {\n  &.primary {\n    color: color('primary') !important;\n  }\n  &.success {\n    color: color('success') !important;\n  }\n  &.warn {\n    color: color('warn') !important;\n  }\n  &.info {\n    color: color('info') !important;\n  }\n  &.accent {\n    color: color('accent') !important;\n  }\n  &.accent-1 {\n    color: color('accent-1') !important;\n  }\n  &.accent-2 {\n    color: color('accent-2') !important;\n  }\n}\n\n// Theme overrides\nmd-input-container.md-wise-theme label {\n  color: color('text');\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: color('selected-bg');\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: color('primary');\n  background-color: color('selected-bg');\n}\n\n// Color\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key} {\n      color: $value;\n    }\n}\n\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key}-bg {\n      background-color: $value;\n    }\n}\n\n// Set theme colors for angular-ui elements\n@each $key, $value in $colors {\n    md-progress-circular.#{$key} {\n        path {\n            stroke: $value;\n        }\n    }\n}\n","/*\n WISE Project Styles\n */\nbody {\n  background: #eeeeee;\n}\nbody.vle {\n  overflow: hidden;\n}\n\na:hover, a:focus {\n  color: #7e57c2;\n}\n\nblockquote {\n  background-color: white;\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: #7e57c2;\n  border-width: 0 0 0 3px;\n}\n\n.has-indicator:after {\n  content: \"\";\n  position: absolute;\n  border-radius: 50%;\n  padding: 5px;\n  background-color: #F05843;\n}\n\n.has-indicator--icon-button:after {\n  top: 25px;\n  left: 5px;\n}\n\n.badge {\n  border-radius: 4px;\n  padding: 2px 6px;\n  font-size: 12px;\n  font-weight: 500;\n  font-style: normal;\n  background-color: #aaaaaa;\n}\n.badge.md-button {\n  min-width: 0;\n  min-height: 0;\n  line-height: inherit;\n}\n.badge.md-button:hover, .badge.md-button:focus {\n  background-color: #aaaaaa;\n}\n.badge.md-button:focus {\n  outline: 1px dotted #aaaaaa;\n}\n\n.badge--info {\n  background-color: #ef6c00;\n  color: #ffffff;\n}\n\n.badge--warn {\n  background-color: #c62828;\n  color: #ffffff;\n}\n\n.badge--success {\n  background-color: #00C853;\n  color: #ffffff;\n}\n\n.divider--withmargin {\n  margin: 16px 0;\n}\n\n.divider--dashed {\n  border-top-style: dashed;\n}\n\na {\n  color: #7e57c2;\n  cursor: pointer;\n}\n\n.active {\n  background-color: rgba(158, 158, 158, 0.2);\n  color: rgba(0, 0, 0, 0.87);\n}\n\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box;\n}\n\n.avatar--square {\n  border-radius: 4px;\n}\n\n.avatar.md-18 {\n  height: 30px;\n  width: 30px;\n}\n.avatar.md-24 {\n  height: 36px;\n  width: 36px;\n}\n.avatar.md-36 {\n  height: 48px;\n  width: 48px;\n}\n.avatar.md-48 {\n  height: 60px;\n  width: 60px;\n}\n\n.avatar--icon {\n  background-color: #dddddd;\n  white-space: normal !important;\n}\n.avatar--icon:not(.md-avatar) {\n  padding: 6px;\n}\n.avatar--icon.md-18 {\n  height: 18px;\n  width: 18px;\n}\n.avatar--icon.md-24 {\n  height: 24px;\n  width: 24px;\n}\n.avatar--icon.md-36 {\n  height: 36px;\n  width: 36px;\n}\n.avatar--icon.md-48 {\n  height: 48px;\n  width: 48px;\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon {\n  color: rgba(0, 0, 0, 0.54);\n}\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon {\n  color: rgba(0, 0, 0, 0.26);\n}\n\nmd-icon.primary, .md-button:not([disabled]).primary {\n  color: #7e57c2 !important;\n}\nmd-icon.success, .md-button:not([disabled]).success {\n  color: #00C853 !important;\n}\nmd-icon.warn, .md-button:not([disabled]).warn {\n  color: #c62828 !important;\n}\nmd-icon.info, .md-button:not([disabled]).info {\n  color: #ef6c00 !important;\n}\nmd-icon.accent, .md-button:not([disabled]).accent {\n  color: #F05843 !important;\n}\nmd-icon.accent-1, .md-button:not([disabled]).accent-1 {\n  color: #795C3A !important;\n}\nmd-icon.accent-2, .md-button:not([disabled]).accent-2 {\n  color: #CAD266 !important;\n}\n\nmd-input-container.md-wise-theme label {\n  color: rgba(0, 0, 0, 0.87);\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: white;\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: #7e57c2;\n  background-color: white;\n}\n\n.primary {\n  color: #7e57c2;\n}\n\n.accent {\n  color: #F05843;\n}\n\n.accent-1 {\n  color: #795C3A;\n}\n\n.accent-2 {\n  color: #CAD266;\n}\n\n.warn {\n  color: #c62828;\n}\n\n.info {\n  color: #ef6c00;\n}\n\n.success {\n  color: #00C853;\n}\n\n.divider {\n  color: rgba(0, 0, 0, 0.12);\n}\n\n.gray-lightest {\n  color: #f7f7f7;\n}\n\n.gray-lighter {\n  color: #eeeeee;\n}\n\n.gray-light {\n  color: #dddddd;\n}\n\n.gray {\n  color: #cccccc;\n}\n\n.gray-dark {\n  color: #aaaaaa;\n}\n\n.gray-darker {\n  color: #757575;\n}\n\n.gray-darkest {\n  color: #333333;\n}\n\n.text {\n  color: rgba(0, 0, 0, 0.87);\n}\n\n.text-secondary {\n  color: rgba(0, 0, 0, 0.54);\n}\n\n.text-disabled {\n  color: rgba(0, 0, 0, 0.26);\n}\n\n.text-light {\n  color: rgb(255, 255, 255);\n}\n\n.text-light-secondary {\n  color: rgba(255, 255, 255, 0.7);\n}\n\n.text-light-disabled {\n  color: rgba(255, 255, 255, 0.5);\n}\n\n.selected-bg {\n  color: white;\n}\n\n.score {\n  color: #FFC107;\n}\n\n.body {\n  color: rgba(0, 0, 0, 0.87);\n}\n\n.body-bg {\n  color: #eeeeee;\n}\n\n.primary-bg {\n  background-color: #7e57c2;\n}\n\n.accent-bg {\n  background-color: #F05843;\n}\n\n.accent-1-bg {\n  background-color: #795C3A;\n}\n\n.accent-2-bg {\n  background-color: #CAD266;\n}\n\n.warn-bg {\n  background-color: #c62828;\n}\n\n.info-bg {\n  background-color: #ef6c00;\n}\n\n.success-bg {\n  background-color: #00C853;\n}\n\n.divider-bg {\n  background-color: rgba(0, 0, 0, 0.12);\n}\n\n.gray-lightest-bg {\n  background-color: #f7f7f7;\n}\n\n.gray-lighter-bg {\n  background-color: #eeeeee;\n}\n\n.gray-light-bg {\n  background-color: #dddddd;\n}\n\n.gray-bg {\n  background-color: #cccccc;\n}\n\n.gray-dark-bg {\n  background-color: #aaaaaa;\n}\n\n.gray-darker-bg {\n  background-color: #757575;\n}\n\n.gray-darkest-bg {\n  background-color: #333333;\n}\n\n.text-bg {\n  background-color: rgba(0, 0, 0, 0.87);\n}\n\n.text-secondary-bg {\n  background-color: rgba(0, 0, 0, 0.54);\n}\n\n.text-disabled-bg {\n  background-color: rgba(0, 0, 0, 0.26);\n}\n\n.text-light-bg {\n  background-color: rgb(255, 255, 255);\n}\n\n.text-light-secondary-bg {\n  background-color: rgba(255, 255, 255, 0.7);\n}\n\n.text-light-disabled-bg {\n  background-color: rgba(255, 255, 255, 0.5);\n}\n\n.selected-bg-bg {\n  background-color: white;\n}\n\n.score-bg {\n  background-color: #FFC107;\n}\n\n.body-bg {\n  background-color: rgba(0, 0, 0, 0.87);\n}\n\n.body-bg-bg {\n  background-color: #eeeeee;\n}\n\nmd-progress-circular.primary path {\n  stroke: #7e57c2;\n}\n\nmd-progress-circular.accent path {\n  stroke: #F05843;\n}\n\nmd-progress-circular.accent-1 path {\n  stroke: #795C3A;\n}\n\nmd-progress-circular.accent-2 path {\n  stroke: #CAD266;\n}\n\nmd-progress-circular.warn path {\n  stroke: #c62828;\n}\n\nmd-progress-circular.info path {\n  stroke: #ef6c00;\n}\n\nmd-progress-circular.success path {\n  stroke: #00C853;\n}\n\nmd-progress-circular.divider path {\n  stroke: rgba(0, 0, 0, 0.12);\n}\n\nmd-progress-circular.gray-lightest path {\n  stroke: #f7f7f7;\n}\n\nmd-progress-circular.gray-lighter path {\n  stroke: #eeeeee;\n}\n\nmd-progress-circular.gray-light path {\n  stroke: #dddddd;\n}\n\nmd-progress-circular.gray path {\n  stroke: #cccccc;\n}\n\nmd-progress-circular.gray-dark path {\n  stroke: #aaaaaa;\n}\n\nmd-progress-circular.gray-darker path {\n  stroke: #757575;\n}\n\nmd-progress-circular.gray-darkest path {\n  stroke: #333333;\n}\n\nmd-progress-circular.text path {\n  stroke: rgba(0, 0, 0, 0.87);\n}\n\nmd-progress-circular.text-secondary path {\n  stroke: rgba(0, 0, 0, 0.54);\n}\n\nmd-progress-circular.text-disabled path {\n  stroke: rgba(0, 0, 0, 0.26);\n}\n\nmd-progress-circular.text-light path {\n  stroke: rgb(255, 255, 255);\n}\n\nmd-progress-circular.text-light-secondary path {\n  stroke: rgba(255, 255, 255, 0.7);\n}\n\nmd-progress-circular.text-light-disabled path {\n  stroke: rgba(255, 255, 255, 0.5);\n}\n\nmd-progress-circular.selected-bg path {\n  stroke: white;\n}\n\nmd-progress-circular.score path {\n  stroke: #FFC107;\n}\n\nmd-progress-circular.body path {\n  stroke: rgba(0, 0, 0, 0.87);\n}\n\nmd-progress-circular.body-bg path {\n  stroke: #eeeeee;\n}\n\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative;\n}\n@media (min-width: 600px) {\n  .l-constrained {\n    width: 1280px;\n  }\n}\n@media (min-width: 1920px) {\n  .l-constrained {\n    width: 1920px;\n  }\n}\n\n.l-constrained-md {\n  width: 960px;\n  max-width: 100%;\n}\n\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid #eeeeee;\n}\n\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex;\n}\n\n.button--footer__element {\n  padding-left: 8px;\n}\n\n.l-header {\n  z-index: 3;\n}\n.l-header .logo {\n  margin-left: 0 !important;\n  height: 36px;\n  width: 36px;\n  vertical-align: middle;\n}\n.l-header .logo-link {\n  min-width: auto;\n  display: none;\n  padding: 0 4px;\n  margin-right: 12px;\n}\n@media only screen and (min-width: 600px) {\n  .l-header .logo-link {\n    display: block;\n  }\n}\n.l-header .logo-link:hover, .l-header .logo-link:focus {\n  border: 0 none;\n}\n@media only screen and (max-width: 599px) {\n  .l-header .md-toolbar-tools h1, .l-header .md-toolbar-tools h2, .l-header .md-toolbar-tools h3 {\n    font-size: 15px;\n  }\n}\n\n.l-main {\n  background-color: #eeeeee;\n}\n\n.l-main--with-toolbar {\n  margin-top: 42px;\n}\n\n#content {\n  transition: margin-top 0.5s;\n}\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms;\n}\n@media only screen and (min-width: 960px) {\n  .view-content {\n    padding: 16px;\n  }\n}\n.view-content.ng-enter {\n  opacity: 0;\n}\n.view-content .ng-enter-active {\n  opacity: 1;\n  transition-delay: 250ms;\n}\n.view-content.ng-leave-active, .view-content.ng-hide {\n  opacity: 0;\n}\n.view-content.ng-hide-add, .view-content.ng-hide-add-active, .view-content.ng-hide-remove, .view-content.ng-hide-remove-active {\n  opacity: 0;\n}\n\n.view-content--with-sidemenu {\n  padding: 8px;\n}\n@media only screen and (min-width: 600px) {\n  .view-content--with-sidemenu {\n    margin-left: 54px;\n    padding: 16px;\n  }\n}\n\n@media only screen and (min-width: 600px) {\n  [dir=rtl] .view-content--with-sidemenu {\n    margin-left: auto;\n    margin-right: 54px;\n  }\n}\n\n.content-head {\n  margin: 8px 0;\n}\n.content-head h1,\n.content-head h2,\n.content-head h3 {\n  font-weight: 300;\n  margin-top: 0;\n  margin-bottom: 0;\n  font-size: 36px;\n}\n@media only screen and (max-width: 959px) {\n  .content-head h1,\n  .content-head h2,\n  .content-head h3 {\n    font-size: 32px;\n    text-align: center;\n  }\n}\n\n@media only screen and (max-width: 959px) {\n  .content-head__more {\n    margin-top: 8px;\n  }\n}\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px;\n}\n.content-head__item .md-subhead,\nh2.content-head__item .md-subhead {\n  padding-left: 4px;\n}\n@media only screen and (max-width: 959px) {\n  .content-head__item .md-subhead,\n  h2.content-head__item .md-subhead {\n    display: block;\n    padding-left: 0;\n  }\n}\n.content-head__item md-icon,\nh2.content-head__item md-icon {\n  vertical-align: text-bottom;\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px;\n}\n\n.l-notebook {\n  margin-top: 42px;\n  background-color: #eeeeee !important;\n}\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: #795C3A !important;\n}\n.l-sidebar__header md-select {\n  color: rgba(0, 0, 0, 0.87);\n}\n\n.status-icon {\n  margin: 0 4px;\n  z-index: 1;\n  vertical-align: bottom;\n}\n\n.md-button.status-icon {\n  height: auto;\n  width: auto;\n  min-height: 0;\n  line-height: inherit;\n  margin: 0 4px;\n  padding: 0;\n}\n\n.avatar--icon--alert {\n  background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n  font-size: 48px;\n  margin: -4px 0 0 -4px;\n}\n\nmd-dialog {\n  width: 600px;\n}\n\n.dialog--wide {\n  width: 960px;\n}\n\n.dialog--wider {\n  width: 1280px;\n}\n\n.help-bubble {\n  border-radius: 4px;\n  max-width: 320px;\n}\n@media (min-width: 600px) {\n  .help-bubble {\n    max-width: 552px;\n  }\n}\n@media (min-width: 960px) {\n  .help-bubble {\n    max-width: 912px;\n  }\n}\n@media (min-width: 1280px) {\n  .help-bubble {\n    max-width: 1232px;\n  }\n}\n\n.help-bubble__title {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n}\n\n.help-bubble___title__content {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  padding: 0px 0 0 12px;\n  background-color: #ef6c00;\n}\n.help-bubble___title__content .md-icon-button {\n  margin-right: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n}\n\n.help-bubble__content {\n  overflow: auto;\n  padding: 8px 12px;\n  max-height: 480px;\n}\n\n.help-bubble__actions {\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n}\n\n.input-container {\n  padding-top: 12px;\n}\n\n.input-container--component {\n  margin-bottom: 0;\n}\n\n.input-container--open-response.md-has-icon {\n  padding-left: 0;\n}\n.input-container--open-response .md-errors-spacer {\n  display: none;\n}\n\n.input-wrapper {\n  position: relative;\n}\n\n.input-wrapper--focused .input--textarea__action md-icon {\n  color: #7e57c2;\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n  padding: 8px;\n  background-color: #f7f7f7;\n  border: 1px solid #cccccc;\n  margin-bottom: 8px;\n}\n.input--textarea:focus, .input-container textarea.input--textarea:focus {\n  background-color: #ffffff;\n}\n.input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n  color: rgba(0, 0, 0, 0.54);\n}\n\n.input-container textarea.input--textarea {\n  width: 100%;\n}\n\n.input--textarea--disabled {\n  color: rgba(0, 0, 0, 0.54);\n}\n\n.input--textarea__action {\n  position: absolute;\n  right: -4px;\n}\n.input--textarea__action[disabled] md-icon {\n  color: rgba(0, 0, 0, 0.26) !important;\n}\n\n.input--textarea__action--notebook {\n  top: 6px;\n}\n.input-wrapper--richtext .input--textarea__action--notebook {\n  top: -7px;\n}\n\n.input--textarea__action--revision {\n  bottom: 6px;\n}\n.input-wrapper--richtext .input--textarea__action--revision {\n  bottom: -5px;\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n  line-height: 1.2;\n  color: rgba(0, 0, 0, 0.87);\n}\n.input-label.input-label--focused, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused {\n  color: #7e57c2;\n}\n\n.autocomplete input {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  word-wrap: none;\n  font-weight: 500;\n  color: rgba(0, 0, 0, 0.54);\n}\n\n@media only screen and (min-width: 600px) {\n  .autocomplete--minwidth {\n    min-width: 300px;\n  }\n}\n@media only screen and (min-width: 960px) {\n  .autocomplete--minwidth {\n    min-width: 300px;\n  }\n}\n\n.autocomplete--flat md-autocomplete-wrap {\n  background-color: #ffffff;\n}\n.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n  box-shadow: none;\n  background-color: #eeeeee;\n}\n\n.select__header {\n  height: 48px;\n}\n.select__header input {\n  height: 100%;\n  width: 100%;\n  padding: 0 8px;\n  outline: none;\n  border: 0 none;\n  font-size: 14px;\n  font-weight: 500;\n}\n\n.table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0;\n}\n.table thead > tr > th,\n.table thead > tr > td,\n.table tbody > tr > th,\n.table tbody > tr > td,\n.table tfoot > tr > th,\n.table tfoot > tr > td {\n  border: 1px solid #cccccc;\n  padding: 6px;\n  font-size: 15px;\n  min-height: 32px;\n  height: 32px;\n  min-width: 32px;\n  vertical-align: top;\n}\n.table td.inactive,\n.table th {\n  background-color: #f7f7f7;\n  opacity: 1;\n  visibility: visible;\n}\n.table md-input-container {\n  margin: 0;\n}\n.table .md-errors-spacer {\n  display: none;\n}\n\n.table--student td.inactive {\n  padding: 8px 10px;\n}\n\n.table--full-width {\n  width: 100%;\n}\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto;\n}\n.table--list th,\n.table--list td {\n  padding: 0 4px;\n  border: 0 none;\n}\n.table--list td {\n  min-height: 56px;\n  height: 56px;\n}\n.table--list tr.md-button {\n  display: table-row;\n  text-align: left;\n  width: auto;\n  text-transform: none;\n  font-size: inherit;\n  font-weight: normal;\n}\n\n.table--list__wrap {\n  min-width: 600px;\n}\n\n@media only screen and (max-width: 959px) {\n  .table-wrap-sticky {\n    overflow-x: auto;\n  }\n}\n\n.table--list__thead {\n  font-size: 14px;\n  font-weight: 700;\n}\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0;\n}\n\n.table--list__thead__th {\n  background-color: #757575;\n  color: rgb(255, 255, 255);\n  min-height: 42px;\n  height: 42px;\n}\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%;\n}\n\n.table--list__thead__sort {\n  margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg);\n}\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2;\n}\n\n@media only screen and (max-width: 959px) {\n  .td--max-width {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n\n.md-toolbar-tools {\n  font-size: 18px;\n}\n.md-toolbar-tools .autocomplete {\n  height: 36px;\n}\n.md-toolbar-tools .autocomplete md-autocomplete-wrap {\n  height: 36px;\n}\n.md-toolbar-tools .autocomplete input {\n  height: 36px;\n}\n\n.md-toolbar--wise {\n  min-height: 42px;\n}\n.md-toolbar--wise .md-toolbar-tools {\n  height: 42px;\n  max-height: 42px;\n}\n.md-toolbar--wise .md-button.md-icon-button {\n  height: 42px;\n  line-height: 42px;\n  width: 42px;\n}\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n  padding: 0 8px;\n  font-size: 15px;\n}\n\n.md-toolbar--sidenav {\n  background-color: #333333 !important;\n}\n.md-toolbar--sidenav .md-toolbar-tools {\n  font-size: 16px;\n  font-weight: 500;\n}\n\n.toolbar {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 52px;\n  z-index: 3;\n}\n\n.toolbar__title {\n  margin-left: 8px;\n  font-size: 16px;\n  font-weight: 500;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n  margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n  margin: 0 4px;\n  min-height: 32px;\n  background-color: #f7f7f7;\n}\n.toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n  height: 32px;\n  text-align: left;\n}\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n  text-align: right;\n}\n\n.toolbar__select--fixedwidth {\n  width: 168px;\n}\n@media only screen and (min-width: 600px) {\n  .toolbar__select--fixedwidth {\n    width: 264px;\n  }\n}\n@media only screen and (min-width: 960px) {\n  .toolbar__select--fixedwidth {\n    width: 432px;\n  }\n}\n\n.list-item {\n  background-color: #ffffff;\n  border-bottom: 1px solid #eeeeee;\n}\n.list-item .md-subheader, .list-item.md-subheader {\n  color: rgba(0, 0, 0, 0.87);\n  background-color: #ffffff;\n}\n.list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n  vertical-align: middle;\n}\n.list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n  padding: 0;\n}\n.list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n  margin-right: 8px;\n}\n.list-item .autocomplete {\n  margin: 8px 0;\n}\n\n.list-item--info._md-button-wrap > div.md-button:first-child, .list-item--info .md-subheader-content {\n  border-left: 4px solid #ef6c00 !important;\n  margin-left: -4px;\n}\n\n.list-item--warn._md-button-wrap > div.md-button:first-child, .list-item--warn .md-subheader-content {\n  border-left: 4px solid #c62828 !important;\n  margin-left: -4px;\n}\n\n.list-item--expanded {\n  border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n  cursor: default;\n  background-color: #f7f7f7;\n}\n\n.list-item--actions {\n  padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n  text-transform: none;\n  width: 100%;\n  padding: 8px 16px;\n  margin: 0;\n  white-space: normal;\n  text-align: left;\n  line-height: 1.4;\n}\n\n.user-list {\n  font-size: 15px;\n}\n\n#nav {\n  position: relative;\n}\n\n.nav {\n  margin-bottom: 16px;\n}\n\n.nav-mask {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: rgba(0, 0, 0, 0.25);\n  z-index: 1;\n}\n.nav-mask.ng-hide {\n  opacity: 0;\n}\n\n.nav-head {\n  color: rgba(0, 0, 0, 0.54);\n  font-weight: 500;\n}\n.nav-head md-icon {\n  line-height: 20px;\n}\n\n.nav-contents--root {\n  padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n  background-color: #dddddd;\n  padding: 8px;\n}\n\n.nav-contents--root {\n  padding: 0;\n}\n\n.nav-contents__list {\n  padding: 0;\n}\n@media (min-width: 600px) {\n  .nav-contents__list {\n    padding: 8px;\n  }\n}\n\n.nav-item {\n  transition: opacity 250ms ease-in-out;\n}\n.nav-item.prev md-list-item {\n  background-color: white;\n  /*&._md-button-wrap>div.md-button:first-child {\n      border-left: 4px solid color('primary');\n      margin-left: -4px;\n  }*/\n}\n\n.nav-item--card__content {\n  border-top-right-radius: 4px;\n  border-top-left-radius: 4px;\n}\n.nav-item--card__content:focus {\n  outline: none;\n}\n.nav-item--card__content:focus .nav-item__title > span {\n  border-bottom: 1px dashed #cccccc;\n}\n\n.nav-item--root {\n  transition: margin 250ms, box-shadow 500ms;\n}\n.nav-item--root.expanded {\n  flex-basis: 100%;\n  max-width: 100%;\n  max-height: none !important;\n  margin: 8px auto;\n}\n.nav-item--root.expanded:first-of-type {\n  margin-top: 0;\n}\n\n.nav-item--list__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: #7e57c2;\n}\n\n.menu-sidebar {\n  position: absolute;\n  top: 94px;\n  bottom: 0;\n  left: 0;\n  background-color: #fff;\n  width: 56px;\n  overflow: hidden;\n  padding: 8px 0;\n  text-align: center;\n  border-right: 1px solid #cccccc;\n}\n@media only screen and (max-width: 599px) {\n  .menu-sidebar {\n    display: none;\n  }\n}\n\n[dir=rtl] .menu-sidebar {\n  right: 0;\n  left: auto;\n}\n\n.md-button.md-icon-button.menu-sidebar__link {\n  margin-top: 6px;\n  margin-bottom: 6px;\n}\n\n#node {\n  margin: 0 auto;\n  position: absolute;\n  left: 0;\n  right: 0;\n}\n@media only screen and (min-width: 600px) {\n  #node {\n    padding: 8px;\n    padding: 24px 16px;\n    margin-bottom: 32px;\n  }\n}\n@media only screen and (min-width: 960px) {\n  #node {\n    padding: 32px;\n  }\n}\n#node.ng-enter {\n  transition: opacity 0.5s;\n  opacity: 0;\n}\n#node.ng-enter-active {\n  opacity: 1;\n}\n\n.node-content {\n  padding: 0 0 48px;\n  background-color: #ffffff;\n  border-radius: 3px;\n  overflow: visible;\n}\n@media only screen and (max-width: 599px) {\n  .node-content {\n    box-shadow: none;\n  }\n}\n@media only screen and (min-width: 600px) {\n  .node-content {\n    padding: 0;\n    border-top: 2px solid;\n    border-bottom: 2px solid;\n  }\n}\n\nmd-content.node-content {\n  background-color: #ffffff;\n}\n\n.node-content__rubric {\n  position: absolute;\n  top: -22px;\n  left: 0;\n  right: 0;\n  z-index: 1;\n}\n.node-content__rubric .avatar--icon {\n  transform: scale(0.94);\n}\n@media only screen and (max-width: 599px) {\n  .node-content__rubric .avatar--icon {\n    transform: scale(0.8);\n  }\n}\n\n.node-icon {\n  color: #ffffff;\n  vertical-align: inherit;\n}\n\n.node-select {\n  margin: 0 8px;\n  min-width: 0;\n  font-weight: 500;\n  font-size: 15px;\n}\n.node-select .md-select-value *:first-child {\n  transform: translate3d(0, 0, 0);\n  flex: 1 0 0;\n}\n.node-select .md-select-value .node-select__icon {\n  display: none;\n}\n.node-select .md-select-value .node-select__status {\n  display: none;\n}\n.node-select .md-select-icon {\n  margin-left: 0;\n  color: rgba(0, 0, 0, 0.87);\n}\n\n.node-select-option--group {\n  background-color: #f7f7f7;\n  border-bottom: 1px solid #eeeeee;\n  border-top: 1px solid #eeeeee;\n}\n\n.node-select-option--node {\n  padding-left: 20px;\n}\n\n.node-select__icon {\n  margin-right: 8px;\n}\n\n.node-select__status {\n  margin-left: 8px;\n}\n\n.node-select__text {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n}\n@media only screen and (min-width: 600px) {\n  .node-select__text {\n    margin-top: 2px;\n  }\n}\n\n.node-title {\n  line-height: 1.2;\n  text-transform: none;\n  margin-top: 3px;\n}\n@media only screen and (max-width: 599px) {\n  .node-title {\n    font-size: 15px;\n  }\n}\n\n.node-content__actions {\n  padding: 0 16px 16px;\n}\n@media only screen and (min-width: 960px) {\n  .node-content__actions {\n    padding: 0 24px 24px;\n  }\n}\n.node-content__actions .md-button:first-child {\n  margin-left: 0;\n}\n.node-content__actions .md-button:last-child {\n  margin-right: 0;\n}\n\n.node-content__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54);\n}\n\n.node-content__actions__more {\n  border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav:first-of-type {\n  margin-right: 0;\n}\n\n@media only screen and (min-width: 600px) {\n  .node-sidebar-active {\n    margin-right: 68px;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .node-sidebar-visible {\n    margin-bottom: 42px;\n  }\n}\n\n.node-sidebar {\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 52px;\n}\n\n.node-sidebar__toolbar {\n  position: fixed;\n  width: 52px;\n  background-color: #ffffff;\n  padding: 8px 0;\n  border-radius: 3px;\n}\n@media only screen and (max-width: 599px) {\n  .node-sidebar__toolbar {\n    right: 0;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    border-radius: 0;\n    padding: 0;\n    min-height: 0;\n    height: 42px;\n  }\n}\n\n.node__label--vertical-alignment {\n  vertical-align: middle;\n  display: inline-block;\n}\n\nnotebook-report {\n  position: absolute;\n  bottom: 0;\n  right: 66px;\n  transition: right 250ms;\n  z-index: 3;\n}\nnotebook-report.report-full {\n  left: 8px;\n  right: 8px;\n  top: 8px;\n  bottom: 8px;\n}\n@media only screen and (min-width: 960px) {\n  notebook-report.notes-visible {\n    right: 474px;\n  }\n}\n\n.notebook-sidebar {\n  width: 270px;\n  max-width: none;\n}\n@media only screen and (min-width: 600px) {\n  .notebook-sidebar {\n    width: 450px;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .notebook-enabled .md-fab-bottom-right, .notebook-enabled .md-fab-bottom-left {\n    bottom: 50px !important;\n  }\n}\n.notification-btn {\n  width: 60px !important;\n}\n.notification-btn md-icon {\n  margin-left: 20px;\n}\n\n.notification-count {\n  border-radius: 50%;\n  position: absolute;\n  background-color: #F05843;\n  width: 22px;\n  top: 12px;\n  left: -18px;\n  height: 22px;\n  line-height: 22px;\n  font-size: 12px;\n  font-weight: 700;\n  border: 2px solid;\n}\n.notification-count:before {\n  content: \"\";\n  position: absolute;\n  right: -7px;\n  top: 6px;\n  border-left: 6px solid rgba(255, 255, 255, 0.87);\n  border-top: 4px solid transparent;\n  border-bottom: 4px solid transparent;\n}\n\n.notification-list {\n  padding: 8px 0;\n}\n\n.notification-dismiss {\n  width: 500px;\n}\n\n.notification-dismiss__input {\n  margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source {\n  color: rgba(0, 0, 0, 0.54);\n  font-size: 12px;\n}\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon {\n  font-size: 18px;\n  min-width: 0;\n  width: auto;\n  margin-left: -4px;\n  line-height: 20px;\n}\n\n.account-menu {\n  border-radius: 4px;\n  padding: 0;\n  font-size: 15px;\n  max-width: 380px;\n}\n@media (min-width: 1280px) {\n  .account-menu {\n    min-width: 380px !important;\n  }\n}\n.account-menu h3 {\n  margin: 0;\n  font-weight: 300;\n}\n.account-menu .mat-mdc-menu-content {\n  padding: 0;\n}\n\n.account-menu--fixed-height {\n  height: 304px;\n}\n\n.account-menu--fixed-width {\n  width: 320px;\n}\n@media (min-width: 960px) {\n  .account-menu--fixed-width {\n    width: 380px;\n  }\n}\n\n.account-menu__icon {\n  background-color: rgb(255, 255, 255);\n  border-radius: 50%;\n}\n\n.account-menu__caret {\n  position: absolute;\n  right: 28px;\n  top: -8px;\n  outline: none;\n}\n.account-menu__caret:before {\n  content: \"\";\n  position: absolute;\n  border-bottom: 8px solid #fff;\n  border-left: 8px solid transparent;\n  border-right: 8px solid transparent;\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n  right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n  right: 132px;\n}\n\n[dir=rtl] .account-menu__caret {\n  right: auto;\n  left: 28px;\n}\n[dir=rtl] .account-menu__caret--pause, [dir=rtl] .account-menu__caret--notification {\n  left: 80px;\n  right: auto;\n}\n[dir=rtl] .account-menu__caret--notification--with-pause {\n  left: 132px;\n  right: auto;\n}\n\n.account-menu__info {\n  padding: 8px 12px;\n}\n\n.account-menu__info__title {\n  font-weight: 500;\n}\n\n.account-menu__info__team {\n  font-weight: 400;\n  color: rgba(0, 0, 0, 0.54);\n}\n\n.account-menu__users {\n  padding: 0;\n}\n.account-menu__users md-list-item {\n  padding: 0;\n}\n.account-menu__users md-list-item .md-avatar {\n  margin: 0 8px 0 0;\n  height: 48px;\n  width: 48px;\n}\n\n.account-menu__actions {\n  background-color: #f7f7f7;\n}\n\n.account-menu__control {\n  padding: 16px;\n}\n\n.annotations {\n  margin: 16px 4px 16px 62px;\n  position: relative;\n  font-size: 15px;\n}\n.annotations hr {\n  margin: 10px 0 8px;\n  border-color: rgba(0, 0, 0, 0.12);\n}\n.annotations:after {\n  content: \"\";\n  position: absolute;\n  width: 0;\n  height: 0;\n  left: -15px;\n  right: auto;\n  top: -1px;\n  bottom: auto;\n  border-top: 20px solid transparent;\n  border-bottom: 20px solid transparent;\n  border-right: 16px solid #757575;\n}\n\n.annotations-container--student--report {\n  border-top: 1px solid #dddddd;\n}\n\n.annotations--report {\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n.annotations__header {\n  position: relative;\n  border-top-right-radius: 4px;\n  padding: 10px 12px;\n  font-weight: 700;\n  transition: all 1s;\n  color: #ffffff;\n  background-color: #757575;\n}\n\n.annotations__avatar {\n  background-color: #F05843;\n  padding: 2px;\n  position: absolute;\n  top: 0;\n  left: -62px;\n}\n\n.annotations__icon {\n  transition: all 1s;\n  color: #ffffff;\n}\n\n.annotations__body {\n  padding: 12px;\n  background-color: #ffffff;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  overflow: auto;\n}\n\n.annotations__status {\n  background-color: #ffffff;\n  color: #ef6c00;\n  display: inline-block;\n  margin-left: 8px;\n  font-size: 12px;\n}\n.annotations__status.ng-enter, .annotations__status.ng-leave {\n  transition: all 1s;\n}\n.annotations__status.ng-enter, .annotations__status.ng-leave.ng-leave-active {\n  opacity: 0;\n}\n.annotations__status.ng-leave, .annotations__status.ng-enter.ng-enter-active {\n  opacity: 1;\n}\n\n.annotations__score {\n  font-weight: 700;\n}\n\n.annotations__info {\n  font-style: italic;\n  opacity: 0.8;\n  border-bottom: 1px dotted;\n  font-size: 13px;\n}\n\n.annotations--inside .annotations {\n  margin-left: 72px;\n}\n\n.annotations--info {\n  margin-bottom: 32px;\n  margin-right: 8px;\n  margin-left: 72px;\n}\n@media only screen and (min-width: 600px) {\n  .annotations--info {\n    margin: 16px 16px 32px 76px;\n  }\n}\n.annotations--info:after {\n  border-right: 16px solid #ef6c00;\n}\n.annotations--info .annotations__avatar {\n  background-color: #ffffff;\n}\n.annotations--info .annotations__header {\n  background-color: #ef6c00;\n}\n\n.component {\n  position: relative;\n}\n\n.component__wrapper {\n  padding: 0 24px;\n  margin: 24px 0;\n}\n\n.component__content {\n  overflow-x: auto;\n  font-size: 15px;\n  overflow-y: hidden;\n}\n@media only screen and (min-width: 600px) {\n  .component__content {\n    padding: 0 8px;\n  }\n}\n\nh3.component__header {\n  padding: 8px 12px;\n  margin: 0;\n  font-size: 14px;\n}\n\n.component__rubric {\n  position: absolute;\n  left: -20px;\n  top: 12px;\n}\n\n.notebook-enabled .component_content img {\n  transition: all 250ms;\n  cursor: pointer;\n  cursor: copy;\n}\n.notebook-enabled .component_content img:hover, .notebook-enabled .component_content img:focus {\n  box-shadow: 0 0 5px 1px #F05843;\n}\n\n.component__actions .md-button:first-child {\n  margin-left: 0;\n}\n.component__actions .md-button:last-child {\n  margin-right: 0;\n}\n\n.component__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54);\n  font-weight: 400;\n}\n\n.component__actions__more {\n  border-bottom: 1px dotted;\n}\n\n.component__prompt {\n  margin-bottom: 8px;\n  font-weight: 500;\n}\n\n.component__prompt__content {\n  display: inline;\n}\n\n.component__attachment {\n  position: relative;\n  margin: 0 8px;\n  padding-bottom: 8px;\n}\n@media only screen and (min-width: 600px) {\n  .component__attachment {\n    padding-top: 8px;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .component__add-attachment {\n    width: 100%;\n  }\n}\n\n.component__attachment__content {\n  max-height: 100px;\n  width: auto;\n}\n\n.component__attachment__delete {\n  position: absolute;\n  top: 0;\n  right: 0;\n  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}","@use 'sass:map';\n\n// Colors\n$_primary-color: #1C8CA8; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 59%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map.get($color, 'text'),\n  'body-bg': map.get($color, 'gray-lighter')\n);\n\n$colors: (map-merge($color, $body-color));\n\n// Typography\n$baseline-grid:            8px;\n$body-font-size-base:      rem(1.500);\n$caption-font-size-base:   rem(1.300);\n\n// Layout\n$wise-toolbar-height: 42px;\n\n// Menus\n$menu-border-radius: 2px;\n$max-visible-items: 6;\n$menu-item-height: 6 * $baseline-grid !default;\n$dense-menu-item-height: 4 * $baseline-grid !default;\n$max-menu-height: 2 * $baseline-grid + $max-visible-items * $menu-item-height !default;\n$max-dense-menu-height: 2 * $baseline-grid + $max-visible-items * $dense-menu-item-height !default;\n\n// Cards\n$card-border-radius: 4px;\n\n// Buttons\n$button-border-radius: 3px;\n","// 1. Config\n\n// 2. Base\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative;\n\n  @media (min-width: $layout-breakpoint-xs) {\n      width: $layout-breakpoint-md;\n  }\n\n  @media (min-width: $layout-breakpoint-lg) {\n      width: $layout-breakpoint-lg;\n  }\n}\n\n.l-constrained-md {\n  width: $layout-breakpoint-sm;\n  max-width: 100%;\n}\n","// 1. Config\n\n// 2. Base\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid color('gray-lighter');\n}\n\n// Buttons\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex;\n}\n\n.button--footer__element {\n  padding-left: 8px;\n}\n","// 1. Config\n\n// 2. Base\n.l-header {\n    z-index: 3;\n\n    .logo {\n        margin-left: 0 !important;\n        height: 36px;\n        width: 36px;\n        vertical-align: middle;\n    }\n\n    .logo-link {\n        min-width: auto;\n        display: none;\n        padding: 0 4px;\n        margin-right: 12px;\n\n        @media only screen and (min-width: ($layout-breakpoint-xs)) {\n            display: block;\n        }\n\n        &:hover, &:focus {\n            border: 0 none;\n        }\n    }\n\n    // Handle mobile portrait\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        .md-toolbar-tools {\n            h1, h2, h3 {\n                font-size: $body-font-size-base;\n            }\n        }\n    }\n}\n","// 1. Config\n\n// 2. Base\n.l-main {\n  background-color: color('body-bg');\n}\n\n.l-main--with-toolbar {\n  margin-top: $wise-toolbar-height;\n}\n\n#content {\n  transition: margin-top 0.5s;\n}\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms;\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 16px;\n  }\n\n  &.ng-enter {\n    opacity: 0;\n  }\n\n  .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms;\n  }\n\n  &.ng-leave-active,\n  &.ng-hide {\n    opacity: 0;\n  }\n\n  &.ng-hide-add,\n  &.ng-hide-add-active,\n  &.ng-hide-remove,\n  &.ng-hide-remove-active {\n    opacity: 0;\n  }\n}\n\n.view-content--with-sidemenu {\n  padding: 8px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: 54px;\n    padding: 16px;\n  }\n}\n[dir='rtl'] .view-content--with-sidemenu {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: auto;\n    margin-right: 54px;\n  }\n}\n\n.content-head {\n  margin: 8px 0;\n\n  h1,\n  h2,\n  h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: rem(3.6);\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      font-size: rem(3.2);\n      text-align: center;\n    }\n  }\n}\n\n.content-head__more {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    margin-top: 8px;\n  }\n}\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px;\n\n  .md-subhead {\n    padding-left: 4px;\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      display: block;\n      padding-left: 0;\n    }\n  }\n\n  md-icon {\n    vertical-align: text-bottom;\n  }\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px;\n}\n","// 1. Config\n\n// 2. Base\n.l-notebook {\n    margin-top: $wise-toolbar-height;\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-sidebar {\n\n}\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: color('accent-1') !important;\n\n  md-select {\n    color: color('body');\n  }\n}",".status-icon {\n    margin: 0 4px;\n    z-index: 1;\n    vertical-align: bottom;\n}\n\n.md-button.status-icon {\n    height: auto;\n    width: auto;\n    min-height: 0;\n    line-height: inherit;\n    margin: 0 4px;\n    padding: 0;\n}\n\n.avatar--icon--alert {\n    background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n    font-size: 48px;\n    margin: -4px 0 0 -4px;\n}\n","md-dialog {\n    width: $layout-breakpoint-xs;\n}\n\n.dialog--wide {\n    width: $layout-breakpoint-sm;\n}\n\n.dialog--wider {\n    width: $layout-breakpoint-md;\n}\n",".help-bubble {\n    border-radius: $card-border-radius;\n    max-width: 320px;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        max-width: ($layout-breakpoint-xs - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-sm) {\n        max-width: ($layout-breakpoint-sm - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-md) {\n        max-width: ($layout-breakpoint-md - 48);\n    }\n}\n\n.help-bubble__title {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n}\n\n.help-bubble___title__content {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    padding: 0px 0 0 12px;\n    background-color: color('info');\n\n    .md-icon-button {\n        margin-right: 0;\n        padding-top: 0;\n        padding-bottom: 0;\n    }\n}\n\n.help-bubble__content {\n    overflow: auto;\n    padding: 8px 12px;\n    max-height: 480px;\n}\n\n.help-bubble__actions {\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n}\n","// Variables\n$input-action-width: 44px;\n$input-action-vertical-offset: 6px;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n.input-container {\n    padding-top: 12px;\n}\n\n.input-container--component {\n    margin-bottom: 0;\n}\n\n.input-container--open-response {\n    &.md-has-icon {\n        padding-left: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.input-wrapper {\n    position: relative;\n}\n\n.input-wrapper--focused {\n    .input--textarea__action md-icon {\n        color: color('primary');\n    }\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n    padding: 8px;\n    background-color: color('gray-lightest');\n    border: 1px solid color('gray');\n    margin-bottom: 8px;\n\n    &:focus {\n        background-color: #ffffff;\n    }\n\n    &[disabled] {\n        color: color('text-secondary');\n    }\n}\n\n.input-container textarea.input--textarea {\n    width: 100%;\n}\n\n.input--textarea--disabled {\n    color: color('text-secondary');\n}\n\n.input--textarea__action {\n    position: absolute;\n    right: -4px;\n\n    &[disabled] md-icon {\n        color: color('text-disabled') !important;\n    }\n}\n\n.input--textarea__action--notebook {\n    top: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        top: $input-action-vertical-offset-richtext\n    }\n}\n\n.input--textarea__action--revision {\n    bottom: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        bottom: ($input-action-vertical-offset-richtext + 2px);\n    }\n\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n    line-height: 1.2;\n    color: color('text');\n\n    &.input-label--focused {\n        color: color('primary');\n    }\n}\n\n.autocomplete {\n    input {\n        text-overflow: ellipsis;\n        overflow: hidden;\n        word-wrap: none;\n        font-weight: 500;\n        color: color('text-secondary');\n    }\n}\n\n.autocomplete--minwidth {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        min-width: 300px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        min-width: 300px;\n    }\n}\n\n.autocomplete--flat {\n    md-autocomplete-wrap {\n        background-color: #ffffff;\n\n        &:not(.md-menu-showing) {\n            box-shadow: none;\n            background-color: color('gray-lighter');\n        }\n    }\n}\n\n.select__header {\n    height: $menu-item-height;\n\n    input {\n        height: 100%;\n        width: 100%;\n        padding: 0 8px;\n        outline: none;\n        border: 0 none;\n        font-size: rem(1.4);\n        font-weight: 500;\n    }\n}\n",".table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0;\n\n  thead,\n  tbody,\n  tfoot {\n    // TODO: remove chaining when bootstrap dependency is removed\n    > tr > th,\n    > tr > td {\n      border: 1px solid color('gray');\n      padding: 6px;\n      font-size: rem(1.5);\n      min-height: 32px;\n      height: 32px;\n      min-width: 32px;\n      vertical-align: top;\n    }\n  }\n\n  td.inactive,\n  th {\n    background-color: color('gray-lightest');\n    opacity: 1;\n    visibility: visible;\n  }\n\n  md-input-container {\n    margin: 0;\n  }\n\n  .md-errors-spacer {\n    display: none;\n  }\n}\n\n.table--student {\n  td {\n    &.inactive {\n      padding: 8px 10px;\n    }\n  }\n}\n\n.table--full-width {\n  width: 100%;\n}\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto;\n\n  th,\n  td {\n    padding: 0 4px;\n    border: 0 none;\n  }\n\n  td {\n    min-height: 56px;\n    height: 56px;\n  }\n\n  tr {\n    &.md-button {\n      display: table-row;\n      text-align: left;\n      width: auto;\n      text-transform: none;\n      font-size: inherit;\n      font-weight: normal;\n    }\n  }\n}\n\n.table--list__wrap {\n  min-width: $layout-breakpoint-xs;\n}\n\n.table-wrap-sticky {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    overflow-x: auto;\n  }\n}\n\n.table--list__thead {\n  font-size: rem(1.4);\n  font-weight: 700;\n}\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0;\n}\n\n.table--list__thead__th {\n  background-color: color('gray-darker');\n  color: color('text-light');\n  min-height: $wise-toolbar-height;\n  height: $wise-toolbar-height;\n}\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%;\n}\n\n.table--list__thead__sort {\n  margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg);\n}\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2;\n}\n\n.td--max-width {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n",".md-toolbar-tools {\n    font-size: 18px;\n\n    .autocomplete {\n        height: 36px;\n\n        md-autocomplete-wrap {\n            height: 36px;\n        }\n\n        input {\n            height: 36px;\n        }\n    }\n}\n\n.md-toolbar--wise {\n    min-height: $wise-toolbar-height;\n\n    .md-toolbar-tools {\n        height: $wise-toolbar-height;\n        max-height: $wise-toolbar-height;\n    }\n\n    .md-button.md-icon-button {\n        height: $wise-toolbar-height;\n        line-height: $wise-toolbar-height;\n        width: $wise-toolbar-height;\n    }\n}\n\n.md-toolbar--wise--sm {\n    .md-toolbar-tools {\n        padding: 0 8px;\n        font-size: $body-font-size-base;\n    }\n}\n\n.md-toolbar--sidenav {\n    background-color: color('gray-darkest') !important;\n\n    .md-toolbar-tools {\n        font-size: rem(1.6);\n        font-weight: 500;\n    }\n}\n\n.toolbar {\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: $md-toolbar-height;\n    z-index: 3;\n}\n\n.toolbar__title {\n    margin-left: 8px;\n    font-size: rem(1.6);\n    font-weight: 500;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n    margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n    margin: 0 4px;\n    min-height: 32px;\n    background-color: color('gray-lightest');\n\n    .md-select-value {\n        height: 32px;\n        text-align: left;\n    }\n}\n[dir=rtl] {\n  .toolbar__select, .md-button.toolbar__select {\n      .md-select-value {\n          text-align: right;\n      }\n  }\n}\n\n.toolbar__select--fixedwidth {\n    width: 168px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 264px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 432px;\n    }\n}\n","// Helpers\n@function rem($multiplier) {\n    $font-size: 10px;\n    @return $multiplier * $font-size;\n}\n\n// Angular Material variables for use and !default overrides\n$md-toolbar-height: 52px;\n$md-toolbar-medium-tall-height: 74px;\n$md-toolbar-tall-height: 104px;\n$md-toolbar-height-mobile-portrait: 52px;\n$md-toolbar-height-mobile-landscape: 52px;\n\n$caption-font-size-base:   rem(1.300);\n\n//$list-item-height: 56px;\n\n$card-border-radius: 4px;\n\n$layout-breakpoint-xs:     600px;\n$layout-breakpoint-sm:     960px;\n$layout-breakpoint-md:     1280px;\n$layout-breakpoint-lg:     1920px;\n\n$button-border-radius: 3px;\n\n$tooltip-fontsize-lg: rem(1.1);\n$tooltip-fontsize-sm: rem(1.1);\n//$tooltip-height-lg: rem(2.2);\n$tooltip-height-sm: rem(2.2);\n//$tooltip-top-margin-lg: rem(1.4);\n$tooltip-top-margin-sm: rem(1.4);\n//$tooltip-lr-padding-lg: rem(0.8);\n$tooltip-lr-padding-sm: rem(0.8);\n//$tooltip-max-width: rem(3.20);\n\n$progress-linear-bar-height: 7px;\n",".list-item {\n    background-color: #ffffff;\n    border-bottom: 1px solid color('gray-lighter');\n\n    .md-subheader, &.md-subheader {\n        color: color('text');\n        background-color: #ffffff;\n\n        md-icon {\n            vertical-align: middle;\n        }\n\n        .md-subheader-inner {\n            padding: 0;\n        }\n\n        .md-avatar {\n            margin-right: 8px;\n        }\n    }\n\n    .autocomplete {\n        margin: 8px 0;\n    }\n}\n\n.list-item--info {\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('info') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--warn {\n    //background-color: lighten(color('warn'), 56%);\n\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('warn') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--expanded {\n    border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n    cursor: default;\n    background-color: color('gray-lightest');\n}\n\n.list-item--actions {\n    padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n    text-transform: none;\n    width: 100%;\n    padding: 8px 16px;\n    margin: 0;\n    white-space: normal;\n    text-align: left;\n    line-height: 1.4;\n}\n\n.user-list {\n    font-size: rem(1.5);\n}\n","#nav {\n    position: relative;\n}\n\n.nav {\n    margin-bottom: 16px;\n}\n\n.nav-mask {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-color: rgba(0,0,0,0.25);\n    z-index: 1;\n\n    &.ng-hide {\n        opacity: 0;\n    }\n}\n\n.nav-head {\n    color: color('text-secondary');\n    font-weight: 500;\n\n    md-icon {\n        line-height: 20px;\n    }\n}\n\n.nav-contents--root {\n    padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n    background-color: color('gray-light');\n    padding: 8px;\n}\n\n.nav-contents--root {\n    padding: 0;\n}\n\n.nav-contents__list {\n    padding: 0;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n    }\n}\n\n.nav-item {\n    transition: opacity 250ms ease-in-out;\n\n    &.prev {\n        md-list-item {\n            background-color: color('selected-bg');\n\n            /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/\n        }\n    }\n}\n\n.nav-item--card__content {\n    border-top-right-radius: $card-border-radius;\n    border-top-left-radius: $card-border-radius;\n\n    &:focus {\n        outline: none;\n\n        .nav-item__title > span {\n            border-bottom: 1px dashed color('gray');\n        }\n    }\n}\n\n.nav-item--root {\n    transition: margin 250ms, box-shadow 500ms;\n\n    &.expanded {\n        flex-basis: 100%;\n        //max-width: ($layout-breakpoint-md - 100) !important;\n        max-width: 100%;\n        max-height: none !important;\n        margin: 8px auto;\n\n        &:first-of-type {\n            margin-top: 0;\n        }\n\n        //@media only screen and (min-width: $layout-breakpoint-sm) {\n        //margin: 8px auto;\n        //}\n    }\n}\n\n//.nav-item--list {\n//}\n\n.nav-item--list__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","// Variables\n$input-action-width: 48px;\n$input-action-vertical-offset: 0;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n#node {\n    margin: 0 auto;\n    position: absolute;\n    left: 0;\n    right: 0;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n        padding: 24px 16px;\n        margin-bottom: 32px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 32px;\n    }\n\n    &.ng-enter {\n        transition: opacity .5s;\n        opacity: 0;\n    }\n\n    &.ng-enter-active {\n        opacity: 1;\n    }\n}\n\n// TODO: use BEM conventions\n\n.node-content {\n    padding: 0 0 48px;\n    background-color: #ffffff;\n    border-radius: $button-border-radius;\n    overflow: visible;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        box-shadow: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0;\n        border-top: 2px solid;\n        border-bottom: 2px solid;\n    }\n}\n\nmd-content {\n    &.node-content {\n        background-color: #ffffff;\n    }\n}\n\n.node-content__rubric {\n    position: absolute;\n    top: -22px;\n    left: 0;\n    right: 0;\n    z-index: 1;\n\n    .avatar--icon {\n        transform: scale(0.94);\n\n        @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n            transform: scale(0.8);\n        }\n    }\n}\n\n.node-icon {\n    color: #ffffff;\n    vertical-align: inherit;\n}\n\n.node-select {\n    margin: 0 8px;\n    min-width: 0;\n    font-weight: 500;\n    font-size: $body-font-size-base;\n\n    .md-select-value {\n        *:first-child {\n            transform: translate3d(0,0,0);\n            flex: 1 0 0;\n        }\n\n        .node-select__icon {\n            display: none;\n        }\n\n        .node-select__status {\n            display: none;\n        }\n    }\n\n    .md-select-icon {\n        margin-left: 0;\n        color: color('text');\n    }\n}\n\n.node-select-option--group {\n    //color: rgba(0,0,0,0.54);\n    background-color: color('gray-lightest');\n    border-bottom: 1px solid color('gray-lighter');\n    border-top: 1px solid color('gray-lighter');\n}\n\n.node-select-option--node {\n    padding-left: 20px;\n}\n\n.node-select__icon {\n    margin-right: 8px;\n}\n\n.node-select__status {\n    margin-left: 8px;\n}\n\n.node-select__text {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: 2px;\n    }\n}\n\n.node-title {\n    line-height: 1.2;\n    text-transform: none;\n    margin-top: 3px;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        font-size: $body-font-size-base;\n    }\n}\n\n.node-content__actions {\n    padding: 0 16px 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 0 24px 24px;\n    }\n\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.node-content__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    color: color('text-secondary');\n}\n\n.node-content__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav {\n    &:not(:first-of-type) {\n    }\n\n    &:first-of-type {\n        margin-right: 0;\n    }\n}\n\n.node-sidebar-active {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-right: ($md-toolbar-height + 16);\n    }\n}\n\n.node-sidebar-visible {\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin-bottom: $wise-toolbar-height;\n    }\n}\n\n.node-sidebar {\n    position: absolute;\n    right: 0;\n    top: 0;\n    width: $md-toolbar-height;\n}\n\n.node-sidebar__toolbar {\n    position: fixed;\n    width: $md-toolbar-height;\n    background-color: #ffffff;\n    padding: 8px 0;\n    border-radius: $button-border-radius;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        right: 0;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        border-radius: 0;\n        padding: 0;\n        min-height: 0;\n        height: $wise-toolbar-height;\n    }\n}\n\n.node__label--vertical-alignment {\n    vertical-align: middle;\n    display: inline-block;\n}\n","// Variables\n$notebook-sidebar-width: 450px;\n$report-position-right: 66px;\n$report-full-gap: 8px;\n\n// Base\n\nnotebook-report {\n  position: absolute;\n  bottom: 0;\n  right: $report-position-right;\n  transition: right 250ms;\n  z-index: 3;\n\n  &.report-full {\n    left: $report-full-gap;\n    right: $report-full-gap;\n    top: $report-full-gap;\n    bottom: $report-full-gap\n  }\n  \n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    &.notes-visible {\n      right: $notebook-sidebar-width + 24;\n    }\n  }\n}\n\n.notebook-sidebar {\n  width: $notebook-sidebar-width - 180;  \n  max-width: none;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    width: $notebook-sidebar-width;\n  }\n}\n\n@media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n  .notebook-enabled {\n    .md-fab-bottom-right, .md-fab-bottom-left {\n      bottom: ($wise-toolbar-height + 8) !important;\n    }\n  }\n}\n",".notification-btn {\n    width: 60px !important;\n\n    md-icon {\n        margin-left: 20px;\n    }\n}\n\n.notification-count {\n    border-radius: 50%;\n    position: absolute;\n    background-color: color('accent');\n    width: 22px;\n    top: 12px;\n    left: -18px;\n    height: 22px;\n    line-height: 22px;\n    font-size: 12px;\n    font-weight: 700;\n    border: 2px solid;\n\n    &:before {\n        content: \"\";\n        position: absolute;\n        right: -7px;\n        top: 6px;\n        border-left: 6px solid rgba(255,255,255,0.87);\n        border-top: 4px solid transparent;\n        border-bottom: 4px solid transparent;\n    }\n}\n\n.notification-list {\n    padding: 8px 0;\n}\n\n.notification-dismiss {\n    width: 500px;\n}\n\n.notification-dismiss__input {\n    margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4,\nmd-list md-list-item.md-2-line .md-list-item-text h4,\nmd-list md-list-item.md-3-line .md-list-item-text h4 {\n    &.notification-list-item__source {\n        color: color('text-secondary');\n        font-size: rem(1.2);\n\n        md-icon {\n            font-size: rem(1.8);\n            min-width: 0;\n            width: auto;\n            margin-left: -4px;\n            line-height: rem(2);\n        }\n    }\n}\n",".account-menu {\n    border-radius: $card-border-radius;\n    padding: 0;\n    font-size: $body-font-size-base;\n    max-width: 380px;\n\n    @media (min-width: $layout-breakpoint-md) {\n        min-width: 380px !important;\n    }\n\n    h3 {\n        margin: 0;\n        font-weight: 300;\n    }\n\n    .mat-mdc-menu-content {\n        padding: 0;\n    }\n}\n\n.account-menu--fixed-height {\n    height: $max-menu-height;\n}\n\n.account-menu--fixed-width {\n    width: 320px;\n\n    @media (min-width: $layout-breakpoint-sm) {\n        width: 380px;\n    }\n}\n\n.account-menu__icon {\n    background-color: color('text-light');\n    border-radius: 50%;\n}\n\n.account-menu__caret {\n    position: absolute;\n    right: 28px;\n    top: -8px;\n    outline: none;\n\n    &:before {\n        content: '';\n        position: absolute;\n        border-bottom: 8px solid #fff;\n        border-left: 8px solid transparent;\n        border-right: 8px solid transparent;\n    }\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n    right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n    right: 132px;\n}\n\n[dir=rtl] {\n  .account-menu__caret {\n    right: auto;\n    left: 28px;\n  }\n  .account-menu__caret--pause, .account-menu__caret--notification {\n    left:80px;\n    right:auto;\n  }\n  .account-menu__caret--notification--with-pause {\n      left: 132px;\n      right:auto;\n  }\n}\n\n.account-menu__info {\n    padding: 8px 12px;\n}\n\n.account-menu__info__title {\n    font-weight: 500;\n}\n\n.account-menu__info__team {\n    font-weight: 400;\n    color: color('text-secondary');\n}\n\n.account-menu__users {\n    padding: 0;\n\n    md-list-item {\n        padding: 0;\n\n        .md-avatar {\n            margin: 0 8px 0 0;\n            height: 48px;\n            width: 48px;\n        }\n    }\n}\n\n.account-menu__actions {\n    background-color: color('gray-lightest');\n}\n\n.account-menu__control {\n    padding: 16px;\n}\n",".annotations {\n    margin: 16px 4px 16px 62px;\n    position: relative;\n    font-size: rem(1.5);\n\n    hr {\n        margin: 10px 0 8px;\n        border-color: rgba(0,0,0,.12);\n    }\n\n    &:after {\n        content: \"\";\n        position: absolute;\n        width: 0;\n        height: 0;\n        left: -15px;\n        right: auto;\n        top: -1px;\n        bottom: auto;\n        border-top: 20px solid transparent;\n        border-bottom: 20px solid transparent;\n        border-right: 16px solid color('gray-darker');\n    }\n}\n\n.annotations-container--student--report {\n    border-top: 1px solid color('gray-light');\n}\n\n.annotations--report {\n    margin-top: 0;\n    margin-bottom: 0;\n}\n\n.annotations__header {\n    position: relative;\n    //border-top-left-radius: 4px;\n    border-top-right-radius: 4px;\n    padding: 10px 12px;\n    font-weight: 700;\n    transition: all 1s;\n    color: #ffffff;\n    background-color: color('gray-darker');\n}\n\n.annotations__avatar {\n    background-color: color('accent');\n    padding: 2px;\n    position: absolute;\n    top: 0;\n    left: -62px;\n}\n\n.annotations__icon {\n    transition: all 1s;\n    color: #ffffff;\n}\n\n.annotations__body {\n    padding: 12px;\n    background-color: #ffffff;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n    overflow: auto;\n}\n\n.annotations__status {\n    background-color: #ffffff;\n    color: color('info');\n    display: inline-block;\n    margin-left: 8px;\n    font-size: rem(1.2);\n\n    &.ng-enter, &.ng-leave {\n        transition: all 1s;\n    }\n\n    &.ng-enter, &.ng-leave.ng-leave-active {\n        opacity:0;\n    }\n\n    &.ng-leave, &.ng-enter.ng-enter-active {\n        opacity:1;\n    }\n}\n\n.annotations__score {\n    font-weight: 700;\n}\n\n.annotations__info {\n    font-style: italic;\n    opacity: 0.8;\n    border-bottom: 1px dotted;\n    font-size: rem(1.3);\n}\n\n.annotations--inside {\n    .annotations {\n        margin-left: 72px;\n    }\n}\n\n// TODO: move to own file\n.annotations--info {\n    margin-bottom: 32px;\n    margin-right: 8px;\n    margin-left: 72px;\n\n    @media only screen and (min-width: ($layout-breakpoint-xs)) {\n        margin: 16px 16px 32px 76px;\n    }\n\n    &:after {\n        border-right: 16px solid color('info');\n    }\n\n    .annotations__avatar {\n        background-color: #ffffff;\n    }\n\n    .annotations__header {\n        background-color: color('info');\n    }\n}\n",".component {\n    position: relative;\n}\n\n.component__wrapper {\n    padding: 0 24px;\n    margin: 24px 0;\n}\n\n.component__content {\n    overflow-x: auto;\n    font-size: rem(1.5);\n    overflow-y: hidden; // TODO: figure out why this is needed after update to ng-material 1.1.1\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0 8px;\n    }\n}\n\nh3.component__header {\n    padding: 8px 12px;\n    margin: 0;\n    font-size: rem(1.4);\n}\n\n.component__rubric {\n    position: absolute;\n    left: -20px;\n    top: 12px;\n}\n\n.notebook-enabled {\n    .component_content {\n        img {\n            transition: all 250ms;\n            cursor: pointer;\n            cursor: copy;\n            //position: relative;\n            //border: 2px solid transparent;\n\n            &:hover, &:focus {\n                box-shadow: 0 0 5px 1px color('accent');\n                //border: 2px solid #ffffff;\n            }\n        }\n    }\n}\n\n.component__actions {\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.component__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    color: color('text-secondary');\n    font-weight: 400;\n}\n\n.component__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.component__prompt {\n    margin-bottom: 8px;\n    font-weight: 500;\n}\n\n.component__prompt__content {\n    display: inline;\n}\n\n.component__attachment {\n    position: relative;\n    margin: 0 8px;\n    padding-bottom: 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding-top: 8px;\n    }\n}\n\n.component__add-attachment {\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        width: 100%;\n    }\n}\n\n.component__attachment__content {\n    max-height: 100px;\n    width: auto;\n}\n\n.component__attachment__delete {\n    position: absolute;\n    top: 0;\n    right: 0;\n    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/_notebook.scss b/src/assets/wise5/themes/default/style/modules/_notebook.scss
index 69c8ba90546..54436592294 100644
--- a/src/assets/wise5/themes/default/style/modules/_notebook.scss
+++ b/src/assets/wise5/themes/default/style/modules/_notebook.scss
@@ -1,20 +1,9 @@
 // Variables
-$notebook-sidebar-width: 480px;
-$report-position-right: 96px;
+$notebook-sidebar-width: 450px;
+$report-position-right: 66px;
 $report-full-gap: 8px;
 
 // Base
-notebook-launcher {
-  position: absolute;
-  bottom: 24px;
-  right: 28px;
-
-  @media only screen and (min-width: $layout-breakpoint-xs) {
-    &.md-button.md-fab {
-      z-index: 61;
-    }
-  }
-}
 
 notebook-report {
   position: absolute;
@@ -32,7 +21,7 @@ notebook-report {
   
   @media only screen and (min-width: $layout-breakpoint-sm) {
     &.notes-visible {
-      right: $notebook-sidebar-width + 12;
+      right: $notebook-sidebar-width + 24;
     }
   }
 }
diff --git a/src/assets/wise5/themes/default/style/monitor.css b/src/assets/wise5/themes/default/style/monitor.css
index af7467fdeb3..cc4a42d0cfb 100644
--- a/src/assets/wise5/themes/default/style/monitor.css
+++ b/src/assets/wise5/themes/default/style/monitor.css
@@ -1,2 +1,2 @@
-body{background:#eee}body.vle{overflow:hidden}a:focus,a:hover{color:#1565c0}blockquote{background-color:#f5f9fe;border:solid #1565c0;border-width:0 0 0 3px;margin:16px 0;padding:8px}.has-indicator:after{background-color:#f05843;border-radius:50%;content:"";padding:5px;position:absolute}.has-indicator--icon-button:after{left:5px;top:25px}.badge{background-color:#aaa;border-radius:4px;font-size:12px;font-style:normal;font-weight:500;padding:2px 6px}.badge.md-button{line-height:inherit;min-height:0;min-width:0}.badge.md-button:focus,.badge.md-button:hover{background-color:#aaa}.badge.md-button:focus{outline:1px dotted #aaa}.badge--info{background-color:#ef6c00;color:#fff}.badge--warn{background-color:#c62828;color:#fff}.badge--success{background-color:#00c853;color:#fff}.divider--withmargin{margin:16px 0}.divider--dashed{border-top-style:dashed}a{color:#1565c0;cursor:pointer}.active{background-color:hsla(0,0%,62%,.2);color:rgba(0,0,0,.87)}.avatar{border-radius:50%;box-sizing:content-box}.avatar--square{border-radius:4px}.avatar.md-18{height:30px;width:30px}.avatar.md-24{height:36px;width:36px}.avatar.md-36{height:48px;width:48px}.avatar.md-48{height:60px;width:60px}.avatar--icon{background-color:#ddd;white-space:normal!important}.avatar--icon:not(.md-avatar){padding:6px}.avatar--icon.md-18{height:18px;width:18px}.avatar--icon.md-24{height:24px;width:24px}.avatar--icon.md-36{height:36px;width:36px}.avatar--icon.md-48{height:48px;width:48px}md-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon{color:rgba(0,0,0,.54)}md-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon{color:rgba(0,0,0,.26)}.md-button:not([disabled]).primary,md-icon.primary{color:#1565c0!important}.md-button:not([disabled]).success,md-icon.success{color:#00c853!important}.md-button:not([disabled]).warn,md-icon.warn{color:#c62828!important}.md-button:not([disabled]).info,md-icon.info{color:#ef6c00!important}.md-button:not([disabled]).accent,md-icon.accent{color:#f05843!important}.md-button:not([disabled]).accent-1,md-icon.accent-1{color:#795c3a!important}.md-button:not([disabled]).accent-2,md-icon.accent-2{color:#cad266!important}md-input-container.md-wise-theme label{color:rgba(0,0,0,.87)}md-select-menu md-option[selected],md-select-menu.md-default-theme md-option[selected]{background-color:#ecf4fd}.md-autocomplete-suggestions-container li .highlight,.md-autocomplete-suggestions-container.md-default-theme li .highlight{background-color:#ecf4fd;color:#1565c0}.primary{color:#1565c0}.accent{color:#f05843}.accent-1{color:#795c3a}.accent-2{color:#cad266}.warn{color:#c62828}.info{color:#ef6c00}.success{color:#00c853}.divider{color:rgba(0,0,0,.12)}.gray-lightest{color:#f7f7f7}.gray-lighter{color:#eee}.gray-light{color:#ddd}.gray{color:#ccc}.gray-dark{color:#aaa}.gray-darker{color:#757575}.gray-darkest{color:#333}.text{color:rgba(0,0,0,.87)}.text-secondary{color:rgba(0,0,0,.54)}.text-disabled{color:rgba(0,0,0,.26)}.text-light{color:#fff}.text-light-secondary{color:hsla(0,0%,100%,.7)}.text-light-disabled{color:hsla(0,0%,100%,.5)}.selected-bg{color:#ecf4fd}.score{color:#ffc107}.body{color:rgba(0,0,0,.87)}.body-bg{color:#eee}.primary-bg{background-color:#1565c0}.accent-bg{background-color:#f05843}.accent-1-bg{background-color:#795c3a}.accent-2-bg{background-color:#cad266}.warn-bg{background-color:#c62828}.info-bg{background-color:#ef6c00}.success-bg{background-color:#00c853}.divider-bg{background-color:rgba(0,0,0,.12)}.gray-lightest-bg{background-color:#f7f7f7}.gray-lighter-bg{background-color:#eee}.gray-light-bg{background-color:#ddd}.gray-bg{background-color:#ccc}.gray-dark-bg{background-color:#aaa}.gray-darker-bg{background-color:#757575}.gray-darkest-bg{background-color:#333}.text-bg{background-color:rgba(0,0,0,.87)}.text-secondary-bg{background-color:rgba(0,0,0,.54)}.text-disabled-bg{background-color:rgba(0,0,0,.26)}.text-light-bg{background-color:#fff}.text-light-secondary-bg{background-color:hsla(0,0%,100%,.7)}.text-light-disabled-bg{background-color:hsla(0,0%,100%,.5)}.selected-bg-bg{background-color:#ecf4fd}.score-bg{background-color:#ffc107}.body-bg{background-color:rgba(0,0,0,.87)}.body-bg-bg{background-color:#eee}md-progress-circular.primary path{stroke:#1565c0}md-progress-circular.accent path{stroke:#f05843}md-progress-circular.accent-1 path{stroke:#795c3a}md-progress-circular.accent-2 path{stroke:#cad266}md-progress-circular.warn path{stroke:#c62828}md-progress-circular.info path{stroke:#ef6c00}md-progress-circular.success path{stroke:#00c853}md-progress-circular.divider path{stroke:rgba(0,0,0,.12)}md-progress-circular.gray-lightest path{stroke:#f7f7f7}md-progress-circular.gray-lighter path{stroke:#eee}md-progress-circular.gray-light path{stroke:#ddd}md-progress-circular.gray path{stroke:#ccc}md-progress-circular.gray-dark path{stroke:#aaa}md-progress-circular.gray-darker path{stroke:#757575}md-progress-circular.gray-darkest path{stroke:#333}md-progress-circular.text path{stroke:rgba(0,0,0,.87)}md-progress-circular.text-secondary path{stroke:rgba(0,0,0,.54)}md-progress-circular.text-disabled path{stroke:rgba(0,0,0,.26)}md-progress-circular.text-light path{stroke:#fff}md-progress-circular.text-light-secondary path{stroke:hsla(0,0%,100%,.7)}md-progress-circular.text-light-disabled path{stroke:hsla(0,0%,100%,.5)}md-progress-circular.selected-bg path{stroke:#ecf4fd}md-progress-circular.score path{stroke:#ffc107}md-progress-circular.body path{stroke:rgba(0,0,0,.87)}md-progress-circular.body-bg path{stroke:#eee}.l-constrained{margin-left:auto;margin-right:auto;max-width:100%;position:relative}@media (min-width:600px){.l-constrained{width:1280px}}@media (min-width:1920px){.l-constrained{width:1920px}}.l-constrained-md{max-width:100%;width:960px}.l-footer{background-color:#fff;border-top:1px solid #eee;bottom:0;left:0;position:fixed;right:0;z-index:1}.button--footer{display:flex;margin:0;min-width:0;padding-bottom:0;padding-top:0}.button--footer__element{padding-left:8px}.l-header{z-index:3}.l-header .logo{height:36px;margin-left:0!important;vertical-align:middle;width:36px}.l-header .logo-link{display:none;margin-right:12px;min-width:auto;padding:0 4px}@media only screen and (min-width:600px){.l-header .logo-link{display:block}}.l-header .logo-link:focus,.l-header .logo-link:hover{border:0}@media only screen and (max-width:599px){.l-header .md-toolbar-tools h1,.l-header .md-toolbar-tools h2,.l-header .md-toolbar-tools h3{font-size:15px}}.l-main{background-color:#eee}.l-main--with-toolbar{margin-top:42px}#content{transition:margin-top .5s}.view-content{left:0;margin:0 auto;padding:8px;position:absolute;right:0;transition:opacity .5s}@media only screen and (min-width:960px){.view-content{padding:16px}}.view-content.ng-enter{opacity:0}.view-content .ng-enter-active{opacity:1;transition-delay:.25s}.view-content.ng-hide,.view-content.ng-hide-add,.view-content.ng-hide-add-active,.view-content.ng-hide-remove,.view-content.ng-hide-remove-active,.view-content.ng-leave-active{opacity:0}.view-content--with-sidemenu{padding:8px}@media only screen and (min-width:600px){.view-content--with-sidemenu{margin-left:54px;padding:16px}[dir=rtl] .view-content--with-sidemenu{margin-left:auto;margin-right:54px}}.content-head{margin:8px 0}.content-head h1,.content-head h2,.content-head h3{font-size:36px;font-weight:300;margin-bottom:0;margin-top:0}@media only screen and (max-width:959px){.content-head h1,.content-head h2,.content-head h3{font-size:32px;text-align:center}.content-head__more{margin-top:8px}}.content-head__item,h2.content-head__item{margin:0 8px}.content-head__item .md-subhead,h2.content-head__item .md-subhead{padding-left:4px}@media only screen and (max-width:959px){.content-head__item .md-subhead,h2.content-head__item .md-subhead{display:block;padding-left:0}}.content-head__item md-icon,h2.content-head__item md-icon{vertical-align:text-bottom}.stepSelectMenuContainer md-select-menu,.stepSelectMenuContainer md-select-menu md-content{max-height:500px}.l-nav,.l-notebook{background-color:#eee!important}.l-notebook{margin-top:42px}.l-sidebar__header{background-color:#fff!important;color:#795c3a!important}.l-sidebar__header md-select{color:rgba(0,0,0,.87)}.status-icon{margin:0 4px;vertical-align:bottom;z-index:1}.md-button.status-icon{height:auto;line-height:inherit;margin:0 4px;min-height:0;padding:0;width:auto}.avatar--icon--alert{background-color:#fff}.avatar--icon--alert__icon{font-size:48px;margin:-4px 0 0 -4px}md-dialog{width:600px}.dialog--wide{width:960px}.dialog--wider{width:1280px}.help-bubble{border-radius:4px;max-width:320px}@media (min-width:600px){.help-bubble{max-width:552px}}@media (min-width:960px){.help-bubble{max-width:912px}}@media (min-width:1280px){.help-bubble{max-width:1232px}}.help-bubble___title__content,.help-bubble__title{border-top-left-radius:4px;border-top-right-radius:4px}.help-bubble___title__content{background-color:#ef6c00;padding:0 0 0 12px}.help-bubble___title__content .md-icon-button{margin-right:0;padding-bottom:0;padding-top:0}.help-bubble__content{max-height:480px;overflow:auto;padding:8px 12px}.help-bubble__actions{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.input-container{padding-top:12px}.input-container--component{margin-bottom:0}.input-container--open-response.md-has-icon{padding-left:0}.input-container--open-response .md-errors-spacer{display:none}.input-wrapper{position:relative}.input-wrapper--focused .input--textarea__action md-icon{color:#1565c0}.input--textarea,.input-container textarea.input--textarea{background-color:#f7f7f7;border:1px solid #ccc;margin-bottom:8px;padding:8px}.input--textarea:focus,.input-container textarea.input--textarea:focus{background-color:#fff}.input--textarea[disabled],.input-container textarea.input--textarea[disabled]{color:rgba(0,0,0,.54)}.input-container textarea.input--textarea{width:100%}.input--textarea--disabled{color:rgba(0,0,0,.54)}.input--textarea__action{position:absolute;right:-4px}.input--textarea__action[disabled] md-icon{color:rgba(0,0,0,.26)!important}.input--textarea__action--notebook{top:6px}.input-wrapper--richtext .input--textarea__action--notebook{top:-7px}.input--textarea__action--revision{bottom:6px}.input-wrapper--richtext .input--textarea__action--revision{bottom:-5px}.input-label,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label{color:rgba(0,0,0,.87);line-height:1.2}.input-label.input-label--focused,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused{color:#1565c0}.autocomplete input{word-wrap:none;color:rgba(0,0,0,.54);font-weight:500;overflow:hidden;text-overflow:ellipsis}@media only screen and (min-width:600px){.autocomplete--minwidth{min-width:300px}}@media only screen and (min-width:960px){.autocomplete--minwidth{min-width:300px}}.autocomplete--flat md-autocomplete-wrap{background-color:#fff}.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing){background-color:#eee;box-shadow:none}.select__header{height:48px}.select__header input{border:0;font-size:14px;font-weight:500;height:100%;outline:none;padding:0 8px;width:100%}.table{margin:8px 0;max-width:100%;min-width:100px;width:auto}.table tbody>tr>td,.table tbody>tr>th,.table tfoot>tr>td,.table tfoot>tr>th,.table thead>tr>td,.table thead>tr>th{border:1px solid #ccc;font-size:15px;height:32px;min-height:32px;min-width:32px;padding:6px;vertical-align:top}.table td.inactive,.table th{background-color:#f7f7f7;opacity:1;visibility:visible}.table md-input-container{margin:0}.table .md-errors-spacer{display:none}.table--student td.inactive{padding:8px 10px}.table--full-width{width:100%}.table--list{background-color:#fff;border:0;border-collapse:collapse;max-width:100%;overflow:auto}.table--list td,.table--list th{border:0;padding:0 4px}.table--list td{height:56px;min-height:56px}.table--list tr.md-button{display:table-row;font-size:inherit;font-weight:400;text-align:left;text-transform:none;width:auto}.table--list__wrap{min-width:600px}@media only screen and (max-width:959px){.table-wrap-sticky{overflow-x:auto}}.table--list__thead{font-size:14px;font-weight:700}.table--list__thead__tr{height:100%;margin:0}.table--list__thead__th{background-color:#757575;color:#fff;height:42px;min-height:42px}.table--list__thead__link{color:#fff;line-height:1.4;margin:0;min-width:0;text-transform:none;white-space:normal;width:100%}.table--list__thead__sort{margin:0}.table--list__thead__sort--reverse{transform:rotate(180deg)}.td--wrap{line-height:1.2;min-width:180px;white-space:normal}@media only screen and (max-width:959px){.td--max-width{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.md-toolbar-tools{font-size:18px}.md-toolbar-tools .autocomplete,.md-toolbar-tools .autocomplete input,.md-toolbar-tools .autocomplete md-autocomplete-wrap{height:36px}.md-toolbar--wise{min-height:42px}.md-toolbar--wise .md-toolbar-tools{height:42px;max-height:42px}.md-toolbar--wise .md-button.md-icon-button{height:42px;line-height:42px;width:42px}.md-toolbar--wise--sm .md-toolbar-tools{font-size:15px;padding:0 8px}.md-toolbar--sidenav{background-color:#333!important}.md-toolbar--sidenav .md-toolbar-tools{font-size:16px;font-weight:500}.toolbar{left:0;position:fixed;right:0;top:52px;z-index:3}.toolbar__title{font-size:16px;font-weight:500;margin-left:8px}.md-button.toolbar__nav,.toolbar__nav{margin:0}.md-button.toolbar__select,.toolbar__select{background-color:#f7f7f7;margin:0 4px;min-height:32px}.md-button.toolbar__select .md-select-value,.toolbar__select .md-select-value{height:32px;text-align:left}[dir=rtl] .md-button.toolbar__select .md-select-value,[dir=rtl] .toolbar__select .md-select-value{text-align:right}.toolbar__select--fixedwidth{width:168px}@media only screen and (min-width:600px){.toolbar__select--fixedwidth{width:264px}}@media only screen and (min-width:960px){.toolbar__select--fixedwidth{width:432px}}.list-item{background-color:#fff;border-bottom:1px solid #eee}.list-item .md-subheader,.list-item.md-subheader{background-color:#fff;color:rgba(0,0,0,.87)}.list-item .md-subheader md-icon,.list-item.md-subheader md-icon{vertical-align:middle}.list-item .md-subheader .md-subheader-inner,.list-item.md-subheader .md-subheader-inner{padding:0}.list-item .md-subheader .md-avatar,.list-item.md-subheader .md-avatar{margin-right:8px}.list-item .autocomplete{margin:8px 0}.list-item--info .md-subheader-content,.list-item--info._md-button-wrap>div.md-button:first-child{border-left:4px solid #ef6c00!important;margin-left:-4px}.list-item--warn .md-subheader-content,.list-item--warn._md-button-wrap>div.md-button:first-child{border-left:4px solid #c62828!important;margin-left:-4px}.list-item--expanded{border-bottom-width:0}.list-item--noclick,.list-item--noclick.md-button{background-color:#f7f7f7;cursor:default}.list-item--actions{padding:0 8px!important}.list-item__subheader-button{line-height:1.4;margin:0;padding:8px 16px;text-align:left;text-transform:none;white-space:normal;width:100%}.user-list{font-size:15px}#nav{position:relative}.nav{margin-bottom:16px}.nav-mask{background-color:rgba(0,0,0,.25);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.nav-mask.ng-hide{opacity:0}.nav-head{color:rgba(0,0,0,.54);font-weight:500}.nav-head md-icon{line-height:20px}.nav-contents--root{padding:6px 6px 12px}.nav-contents--group{background-color:#ddd;padding:8px}.nav-contents--root,.nav-contents__list{padding:0}@media (min-width:600px){.nav-contents__list{padding:8px}}.nav-item{transition:opacity .25s ease-in-out}.nav-item.prev md-list-item{background-color:#ecf4fd}.nav-item--card__content{border-top-left-radius:4px;border-top-right-radius:4px}.nav-item--card__content:focus{outline:none}.nav-item--card__content:focus .nav-item__title>span{border-bottom:1px dashed #ccc}.nav-item--root{transition:margin .25s,box-shadow .5s}.nav-item--root.expanded{flex-basis:100%;margin:8px auto;max-height:none!important;max-width:100%}.nav-item--root.expanded:first-of-type{margin-top:0}.nav-item--list__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}.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}
+body{background:#eee}body.vle{overflow:hidden}a:focus,a:hover{color:#1565c0}blockquote{background-color:#f5f9fe;border:solid #1565c0;border-width:0 0 0 3px;margin:16px 0;padding:8px}.has-indicator:after{background-color:#f05843;border-radius:50%;content:"";padding:5px;position:absolute}.has-indicator--icon-button:after{left:5px;top:25px}.badge{background-color:#aaa;border-radius:4px;font-size:12px;font-style:normal;font-weight:500;padding:2px 6px}.badge.md-button{line-height:inherit;min-height:0;min-width:0}.badge.md-button:focus,.badge.md-button:hover{background-color:#aaa}.badge.md-button:focus{outline:1px dotted #aaa}.badge--info{background-color:#ef6c00;color:#fff}.badge--warn{background-color:#c62828;color:#fff}.badge--success{background-color:#00c853;color:#fff}.divider--withmargin{margin:16px 0}.divider--dashed{border-top-style:dashed}a{color:#1565c0;cursor:pointer}.active{background-color:hsla(0,0%,62%,.2);color:rgba(0,0,0,.87)}.avatar{border-radius:50%;box-sizing:content-box}.avatar--square{border-radius:4px}.avatar.md-18{height:30px;width:30px}.avatar.md-24{height:36px;width:36px}.avatar.md-36{height:48px;width:48px}.avatar.md-48{height:60px;width:60px}.avatar--icon{background-color:#ddd;white-space:normal!important}.avatar--icon:not(.md-avatar){padding:6px}.avatar--icon.md-18{height:18px;width:18px}.avatar--icon.md-24{height:24px;width:24px}.avatar--icon.md-36{height:36px;width:36px}.avatar--icon.md-48{height:48px;width:48px}md-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon{color:rgba(0,0,0,.54)}md-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon{color:rgba(0,0,0,.26)}.md-button:not([disabled]).primary,md-icon.primary{color:#1565c0!important}.md-button:not([disabled]).success,md-icon.success{color:#00c853!important}.md-button:not([disabled]).warn,md-icon.warn{color:#c62828!important}.md-button:not([disabled]).info,md-icon.info{color:#ef6c00!important}.md-button:not([disabled]).accent,md-icon.accent{color:#f05843!important}.md-button:not([disabled]).accent-1,md-icon.accent-1{color:#795c3a!important}.md-button:not([disabled]).accent-2,md-icon.accent-2{color:#cad266!important}md-input-container.md-wise-theme label{color:rgba(0,0,0,.87)}md-select-menu md-option[selected],md-select-menu.md-default-theme md-option[selected]{background-color:#ecf4fd}.md-autocomplete-suggestions-container li .highlight,.md-autocomplete-suggestions-container.md-default-theme li .highlight{background-color:#ecf4fd;color:#1565c0}.primary{color:#1565c0}.accent{color:#f05843}.accent-1{color:#795c3a}.accent-2{color:#cad266}.warn{color:#c62828}.info{color:#ef6c00}.success{color:#00c853}.divider{color:rgba(0,0,0,.12)}.gray-lightest{color:#f7f7f7}.gray-lighter{color:#eee}.gray-light{color:#ddd}.gray{color:#ccc}.gray-dark{color:#aaa}.gray-darker{color:#757575}.gray-darkest{color:#333}.text{color:rgba(0,0,0,.87)}.text-secondary{color:rgba(0,0,0,.54)}.text-disabled{color:rgba(0,0,0,.26)}.text-light{color:#fff}.text-light-secondary{color:hsla(0,0%,100%,.7)}.text-light-disabled{color:hsla(0,0%,100%,.5)}.selected-bg{color:#ecf4fd}.score{color:#ffc107}.body{color:rgba(0,0,0,.87)}.body-bg{color:#eee}.primary-bg{background-color:#1565c0}.accent-bg{background-color:#f05843}.accent-1-bg{background-color:#795c3a}.accent-2-bg{background-color:#cad266}.warn-bg{background-color:#c62828}.info-bg{background-color:#ef6c00}.success-bg{background-color:#00c853}.divider-bg{background-color:rgba(0,0,0,.12)}.gray-lightest-bg{background-color:#f7f7f7}.gray-lighter-bg{background-color:#eee}.gray-light-bg{background-color:#ddd}.gray-bg{background-color:#ccc}.gray-dark-bg{background-color:#aaa}.gray-darker-bg{background-color:#757575}.gray-darkest-bg{background-color:#333}.text-bg{background-color:rgba(0,0,0,.87)}.text-secondary-bg{background-color:rgba(0,0,0,.54)}.text-disabled-bg{background-color:rgba(0,0,0,.26)}.text-light-bg{background-color:#fff}.text-light-secondary-bg{background-color:hsla(0,0%,100%,.7)}.text-light-disabled-bg{background-color:hsla(0,0%,100%,.5)}.selected-bg-bg{background-color:#ecf4fd}.score-bg{background-color:#ffc107}.body-bg{background-color:rgba(0,0,0,.87)}.body-bg-bg{background-color:#eee}md-progress-circular.primary path{stroke:#1565c0}md-progress-circular.accent path{stroke:#f05843}md-progress-circular.accent-1 path{stroke:#795c3a}md-progress-circular.accent-2 path{stroke:#cad266}md-progress-circular.warn path{stroke:#c62828}md-progress-circular.info path{stroke:#ef6c00}md-progress-circular.success path{stroke:#00c853}md-progress-circular.divider path{stroke:rgba(0,0,0,.12)}md-progress-circular.gray-lightest path{stroke:#f7f7f7}md-progress-circular.gray-lighter path{stroke:#eee}md-progress-circular.gray-light path{stroke:#ddd}md-progress-circular.gray path{stroke:#ccc}md-progress-circular.gray-dark path{stroke:#aaa}md-progress-circular.gray-darker path{stroke:#757575}md-progress-circular.gray-darkest path{stroke:#333}md-progress-circular.text path{stroke:rgba(0,0,0,.87)}md-progress-circular.text-secondary path{stroke:rgba(0,0,0,.54)}md-progress-circular.text-disabled path{stroke:rgba(0,0,0,.26)}md-progress-circular.text-light path{stroke:#fff}md-progress-circular.text-light-secondary path{stroke:hsla(0,0%,100%,.7)}md-progress-circular.text-light-disabled path{stroke:hsla(0,0%,100%,.5)}md-progress-circular.selected-bg path{stroke:#ecf4fd}md-progress-circular.score path{stroke:#ffc107}md-progress-circular.body path{stroke:rgba(0,0,0,.87)}md-progress-circular.body-bg path{stroke:#eee}.l-constrained{margin-left:auto;margin-right:auto;max-width:100%;position:relative}@media (min-width:600px){.l-constrained{width:1280px}}@media (min-width:1920px){.l-constrained{width:1920px}}.l-constrained-md{max-width:100%;width:960px}.l-footer{background-color:#fff;border-top:1px solid #eee;bottom:0;left:0;position:fixed;right:0;z-index:1}.button--footer{display:flex;margin:0;min-width:0;padding-bottom:0;padding-top:0}.button--footer__element{padding-left:8px}.l-header{z-index:3}.l-header .logo{height:36px;margin-left:0!important;vertical-align:middle;width:36px}.l-header .logo-link{display:none;margin-right:12px;min-width:auto;padding:0 4px}@media only screen and (min-width:600px){.l-header .logo-link{display:block}}.l-header .logo-link:focus,.l-header .logo-link:hover{border:0}@media only screen and (max-width:599px){.l-header .md-toolbar-tools h1,.l-header .md-toolbar-tools h2,.l-header .md-toolbar-tools h3{font-size:15px}}.l-main{background-color:#eee}.l-main--with-toolbar{margin-top:42px}#content{transition:margin-top .5s}.view-content{left:0;margin:0 auto;padding:8px;position:absolute;right:0;transition:opacity .5s}@media only screen and (min-width:960px){.view-content{padding:16px}}.view-content.ng-enter{opacity:0}.view-content .ng-enter-active{opacity:1;transition-delay:.25s}.view-content.ng-hide,.view-content.ng-hide-add,.view-content.ng-hide-add-active,.view-content.ng-hide-remove,.view-content.ng-hide-remove-active,.view-content.ng-leave-active{opacity:0}.view-content--with-sidemenu{padding:8px}@media only screen and (min-width:600px){.view-content--with-sidemenu{margin-left:54px;padding:16px}[dir=rtl] .view-content--with-sidemenu{margin-left:auto;margin-right:54px}}.content-head{margin:8px 0}.content-head h1,.content-head h2,.content-head h3{font-size:36px;font-weight:300;margin-bottom:0;margin-top:0}@media only screen and (max-width:959px){.content-head h1,.content-head h2,.content-head h3{font-size:32px;text-align:center}.content-head__more{margin-top:8px}}.content-head__item,h2.content-head__item{margin:0 8px}.content-head__item .md-subhead,h2.content-head__item .md-subhead{padding-left:4px}@media only screen and (max-width:959px){.content-head__item .md-subhead,h2.content-head__item .md-subhead{display:block;padding-left:0}}.content-head__item md-icon,h2.content-head__item md-icon{vertical-align:text-bottom}.stepSelectMenuContainer md-select-menu,.stepSelectMenuContainer md-select-menu md-content{max-height:500px}.l-nav,.l-notebook{background-color:#eee!important}.l-notebook{margin-top:42px}.l-sidebar__header{background-color:#fff!important;color:#795c3a!important}.l-sidebar__header md-select{color:rgba(0,0,0,.87)}.status-icon{margin:0 4px;vertical-align:bottom;z-index:1}.md-button.status-icon{height:auto;line-height:inherit;margin:0 4px;min-height:0;padding:0;width:auto}.avatar--icon--alert{background-color:#fff}.avatar--icon--alert__icon{font-size:48px;margin:-4px 0 0 -4px}md-dialog{width:600px}.dialog--wide{width:960px}.dialog--wider{width:1280px}.help-bubble{border-radius:4px;max-width:320px}@media (min-width:600px){.help-bubble{max-width:552px}}@media (min-width:960px){.help-bubble{max-width:912px}}@media (min-width:1280px){.help-bubble{max-width:1232px}}.help-bubble___title__content,.help-bubble__title{border-top-left-radius:4px;border-top-right-radius:4px}.help-bubble___title__content{background-color:#ef6c00;padding:0 0 0 12px}.help-bubble___title__content .md-icon-button{margin-right:0;padding-bottom:0;padding-top:0}.help-bubble__content{max-height:480px;overflow:auto;padding:8px 12px}.help-bubble__actions{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.input-container{padding-top:12px}.input-container--component{margin-bottom:0}.input-container--open-response.md-has-icon{padding-left:0}.input-container--open-response .md-errors-spacer{display:none}.input-wrapper{position:relative}.input-wrapper--focused .input--textarea__action md-icon{color:#1565c0}.input--textarea,.input-container textarea.input--textarea{background-color:#f7f7f7;border:1px solid #ccc;margin-bottom:8px;padding:8px}.input--textarea:focus,.input-container textarea.input--textarea:focus{background-color:#fff}.input--textarea[disabled],.input-container textarea.input--textarea[disabled]{color:rgba(0,0,0,.54)}.input-container textarea.input--textarea{width:100%}.input--textarea--disabled{color:rgba(0,0,0,.54)}.input--textarea__action{position:absolute;right:-4px}.input--textarea__action[disabled] md-icon{color:rgba(0,0,0,.26)!important}.input--textarea__action--notebook{top:6px}.input-wrapper--richtext .input--textarea__action--notebook{top:-7px}.input--textarea__action--revision{bottom:6px}.input-wrapper--richtext .input--textarea__action--revision{bottom:-5px}.input-label,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label{color:rgba(0,0,0,.87);line-height:1.2}.input-label.input-label--focused,md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused{color:#1565c0}.autocomplete input{word-wrap:none;color:rgba(0,0,0,.54);font-weight:500;overflow:hidden;text-overflow:ellipsis}@media only screen and (min-width:600px){.autocomplete--minwidth{min-width:300px}}@media only screen and (min-width:960px){.autocomplete--minwidth{min-width:300px}}.autocomplete--flat md-autocomplete-wrap{background-color:#fff}.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing){background-color:#eee;box-shadow:none}.select__header{height:48px}.select__header input{border:0;font-size:14px;font-weight:500;height:100%;outline:none;padding:0 8px;width:100%}.table{margin:8px 0;max-width:100%;min-width:100px;width:auto}.table tbody>tr>td,.table tbody>tr>th,.table tfoot>tr>td,.table tfoot>tr>th,.table thead>tr>td,.table thead>tr>th{border:1px solid #ccc;font-size:15px;height:32px;min-height:32px;min-width:32px;padding:6px;vertical-align:top}.table td.inactive,.table th{background-color:#f7f7f7;opacity:1;visibility:visible}.table md-input-container{margin:0}.table .md-errors-spacer{display:none}.table--student td.inactive{padding:8px 10px}.table--full-width{width:100%}.table--list{background-color:#fff;border:0;border-collapse:collapse;max-width:100%;overflow:auto}.table--list td,.table--list th{border:0;padding:0 4px}.table--list td{height:56px;min-height:56px}.table--list tr.md-button{display:table-row;font-size:inherit;font-weight:400;text-align:left;text-transform:none;width:auto}.table--list__wrap{min-width:600px}@media only screen and (max-width:959px){.table-wrap-sticky{overflow-x:auto}}.table--list__thead{font-size:14px;font-weight:700}.table--list__thead__tr{height:100%;margin:0}.table--list__thead__th{background-color:#757575;color:#fff;height:42px;min-height:42px}.table--list__thead__link{color:#fff;line-height:1.4;margin:0;min-width:0;text-transform:none;white-space:normal;width:100%}.table--list__thead__sort{margin:0}.table--list__thead__sort--reverse{transform:rotate(180deg)}.td--wrap{line-height:1.2;min-width:180px;white-space:normal}@media only screen and (max-width:959px){.td--max-width{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.md-toolbar-tools{font-size:18px}.md-toolbar-tools .autocomplete,.md-toolbar-tools .autocomplete input,.md-toolbar-tools .autocomplete md-autocomplete-wrap{height:36px}.md-toolbar--wise{min-height:42px}.md-toolbar--wise .md-toolbar-tools{height:42px;max-height:42px}.md-toolbar--wise .md-button.md-icon-button{height:42px;line-height:42px;width:42px}.md-toolbar--wise--sm .md-toolbar-tools{font-size:15px;padding:0 8px}.md-toolbar--sidenav{background-color:#333!important}.md-toolbar--sidenav .md-toolbar-tools{font-size:16px;font-weight:500}.toolbar{left:0;position:fixed;right:0;top:52px;z-index:3}.toolbar__title{font-size:16px;font-weight:500;margin-left:8px}.md-button.toolbar__nav,.toolbar__nav{margin:0}.md-button.toolbar__select,.toolbar__select{background-color:#f7f7f7;margin:0 4px;min-height:32px}.md-button.toolbar__select .md-select-value,.toolbar__select .md-select-value{height:32px;text-align:left}[dir=rtl] .md-button.toolbar__select .md-select-value,[dir=rtl] .toolbar__select .md-select-value{text-align:right}.toolbar__select--fixedwidth{width:168px}@media only screen and (min-width:600px){.toolbar__select--fixedwidth{width:264px}}@media only screen and (min-width:960px){.toolbar__select--fixedwidth{width:432px}}.list-item{background-color:#fff;border-bottom:1px solid #eee}.list-item .md-subheader,.list-item.md-subheader{background-color:#fff;color:rgba(0,0,0,.87)}.list-item .md-subheader md-icon,.list-item.md-subheader md-icon{vertical-align:middle}.list-item .md-subheader .md-subheader-inner,.list-item.md-subheader .md-subheader-inner{padding:0}.list-item .md-subheader .md-avatar,.list-item.md-subheader .md-avatar{margin-right:8px}.list-item .autocomplete{margin:8px 0}.list-item--info .md-subheader-content,.list-item--info._md-button-wrap>div.md-button:first-child{border-left:4px solid #ef6c00!important;margin-left:-4px}.list-item--warn .md-subheader-content,.list-item--warn._md-button-wrap>div.md-button:first-child{border-left:4px solid #c62828!important;margin-left:-4px}.list-item--expanded{border-bottom-width:0}.list-item--noclick,.list-item--noclick.md-button{background-color:#f7f7f7;cursor:default}.list-item--actions{padding:0 8px!important}.list-item__subheader-button{line-height:1.4;margin:0;padding:8px 16px;text-align:left;text-transform:none;white-space:normal;width:100%}.user-list{font-size:15px}#nav{position:relative}.nav{margin-bottom:16px}.nav-mask{background-color:rgba(0,0,0,.25);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.nav-mask.ng-hide{opacity:0}.nav-head{color:rgba(0,0,0,.54);font-weight:500}.nav-head md-icon{line-height:20px}.nav-contents--root{padding:6px 6px 12px}.nav-contents--group{background-color:#ddd;padding:8px}.nav-contents--root,.nav-contents__list{padding:0}@media (min-width:600px){.nav-contents__list{padding:8px}}.nav-item{transition:opacity .25s ease-in-out}.nav-item.prev md-list-item{background-color:#ecf4fd}.nav-item--card__content{border-top-left-radius:4px;border-top-right-radius:4px}.nav-item--card__content:focus{outline:none}.nav-item--card__content:focus .nav-item__title>span{border-bottom:1px dashed #ccc}.nav-item--root{transition:margin .25s,box-shadow .5s}.nav-item--root.expanded{flex-basis:100%;margin:8px auto;max-height:none!important;max-width:100%}.nav-item--root.expanded:first-of-type{margin-top:0}.nav-item--list__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}.node-content{background-color:#fff;border-radius:3px;overflow:visible;padding:0 0 48px}@media only screen and (max-width:599px){.node-content{box-shadow:none}}@media only screen and (min-width:600px){.node-content{border-bottom:2px solid;border-top:2px solid;padding:0}}md-content.node-content{background-color:#fff}.node-content__rubric{left:0;position:absolute;right:0;top:-22px;z-index:1}.node-content__rubric .avatar--icon{transform:scale(.94)}@media only screen and (max-width:599px){.node-content__rubric .avatar--icon{transform:scale(.8)}}.node-icon{color:#fff;vertical-align:inherit}.node-select{font-size:15px;font-weight:500;margin:0 8px;min-width:0}.node-select .md-select-value :first-child{flex:1 0 0;transform:translateZ(0)}.node-select .md-select-value .node-select__icon,.node-select .md-select-value .node-select__status{display:none}.node-select .md-select-icon{color:rgba(0,0,0,.87);margin-left:0}.node-select-option--group{background-color:#f7f7f7;border-bottom:1px solid #eee;border-top:1px solid #eee}.node-select-option--node{padding-left:20px}.node-select__icon{margin-right:8px}.node-select__status{margin-left:8px}.node-select__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media only screen and (min-width:600px){.node-select__text{margin-top:2px}}.node-title{line-height:1.2;margin-top:3px;text-transform:none}@media only screen and (max-width:599px){.node-title{font-size:15px}}.node-content__actions{padding:0 16px 16px}@media only screen and (min-width:960px){.node-content__actions{padding:0 24px 24px}}.node-content__actions .md-button:first-child{margin-left:0}.node-content__actions .md-button:last-child{margin-right:0}.node-content__actions__info{color:rgba(0,0,0,.54);font-style:italic;margin-left:8px}.node-content__actions__more{border-bottom:1px dotted}.md-button.md-icon-button.node-nav:first-of-type{margin-right:0}@media only screen and (min-width:600px){.node-sidebar-active{margin-right:68px}}@media only screen and (max-width:599px){.node-sidebar-visible{margin-bottom:42px}}.node-sidebar{position:absolute;right:0;top:0;width:52px}.node-sidebar__toolbar{background-color:#fff;border-radius:3px;padding:8px 0;position:fixed;width:52px}@media only screen and (max-width:599px){.node-sidebar__toolbar{border-radius:0;bottom:0;height:42px;left:0;min-height:0;padding:0;right:0;width:100%}}.node__label--vertical-alignment{display:inline-block;vertical-align:middle}.grading__item-container{margin:0 0 16px;padding:0!important}.grading__item{background-color:#fff}.grading__item .component{padding:0}notebook-report{bottom:0;position:absolute;right:66px;transition:right .25s;z-index:3}notebook-report.report-full{bottom:8px;left:8px;right:8px;top:8px}@media only screen and (min-width:960px){notebook-report.notes-visible{right:474px}}.notebook-sidebar{max-width:none;width:270px}@media only screen and (min-width:600px){.notebook-sidebar{width:450px}}@media only screen and (max-width:599px){.notebook-enabled .md-fab-bottom-left,.notebook-enabled .md-fab-bottom-right{bottom:50px!important}}.notification-btn{width:60px!important}.notification-btn md-icon{margin-left:20px}.notification-count{background-color:#f05843;border:2px solid;border-radius:50%;font-size:12px;font-weight:700;height:22px;left:-18px;line-height:22px;position:absolute;top:12px;width:22px}.notification-count:before{border-bottom:4px solid transparent;border-left:6px solid hsla(0,0%,100%,.87);border-top:4px solid transparent;content:"";position:absolute;right:-7px;top:6px}.notification-list{padding:8px 0}.notification-dismiss{width:500px}.notification-dismiss__input{margin-bottom:0}md-list md-list-item .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source{color:rgba(0,0,0,.54);font-size:12px}md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon{font-size:18px;line-height:20px;margin-left:-4px;min-width:0;width:auto}.account-menu{border-radius:4px;font-size:15px;max-width:380px;padding:0}@media (min-width:1280px){.account-menu{min-width:380px!important}}.account-menu h3{font-weight:300;margin:0}.account-menu .mat-mdc-menu-content{padding:0}.account-menu--fixed-height{height:304px}.account-menu--fixed-width{width:320px}@media (min-width:960px){.account-menu--fixed-width{width:380px}}.account-menu__icon{background-color:#fff;border-radius:50%}.account-menu__caret{outline:none;position:absolute;right:28px;top:-8px}.account-menu__caret:before{border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent;content:"";position:absolute}.account-menu__caret--notification,.account-menu__caret--pause{right:80px}.account-menu__caret--notification--with-pause{right:132px}[dir=rtl] .account-menu__caret{left:28px;right:auto}[dir=rtl] .account-menu__caret--notification,[dir=rtl] .account-menu__caret--pause{left:80px;right:auto}[dir=rtl] .account-menu__caret--notification--with-pause{left:132px;right:auto}.account-menu__info{padding:8px 12px}.account-menu__info__title{font-weight:500}.account-menu__info__team{color:rgba(0,0,0,.54);font-weight:400}.account-menu__users,.account-menu__users md-list-item{padding:0}.account-menu__users md-list-item .md-avatar{height:48px;margin:0 8px 0 0;width:48px}.account-menu__actions{background-color:#f7f7f7}.account-menu__control{padding:16px}.annotations{font-size:15px;margin:16px 4px 16px 62px;position:relative}.annotations hr{border-color:rgba(0,0,0,.12);margin:10px 0 8px}.annotations:after{border-bottom:20px solid transparent;border-right:16px solid #757575;border-top:20px solid transparent;bottom:auto;content:"";height:0;left:-15px;position:absolute;right:auto;top:-1px;width:0}.annotations-container--student--report{border-top:1px solid #ddd}.annotations--report{margin-bottom:0;margin-top:0}.annotations__header{background-color:#757575;border-top-right-radius:4px;color:#fff;font-weight:700;padding:10px 12px;position:relative;transition:all 1s}.annotations__avatar{background-color:#f05843;left:-62px;padding:2px;position:absolute;top:0}.annotations__icon{color:#fff;transition:all 1s}.annotations__body{background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:auto;padding:12px}.annotations__status{background-color:#fff;color:#ef6c00;display:inline-block;font-size:12px;margin-left:8px}.annotations__status.ng-enter,.annotations__status.ng-leave{transition:all 1s}.annotations__status.ng-enter,.annotations__status.ng-leave.ng-leave-active{opacity:0}.annotations__status.ng-enter.ng-enter-active,.annotations__status.ng-leave{opacity:1}.annotations__score{font-weight:700}.annotations__info{border-bottom:1px dotted;font-size:13px;font-style:italic;opacity:.8}.annotations--inside .annotations{margin-left:72px}.annotations--info{margin-bottom:32px;margin-left:72px;margin-right:8px}@media only screen and (min-width:600px){.annotations--info{margin:16px 16px 32px 76px}}.annotations--info:after{border-right:16px solid #ef6c00}.annotations--info .annotations__avatar{background-color:#fff}.annotations--info .annotations__header{background-color:#ef6c00}.annotations--grading md-input-container{margin-bottom:0}.annotations--grading .mat-mdc-form-field-subscript-wrapper,.annotations--grading .md-errors-spacer{display:none}.annotations--grading--revision{margin:8px 0 0;padding:8px}.annotations--notebook{margin-top:16px}.annotations--grading__info{font-style:italic;margin:8px 8px 4px}.annotations--grading__item{padding:8px}.annotations--grading__score input{font-size:18px;margin-top:0!important;text-align:center;width:52px}.annotations--grading__score .mat-mdc-form-field-infix{width:auto}.annotations--grading__score__label{display:block;margin:0 8px 0 0;padding:0;transform:none!important;width:auto}.annotations--grading__score__max label{display:none}.annotations--grading__score__divider{margin-left:4px;position:relative;top:12px}.annotations--grading__auto-comment{margin:0 2px}.annotations--grading__auto-comment__content{margin-top:8px}.component{position:relative}.component__wrapper{margin:24px 0;padding:0 24px}.component__content{font-size:15px;overflow-x:auto;overflow-y:hidden}@media only screen and (min-width:600px){.component__content{padding:0 8px}}h3.component__header{font-size:14px;margin:0;padding:8px 12px}.component__rubric{left:-20px;position:absolute;top:12px}.notebook-enabled .component_content img{cursor:pointer;cursor:copy;transition:all .25s}.notebook-enabled .component_content img:focus,.notebook-enabled .component_content img:hover{box-shadow:0 0 5px 1px #f05843}.component__actions .md-button:first-child{margin-left:0}.component__actions .md-button:last-child{margin-right:0}.component__actions__info{color:rgba(0,0,0,.54);font-style:italic;font-weight:400;margin-left:8px}.component__actions__more{border-bottom:1px dotted}.component__prompt{font-weight:500;margin-bottom:8px}.component__prompt__content{display:inline}.component__attachment{margin:0 8px;padding-bottom:8px;position:relative}@media only screen and (min-width:600px){.component__attachment{padding-top:8px}}@media only screen and (max-width:599px){.component__add-attachment{width:100%}}.component__attachment__content{max-height:100px;width:auto}.component__attachment__delete{background-color:hsla(0,0%,100%,.75)!important;border-radius:0;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 2f7911e01c2..9ff30603af7 100644
--- a/src/assets/wise5/themes/default/style/monitor.css.map
+++ b/src/assets/wise5/themes/default/style/monitor.css.map
@@ -1 +1 @@
-{"version":3,"sources":["src/assets/wise5/themes/default/style/base/_presets.scss","src/assets/wise5/themes/default/style/monitor.css","src/assets/wise5/themes/default/style/base/_config.scss","src/assets/wise5/themes/default/style/layouts/_l-default.scss","src/assets/wise5/themes/default/style/layouts/_l-footer.scss","src/assets/wise5/themes/default/style/layouts/_l-header.scss","src/assets/wise5/themes/default/style/layouts/_l-main.scss","src/assets/wise5/themes/default/style/layouts/_l-notebook.scss","src/assets/wise5/themes/default/style/layouts/_l-nav.scss","src/assets/wise5/themes/default/style/layouts/_l-sidebar.scss","src/assets/wise5/themes/default/style/modules/_alerts.scss","src/assets/wise5/themes/default/style/modules/_dialog.scss","src/assets/wise5/themes/default/style/modules/_help.scss","src/assets/wise5/themes/default/style/modules/_inputs.scss","src/assets/wise5/themes/default/style/modules/_table.scss","src/assets/wise5/themes/default/style/modules/_toolbar.scss","src/assets/wise5/themes/default/style/material/_config.scss","src/assets/wise5/themes/default/style/modules/_list.scss","src/assets/wise5/themes/default/style/modules/_nav.scss","src/assets/wise5/themes/default/style/modules/_nav--grading.scss","src/assets/wise5/themes/default/style/modules/_menu.scss","src/assets/wise5/themes/default/style/modules/_node.scss","src/assets/wise5/themes/default/style/modules/_grading.scss","src/assets/wise5/themes/default/style/modules/_notebook.scss","src/assets/wise5/themes/default/style/modules/_notifications.scss","src/assets/wise5/themes/default/style/modules/_account-menu.scss","src/assets/wise5/themes/default/style/modules/_annotations.scss","src/assets/wise5/themes/default/style/modules/_annotations--grading.scss","src/assets/wise5/themes/default/style/modules/_component.scss","src/assets/wise5/themes/default/style/modules/_component--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,iBEUiB,CFRjB,cAAA,CAEA,iBAAA,CADA,eAAA,CAFA,eCJJ,CDUI,iBAGI,mBAAA,CADA,YAAA,CADA,WCNR,CDUQ,8CACI,qBCRZ,CDWQ,uBACI,uBCTZ,CDcA,aACI,wBAAA,CACA,UCXJ,CDcA,aACI,wBAAA,CACA,UCXJ,CDcA,gBACI,wBAAA,CACA,UCXJ,CDeA,qBACI,aCZJ,CDeA,iBACI,uBCZJ,CDgBA,EACE,aAAA,CACA,cCbF,CDgBA,QACI,kCAAA,CACA,qBCbJ,CDiBA,QACE,iBAAA,CACA,sBCdF,CDiBA,gBACE,iBCdF,CDmBE,cACE,WAAA,CACA,UChBJ,CDkBE,cACE,WAAA,CACA,UChBJ,CDkBE,cACE,WAAA,CACA,UChBJ,CDkBE,cACE,WAAA,CACA,UChBJ,CDqBA,cACE,qBAAA,CACA,4BClBF,CDoBE,8BACI,WClBN,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDwBE,wDACE,qBCrBJ,CDyBI,4EACE,qBCvBN,CD8BE,mDACE,uBC3BJ,CD6BE,mDACE,uBC3BJ,CD6BE,6CACE,uBC3BJ,CD6BE,6CACE,uBC3BJ,CD6BE,iDACE,uBC3BJ,CD6BE,qDACE,uBC3BJ,CD6BE,qDACE,uBC3BJ,CDgCA,uCACE,qBC7BF,CDgCA,uFACE,wBC7BF,CDgCA,2HAGE,wBAAA,CADA,aC5BF,CDmCI,SACE,aChCN,CD+BI,QACE,aC5BN,CD2BI,UACE,aCxBN,CDuBI,UACE,aCpBN,CDmBI,MACE,aChBN,CDeI,MACE,aCZN,CDWI,SACE,aCRN,CDOI,SACE,qBCJN,CDGI,eACE,aCAN,CDDI,cACE,UCIN,CDLI,YACE,UCQN,CDTI,MACE,UCYN,CDbI,WACE,UCgBN,CDjBI,aACE,aCoBN,CDrBI,cACE,UCwBN,CDzBI,MACE,qBC4BN,CD7BI,gBACE,qBCgCN,CDjCI,eACE,qBCoCN,CDrCI,YACE,UCwCN,CDzCI,sBACE,wBC4CN,CD7CI,qBACE,wBCgDN,CDjDI,aACE,aCoDN,CDrDI,OACE,aCwDN,CDzDI,MACE,qBC4DN,CD7DI,SACE,UCgEN,CD1DI,YACE,wBC6DN,CD9DI,WACE,wBCiEN,CDlEI,aACE,wBCqEN,CDtEI,aACE,wBCyEN,CD1EI,SACE,wBC6EN,CD9EI,SACE,wBCiFN,CDlFI,YACE,wBCqFN,CDtFI,YACE,gCCyFN,CD1FI,kBACE,wBC6FN,CD9FI,iBACE,qBCiGN,CDlGI,eACE,qBCqGN,CDtGI,SACE,qBCyGN,CD1GI,cACE,qBC6GN,CD9GI,gBACE,wBCiHN,CDlHI,iBACE,qBCqHN,CDtHI,SACE,gCCyHN,CD1HI,mBACE,gCC6HN,CD9HI,kBACE,gCCiIN,CDlII,eACE,qBCqIN,CDtII,yBACE,mCCyIN,CD1II,wBACE,mCC6IN,CD9II,gBACE,wBCiJN,CDlJI,UACE,wBCqJN,CDtJI,SACE,gCCyJN,CD1JI,YACE,qBC6JN,CDtJQ,kCACI,cCyJZ,CD1JQ,iCACI,cC6JZ,CD9JQ,mCACI,cCiKZ,CDlKQ,mCACI,cCqKZ,CDtKQ,+BACI,cCyKZ,CD1KQ,+BACI,cC6KZ,CD9KQ,kCACI,cCiLZ,CDlLQ,kCACI,sBCqLZ,CDtLQ,wCACI,cCyLZ,CD1LQ,uCACI,WC6LZ,CD9LQ,qCACI,WCiMZ,CDlMQ,+BACI,WCqMZ,CDtMQ,oCACI,WCyMZ,CD1MQ,sCACI,cC6MZ,CD9MQ,uCACI,WCiNZ,CDlNQ,+BACI,sBCqNZ,CDtNQ,yCACI,sBCyNZ,CD1NQ,wCACI,sBC6NZ,CD9NQ,qCACI,WCiOZ,CDlOQ,+CACI,yBCqOZ,CDtOQ,8CACI,yBCyOZ,CD1OQ,sCACI,cC6OZ,CD9OQ,gCACI,cCiPZ,CDlPQ,+BACI,sBCqPZ,CDtPQ,kCACI,WCyPZ,CE7dA,eACE,gBAAA,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","file":"monitor.css","sourcesContent":["// Config\n$avatar-icon-padding: 6px !default;\n$avatar-icon-padding-lg: 8px !default;\n\nbody {\n  background: color('body-bg');\n\n  &.vle {\n      overflow: hidden;\n  }\n}\n\na {\n    &:hover, &:focus { // TODO: remove when bootstrap css dependency is removed\n        color: color('primary');\n    }\n}\n\nblockquote {\n  background-color: lighten(color('primary'), 56%);\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: color('primary');\n  border-width: 0 0 0 3px;\n}\n\n.has-indicator {\n    &:after {\n        content: '';\n        position: absolute;\n        border-radius: 50%;\n        padding: 5px;\n        background-color: color('accent');\n    }\n}\n\n.has-indicator--icon-button {\n    &:after {\n        top: 25px;\n        left: 5px;\n    }\n}\n\n// Badges\n.badge {\n    border-radius: $card-border-radius;\n    padding: 2px 6px;\n    font-size: rem(1.2);\n    font-weight: 500;\n    font-style: normal;\n    background-color: color('gray-dark');\n\n    &.md-button {\n        min-width: 0;\n        min-height: 0;\n        line-height: inherit;\n\n        &:hover, &:focus {\n            background-color: color('gray-dark');\n        }\n\n        &:focus {\n            outline: 1px dotted color('gray-dark');\n        }\n    }\n}\n\n.badge--info {\n    background-color: color('info');\n    color: #ffffff;\n}\n\n.badge--warn {\n    background-color: color('warn');\n    color: #ffffff;\n}\n\n.badge--success {\n    background-color: color('success');\n    color: #ffffff;\n}\n\n// Dividers\n.divider--withmargin {\n    margin: 16px 0;\n}\n\n.divider--dashed {\n    border-top-style: dashed;\n}\n\n// Links\na {\n  color: color('primary');\n  cursor: pointer;\n}\n\n.active {\n    background-color: rgba(158,158,158,0.2);\n    color: color('text');\n}\n\n// Images & Icons\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box;\n}\n\n.avatar--square {\n  border-radius: $card-border-radius;\n}\n\n// Rules for sizing avatars (matches material icons plus avatar-icon padding)\n.avatar {\n  &.md-18 {\n    height: 18px + $avatar-icon-padding*2;\n    width: 18px + $avatar-icon-padding*2;\n  }\n  &.md-24 {\n    height: 24px + $avatar-icon-padding*2;\n    width: 24px + $avatar-icon-padding*2;\n  }\n  &.md-36 {\n    height: 36px + $avatar-icon-padding*2;\n    width: 36px + $avatar-icon-padding*2;\n  }\n  &.md-48 {\n    height: 48px + $avatar-icon-padding*2;\n    width: 48px + $avatar-icon-padding*2;\n  }\n}\n\n// Rules for sizing avatar backgrounds (when using a child md-icon)\n.avatar--icon {\n  background-color: color('gray-light');\n  white-space: normal !important;\n\n  &:not(.md-avatar) {\n      padding: $avatar-icon-padding;\n  }\n\n  &.md-18 {\n    height: 18px;\n    width: 18px;\n  }\n  &.md-24 {\n    height: 24px;\n    width: 24px;\n  }\n  &.md-36 {\n    height: 36px;\n    width: 36px;\n  }\n  &.md-48 {\n    height: 48px;\n    width: 48px;\n  }\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) {\n  md-icon {\n    color: color('text-secondary');\n  }\n\n  .md-button:disabled {\n    md-icon {\n      color: color('text-disabled');\n    }\n  }\n}\n\n// hacks for now\nmd-icon, .md-button:not([disabled]) {\n  &.primary {\n    color: color('primary') !important;\n  }\n  &.success {\n    color: color('success') !important;\n  }\n  &.warn {\n    color: color('warn') !important;\n  }\n  &.info {\n    color: color('info') !important;\n  }\n  &.accent {\n    color: color('accent') !important;\n  }\n  &.accent-1 {\n    color: color('accent-1') !important;\n  }\n  &.accent-2 {\n    color: color('accent-2') !important;\n  }\n}\n\n// Theme overrides\nmd-input-container.md-wise-theme label {\n  color: color('text');\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: color('selected-bg');\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: color('primary');\n  background-color: color('selected-bg');\n}\n\n// Color\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key} {\n      color: $value;\n    }\n}\n\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key}-bg {\n      background-color: $value;\n    }\n}\n\n// Set theme colors for angular-ui elements\n@each $key, $value in $colors {\n    md-progress-circular.#{$key} {\n        path {\n            stroke: $value;\n        }\n    }\n}\n","/*\n WISE Project Styles\n */\nbody {\n  background: #eeeeee;\n}\nbody.vle {\n  overflow: hidden;\n}\n\na:hover, a:focus {\n  color: #1565c0;\n}\n\nblockquote {\n  background-color: rgb(244.723943662, 249.0056338028, 253.876056338);\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: #1565c0;\n  border-width: 0 0 0 3px;\n}\n\n.has-indicator:after {\n  content: \"\";\n  position: absolute;\n  border-radius: 50%;\n  padding: 5px;\n  background-color: #F05843;\n}\n\n.has-indicator--icon-button:after {\n  top: 25px;\n  left: 5px;\n}\n\n.badge {\n  border-radius: 4px;\n  padding: 2px 6px;\n  font-size: 12px;\n  font-weight: 500;\n  font-style: normal;\n  background-color: #aaaaaa;\n}\n.badge.md-button {\n  min-width: 0;\n  min-height: 0;\n  line-height: inherit;\n}\n.badge.md-button:hover, .badge.md-button:focus {\n  background-color: #aaaaaa;\n}\n.badge.md-button:focus {\n  outline: 1px dotted #aaaaaa;\n}\n\n.badge--info {\n  background-color: #ef6c00;\n  color: #ffffff;\n}\n\n.badge--warn {\n  background-color: #c62828;\n  color: #ffffff;\n}\n\n.badge--success {\n  background-color: #00C853;\n  color: #ffffff;\n}\n\n.divider--withmargin {\n  margin: 16px 0;\n}\n\n.divider--dashed {\n  border-top-style: dashed;\n}\n\na {\n  color: #1565c0;\n  cursor: pointer;\n}\n\n.active {\n  background-color: rgba(158, 158, 158, 0.2);\n  color: rgba(0, 0, 0, 0.87);\n}\n\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box;\n}\n\n.avatar--square {\n  border-radius: 4px;\n}\n\n.avatar.md-18 {\n  height: 30px;\n  width: 30px;\n}\n.avatar.md-24 {\n  height: 36px;\n  width: 36px;\n}\n.avatar.md-36 {\n  height: 48px;\n  width: 48px;\n}\n.avatar.md-48 {\n  height: 60px;\n  width: 60px;\n}\n\n.avatar--icon {\n  background-color: #dddddd;\n  white-space: normal !important;\n}\n.avatar--icon:not(.md-avatar) {\n  padding: 6px;\n}\n.avatar--icon.md-18 {\n  height: 18px;\n  width: 18px;\n}\n.avatar--icon.md-24 {\n  height: 24px;\n  width: 24px;\n}\n.avatar--icon.md-36 {\n  height: 36px;\n  width: 36px;\n}\n.avatar--icon.md-48 {\n  height: 48px;\n  width: 48px;\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon {\n  color: rgba(0, 0, 0, 0.54);\n}\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon {\n  color: rgba(0, 0, 0, 0.26);\n}\n\nmd-icon.primary, .md-button:not([disabled]).primary {\n  color: #1565c0 !important;\n}\nmd-icon.success, .md-button:not([disabled]).success {\n  color: #00C853 !important;\n}\nmd-icon.warn, .md-button:not([disabled]).warn {\n  color: #c62828 !important;\n}\nmd-icon.info, .md-button:not([disabled]).info {\n  color: #ef6c00 !important;\n}\nmd-icon.accent, .md-button:not([disabled]).accent {\n  color: #F05843 !important;\n}\nmd-icon.accent-1, .md-button:not([disabled]).accent-1 {\n  color: #795C3A !important;\n}\nmd-icon.accent-2, .md-button:not([disabled]).accent-2 {\n  color: #CAD266 !important;\n}\n\nmd-input-container.md-wise-theme label {\n  color: rgba(0, 0, 0, 0.87);\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: rgb(235.5295774648, 243.6422535211, 252.8704225352);\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: #1565c0;\n  background-color: rgb(235.5295774648, 243.6422535211, 252.8704225352);\n}\n\n.primary {\n  color: #1565c0;\n}\n\n.accent {\n  color: #F05843;\n}\n\n.accent-1 {\n  color: #795C3A;\n}\n\n.accent-2 {\n  color: #CAD266;\n}\n\n.warn {\n  color: #c62828;\n}\n\n.info {\n  color: #ef6c00;\n}\n\n.success {\n  color: #00C853;\n}\n\n.divider {\n  color: rgba(0, 0, 0, 0.12);\n}\n\n.gray-lightest {\n  color: #f7f7f7;\n}\n\n.gray-lighter {\n  color: #eeeeee;\n}\n\n.gray-light {\n  color: #dddddd;\n}\n\n.gray {\n  color: #cccccc;\n}\n\n.gray-dark {\n  color: #aaaaaa;\n}\n\n.gray-darker {\n  color: #757575;\n}\n\n.gray-darkest {\n  color: #333333;\n}\n\n.text {\n  color: rgba(0, 0, 0, 0.87);\n}\n\n.text-secondary {\n  color: rgba(0, 0, 0, 0.54);\n}\n\n.text-disabled {\n  color: rgba(0, 0, 0, 0.26);\n}\n\n.text-light {\n  color: rgb(255, 255, 255);\n}\n\n.text-light-secondary {\n  color: rgba(255, 255, 255, 0.7);\n}\n\n.text-light-disabled {\n  color: rgba(255, 255, 255, 0.5);\n}\n\n.selected-bg {\n  color: rgb(235.5295774648, 243.6422535211, 252.8704225352);\n}\n\n.score {\n  color: #FFC107;\n}\n\n.body {\n  color: rgba(0, 0, 0, 0.87);\n}\n\n.body-bg {\n  color: #eeeeee;\n}\n\n.primary-bg {\n  background-color: #1565c0;\n}\n\n.accent-bg {\n  background-color: #F05843;\n}\n\n.accent-1-bg {\n  background-color: #795C3A;\n}\n\n.accent-2-bg {\n  background-color: #CAD266;\n}\n\n.warn-bg {\n  background-color: #c62828;\n}\n\n.info-bg {\n  background-color: #ef6c00;\n}\n\n.success-bg {\n  background-color: #00C853;\n}\n\n.divider-bg {\n  background-color: rgba(0, 0, 0, 0.12);\n}\n\n.gray-lightest-bg {\n  background-color: #f7f7f7;\n}\n\n.gray-lighter-bg {\n  background-color: #eeeeee;\n}\n\n.gray-light-bg {\n  background-color: #dddddd;\n}\n\n.gray-bg {\n  background-color: #cccccc;\n}\n\n.gray-dark-bg {\n  background-color: #aaaaaa;\n}\n\n.gray-darker-bg {\n  background-color: #757575;\n}\n\n.gray-darkest-bg {\n  background-color: #333333;\n}\n\n.text-bg {\n  background-color: rgba(0, 0, 0, 0.87);\n}\n\n.text-secondary-bg {\n  background-color: rgba(0, 0, 0, 0.54);\n}\n\n.text-disabled-bg {\n  background-color: rgba(0, 0, 0, 0.26);\n}\n\n.text-light-bg {\n  background-color: rgb(255, 255, 255);\n}\n\n.text-light-secondary-bg {\n  background-color: rgba(255, 255, 255, 0.7);\n}\n\n.text-light-disabled-bg {\n  background-color: rgba(255, 255, 255, 0.5);\n}\n\n.selected-bg-bg {\n  background-color: rgb(235.5295774648, 243.6422535211, 252.8704225352);\n}\n\n.score-bg {\n  background-color: #FFC107;\n}\n\n.body-bg {\n  background-color: rgba(0, 0, 0, 0.87);\n}\n\n.body-bg-bg {\n  background-color: #eeeeee;\n}\n\nmd-progress-circular.primary path {\n  stroke: #1565c0;\n}\n\nmd-progress-circular.accent path {\n  stroke: #F05843;\n}\n\nmd-progress-circular.accent-1 path {\n  stroke: #795C3A;\n}\n\nmd-progress-circular.accent-2 path {\n  stroke: #CAD266;\n}\n\nmd-progress-circular.warn path {\n  stroke: #c62828;\n}\n\nmd-progress-circular.info path {\n  stroke: #ef6c00;\n}\n\nmd-progress-circular.success path {\n  stroke: #00C853;\n}\n\nmd-progress-circular.divider path {\n  stroke: rgba(0, 0, 0, 0.12);\n}\n\nmd-progress-circular.gray-lightest path {\n  stroke: #f7f7f7;\n}\n\nmd-progress-circular.gray-lighter path {\n  stroke: #eeeeee;\n}\n\nmd-progress-circular.gray-light path {\n  stroke: #dddddd;\n}\n\nmd-progress-circular.gray path {\n  stroke: #cccccc;\n}\n\nmd-progress-circular.gray-dark path {\n  stroke: #aaaaaa;\n}\n\nmd-progress-circular.gray-darker path {\n  stroke: #757575;\n}\n\nmd-progress-circular.gray-darkest path {\n  stroke: #333333;\n}\n\nmd-progress-circular.text path {\n  stroke: rgba(0, 0, 0, 0.87);\n}\n\nmd-progress-circular.text-secondary path {\n  stroke: rgba(0, 0, 0, 0.54);\n}\n\nmd-progress-circular.text-disabled path {\n  stroke: rgba(0, 0, 0, 0.26);\n}\n\nmd-progress-circular.text-light path {\n  stroke: rgb(255, 255, 255);\n}\n\nmd-progress-circular.text-light-secondary path {\n  stroke: rgba(255, 255, 255, 0.7);\n}\n\nmd-progress-circular.text-light-disabled path {\n  stroke: rgba(255, 255, 255, 0.5);\n}\n\nmd-progress-circular.selected-bg path {\n  stroke: rgb(235.5295774648, 243.6422535211, 252.8704225352);\n}\n\nmd-progress-circular.score path {\n  stroke: #FFC107;\n}\n\nmd-progress-circular.body path {\n  stroke: rgba(0, 0, 0, 0.87);\n}\n\nmd-progress-circular.body-bg path {\n  stroke: #eeeeee;\n}\n\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative;\n}\n@media (min-width: 600px) {\n  .l-constrained {\n    width: 1280px;\n  }\n}\n@media (min-width: 1920px) {\n  .l-constrained {\n    width: 1920px;\n  }\n}\n\n.l-constrained-md {\n  width: 960px;\n  max-width: 100%;\n}\n\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid #eeeeee;\n}\n\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex;\n}\n\n.button--footer__element {\n  padding-left: 8px;\n}\n\n.l-header {\n  z-index: 3;\n}\n.l-header .logo {\n  margin-left: 0 !important;\n  height: 36px;\n  width: 36px;\n  vertical-align: middle;\n}\n.l-header .logo-link {\n  min-width: auto;\n  display: none;\n  padding: 0 4px;\n  margin-right: 12px;\n}\n@media only screen and (min-width: 600px) {\n  .l-header .logo-link {\n    display: block;\n  }\n}\n.l-header .logo-link:hover, .l-header .logo-link:focus {\n  border: 0 none;\n}\n@media only screen and (max-width: 599px) {\n  .l-header .md-toolbar-tools h1, .l-header .md-toolbar-tools h2, .l-header .md-toolbar-tools h3 {\n    font-size: 15px;\n  }\n}\n\n.l-main {\n  background-color: #eeeeee;\n}\n\n.l-main--with-toolbar {\n  margin-top: 42px;\n}\n\n#content {\n  transition: margin-top 0.5s;\n}\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms;\n}\n@media only screen and (min-width: 960px) {\n  .view-content {\n    padding: 16px;\n  }\n}\n.view-content.ng-enter {\n  opacity: 0;\n}\n.view-content .ng-enter-active {\n  opacity: 1;\n  transition-delay: 250ms;\n}\n.view-content.ng-leave-active, .view-content.ng-hide {\n  opacity: 0;\n}\n.view-content.ng-hide-add, .view-content.ng-hide-add-active, .view-content.ng-hide-remove, .view-content.ng-hide-remove-active {\n  opacity: 0;\n}\n\n.view-content--with-sidemenu {\n  padding: 8px;\n}\n@media only screen and (min-width: 600px) {\n  .view-content--with-sidemenu {\n    margin-left: 54px;\n    padding: 16px;\n  }\n}\n\n@media only screen and (min-width: 600px) {\n  [dir=rtl] .view-content--with-sidemenu {\n    margin-left: auto;\n    margin-right: 54px;\n  }\n}\n\n.content-head {\n  margin: 8px 0;\n}\n.content-head h1,\n.content-head h2,\n.content-head h3 {\n  font-weight: 300;\n  margin-top: 0;\n  margin-bottom: 0;\n  font-size: 36px;\n}\n@media only screen and (max-width: 959px) {\n  .content-head h1,\n  .content-head h2,\n  .content-head h3 {\n    font-size: 32px;\n    text-align: center;\n  }\n}\n\n@media only screen and (max-width: 959px) {\n  .content-head__more {\n    margin-top: 8px;\n  }\n}\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px;\n}\n.content-head__item .md-subhead,\nh2.content-head__item .md-subhead {\n  padding-left: 4px;\n}\n@media only screen and (max-width: 959px) {\n  .content-head__item .md-subhead,\n  h2.content-head__item .md-subhead {\n    display: block;\n    padding-left: 0;\n  }\n}\n.content-head__item md-icon,\nh2.content-head__item md-icon {\n  vertical-align: text-bottom;\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px;\n}\n\n.l-nav {\n  background-color: #eeeeee !important;\n}\n\n.l-notebook {\n  margin-top: 42px;\n  background-color: #eeeeee !important;\n}\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: #795C3A !important;\n}\n.l-sidebar__header md-select {\n  color: rgba(0, 0, 0, 0.87);\n}\n\n.status-icon {\n  margin: 0 4px;\n  z-index: 1;\n  vertical-align: bottom;\n}\n\n.md-button.status-icon {\n  height: auto;\n  width: auto;\n  min-height: 0;\n  line-height: inherit;\n  margin: 0 4px;\n  padding: 0;\n}\n\n.avatar--icon--alert {\n  background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n  font-size: 48px;\n  margin: -4px 0 0 -4px;\n}\n\nmd-dialog {\n  width: 600px;\n}\n\n.dialog--wide {\n  width: 960px;\n}\n\n.dialog--wider {\n  width: 1280px;\n}\n\n.help-bubble {\n  border-radius: 4px;\n  max-width: 320px;\n}\n@media (min-width: 600px) {\n  .help-bubble {\n    max-width: 552px;\n  }\n}\n@media (min-width: 960px) {\n  .help-bubble {\n    max-width: 912px;\n  }\n}\n@media (min-width: 1280px) {\n  .help-bubble {\n    max-width: 1232px;\n  }\n}\n\n.help-bubble__title {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n}\n\n.help-bubble___title__content {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  padding: 0px 0 0 12px;\n  background-color: #ef6c00;\n}\n.help-bubble___title__content .md-icon-button {\n  margin-right: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n}\n\n.help-bubble__content {\n  overflow: auto;\n  padding: 8px 12px;\n  max-height: 480px;\n}\n\n.help-bubble__actions {\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n}\n\n.input-container {\n  padding-top: 12px;\n}\n\n.input-container--component {\n  margin-bottom: 0;\n}\n\n.input-container--open-response.md-has-icon {\n  padding-left: 0;\n}\n.input-container--open-response .md-errors-spacer {\n  display: none;\n}\n\n.input-wrapper {\n  position: relative;\n}\n\n.input-wrapper--focused .input--textarea__action md-icon {\n  color: #1565c0;\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n  padding: 8px;\n  background-color: #f7f7f7;\n  border: 1px solid #cccccc;\n  margin-bottom: 8px;\n}\n.input--textarea:focus, .input-container textarea.input--textarea:focus {\n  background-color: #ffffff;\n}\n.input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n  color: rgba(0, 0, 0, 0.54);\n}\n\n.input-container textarea.input--textarea {\n  width: 100%;\n}\n\n.input--textarea--disabled {\n  color: rgba(0, 0, 0, 0.54);\n}\n\n.input--textarea__action {\n  position: absolute;\n  right: -4px;\n}\n.input--textarea__action[disabled] md-icon {\n  color: rgba(0, 0, 0, 0.26) !important;\n}\n\n.input--textarea__action--notebook {\n  top: 6px;\n}\n.input-wrapper--richtext .input--textarea__action--notebook {\n  top: -7px;\n}\n\n.input--textarea__action--revision {\n  bottom: 6px;\n}\n.input-wrapper--richtext .input--textarea__action--revision {\n  bottom: -5px;\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n  line-height: 1.2;\n  color: rgba(0, 0, 0, 0.87);\n}\n.input-label.input-label--focused, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused {\n  color: #1565c0;\n}\n\n.autocomplete input {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  word-wrap: none;\n  font-weight: 500;\n  color: rgba(0, 0, 0, 0.54);\n}\n\n@media only screen and (min-width: 600px) {\n  .autocomplete--minwidth {\n    min-width: 300px;\n  }\n}\n@media only screen and (min-width: 960px) {\n  .autocomplete--minwidth {\n    min-width: 300px;\n  }\n}\n\n.autocomplete--flat md-autocomplete-wrap {\n  background-color: #ffffff;\n}\n.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n  box-shadow: none;\n  background-color: #eeeeee;\n}\n\n.select__header {\n  height: 48px;\n}\n.select__header input {\n  height: 100%;\n  width: 100%;\n  padding: 0 8px;\n  outline: none;\n  border: 0 none;\n  font-size: 14px;\n  font-weight: 500;\n}\n\n.table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0;\n}\n.table thead > tr > th,\n.table thead > tr > td,\n.table tbody > tr > th,\n.table tbody > tr > td,\n.table tfoot > tr > th,\n.table tfoot > tr > td {\n  border: 1px solid #cccccc;\n  padding: 6px;\n  font-size: 15px;\n  min-height: 32px;\n  height: 32px;\n  min-width: 32px;\n  vertical-align: top;\n}\n.table td.inactive,\n.table th {\n  background-color: #f7f7f7;\n  opacity: 1;\n  visibility: visible;\n}\n.table md-input-container {\n  margin: 0;\n}\n.table .md-errors-spacer {\n  display: none;\n}\n\n.table--student td.inactive {\n  padding: 8px 10px;\n}\n\n.table--full-width {\n  width: 100%;\n}\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto;\n}\n.table--list th,\n.table--list td {\n  padding: 0 4px;\n  border: 0 none;\n}\n.table--list td {\n  min-height: 56px;\n  height: 56px;\n}\n.table--list tr.md-button {\n  display: table-row;\n  text-align: left;\n  width: auto;\n  text-transform: none;\n  font-size: inherit;\n  font-weight: normal;\n}\n\n.table--list__wrap {\n  min-width: 600px;\n}\n\n@media only screen and (max-width: 959px) {\n  .table-wrap-sticky {\n    overflow-x: auto;\n  }\n}\n\n.table--list__thead {\n  font-size: 14px;\n  font-weight: 700;\n}\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0;\n}\n\n.table--list__thead__th {\n  background-color: #757575;\n  color: rgb(255, 255, 255);\n  min-height: 42px;\n  height: 42px;\n}\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%;\n}\n\n.table--list__thead__sort {\n  margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg);\n}\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2;\n}\n\n@media only screen and (max-width: 959px) {\n  .td--max-width {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n\n.md-toolbar-tools {\n  font-size: 18px;\n}\n.md-toolbar-tools .autocomplete {\n  height: 36px;\n}\n.md-toolbar-tools .autocomplete md-autocomplete-wrap {\n  height: 36px;\n}\n.md-toolbar-tools .autocomplete input {\n  height: 36px;\n}\n\n.md-toolbar--wise {\n  min-height: 42px;\n}\n.md-toolbar--wise .md-toolbar-tools {\n  height: 42px;\n  max-height: 42px;\n}\n.md-toolbar--wise .md-button.md-icon-button {\n  height: 42px;\n  line-height: 42px;\n  width: 42px;\n}\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n  padding: 0 8px;\n  font-size: 15px;\n}\n\n.md-toolbar--sidenav {\n  background-color: #333333 !important;\n}\n.md-toolbar--sidenav .md-toolbar-tools {\n  font-size: 16px;\n  font-weight: 500;\n}\n\n.toolbar {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 52px;\n  z-index: 3;\n}\n\n.toolbar__title {\n  margin-left: 8px;\n  font-size: 16px;\n  font-weight: 500;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n  margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n  margin: 0 4px;\n  min-height: 32px;\n  background-color: #f7f7f7;\n}\n.toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n  height: 32px;\n  text-align: left;\n}\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n  text-align: right;\n}\n\n.toolbar__select--fixedwidth {\n  width: 168px;\n}\n@media only screen and (min-width: 600px) {\n  .toolbar__select--fixedwidth {\n    width: 264px;\n  }\n}\n@media only screen and (min-width: 960px) {\n  .toolbar__select--fixedwidth {\n    width: 432px;\n  }\n}\n\n.list-item {\n  background-color: #ffffff;\n  border-bottom: 1px solid #eeeeee;\n}\n.list-item .md-subheader, .list-item.md-subheader {\n  color: rgba(0, 0, 0, 0.87);\n  background-color: #ffffff;\n}\n.list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n  vertical-align: middle;\n}\n.list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n  padding: 0;\n}\n.list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n  margin-right: 8px;\n}\n.list-item .autocomplete {\n  margin: 8px 0;\n}\n\n.list-item--info._md-button-wrap > div.md-button:first-child, .list-item--info .md-subheader-content {\n  border-left: 4px solid #ef6c00 !important;\n  margin-left: -4px;\n}\n\n.list-item--warn._md-button-wrap > div.md-button:first-child, .list-item--warn .md-subheader-content {\n  border-left: 4px solid #c62828 !important;\n  margin-left: -4px;\n}\n\n.list-item--expanded {\n  border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n  cursor: default;\n  background-color: #f7f7f7;\n}\n\n.list-item--actions {\n  padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n  text-transform: none;\n  width: 100%;\n  padding: 8px 16px;\n  margin: 0;\n  white-space: normal;\n  text-align: left;\n  line-height: 1.4;\n}\n\n.user-list {\n  font-size: 15px;\n}\n\n#nav {\n  position: relative;\n}\n\n.nav {\n  margin-bottom: 16px;\n}\n\n.nav-mask {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: rgba(0, 0, 0, 0.25);\n  z-index: 1;\n}\n.nav-mask.ng-hide {\n  opacity: 0;\n}\n\n.nav-head {\n  color: rgba(0, 0, 0, 0.54);\n  font-weight: 500;\n}\n.nav-head md-icon {\n  line-height: 20px;\n}\n\n.nav-contents--root {\n  padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n  background-color: #dddddd;\n  padding: 8px;\n}\n\n.nav-contents--root {\n  padding: 0;\n}\n\n.nav-contents__list {\n  padding: 0;\n}\n@media (min-width: 600px) {\n  .nav-contents__list {\n    padding: 8px;\n  }\n}\n\n.nav-item {\n  transition: opacity 250ms ease-in-out;\n}\n.nav-item.prev md-list-item {\n  background-color: rgb(235.5295774648, 243.6422535211, 252.8704225352);\n  /*&._md-button-wrap>div.md-button:first-child {\n      border-left: 4px solid color('primary');\n      margin-left: -4px;\n  }*/\n}\n\n.nav-item--card__content {\n  border-top-right-radius: 4px;\n  border-top-left-radius: 4px;\n}\n.nav-item--card__content:focus {\n  outline: none;\n}\n.nav-item--card__content:focus .nav-item__title > span {\n  border-bottom: 1px dashed #cccccc;\n}\n\n.nav-item--root {\n  transition: margin 250ms, box-shadow 500ms;\n}\n.nav-item--root.expanded {\n  flex-basis: 100%;\n  max-width: 100%;\n  max-height: none !important;\n  margin: 8px auto;\n}\n.nav-item--root.expanded:first-of-type {\n  margin-top: 0;\n}\n\n.nav-item--list__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.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: rgb(235.5295774648, 243.6422535211, 252.8704225352);\n}\n\n.component--grading__annotations__divider {\n  padding: 4px;\n  background-color: #ffffff;\n}\n\n.component--grading__actions__info {\n  margin: 16px 0 0;\n  padding-top: 8px;\n  border-top: 1px solid #eeeeee;\n}\n\n.graph-select {\n  min-width: 150px;\n  max-width: 200px;\n}\n\n.graph-controls {\n  margin: 8px 0;\n  padding: 8px 0;\n  border: 1px solid #eeeeee;\n  border-left-width: 0;\n  border-right-width: 0;\n}\n\n.outside-content iframe {\n  border: 1px solid #eeeeee;\n}\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end;\n}\n.outside-content__source a {\n  max-width: 240px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  display: inline-block;\n}\n\n.component-revisions .component {\n  padding: 0;\n  margin: 0;\n}\n.component-revisions .component__content {\n  padding: 0;\n}\n.component-revisions .component__wrapper {\n  margin: 16px 0;\n}\n.component-revisions .md-resize-handle {\n  display: none;\n}\n\n.component-revisions__item, md-list-item.component-revisions__item {\n  padding: 0;\n}\n\n.component-revisions__item--latest {\n  margin-bottom: 24px;\n}\n\n.component-revisions__annotation-label {\n  margin-right: 8px;\n}\n\n.component-revisions__has-auto-and-teacher {\n  padding-top: 8px;\n  margin-top: 8px;\n  border-top: 1px solid #dddddd;\n}\n\n.notebook-toolbar md-divider {\n  margin: 8px 0;\n}\n@media only screen and (max-width: 959px) {\n  .notebook-toolbar {\n    border-top: 1px solid #dddddd;\n  }\n}\n\n.notebook-toolbar__add-menu {\n  position: absolute;\n  bottom: 40px;\n}\n.notebook-toolbar__add-menu .md-fab-action-item {\n  background-color: #ffffff;\n}\n\n.notebook-toolbar__add-icon {\n  border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n  float: right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float: left;\n}\n\nhighchart {\n  display: block;\n}","@use 'sass:map';\n\n// Colors\n$_primary-color: #1C8CA8; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 59%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map.get($color, 'text'),\n  'body-bg': map.get($color, 'gray-lighter')\n);\n\n$colors: (map-merge($color, $body-color));\n\n// Typography\n$baseline-grid:            8px;\n$body-font-size-base:      rem(1.500);\n$caption-font-size-base:   rem(1.300);\n\n// Layout\n$wise-toolbar-height: 42px;\n\n// Menus\n$menu-border-radius: 2px;\n$max-visible-items: 6;\n$menu-item-height: 6 * $baseline-grid !default;\n$dense-menu-item-height: 4 * $baseline-grid !default;\n$max-menu-height: 2 * $baseline-grid + $max-visible-items * $menu-item-height !default;\n$max-dense-menu-height: 2 * $baseline-grid + $max-visible-items * $dense-menu-item-height !default;\n\n// Cards\n$card-border-radius: 4px;\n\n// Buttons\n$button-border-radius: 3px;\n","// 1. Config\n\n// 2. Base\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative;\n\n  @media (min-width: $layout-breakpoint-xs) {\n      width: $layout-breakpoint-md;\n  }\n\n  @media (min-width: $layout-breakpoint-lg) {\n      width: $layout-breakpoint-lg;\n  }\n}\n\n.l-constrained-md {\n  width: $layout-breakpoint-sm;\n  max-width: 100%;\n}\n","// 1. Config\n\n// 2. Base\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid color('gray-lighter');\n}\n\n// Buttons\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex;\n}\n\n.button--footer__element {\n  padding-left: 8px;\n}\n","// 1. Config\n\n// 2. Base\n.l-header {\n    z-index: 3;\n\n    .logo {\n        margin-left: 0 !important;\n        height: 36px;\n        width: 36px;\n        vertical-align: middle;\n    }\n\n    .logo-link {\n        min-width: auto;\n        display: none;\n        padding: 0 4px;\n        margin-right: 12px;\n\n        @media only screen and (min-width: ($layout-breakpoint-xs)) {\n            display: block;\n        }\n\n        &:hover, &:focus {\n            border: 0 none;\n        }\n    }\n\n    // Handle mobile portrait\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        .md-toolbar-tools {\n            h1, h2, h3 {\n                font-size: $body-font-size-base;\n            }\n        }\n    }\n}\n","// 1. Config\n\n// 2. Base\n.l-main {\n  background-color: color('body-bg');\n}\n\n.l-main--with-toolbar {\n  margin-top: $wise-toolbar-height;\n}\n\n#content {\n  transition: margin-top 0.5s;\n}\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms;\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 16px;\n  }\n\n  &.ng-enter {\n    opacity: 0;\n  }\n\n  .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms;\n  }\n\n  &.ng-leave-active,\n  &.ng-hide {\n    opacity: 0;\n  }\n\n  &.ng-hide-add,\n  &.ng-hide-add-active,\n  &.ng-hide-remove,\n  &.ng-hide-remove-active {\n    opacity: 0;\n  }\n}\n\n.view-content--with-sidemenu {\n  padding: 8px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: 54px;\n    padding: 16px;\n  }\n}\n[dir='rtl'] .view-content--with-sidemenu {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: auto;\n    margin-right: 54px;\n  }\n}\n\n.content-head {\n  margin: 8px 0;\n\n  h1,\n  h2,\n  h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: rem(3.6);\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      font-size: rem(3.2);\n      text-align: center;\n    }\n  }\n}\n\n.content-head__more {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    margin-top: 8px;\n  }\n}\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px;\n\n  .md-subhead {\n    padding-left: 4px;\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      display: block;\n      padding-left: 0;\n    }\n  }\n\n  md-icon {\n    vertical-align: text-bottom;\n  }\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px;\n}\n","// 1. Config\n\n// 2. Base\n.l-notebook {\n    margin-top: $wise-toolbar-height;\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-nav {\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-sidebar {\n\n}\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: color('accent-1') !important;\n\n  md-select {\n    color: color('body');\n  }\n}",".status-icon {\n    margin: 0 4px;\n    z-index: 1;\n    vertical-align: bottom;\n}\n\n.md-button.status-icon {\n    height: auto;\n    width: auto;\n    min-height: 0;\n    line-height: inherit;\n    margin: 0 4px;\n    padding: 0;\n}\n\n.avatar--icon--alert {\n    background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n    font-size: 48px;\n    margin: -4px 0 0 -4px;\n}\n","md-dialog {\n    width: $layout-breakpoint-xs;\n}\n\n.dialog--wide {\n    width: $layout-breakpoint-sm;\n}\n\n.dialog--wider {\n    width: $layout-breakpoint-md;\n}\n",".help-bubble {\n    border-radius: $card-border-radius;\n    max-width: 320px;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        max-width: ($layout-breakpoint-xs - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-sm) {\n        max-width: ($layout-breakpoint-sm - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-md) {\n        max-width: ($layout-breakpoint-md - 48);\n    }\n}\n\n.help-bubble__title {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n}\n\n.help-bubble___title__content {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    padding: 0px 0 0 12px;\n    background-color: color('info');\n\n    .md-icon-button {\n        margin-right: 0;\n        padding-top: 0;\n        padding-bottom: 0;\n    }\n}\n\n.help-bubble__content {\n    overflow: auto;\n    padding: 8px 12px;\n    max-height: 480px;\n}\n\n.help-bubble__actions {\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n}\n","// Variables\n$input-action-width: 44px;\n$input-action-vertical-offset: 6px;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n.input-container {\n    padding-top: 12px;\n}\n\n.input-container--component {\n    margin-bottom: 0;\n}\n\n.input-container--open-response {\n    &.md-has-icon {\n        padding-left: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.input-wrapper {\n    position: relative;\n}\n\n.input-wrapper--focused {\n    .input--textarea__action md-icon {\n        color: color('primary');\n    }\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n    padding: 8px;\n    background-color: color('gray-lightest');\n    border: 1px solid color('gray');\n    margin-bottom: 8px;\n\n    &:focus {\n        background-color: #ffffff;\n    }\n\n    &[disabled] {\n        color: color('text-secondary');\n    }\n}\n\n.input-container textarea.input--textarea {\n    width: 100%;\n}\n\n.input--textarea--disabled {\n    color: color('text-secondary');\n}\n\n.input--textarea__action {\n    position: absolute;\n    right: -4px;\n\n    &[disabled] md-icon {\n        color: color('text-disabled') !important;\n    }\n}\n\n.input--textarea__action--notebook {\n    top: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        top: $input-action-vertical-offset-richtext\n    }\n}\n\n.input--textarea__action--revision {\n    bottom: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        bottom: ($input-action-vertical-offset-richtext + 2px);\n    }\n\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n    line-height: 1.2;\n    color: color('text');\n\n    &.input-label--focused {\n        color: color('primary');\n    }\n}\n\n.autocomplete {\n    input {\n        text-overflow: ellipsis;\n        overflow: hidden;\n        word-wrap: none;\n        font-weight: 500;\n        color: color('text-secondary');\n    }\n}\n\n.autocomplete--minwidth {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        min-width: 300px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        min-width: 300px;\n    }\n}\n\n.autocomplete--flat {\n    md-autocomplete-wrap {\n        background-color: #ffffff;\n\n        &:not(.md-menu-showing) {\n            box-shadow: none;\n            background-color: color('gray-lighter');\n        }\n    }\n}\n\n.select__header {\n    height: $menu-item-height;\n\n    input {\n        height: 100%;\n        width: 100%;\n        padding: 0 8px;\n        outline: none;\n        border: 0 none;\n        font-size: rem(1.4);\n        font-weight: 500;\n    }\n}\n",".table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0;\n\n  thead,\n  tbody,\n  tfoot {\n    // TODO: remove chaining when bootstrap dependency is removed\n    > tr > th,\n    > tr > td {\n      border: 1px solid color('gray');\n      padding: 6px;\n      font-size: rem(1.5);\n      min-height: 32px;\n      height: 32px;\n      min-width: 32px;\n      vertical-align: top;\n    }\n  }\n\n  td.inactive,\n  th {\n    background-color: color('gray-lightest');\n    opacity: 1;\n    visibility: visible;\n  }\n\n  md-input-container {\n    margin: 0;\n  }\n\n  .md-errors-spacer {\n    display: none;\n  }\n}\n\n.table--student {\n  td {\n    &.inactive {\n      padding: 8px 10px;\n    }\n  }\n}\n\n.table--full-width {\n  width: 100%;\n}\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto;\n\n  th,\n  td {\n    padding: 0 4px;\n    border: 0 none;\n  }\n\n  td {\n    min-height: 56px;\n    height: 56px;\n  }\n\n  tr {\n    &.md-button {\n      display: table-row;\n      text-align: left;\n      width: auto;\n      text-transform: none;\n      font-size: inherit;\n      font-weight: normal;\n    }\n  }\n}\n\n.table--list__wrap {\n  min-width: $layout-breakpoint-xs;\n}\n\n.table-wrap-sticky {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    overflow-x: auto;\n  }\n}\n\n.table--list__thead {\n  font-size: rem(1.4);\n  font-weight: 700;\n}\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0;\n}\n\n.table--list__thead__th {\n  background-color: color('gray-darker');\n  color: color('text-light');\n  min-height: $wise-toolbar-height;\n  height: $wise-toolbar-height;\n}\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%;\n}\n\n.table--list__thead__sort {\n  margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg);\n}\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2;\n}\n\n.td--max-width {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n",".md-toolbar-tools {\n    font-size: 18px;\n\n    .autocomplete {\n        height: 36px;\n\n        md-autocomplete-wrap {\n            height: 36px;\n        }\n\n        input {\n            height: 36px;\n        }\n    }\n}\n\n.md-toolbar--wise {\n    min-height: $wise-toolbar-height;\n\n    .md-toolbar-tools {\n        height: $wise-toolbar-height;\n        max-height: $wise-toolbar-height;\n    }\n\n    .md-button.md-icon-button {\n        height: $wise-toolbar-height;\n        line-height: $wise-toolbar-height;\n        width: $wise-toolbar-height;\n    }\n}\n\n.md-toolbar--wise--sm {\n    .md-toolbar-tools {\n        padding: 0 8px;\n        font-size: $body-font-size-base;\n    }\n}\n\n.md-toolbar--sidenav {\n    background-color: color('gray-darkest') !important;\n\n    .md-toolbar-tools {\n        font-size: rem(1.6);\n        font-weight: 500;\n    }\n}\n\n.toolbar {\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: $md-toolbar-height;\n    z-index: 3;\n}\n\n.toolbar__title {\n    margin-left: 8px;\n    font-size: rem(1.6);\n    font-weight: 500;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n    margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n    margin: 0 4px;\n    min-height: 32px;\n    background-color: color('gray-lightest');\n\n    .md-select-value {\n        height: 32px;\n        text-align: left;\n    }\n}\n[dir=rtl] {\n  .toolbar__select, .md-button.toolbar__select {\n      .md-select-value {\n          text-align: right;\n      }\n  }\n}\n\n.toolbar__select--fixedwidth {\n    width: 168px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 264px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 432px;\n    }\n}\n","// Helpers\n@function rem($multiplier) {\n    $font-size: 10px;\n    @return $multiplier * $font-size;\n}\n\n// Angular Material variables for use and !default overrides\n$md-toolbar-height: 52px;\n$md-toolbar-medium-tall-height: 74px;\n$md-toolbar-tall-height: 104px;\n$md-toolbar-height-mobile-portrait: 52px;\n$md-toolbar-height-mobile-landscape: 52px;\n\n$caption-font-size-base:   rem(1.300);\n\n//$list-item-height: 56px;\n\n$card-border-radius: 4px;\n\n$layout-breakpoint-xs:     600px;\n$layout-breakpoint-sm:     960px;\n$layout-breakpoint-md:     1280px;\n$layout-breakpoint-lg:     1920px;\n\n$button-border-radius: 3px;\n\n$tooltip-fontsize-lg: rem(1.1);\n$tooltip-fontsize-sm: rem(1.1);\n//$tooltip-height-lg: rem(2.2);\n$tooltip-height-sm: rem(2.2);\n//$tooltip-top-margin-lg: rem(1.4);\n$tooltip-top-margin-sm: rem(1.4);\n//$tooltip-lr-padding-lg: rem(0.8);\n$tooltip-lr-padding-sm: rem(0.8);\n//$tooltip-max-width: rem(3.20);\n\n$progress-linear-bar-height: 7px;\n",".list-item {\n    background-color: #ffffff;\n    border-bottom: 1px solid color('gray-lighter');\n\n    .md-subheader, &.md-subheader {\n        color: color('text');\n        background-color: #ffffff;\n\n        md-icon {\n            vertical-align: middle;\n        }\n\n        .md-subheader-inner {\n            padding: 0;\n        }\n\n        .md-avatar {\n            margin-right: 8px;\n        }\n    }\n\n    .autocomplete {\n        margin: 8px 0;\n    }\n}\n\n.list-item--info {\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('info') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--warn {\n    //background-color: lighten(color('warn'), 56%);\n\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('warn') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--expanded {\n    border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n    cursor: default;\n    background-color: color('gray-lightest');\n}\n\n.list-item--actions {\n    padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n    text-transform: none;\n    width: 100%;\n    padding: 8px 16px;\n    margin: 0;\n    white-space: normal;\n    text-align: left;\n    line-height: 1.4;\n}\n\n.user-list {\n    font-size: rem(1.5);\n}\n","#nav {\n    position: relative;\n}\n\n.nav {\n    margin-bottom: 16px;\n}\n\n.nav-mask {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-color: rgba(0,0,0,0.25);\n    z-index: 1;\n\n    &.ng-hide {\n        opacity: 0;\n    }\n}\n\n.nav-head {\n    color: color('text-secondary');\n    font-weight: 500;\n\n    md-icon {\n        line-height: 20px;\n    }\n}\n\n.nav-contents--root {\n    padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n    background-color: color('gray-light');\n    padding: 8px;\n}\n\n.nav-contents--root {\n    padding: 0;\n}\n\n.nav-contents__list {\n    padding: 0;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n    }\n}\n\n.nav-item {\n    transition: opacity 250ms ease-in-out;\n\n    &.prev {\n        md-list-item {\n            background-color: color('selected-bg');\n\n            /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/\n        }\n    }\n}\n\n.nav-item--card__content {\n    border-top-right-radius: $card-border-radius;\n    border-top-left-radius: $card-border-radius;\n\n    &:focus {\n        outline: none;\n\n        .nav-item__title > span {\n            border-bottom: 1px dashed color('gray');\n        }\n    }\n}\n\n.nav-item--root {\n    transition: margin 250ms, box-shadow 500ms;\n\n    &.expanded {\n        flex-basis: 100%;\n        //max-width: ($layout-breakpoint-md - 100) !important;\n        max-width: 100%;\n        max-height: none !important;\n        margin: 8px auto;\n\n        &:first-of-type {\n            margin-top: 0;\n        }\n\n        //@media only screen and (min-width: $layout-breakpoint-sm) {\n        //margin: 8px auto;\n        //}\n    }\n}\n\n//.nav-item--list {\n//}\n\n.nav-item--list__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-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
+{"version":3,"sources":["src/assets/wise5/themes/default/style/base/_presets.scss","src/assets/wise5/themes/default/style/monitor.css","src/assets/wise5/themes/default/style/base/_config.scss","src/assets/wise5/themes/default/style/layouts/_l-default.scss","src/assets/wise5/themes/default/style/layouts/_l-footer.scss","src/assets/wise5/themes/default/style/layouts/_l-header.scss","src/assets/wise5/themes/default/style/layouts/_l-main.scss","src/assets/wise5/themes/default/style/layouts/_l-notebook.scss","src/assets/wise5/themes/default/style/layouts/_l-nav.scss","src/assets/wise5/themes/default/style/layouts/_l-sidebar.scss","src/assets/wise5/themes/default/style/modules/_alerts.scss","src/assets/wise5/themes/default/style/modules/_dialog.scss","src/assets/wise5/themes/default/style/modules/_help.scss","src/assets/wise5/themes/default/style/modules/_inputs.scss","src/assets/wise5/themes/default/style/modules/_table.scss","src/assets/wise5/themes/default/style/modules/_toolbar.scss","src/assets/wise5/themes/default/style/material/_config.scss","src/assets/wise5/themes/default/style/modules/_list.scss","src/assets/wise5/themes/default/style/modules/_nav.scss","src/assets/wise5/themes/default/style/modules/_nav--grading.scss","src/assets/wise5/themes/default/style/modules/_menu.scss","src/assets/wise5/themes/default/style/modules/_node.scss","src/assets/wise5/themes/default/style/modules/_grading.scss","src/assets/wise5/themes/default/style/modules/_notebook.scss","src/assets/wise5/themes/default/style/modules/_notifications.scss","src/assets/wise5/themes/default/style/modules/_account-menu.scss","src/assets/wise5/themes/default/style/modules/_annotations.scss","src/assets/wise5/themes/default/style/modules/_annotations--grading.scss","src/assets/wise5/themes/default/style/modules/_component.scss","src/assets/wise5/themes/default/style/modules/_component--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,iBEUiB,CFRjB,cAAA,CAEA,iBAAA,CADA,eAAA,CAFA,eCJJ,CDUI,iBAGI,mBAAA,CADA,YAAA,CADA,WCNR,CDUQ,8CACI,qBCRZ,CDWQ,uBACI,uBCTZ,CDcA,aACI,wBAAA,CACA,UCXJ,CDcA,aACI,wBAAA,CACA,UCXJ,CDcA,gBACI,wBAAA,CACA,UCXJ,CDeA,qBACI,aCZJ,CDeA,iBACI,uBCZJ,CDgBA,EACE,aAAA,CACA,cCbF,CDgBA,QACI,kCAAA,CACA,qBCbJ,CDiBA,QACE,iBAAA,CACA,sBCdF,CDiBA,gBACE,iBCdF,CDmBE,cACE,WAAA,CACA,UChBJ,CDkBE,cACE,WAAA,CACA,UChBJ,CDkBE,cACE,WAAA,CACA,UChBJ,CDkBE,cACE,WAAA,CACA,UChBJ,CDqBA,cACE,qBAAA,CACA,4BClBF,CDoBE,8BACI,WClBN,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDwBE,wDACE,qBCrBJ,CDyBI,4EACE,qBCvBN,CD8BE,mDACE,uBC3BJ,CD6BE,mDACE,uBC3BJ,CD6BE,6CACE,uBC3BJ,CD6BE,6CACE,uBC3BJ,CD6BE,iDACE,uBC3BJ,CD6BE,qDACE,uBC3BJ,CD6BE,qDACE,uBC3BJ,CDgCA,uCACE,qBC7BF,CDgCA,uFACE,wBC7BF,CDgCA,2HAGE,wBAAA,CADA,aC5BF,CDmCI,SACE,aChCN,CD+BI,QACE,aC5BN,CD2BI,UACE,aCxBN,CDuBI,UACE,aCpBN,CDmBI,MACE,aChBN,CDeI,MACE,aCZN,CDWI,SACE,aCRN,CDOI,SACE,qBCJN,CDGI,eACE,aCAN,CDDI,cACE,UCIN,CDLI,YACE,UCQN,CDTI,MACE,UCYN,CDbI,WACE,UCgBN,CDjBI,aACE,aCoBN,CDrBI,cACE,UCwBN,CDzBI,MACE,qBC4BN,CD7BI,gBACE,qBCgCN,CDjCI,eACE,qBCoCN,CDrCI,YACE,UCwCN,CDzCI,sBACE,wBC4CN,CD7CI,qBACE,wBCgDN,CDjDI,aACE,aCoDN,CDrDI,OACE,aCwDN,CDzDI,MACE,qBC4DN,CD7DI,SACE,UCgEN,CD1DI,YACE,wBC6DN,CD9DI,WACE,wBCiEN,CDlEI,aACE,wBCqEN,CDtEI,aACE,wBCyEN,CD1EI,SACE,wBC6EN,CD9EI,SACE,wBCiFN,CDlFI,YACE,wBCqFN,CDtFI,YACE,gCCyFN,CD1FI,kBACE,wBC6FN,CD9FI,iBACE,qBCiGN,CDlGI,eACE,qBCqGN,CDtGI,SACE,qBCyGN,CD1GI,cACE,qBC6GN,CD9GI,gBACE,wBCiHN,CDlHI,iBACE,qBCqHN,CDtHI,SACE,gCCyHN,CD1HI,mBACE,gCC6HN,CD9HI,kBACE,gCCiIN,CDlII,eACE,qBCqIN,CDtII,yBACE,mCCyIN,CD1II,wBACE,mCC6IN,CD9II,gBACE,wBCiJN,CDlJI,UACE,wBCqJN,CDtJI,SACE,gCCyJN,CD1JI,YACE,qBC6JN,CDtJQ,kCACI,cCyJZ,CD1JQ,iCACI,cC6JZ,CD9JQ,mCACI,cCiKZ,CDlKQ,mCACI,cCqKZ,CDtKQ,+BACI,cCyKZ,CD1KQ,+BACI,cC6KZ,CD9KQ,kCACI,cCiLZ,CDlLQ,kCACI,sBCqLZ,CDtLQ,wCACI,cCyLZ,CD1LQ,uCACI,WC6LZ,CD9LQ,qCACI,WCiMZ,CDlMQ,+BACI,WCqMZ,CDtMQ,oCACI,WCyMZ,CD1MQ,sCACI,cC6MZ,CD9MQ,uCACI,WCiNZ,CDlNQ,+BACI,sBCqNZ,CDtNQ,yCACI,sBCyNZ,CD1NQ,wCACI,sBC6NZ,CD9NQ,qCACI,WCiOZ,CDlOQ,+CACI,yBCqOZ,CDtOQ,8CACI,yBCyOZ,CD1OQ,sCACI,cC6OZ,CD9OQ,gCACI,cCiPZ,CDlPQ,+BACI,sBCqPZ,CDtPQ,kCACI,WCyPZ,CE7dA,eACE,gBAAA,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","file":"monitor.css","sourcesContent":["// Config\n$avatar-icon-padding: 6px !default;\n$avatar-icon-padding-lg: 8px !default;\n\nbody {\n  background: color('body-bg');\n\n  &.vle {\n      overflow: hidden;\n  }\n}\n\na {\n    &:hover, &:focus { // TODO: remove when bootstrap css dependency is removed\n        color: color('primary');\n    }\n}\n\nblockquote {\n  background-color: lighten(color('primary'), 56%);\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: color('primary');\n  border-width: 0 0 0 3px;\n}\n\n.has-indicator {\n    &:after {\n        content: '';\n        position: absolute;\n        border-radius: 50%;\n        padding: 5px;\n        background-color: color('accent');\n    }\n}\n\n.has-indicator--icon-button {\n    &:after {\n        top: 25px;\n        left: 5px;\n    }\n}\n\n// Badges\n.badge {\n    border-radius: $card-border-radius;\n    padding: 2px 6px;\n    font-size: rem(1.2);\n    font-weight: 500;\n    font-style: normal;\n    background-color: color('gray-dark');\n\n    &.md-button {\n        min-width: 0;\n        min-height: 0;\n        line-height: inherit;\n\n        &:hover, &:focus {\n            background-color: color('gray-dark');\n        }\n\n        &:focus {\n            outline: 1px dotted color('gray-dark');\n        }\n    }\n}\n\n.badge--info {\n    background-color: color('info');\n    color: #ffffff;\n}\n\n.badge--warn {\n    background-color: color('warn');\n    color: #ffffff;\n}\n\n.badge--success {\n    background-color: color('success');\n    color: #ffffff;\n}\n\n// Dividers\n.divider--withmargin {\n    margin: 16px 0;\n}\n\n.divider--dashed {\n    border-top-style: dashed;\n}\n\n// Links\na {\n  color: color('primary');\n  cursor: pointer;\n}\n\n.active {\n    background-color: rgba(158,158,158,0.2);\n    color: color('text');\n}\n\n// Images & Icons\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box;\n}\n\n.avatar--square {\n  border-radius: $card-border-radius;\n}\n\n// Rules for sizing avatars (matches material icons plus avatar-icon padding)\n.avatar {\n  &.md-18 {\n    height: 18px + $avatar-icon-padding*2;\n    width: 18px + $avatar-icon-padding*2;\n  }\n  &.md-24 {\n    height: 24px + $avatar-icon-padding*2;\n    width: 24px + $avatar-icon-padding*2;\n  }\n  &.md-36 {\n    height: 36px + $avatar-icon-padding*2;\n    width: 36px + $avatar-icon-padding*2;\n  }\n  &.md-48 {\n    height: 48px + $avatar-icon-padding*2;\n    width: 48px + $avatar-icon-padding*2;\n  }\n}\n\n// Rules for sizing avatar backgrounds (when using a child md-icon)\n.avatar--icon {\n  background-color: color('gray-light');\n  white-space: normal !important;\n\n  &:not(.md-avatar) {\n      padding: $avatar-icon-padding;\n  }\n\n  &.md-18 {\n    height: 18px;\n    width: 18px;\n  }\n  &.md-24 {\n    height: 24px;\n    width: 24px;\n  }\n  &.md-36 {\n    height: 36px;\n    width: 36px;\n  }\n  &.md-48 {\n    height: 48px;\n    width: 48px;\n  }\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) {\n  md-icon {\n    color: color('text-secondary');\n  }\n\n  .md-button:disabled {\n    md-icon {\n      color: color('text-disabled');\n    }\n  }\n}\n\n// hacks for now\nmd-icon, .md-button:not([disabled]) {\n  &.primary {\n    color: color('primary') !important;\n  }\n  &.success {\n    color: color('success') !important;\n  }\n  &.warn {\n    color: color('warn') !important;\n  }\n  &.info {\n    color: color('info') !important;\n  }\n  &.accent {\n    color: color('accent') !important;\n  }\n  &.accent-1 {\n    color: color('accent-1') !important;\n  }\n  &.accent-2 {\n    color: color('accent-2') !important;\n  }\n}\n\n// Theme overrides\nmd-input-container.md-wise-theme label {\n  color: color('text');\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: color('selected-bg');\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: color('primary');\n  background-color: color('selected-bg');\n}\n\n// Color\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key} {\n      color: $value;\n    }\n}\n\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key}-bg {\n      background-color: $value;\n    }\n}\n\n// Set theme colors for angular-ui elements\n@each $key, $value in $colors {\n    md-progress-circular.#{$key} {\n        path {\n            stroke: $value;\n        }\n    }\n}\n","/*\n WISE Project Styles\n */\nbody {\n  background: #eeeeee;\n}\nbody.vle {\n  overflow: hidden;\n}\n\na:hover, a:focus {\n  color: #1565c0;\n}\n\nblockquote {\n  background-color: rgb(244.723943662, 249.0056338028, 253.876056338);\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: #1565c0;\n  border-width: 0 0 0 3px;\n}\n\n.has-indicator:after {\n  content: \"\";\n  position: absolute;\n  border-radius: 50%;\n  padding: 5px;\n  background-color: #F05843;\n}\n\n.has-indicator--icon-button:after {\n  top: 25px;\n  left: 5px;\n}\n\n.badge {\n  border-radius: 4px;\n  padding: 2px 6px;\n  font-size: 12px;\n  font-weight: 500;\n  font-style: normal;\n  background-color: #aaaaaa;\n}\n.badge.md-button {\n  min-width: 0;\n  min-height: 0;\n  line-height: inherit;\n}\n.badge.md-button:hover, .badge.md-button:focus {\n  background-color: #aaaaaa;\n}\n.badge.md-button:focus {\n  outline: 1px dotted #aaaaaa;\n}\n\n.badge--info {\n  background-color: #ef6c00;\n  color: #ffffff;\n}\n\n.badge--warn {\n  background-color: #c62828;\n  color: #ffffff;\n}\n\n.badge--success {\n  background-color: #00C853;\n  color: #ffffff;\n}\n\n.divider--withmargin {\n  margin: 16px 0;\n}\n\n.divider--dashed {\n  border-top-style: dashed;\n}\n\na {\n  color: #1565c0;\n  cursor: pointer;\n}\n\n.active {\n  background-color: rgba(158, 158, 158, 0.2);\n  color: rgba(0, 0, 0, 0.87);\n}\n\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box;\n}\n\n.avatar--square {\n  border-radius: 4px;\n}\n\n.avatar.md-18 {\n  height: 30px;\n  width: 30px;\n}\n.avatar.md-24 {\n  height: 36px;\n  width: 36px;\n}\n.avatar.md-36 {\n  height: 48px;\n  width: 48px;\n}\n.avatar.md-48 {\n  height: 60px;\n  width: 60px;\n}\n\n.avatar--icon {\n  background-color: #dddddd;\n  white-space: normal !important;\n}\n.avatar--icon:not(.md-avatar) {\n  padding: 6px;\n}\n.avatar--icon.md-18 {\n  height: 18px;\n  width: 18px;\n}\n.avatar--icon.md-24 {\n  height: 24px;\n  width: 24px;\n}\n.avatar--icon.md-36 {\n  height: 36px;\n  width: 36px;\n}\n.avatar--icon.md-48 {\n  height: 48px;\n  width: 48px;\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon {\n  color: rgba(0, 0, 0, 0.54);\n}\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon {\n  color: rgba(0, 0, 0, 0.26);\n}\n\nmd-icon.primary, .md-button:not([disabled]).primary {\n  color: #1565c0 !important;\n}\nmd-icon.success, .md-button:not([disabled]).success {\n  color: #00C853 !important;\n}\nmd-icon.warn, .md-button:not([disabled]).warn {\n  color: #c62828 !important;\n}\nmd-icon.info, .md-button:not([disabled]).info {\n  color: #ef6c00 !important;\n}\nmd-icon.accent, .md-button:not([disabled]).accent {\n  color: #F05843 !important;\n}\nmd-icon.accent-1, .md-button:not([disabled]).accent-1 {\n  color: #795C3A !important;\n}\nmd-icon.accent-2, .md-button:not([disabled]).accent-2 {\n  color: #CAD266 !important;\n}\n\nmd-input-container.md-wise-theme label {\n  color: rgba(0, 0, 0, 0.87);\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: rgb(235.5295774648, 243.6422535211, 252.8704225352);\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: #1565c0;\n  background-color: rgb(235.5295774648, 243.6422535211, 252.8704225352);\n}\n\n.primary {\n  color: #1565c0;\n}\n\n.accent {\n  color: #F05843;\n}\n\n.accent-1 {\n  color: #795C3A;\n}\n\n.accent-2 {\n  color: #CAD266;\n}\n\n.warn {\n  color: #c62828;\n}\n\n.info {\n  color: #ef6c00;\n}\n\n.success {\n  color: #00C853;\n}\n\n.divider {\n  color: rgba(0, 0, 0, 0.12);\n}\n\n.gray-lightest {\n  color: #f7f7f7;\n}\n\n.gray-lighter {\n  color: #eeeeee;\n}\n\n.gray-light {\n  color: #dddddd;\n}\n\n.gray {\n  color: #cccccc;\n}\n\n.gray-dark {\n  color: #aaaaaa;\n}\n\n.gray-darker {\n  color: #757575;\n}\n\n.gray-darkest {\n  color: #333333;\n}\n\n.text {\n  color: rgba(0, 0, 0, 0.87);\n}\n\n.text-secondary {\n  color: rgba(0, 0, 0, 0.54);\n}\n\n.text-disabled {\n  color: rgba(0, 0, 0, 0.26);\n}\n\n.text-light {\n  color: rgb(255, 255, 255);\n}\n\n.text-light-secondary {\n  color: rgba(255, 255, 255, 0.7);\n}\n\n.text-light-disabled {\n  color: rgba(255, 255, 255, 0.5);\n}\n\n.selected-bg {\n  color: rgb(235.5295774648, 243.6422535211, 252.8704225352);\n}\n\n.score {\n  color: #FFC107;\n}\n\n.body {\n  color: rgba(0, 0, 0, 0.87);\n}\n\n.body-bg {\n  color: #eeeeee;\n}\n\n.primary-bg {\n  background-color: #1565c0;\n}\n\n.accent-bg {\n  background-color: #F05843;\n}\n\n.accent-1-bg {\n  background-color: #795C3A;\n}\n\n.accent-2-bg {\n  background-color: #CAD266;\n}\n\n.warn-bg {\n  background-color: #c62828;\n}\n\n.info-bg {\n  background-color: #ef6c00;\n}\n\n.success-bg {\n  background-color: #00C853;\n}\n\n.divider-bg {\n  background-color: rgba(0, 0, 0, 0.12);\n}\n\n.gray-lightest-bg {\n  background-color: #f7f7f7;\n}\n\n.gray-lighter-bg {\n  background-color: #eeeeee;\n}\n\n.gray-light-bg {\n  background-color: #dddddd;\n}\n\n.gray-bg {\n  background-color: #cccccc;\n}\n\n.gray-dark-bg {\n  background-color: #aaaaaa;\n}\n\n.gray-darker-bg {\n  background-color: #757575;\n}\n\n.gray-darkest-bg {\n  background-color: #333333;\n}\n\n.text-bg {\n  background-color: rgba(0, 0, 0, 0.87);\n}\n\n.text-secondary-bg {\n  background-color: rgba(0, 0, 0, 0.54);\n}\n\n.text-disabled-bg {\n  background-color: rgba(0, 0, 0, 0.26);\n}\n\n.text-light-bg {\n  background-color: rgb(255, 255, 255);\n}\n\n.text-light-secondary-bg {\n  background-color: rgba(255, 255, 255, 0.7);\n}\n\n.text-light-disabled-bg {\n  background-color: rgba(255, 255, 255, 0.5);\n}\n\n.selected-bg-bg {\n  background-color: rgb(235.5295774648, 243.6422535211, 252.8704225352);\n}\n\n.score-bg {\n  background-color: #FFC107;\n}\n\n.body-bg {\n  background-color: rgba(0, 0, 0, 0.87);\n}\n\n.body-bg-bg {\n  background-color: #eeeeee;\n}\n\nmd-progress-circular.primary path {\n  stroke: #1565c0;\n}\n\nmd-progress-circular.accent path {\n  stroke: #F05843;\n}\n\nmd-progress-circular.accent-1 path {\n  stroke: #795C3A;\n}\n\nmd-progress-circular.accent-2 path {\n  stroke: #CAD266;\n}\n\nmd-progress-circular.warn path {\n  stroke: #c62828;\n}\n\nmd-progress-circular.info path {\n  stroke: #ef6c00;\n}\n\nmd-progress-circular.success path {\n  stroke: #00C853;\n}\n\nmd-progress-circular.divider path {\n  stroke: rgba(0, 0, 0, 0.12);\n}\n\nmd-progress-circular.gray-lightest path {\n  stroke: #f7f7f7;\n}\n\nmd-progress-circular.gray-lighter path {\n  stroke: #eeeeee;\n}\n\nmd-progress-circular.gray-light path {\n  stroke: #dddddd;\n}\n\nmd-progress-circular.gray path {\n  stroke: #cccccc;\n}\n\nmd-progress-circular.gray-dark path {\n  stroke: #aaaaaa;\n}\n\nmd-progress-circular.gray-darker path {\n  stroke: #757575;\n}\n\nmd-progress-circular.gray-darkest path {\n  stroke: #333333;\n}\n\nmd-progress-circular.text path {\n  stroke: rgba(0, 0, 0, 0.87);\n}\n\nmd-progress-circular.text-secondary path {\n  stroke: rgba(0, 0, 0, 0.54);\n}\n\nmd-progress-circular.text-disabled path {\n  stroke: rgba(0, 0, 0, 0.26);\n}\n\nmd-progress-circular.text-light path {\n  stroke: rgb(255, 255, 255);\n}\n\nmd-progress-circular.text-light-secondary path {\n  stroke: rgba(255, 255, 255, 0.7);\n}\n\nmd-progress-circular.text-light-disabled path {\n  stroke: rgba(255, 255, 255, 0.5);\n}\n\nmd-progress-circular.selected-bg path {\n  stroke: rgb(235.5295774648, 243.6422535211, 252.8704225352);\n}\n\nmd-progress-circular.score path {\n  stroke: #FFC107;\n}\n\nmd-progress-circular.body path {\n  stroke: rgba(0, 0, 0, 0.87);\n}\n\nmd-progress-circular.body-bg path {\n  stroke: #eeeeee;\n}\n\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative;\n}\n@media (min-width: 600px) {\n  .l-constrained {\n    width: 1280px;\n  }\n}\n@media (min-width: 1920px) {\n  .l-constrained {\n    width: 1920px;\n  }\n}\n\n.l-constrained-md {\n  width: 960px;\n  max-width: 100%;\n}\n\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid #eeeeee;\n}\n\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex;\n}\n\n.button--footer__element {\n  padding-left: 8px;\n}\n\n.l-header {\n  z-index: 3;\n}\n.l-header .logo {\n  margin-left: 0 !important;\n  height: 36px;\n  width: 36px;\n  vertical-align: middle;\n}\n.l-header .logo-link {\n  min-width: auto;\n  display: none;\n  padding: 0 4px;\n  margin-right: 12px;\n}\n@media only screen and (min-width: 600px) {\n  .l-header .logo-link {\n    display: block;\n  }\n}\n.l-header .logo-link:hover, .l-header .logo-link:focus {\n  border: 0 none;\n}\n@media only screen and (max-width: 599px) {\n  .l-header .md-toolbar-tools h1, .l-header .md-toolbar-tools h2, .l-header .md-toolbar-tools h3 {\n    font-size: 15px;\n  }\n}\n\n.l-main {\n  background-color: #eeeeee;\n}\n\n.l-main--with-toolbar {\n  margin-top: 42px;\n}\n\n#content {\n  transition: margin-top 0.5s;\n}\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms;\n}\n@media only screen and (min-width: 960px) {\n  .view-content {\n    padding: 16px;\n  }\n}\n.view-content.ng-enter {\n  opacity: 0;\n}\n.view-content .ng-enter-active {\n  opacity: 1;\n  transition-delay: 250ms;\n}\n.view-content.ng-leave-active, .view-content.ng-hide {\n  opacity: 0;\n}\n.view-content.ng-hide-add, .view-content.ng-hide-add-active, .view-content.ng-hide-remove, .view-content.ng-hide-remove-active {\n  opacity: 0;\n}\n\n.view-content--with-sidemenu {\n  padding: 8px;\n}\n@media only screen and (min-width: 600px) {\n  .view-content--with-sidemenu {\n    margin-left: 54px;\n    padding: 16px;\n  }\n}\n\n@media only screen and (min-width: 600px) {\n  [dir=rtl] .view-content--with-sidemenu {\n    margin-left: auto;\n    margin-right: 54px;\n  }\n}\n\n.content-head {\n  margin: 8px 0;\n}\n.content-head h1,\n.content-head h2,\n.content-head h3 {\n  font-weight: 300;\n  margin-top: 0;\n  margin-bottom: 0;\n  font-size: 36px;\n}\n@media only screen and (max-width: 959px) {\n  .content-head h1,\n  .content-head h2,\n  .content-head h3 {\n    font-size: 32px;\n    text-align: center;\n  }\n}\n\n@media only screen and (max-width: 959px) {\n  .content-head__more {\n    margin-top: 8px;\n  }\n}\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px;\n}\n.content-head__item .md-subhead,\nh2.content-head__item .md-subhead {\n  padding-left: 4px;\n}\n@media only screen and (max-width: 959px) {\n  .content-head__item .md-subhead,\n  h2.content-head__item .md-subhead {\n    display: block;\n    padding-left: 0;\n  }\n}\n.content-head__item md-icon,\nh2.content-head__item md-icon {\n  vertical-align: text-bottom;\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px;\n}\n\n.l-nav {\n  background-color: #eeeeee !important;\n}\n\n.l-notebook {\n  margin-top: 42px;\n  background-color: #eeeeee !important;\n}\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: #795C3A !important;\n}\n.l-sidebar__header md-select {\n  color: rgba(0, 0, 0, 0.87);\n}\n\n.status-icon {\n  margin: 0 4px;\n  z-index: 1;\n  vertical-align: bottom;\n}\n\n.md-button.status-icon {\n  height: auto;\n  width: auto;\n  min-height: 0;\n  line-height: inherit;\n  margin: 0 4px;\n  padding: 0;\n}\n\n.avatar--icon--alert {\n  background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n  font-size: 48px;\n  margin: -4px 0 0 -4px;\n}\n\nmd-dialog {\n  width: 600px;\n}\n\n.dialog--wide {\n  width: 960px;\n}\n\n.dialog--wider {\n  width: 1280px;\n}\n\n.help-bubble {\n  border-radius: 4px;\n  max-width: 320px;\n}\n@media (min-width: 600px) {\n  .help-bubble {\n    max-width: 552px;\n  }\n}\n@media (min-width: 960px) {\n  .help-bubble {\n    max-width: 912px;\n  }\n}\n@media (min-width: 1280px) {\n  .help-bubble {\n    max-width: 1232px;\n  }\n}\n\n.help-bubble__title {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n}\n\n.help-bubble___title__content {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  padding: 0px 0 0 12px;\n  background-color: #ef6c00;\n}\n.help-bubble___title__content .md-icon-button {\n  margin-right: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n}\n\n.help-bubble__content {\n  overflow: auto;\n  padding: 8px 12px;\n  max-height: 480px;\n}\n\n.help-bubble__actions {\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n}\n\n.input-container {\n  padding-top: 12px;\n}\n\n.input-container--component {\n  margin-bottom: 0;\n}\n\n.input-container--open-response.md-has-icon {\n  padding-left: 0;\n}\n.input-container--open-response .md-errors-spacer {\n  display: none;\n}\n\n.input-wrapper {\n  position: relative;\n}\n\n.input-wrapper--focused .input--textarea__action md-icon {\n  color: #1565c0;\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n  padding: 8px;\n  background-color: #f7f7f7;\n  border: 1px solid #cccccc;\n  margin-bottom: 8px;\n}\n.input--textarea:focus, .input-container textarea.input--textarea:focus {\n  background-color: #ffffff;\n}\n.input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n  color: rgba(0, 0, 0, 0.54);\n}\n\n.input-container textarea.input--textarea {\n  width: 100%;\n}\n\n.input--textarea--disabled {\n  color: rgba(0, 0, 0, 0.54);\n}\n\n.input--textarea__action {\n  position: absolute;\n  right: -4px;\n}\n.input--textarea__action[disabled] md-icon {\n  color: rgba(0, 0, 0, 0.26) !important;\n}\n\n.input--textarea__action--notebook {\n  top: 6px;\n}\n.input-wrapper--richtext .input--textarea__action--notebook {\n  top: -7px;\n}\n\n.input--textarea__action--revision {\n  bottom: 6px;\n}\n.input-wrapper--richtext .input--textarea__action--revision {\n  bottom: -5px;\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n  line-height: 1.2;\n  color: rgba(0, 0, 0, 0.87);\n}\n.input-label.input-label--focused, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused {\n  color: #1565c0;\n}\n\n.autocomplete input {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  word-wrap: none;\n  font-weight: 500;\n  color: rgba(0, 0, 0, 0.54);\n}\n\n@media only screen and (min-width: 600px) {\n  .autocomplete--minwidth {\n    min-width: 300px;\n  }\n}\n@media only screen and (min-width: 960px) {\n  .autocomplete--minwidth {\n    min-width: 300px;\n  }\n}\n\n.autocomplete--flat md-autocomplete-wrap {\n  background-color: #ffffff;\n}\n.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n  box-shadow: none;\n  background-color: #eeeeee;\n}\n\n.select__header {\n  height: 48px;\n}\n.select__header input {\n  height: 100%;\n  width: 100%;\n  padding: 0 8px;\n  outline: none;\n  border: 0 none;\n  font-size: 14px;\n  font-weight: 500;\n}\n\n.table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0;\n}\n.table thead > tr > th,\n.table thead > tr > td,\n.table tbody > tr > th,\n.table tbody > tr > td,\n.table tfoot > tr > th,\n.table tfoot > tr > td {\n  border: 1px solid #cccccc;\n  padding: 6px;\n  font-size: 15px;\n  min-height: 32px;\n  height: 32px;\n  min-width: 32px;\n  vertical-align: top;\n}\n.table td.inactive,\n.table th {\n  background-color: #f7f7f7;\n  opacity: 1;\n  visibility: visible;\n}\n.table md-input-container {\n  margin: 0;\n}\n.table .md-errors-spacer {\n  display: none;\n}\n\n.table--student td.inactive {\n  padding: 8px 10px;\n}\n\n.table--full-width {\n  width: 100%;\n}\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto;\n}\n.table--list th,\n.table--list td {\n  padding: 0 4px;\n  border: 0 none;\n}\n.table--list td {\n  min-height: 56px;\n  height: 56px;\n}\n.table--list tr.md-button {\n  display: table-row;\n  text-align: left;\n  width: auto;\n  text-transform: none;\n  font-size: inherit;\n  font-weight: normal;\n}\n\n.table--list__wrap {\n  min-width: 600px;\n}\n\n@media only screen and (max-width: 959px) {\n  .table-wrap-sticky {\n    overflow-x: auto;\n  }\n}\n\n.table--list__thead {\n  font-size: 14px;\n  font-weight: 700;\n}\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0;\n}\n\n.table--list__thead__th {\n  background-color: #757575;\n  color: rgb(255, 255, 255);\n  min-height: 42px;\n  height: 42px;\n}\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%;\n}\n\n.table--list__thead__sort {\n  margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg);\n}\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2;\n}\n\n@media only screen and (max-width: 959px) {\n  .td--max-width {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n\n.md-toolbar-tools {\n  font-size: 18px;\n}\n.md-toolbar-tools .autocomplete {\n  height: 36px;\n}\n.md-toolbar-tools .autocomplete md-autocomplete-wrap {\n  height: 36px;\n}\n.md-toolbar-tools .autocomplete input {\n  height: 36px;\n}\n\n.md-toolbar--wise {\n  min-height: 42px;\n}\n.md-toolbar--wise .md-toolbar-tools {\n  height: 42px;\n  max-height: 42px;\n}\n.md-toolbar--wise .md-button.md-icon-button {\n  height: 42px;\n  line-height: 42px;\n  width: 42px;\n}\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n  padding: 0 8px;\n  font-size: 15px;\n}\n\n.md-toolbar--sidenav {\n  background-color: #333333 !important;\n}\n.md-toolbar--sidenav .md-toolbar-tools {\n  font-size: 16px;\n  font-weight: 500;\n}\n\n.toolbar {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 52px;\n  z-index: 3;\n}\n\n.toolbar__title {\n  margin-left: 8px;\n  font-size: 16px;\n  font-weight: 500;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n  margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n  margin: 0 4px;\n  min-height: 32px;\n  background-color: #f7f7f7;\n}\n.toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n  height: 32px;\n  text-align: left;\n}\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n  text-align: right;\n}\n\n.toolbar__select--fixedwidth {\n  width: 168px;\n}\n@media only screen and (min-width: 600px) {\n  .toolbar__select--fixedwidth {\n    width: 264px;\n  }\n}\n@media only screen and (min-width: 960px) {\n  .toolbar__select--fixedwidth {\n    width: 432px;\n  }\n}\n\n.list-item {\n  background-color: #ffffff;\n  border-bottom: 1px solid #eeeeee;\n}\n.list-item .md-subheader, .list-item.md-subheader {\n  color: rgba(0, 0, 0, 0.87);\n  background-color: #ffffff;\n}\n.list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n  vertical-align: middle;\n}\n.list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n  padding: 0;\n}\n.list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n  margin-right: 8px;\n}\n.list-item .autocomplete {\n  margin: 8px 0;\n}\n\n.list-item--info._md-button-wrap > div.md-button:first-child, .list-item--info .md-subheader-content {\n  border-left: 4px solid #ef6c00 !important;\n  margin-left: -4px;\n}\n\n.list-item--warn._md-button-wrap > div.md-button:first-child, .list-item--warn .md-subheader-content {\n  border-left: 4px solid #c62828 !important;\n  margin-left: -4px;\n}\n\n.list-item--expanded {\n  border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n  cursor: default;\n  background-color: #f7f7f7;\n}\n\n.list-item--actions {\n  padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n  text-transform: none;\n  width: 100%;\n  padding: 8px 16px;\n  margin: 0;\n  white-space: normal;\n  text-align: left;\n  line-height: 1.4;\n}\n\n.user-list {\n  font-size: 15px;\n}\n\n#nav {\n  position: relative;\n}\n\n.nav {\n  margin-bottom: 16px;\n}\n\n.nav-mask {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: rgba(0, 0, 0, 0.25);\n  z-index: 1;\n}\n.nav-mask.ng-hide {\n  opacity: 0;\n}\n\n.nav-head {\n  color: rgba(0, 0, 0, 0.54);\n  font-weight: 500;\n}\n.nav-head md-icon {\n  line-height: 20px;\n}\n\n.nav-contents--root {\n  padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n  background-color: #dddddd;\n  padding: 8px;\n}\n\n.nav-contents--root {\n  padding: 0;\n}\n\n.nav-contents__list {\n  padding: 0;\n}\n@media (min-width: 600px) {\n  .nav-contents__list {\n    padding: 8px;\n  }\n}\n\n.nav-item {\n  transition: opacity 250ms ease-in-out;\n}\n.nav-item.prev md-list-item {\n  background-color: rgb(235.5295774648, 243.6422535211, 252.8704225352);\n  /*&._md-button-wrap>div.md-button:first-child {\n      border-left: 4px solid color('primary');\n      margin-left: -4px;\n  }*/\n}\n\n.nav-item--card__content {\n  border-top-right-radius: 4px;\n  border-top-left-radius: 4px;\n}\n.nav-item--card__content:focus {\n  outline: none;\n}\n.nav-item--card__content:focus .nav-item__title > span {\n  border-bottom: 1px dashed #cccccc;\n}\n\n.nav-item--root {\n  transition: margin 250ms, box-shadow 500ms;\n}\n.nav-item--root.expanded {\n  flex-basis: 100%;\n  max-width: 100%;\n  max-height: none !important;\n  margin: 8px auto;\n}\n.nav-item--root.expanded:first-of-type {\n  margin-top: 0;\n}\n\n.nav-item--list__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.node-content {\n  padding: 0 0 48px;\n  background-color: #ffffff;\n  border-radius: 3px;\n  overflow: visible;\n}\n@media only screen and (max-width: 599px) {\n  .node-content {\n    box-shadow: none;\n  }\n}\n@media only screen and (min-width: 600px) {\n  .node-content {\n    padding: 0;\n    border-top: 2px solid;\n    border-bottom: 2px solid;\n  }\n}\n\nmd-content.node-content {\n  background-color: #ffffff;\n}\n\n.node-content__rubric {\n  position: absolute;\n  top: -22px;\n  left: 0;\n  right: 0;\n  z-index: 1;\n}\n.node-content__rubric .avatar--icon {\n  transform: scale(0.94);\n}\n@media only screen and (max-width: 599px) {\n  .node-content__rubric .avatar--icon {\n    transform: scale(0.8);\n  }\n}\n\n.node-icon {\n  color: #ffffff;\n  vertical-align: inherit;\n}\n\n.node-select {\n  margin: 0 8px;\n  min-width: 0;\n  font-weight: 500;\n  font-size: 15px;\n}\n.node-select .md-select-value *:first-child {\n  transform: translate3d(0, 0, 0);\n  flex: 1 0 0;\n}\n.node-select .md-select-value .node-select__icon {\n  display: none;\n}\n.node-select .md-select-value .node-select__status {\n  display: none;\n}\n.node-select .md-select-icon {\n  margin-left: 0;\n  color: rgba(0, 0, 0, 0.87);\n}\n\n.node-select-option--group {\n  background-color: #f7f7f7;\n  border-bottom: 1px solid #eeeeee;\n  border-top: 1px solid #eeeeee;\n}\n\n.node-select-option--node {\n  padding-left: 20px;\n}\n\n.node-select__icon {\n  margin-right: 8px;\n}\n\n.node-select__status {\n  margin-left: 8px;\n}\n\n.node-select__text {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n}\n@media only screen and (min-width: 600px) {\n  .node-select__text {\n    margin-top: 2px;\n  }\n}\n\n.node-title {\n  line-height: 1.2;\n  text-transform: none;\n  margin-top: 3px;\n}\n@media only screen and (max-width: 599px) {\n  .node-title {\n    font-size: 15px;\n  }\n}\n\n.node-content__actions {\n  padding: 0 16px 16px;\n}\n@media only screen and (min-width: 960px) {\n  .node-content__actions {\n    padding: 0 24px 24px;\n  }\n}\n.node-content__actions .md-button:first-child {\n  margin-left: 0;\n}\n.node-content__actions .md-button:last-child {\n  margin-right: 0;\n}\n\n.node-content__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54);\n}\n\n.node-content__actions__more {\n  border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav:first-of-type {\n  margin-right: 0;\n}\n\n@media only screen and (min-width: 600px) {\n  .node-sidebar-active {\n    margin-right: 68px;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .node-sidebar-visible {\n    margin-bottom: 42px;\n  }\n}\n\n.node-sidebar {\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 52px;\n}\n\n.node-sidebar__toolbar {\n  position: fixed;\n  width: 52px;\n  background-color: #ffffff;\n  padding: 8px 0;\n  border-radius: 3px;\n}\n@media only screen and (max-width: 599px) {\n  .node-sidebar__toolbar {\n    right: 0;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    border-radius: 0;\n    padding: 0;\n    min-height: 0;\n    height: 42px;\n  }\n}\n\n.node__label--vertical-alignment {\n  vertical-align: middle;\n  display: inline-block;\n}\n\n.grading__item-container {\n  margin: 0 0 16px;\n  padding: 0 !important;\n}\n\n.grading__item {\n  background-color: #ffffff;\n}\n.grading__item .component {\n  padding: 0;\n}\n\nnotebook-report {\n  position: absolute;\n  bottom: 0;\n  right: 66px;\n  transition: right 250ms;\n  z-index: 3;\n}\nnotebook-report.report-full {\n  left: 8px;\n  right: 8px;\n  top: 8px;\n  bottom: 8px;\n}\n@media only screen and (min-width: 960px) {\n  notebook-report.notes-visible {\n    right: 474px;\n  }\n}\n\n.notebook-sidebar {\n  width: 270px;\n  max-width: none;\n}\n@media only screen and (min-width: 600px) {\n  .notebook-sidebar {\n    width: 450px;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .notebook-enabled .md-fab-bottom-right, .notebook-enabled .md-fab-bottom-left {\n    bottom: 50px !important;\n  }\n}\n.notification-btn {\n  width: 60px !important;\n}\n.notification-btn md-icon {\n  margin-left: 20px;\n}\n\n.notification-count {\n  border-radius: 50%;\n  position: absolute;\n  background-color: #F05843;\n  width: 22px;\n  top: 12px;\n  left: -18px;\n  height: 22px;\n  line-height: 22px;\n  font-size: 12px;\n  font-weight: 700;\n  border: 2px solid;\n}\n.notification-count:before {\n  content: \"\";\n  position: absolute;\n  right: -7px;\n  top: 6px;\n  border-left: 6px solid rgba(255, 255, 255, 0.87);\n  border-top: 4px solid transparent;\n  border-bottom: 4px solid transparent;\n}\n\n.notification-list {\n  padding: 8px 0;\n}\n\n.notification-dismiss {\n  width: 500px;\n}\n\n.notification-dismiss__input {\n  margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source {\n  color: rgba(0, 0, 0, 0.54);\n  font-size: 12px;\n}\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon {\n  font-size: 18px;\n  min-width: 0;\n  width: auto;\n  margin-left: -4px;\n  line-height: 20px;\n}\n\n.account-menu {\n  border-radius: 4px;\n  padding: 0;\n  font-size: 15px;\n  max-width: 380px;\n}\n@media (min-width: 1280px) {\n  .account-menu {\n    min-width: 380px !important;\n  }\n}\n.account-menu h3 {\n  margin: 0;\n  font-weight: 300;\n}\n.account-menu .mat-mdc-menu-content {\n  padding: 0;\n}\n\n.account-menu--fixed-height {\n  height: 304px;\n}\n\n.account-menu--fixed-width {\n  width: 320px;\n}\n@media (min-width: 960px) {\n  .account-menu--fixed-width {\n    width: 380px;\n  }\n}\n\n.account-menu__icon {\n  background-color: rgb(255, 255, 255);\n  border-radius: 50%;\n}\n\n.account-menu__caret {\n  position: absolute;\n  right: 28px;\n  top: -8px;\n  outline: none;\n}\n.account-menu__caret:before {\n  content: \"\";\n  position: absolute;\n  border-bottom: 8px solid #fff;\n  border-left: 8px solid transparent;\n  border-right: 8px solid transparent;\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n  right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n  right: 132px;\n}\n\n[dir=rtl] .account-menu__caret {\n  right: auto;\n  left: 28px;\n}\n[dir=rtl] .account-menu__caret--pause, [dir=rtl] .account-menu__caret--notification {\n  left: 80px;\n  right: auto;\n}\n[dir=rtl] .account-menu__caret--notification--with-pause {\n  left: 132px;\n  right: auto;\n}\n\n.account-menu__info {\n  padding: 8px 12px;\n}\n\n.account-menu__info__title {\n  font-weight: 500;\n}\n\n.account-menu__info__team {\n  font-weight: 400;\n  color: rgba(0, 0, 0, 0.54);\n}\n\n.account-menu__users {\n  padding: 0;\n}\n.account-menu__users md-list-item {\n  padding: 0;\n}\n.account-menu__users md-list-item .md-avatar {\n  margin: 0 8px 0 0;\n  height: 48px;\n  width: 48px;\n}\n\n.account-menu__actions {\n  background-color: #f7f7f7;\n}\n\n.account-menu__control {\n  padding: 16px;\n}\n\n.annotations {\n  margin: 16px 4px 16px 62px;\n  position: relative;\n  font-size: 15px;\n}\n.annotations hr {\n  margin: 10px 0 8px;\n  border-color: rgba(0, 0, 0, 0.12);\n}\n.annotations:after {\n  content: \"\";\n  position: absolute;\n  width: 0;\n  height: 0;\n  left: -15px;\n  right: auto;\n  top: -1px;\n  bottom: auto;\n  border-top: 20px solid transparent;\n  border-bottom: 20px solid transparent;\n  border-right: 16px solid #757575;\n}\n\n.annotations-container--student--report {\n  border-top: 1px solid #dddddd;\n}\n\n.annotations--report {\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n.annotations__header {\n  position: relative;\n  border-top-right-radius: 4px;\n  padding: 10px 12px;\n  font-weight: 700;\n  transition: all 1s;\n  color: #ffffff;\n  background-color: #757575;\n}\n\n.annotations__avatar {\n  background-color: #F05843;\n  padding: 2px;\n  position: absolute;\n  top: 0;\n  left: -62px;\n}\n\n.annotations__icon {\n  transition: all 1s;\n  color: #ffffff;\n}\n\n.annotations__body {\n  padding: 12px;\n  background-color: #ffffff;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  overflow: auto;\n}\n\n.annotations__status {\n  background-color: #ffffff;\n  color: #ef6c00;\n  display: inline-block;\n  margin-left: 8px;\n  font-size: 12px;\n}\n.annotations__status.ng-enter, .annotations__status.ng-leave {\n  transition: all 1s;\n}\n.annotations__status.ng-enter, .annotations__status.ng-leave.ng-leave-active {\n  opacity: 0;\n}\n.annotations__status.ng-leave, .annotations__status.ng-enter.ng-enter-active {\n  opacity: 1;\n}\n\n.annotations__score {\n  font-weight: 700;\n}\n\n.annotations__info {\n  font-style: italic;\n  opacity: 0.8;\n  border-bottom: 1px dotted;\n  font-size: 13px;\n}\n\n.annotations--inside .annotations {\n  margin-left: 72px;\n}\n\n.annotations--info {\n  margin-bottom: 32px;\n  margin-right: 8px;\n  margin-left: 72px;\n}\n@media only screen and (min-width: 600px) {\n  .annotations--info {\n    margin: 16px 16px 32px 76px;\n  }\n}\n.annotations--info:after {\n  border-right: 16px solid #ef6c00;\n}\n.annotations--info .annotations__avatar {\n  background-color: #ffffff;\n}\n.annotations--info .annotations__header {\n  background-color: #ef6c00;\n}\n\n.annotations--grading md-input-container {\n  margin-bottom: 0;\n}\n.annotations--grading .md-errors-spacer {\n  display: none;\n}\n.annotations--grading .mat-mdc-form-field-subscript-wrapper {\n  display: none;\n}\n\n.annotations--grading--revision {\n  margin: 8px 0 0;\n  padding: 8px;\n}\n\n.annotations--notebook {\n  margin-top: 16px;\n}\n\n.annotations--grading__info {\n  font-style: italic;\n  margin: 8px 8px 4px;\n}\n\n.annotations--grading__item {\n  padding: 8px;\n}\n\n.annotations--grading__score input {\n  margin-top: 0 !important;\n  font-size: 18px;\n  width: 52px;\n  text-align: center;\n}\n.annotations--grading__score .mat-mdc-form-field-infix {\n  width: auto;\n}\n\n.annotations--grading__score__label {\n  transform: none !important;\n  width: auto;\n  display: block;\n  padding: 0;\n  margin: 0 8px 0 0;\n}\n\n.annotations--grading__score__max label {\n  display: none;\n}\n\n.annotations--grading__score__divider {\n  position: relative;\n  top: 12px;\n  margin-left: 4px;\n}\n\n.annotations--grading__auto-comment {\n  margin: 0 2px;\n}\n\n.annotations--grading__auto-comment__content {\n  margin-top: 8px;\n}\n\n.component {\n  position: relative;\n}\n\n.component__wrapper {\n  padding: 0 24px;\n  margin: 24px 0;\n}\n\n.component__content {\n  overflow-x: auto;\n  font-size: 15px;\n  overflow-y: hidden;\n}\n@media only screen and (min-width: 600px) {\n  .component__content {\n    padding: 0 8px;\n  }\n}\n\nh3.component__header {\n  padding: 8px 12px;\n  margin: 0;\n  font-size: 14px;\n}\n\n.component__rubric {\n  position: absolute;\n  left: -20px;\n  top: 12px;\n}\n\n.notebook-enabled .component_content img {\n  transition: all 250ms;\n  cursor: pointer;\n  cursor: copy;\n}\n.notebook-enabled .component_content img:hover, .notebook-enabled .component_content img:focus {\n  box-shadow: 0 0 5px 1px #F05843;\n}\n\n.component__actions .md-button:first-child {\n  margin-left: 0;\n}\n.component__actions .md-button:last-child {\n  margin-right: 0;\n}\n\n.component__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54);\n  font-weight: 400;\n}\n\n.component__actions__more {\n  border-bottom: 1px dotted;\n}\n\n.component__prompt {\n  margin-bottom: 8px;\n  font-weight: 500;\n}\n\n.component__prompt__content {\n  display: inline;\n}\n\n.component__attachment {\n  position: relative;\n  margin: 0 8px;\n  padding-bottom: 8px;\n}\n@media only screen and (min-width: 600px) {\n  .component__attachment {\n    padding-top: 8px;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .component__add-attachment {\n    width: 100%;\n  }\n}\n\n.component__attachment__content {\n  max-height: 100px;\n  width: auto;\n}\n\n.component__attachment__delete {\n  position: absolute;\n  top: 0;\n  right: 0;\n  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: rgb(235.5295774648, 243.6422535211, 252.8704225352);\n}\n\n.component--grading__annotations__divider {\n  padding: 4px;\n  background-color: #ffffff;\n}\n\n.component--grading__actions__info {\n  margin: 16px 0 0;\n  padding-top: 8px;\n  border-top: 1px solid #eeeeee;\n}\n\n.graph-select {\n  min-width: 150px;\n  max-width: 200px;\n}\n\n.graph-controls {\n  margin: 8px 0;\n  padding: 8px 0;\n  border: 1px solid #eeeeee;\n  border-left-width: 0;\n  border-right-width: 0;\n}\n\n.outside-content iframe {\n  border: 1px solid #eeeeee;\n}\n\n.outside-content__source {\n  margin-top: 4px;\n  text-align: end;\n}\n.outside-content__source a {\n  max-width: 240px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  display: inline-block;\n}\n\n.component-revisions .component {\n  padding: 0;\n  margin: 0;\n}\n.component-revisions .component__content {\n  padding: 0;\n}\n.component-revisions .component__wrapper {\n  margin: 16px 0;\n}\n.component-revisions .md-resize-handle {\n  display: none;\n}\n\n.component-revisions__item, md-list-item.component-revisions__item {\n  padding: 0;\n}\n\n.component-revisions__item--latest {\n  margin-bottom: 24px;\n}\n\n.component-revisions__annotation-label {\n  margin-right: 8px;\n}\n\n.component-revisions__has-auto-and-teacher {\n  padding-top: 8px;\n  margin-top: 8px;\n  border-top: 1px solid #dddddd;\n}\n\n.notebook-toolbar md-divider {\n  margin: 8px 0;\n}\n@media only screen and (max-width: 959px) {\n  .notebook-toolbar {\n    border-top: 1px solid #dddddd;\n  }\n}\n\n.notebook-toolbar__add-menu {\n  position: absolute;\n  bottom: 40px;\n}\n.notebook-toolbar__add-menu .md-fab-action-item {\n  background-color: #ffffff;\n}\n\n.notebook-toolbar__add-icon {\n  border-radius: 50%;\n}\n\n#closeNotebookSettingsButton {\n  float: right;\n}\n\n[dir=rtl] #closeNotebookSettingsButton {\n  float: left;\n}\n\nhighchart {\n  display: block;\n}","@use 'sass:map';\n\n// Colors\n$_primary-color: #1C8CA8; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 59%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map.get($color, 'text'),\n  'body-bg': map.get($color, 'gray-lighter')\n);\n\n$colors: (map-merge($color, $body-color));\n\n// Typography\n$baseline-grid:            8px;\n$body-font-size-base:      rem(1.500);\n$caption-font-size-base:   rem(1.300);\n\n// Layout\n$wise-toolbar-height: 42px;\n\n// Menus\n$menu-border-radius: 2px;\n$max-visible-items: 6;\n$menu-item-height: 6 * $baseline-grid !default;\n$dense-menu-item-height: 4 * $baseline-grid !default;\n$max-menu-height: 2 * $baseline-grid + $max-visible-items * $menu-item-height !default;\n$max-dense-menu-height: 2 * $baseline-grid + $max-visible-items * $dense-menu-item-height !default;\n\n// Cards\n$card-border-radius: 4px;\n\n// Buttons\n$button-border-radius: 3px;\n","// 1. Config\n\n// 2. Base\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative;\n\n  @media (min-width: $layout-breakpoint-xs) {\n      width: $layout-breakpoint-md;\n  }\n\n  @media (min-width: $layout-breakpoint-lg) {\n      width: $layout-breakpoint-lg;\n  }\n}\n\n.l-constrained-md {\n  width: $layout-breakpoint-sm;\n  max-width: 100%;\n}\n","// 1. Config\n\n// 2. Base\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid color('gray-lighter');\n}\n\n// Buttons\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex;\n}\n\n.button--footer__element {\n  padding-left: 8px;\n}\n","// 1. Config\n\n// 2. Base\n.l-header {\n    z-index: 3;\n\n    .logo {\n        margin-left: 0 !important;\n        height: 36px;\n        width: 36px;\n        vertical-align: middle;\n    }\n\n    .logo-link {\n        min-width: auto;\n        display: none;\n        padding: 0 4px;\n        margin-right: 12px;\n\n        @media only screen and (min-width: ($layout-breakpoint-xs)) {\n            display: block;\n        }\n\n        &:hover, &:focus {\n            border: 0 none;\n        }\n    }\n\n    // Handle mobile portrait\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        .md-toolbar-tools {\n            h1, h2, h3 {\n                font-size: $body-font-size-base;\n            }\n        }\n    }\n}\n","// 1. Config\n\n// 2. Base\n.l-main {\n  background-color: color('body-bg');\n}\n\n.l-main--with-toolbar {\n  margin-top: $wise-toolbar-height;\n}\n\n#content {\n  transition: margin-top 0.5s;\n}\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms;\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 16px;\n  }\n\n  &.ng-enter {\n    opacity: 0;\n  }\n\n  .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms;\n  }\n\n  &.ng-leave-active,\n  &.ng-hide {\n    opacity: 0;\n  }\n\n  &.ng-hide-add,\n  &.ng-hide-add-active,\n  &.ng-hide-remove,\n  &.ng-hide-remove-active {\n    opacity: 0;\n  }\n}\n\n.view-content--with-sidemenu {\n  padding: 8px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: 54px;\n    padding: 16px;\n  }\n}\n[dir='rtl'] .view-content--with-sidemenu {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: auto;\n    margin-right: 54px;\n  }\n}\n\n.content-head {\n  margin: 8px 0;\n\n  h1,\n  h2,\n  h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: rem(3.6);\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      font-size: rem(3.2);\n      text-align: center;\n    }\n  }\n}\n\n.content-head__more {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    margin-top: 8px;\n  }\n}\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px;\n\n  .md-subhead {\n    padding-left: 4px;\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      display: block;\n      padding-left: 0;\n    }\n  }\n\n  md-icon {\n    vertical-align: text-bottom;\n  }\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px;\n}\n","// 1. Config\n\n// 2. Base\n.l-notebook {\n    margin-top: $wise-toolbar-height;\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-nav {\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-sidebar {\n\n}\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: color('accent-1') !important;\n\n  md-select {\n    color: color('body');\n  }\n}",".status-icon {\n    margin: 0 4px;\n    z-index: 1;\n    vertical-align: bottom;\n}\n\n.md-button.status-icon {\n    height: auto;\n    width: auto;\n    min-height: 0;\n    line-height: inherit;\n    margin: 0 4px;\n    padding: 0;\n}\n\n.avatar--icon--alert {\n    background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n    font-size: 48px;\n    margin: -4px 0 0 -4px;\n}\n","md-dialog {\n    width: $layout-breakpoint-xs;\n}\n\n.dialog--wide {\n    width: $layout-breakpoint-sm;\n}\n\n.dialog--wider {\n    width: $layout-breakpoint-md;\n}\n",".help-bubble {\n    border-radius: $card-border-radius;\n    max-width: 320px;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        max-width: ($layout-breakpoint-xs - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-sm) {\n        max-width: ($layout-breakpoint-sm - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-md) {\n        max-width: ($layout-breakpoint-md - 48);\n    }\n}\n\n.help-bubble__title {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n}\n\n.help-bubble___title__content {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    padding: 0px 0 0 12px;\n    background-color: color('info');\n\n    .md-icon-button {\n        margin-right: 0;\n        padding-top: 0;\n        padding-bottom: 0;\n    }\n}\n\n.help-bubble__content {\n    overflow: auto;\n    padding: 8px 12px;\n    max-height: 480px;\n}\n\n.help-bubble__actions {\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n}\n","// Variables\n$input-action-width: 44px;\n$input-action-vertical-offset: 6px;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n.input-container {\n    padding-top: 12px;\n}\n\n.input-container--component {\n    margin-bottom: 0;\n}\n\n.input-container--open-response {\n    &.md-has-icon {\n        padding-left: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.input-wrapper {\n    position: relative;\n}\n\n.input-wrapper--focused {\n    .input--textarea__action md-icon {\n        color: color('primary');\n    }\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n    padding: 8px;\n    background-color: color('gray-lightest');\n    border: 1px solid color('gray');\n    margin-bottom: 8px;\n\n    &:focus {\n        background-color: #ffffff;\n    }\n\n    &[disabled] {\n        color: color('text-secondary');\n    }\n}\n\n.input-container textarea.input--textarea {\n    width: 100%;\n}\n\n.input--textarea--disabled {\n    color: color('text-secondary');\n}\n\n.input--textarea__action {\n    position: absolute;\n    right: -4px;\n\n    &[disabled] md-icon {\n        color: color('text-disabled') !important;\n    }\n}\n\n.input--textarea__action--notebook {\n    top: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        top: $input-action-vertical-offset-richtext\n    }\n}\n\n.input--textarea__action--revision {\n    bottom: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        bottom: ($input-action-vertical-offset-richtext + 2px);\n    }\n\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n    line-height: 1.2;\n    color: color('text');\n\n    &.input-label--focused {\n        color: color('primary');\n    }\n}\n\n.autocomplete {\n    input {\n        text-overflow: ellipsis;\n        overflow: hidden;\n        word-wrap: none;\n        font-weight: 500;\n        color: color('text-secondary');\n    }\n}\n\n.autocomplete--minwidth {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        min-width: 300px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        min-width: 300px;\n    }\n}\n\n.autocomplete--flat {\n    md-autocomplete-wrap {\n        background-color: #ffffff;\n\n        &:not(.md-menu-showing) {\n            box-shadow: none;\n            background-color: color('gray-lighter');\n        }\n    }\n}\n\n.select__header {\n    height: $menu-item-height;\n\n    input {\n        height: 100%;\n        width: 100%;\n        padding: 0 8px;\n        outline: none;\n        border: 0 none;\n        font-size: rem(1.4);\n        font-weight: 500;\n    }\n}\n",".table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0;\n\n  thead,\n  tbody,\n  tfoot {\n    // TODO: remove chaining when bootstrap dependency is removed\n    > tr > th,\n    > tr > td {\n      border: 1px solid color('gray');\n      padding: 6px;\n      font-size: rem(1.5);\n      min-height: 32px;\n      height: 32px;\n      min-width: 32px;\n      vertical-align: top;\n    }\n  }\n\n  td.inactive,\n  th {\n    background-color: color('gray-lightest');\n    opacity: 1;\n    visibility: visible;\n  }\n\n  md-input-container {\n    margin: 0;\n  }\n\n  .md-errors-spacer {\n    display: none;\n  }\n}\n\n.table--student {\n  td {\n    &.inactive {\n      padding: 8px 10px;\n    }\n  }\n}\n\n.table--full-width {\n  width: 100%;\n}\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto;\n\n  th,\n  td {\n    padding: 0 4px;\n    border: 0 none;\n  }\n\n  td {\n    min-height: 56px;\n    height: 56px;\n  }\n\n  tr {\n    &.md-button {\n      display: table-row;\n      text-align: left;\n      width: auto;\n      text-transform: none;\n      font-size: inherit;\n      font-weight: normal;\n    }\n  }\n}\n\n.table--list__wrap {\n  min-width: $layout-breakpoint-xs;\n}\n\n.table-wrap-sticky {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    overflow-x: auto;\n  }\n}\n\n.table--list__thead {\n  font-size: rem(1.4);\n  font-weight: 700;\n}\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0;\n}\n\n.table--list__thead__th {\n  background-color: color('gray-darker');\n  color: color('text-light');\n  min-height: $wise-toolbar-height;\n  height: $wise-toolbar-height;\n}\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%;\n}\n\n.table--list__thead__sort {\n  margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg);\n}\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2;\n}\n\n.td--max-width {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n",".md-toolbar-tools {\n    font-size: 18px;\n\n    .autocomplete {\n        height: 36px;\n\n        md-autocomplete-wrap {\n            height: 36px;\n        }\n\n        input {\n            height: 36px;\n        }\n    }\n}\n\n.md-toolbar--wise {\n    min-height: $wise-toolbar-height;\n\n    .md-toolbar-tools {\n        height: $wise-toolbar-height;\n        max-height: $wise-toolbar-height;\n    }\n\n    .md-button.md-icon-button {\n        height: $wise-toolbar-height;\n        line-height: $wise-toolbar-height;\n        width: $wise-toolbar-height;\n    }\n}\n\n.md-toolbar--wise--sm {\n    .md-toolbar-tools {\n        padding: 0 8px;\n        font-size: $body-font-size-base;\n    }\n}\n\n.md-toolbar--sidenav {\n    background-color: color('gray-darkest') !important;\n\n    .md-toolbar-tools {\n        font-size: rem(1.6);\n        font-weight: 500;\n    }\n}\n\n.toolbar {\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: $md-toolbar-height;\n    z-index: 3;\n}\n\n.toolbar__title {\n    margin-left: 8px;\n    font-size: rem(1.6);\n    font-weight: 500;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n    margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n    margin: 0 4px;\n    min-height: 32px;\n    background-color: color('gray-lightest');\n\n    .md-select-value {\n        height: 32px;\n        text-align: left;\n    }\n}\n[dir=rtl] {\n  .toolbar__select, .md-button.toolbar__select {\n      .md-select-value {\n          text-align: right;\n      }\n  }\n}\n\n.toolbar__select--fixedwidth {\n    width: 168px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 264px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 432px;\n    }\n}\n","// Helpers\n@function rem($multiplier) {\n    $font-size: 10px;\n    @return $multiplier * $font-size;\n}\n\n// Angular Material variables for use and !default overrides\n$md-toolbar-height: 52px;\n$md-toolbar-medium-tall-height: 74px;\n$md-toolbar-tall-height: 104px;\n$md-toolbar-height-mobile-portrait: 52px;\n$md-toolbar-height-mobile-landscape: 52px;\n\n$caption-font-size-base:   rem(1.300);\n\n//$list-item-height: 56px;\n\n$card-border-radius: 4px;\n\n$layout-breakpoint-xs:     600px;\n$layout-breakpoint-sm:     960px;\n$layout-breakpoint-md:     1280px;\n$layout-breakpoint-lg:     1920px;\n\n$button-border-radius: 3px;\n\n$tooltip-fontsize-lg: rem(1.1);\n$tooltip-fontsize-sm: rem(1.1);\n//$tooltip-height-lg: rem(2.2);\n$tooltip-height-sm: rem(2.2);\n//$tooltip-top-margin-lg: rem(1.4);\n$tooltip-top-margin-sm: rem(1.4);\n//$tooltip-lr-padding-lg: rem(0.8);\n$tooltip-lr-padding-sm: rem(0.8);\n//$tooltip-max-width: rem(3.20);\n\n$progress-linear-bar-height: 7px;\n",".list-item {\n    background-color: #ffffff;\n    border-bottom: 1px solid color('gray-lighter');\n\n    .md-subheader, &.md-subheader {\n        color: color('text');\n        background-color: #ffffff;\n\n        md-icon {\n            vertical-align: middle;\n        }\n\n        .md-subheader-inner {\n            padding: 0;\n        }\n\n        .md-avatar {\n            margin-right: 8px;\n        }\n    }\n\n    .autocomplete {\n        margin: 8px 0;\n    }\n}\n\n.list-item--info {\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('info') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--warn {\n    //background-color: lighten(color('warn'), 56%);\n\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('warn') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--expanded {\n    border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n    cursor: default;\n    background-color: color('gray-lightest');\n}\n\n.list-item--actions {\n    padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n    text-transform: none;\n    width: 100%;\n    padding: 8px 16px;\n    margin: 0;\n    white-space: normal;\n    text-align: left;\n    line-height: 1.4;\n}\n\n.user-list {\n    font-size: rem(1.5);\n}\n","#nav {\n    position: relative;\n}\n\n.nav {\n    margin-bottom: 16px;\n}\n\n.nav-mask {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-color: rgba(0,0,0,0.25);\n    z-index: 1;\n\n    &.ng-hide {\n        opacity: 0;\n    }\n}\n\n.nav-head {\n    color: color('text-secondary');\n    font-weight: 500;\n\n    md-icon {\n        line-height: 20px;\n    }\n}\n\n.nav-contents--root {\n    padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n    background-color: color('gray-light');\n    padding: 8px;\n}\n\n.nav-contents--root {\n    padding: 0;\n}\n\n.nav-contents__list {\n    padding: 0;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n    }\n}\n\n.nav-item {\n    transition: opacity 250ms ease-in-out;\n\n    &.prev {\n        md-list-item {\n            background-color: color('selected-bg');\n\n            /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/\n        }\n    }\n}\n\n.nav-item--card__content {\n    border-top-right-radius: $card-border-radius;\n    border-top-left-radius: $card-border-radius;\n\n    &:focus {\n        outline: none;\n\n        .nav-item__title > span {\n            border-bottom: 1px dashed color('gray');\n        }\n    }\n}\n\n.nav-item--root {\n    transition: margin 250ms, box-shadow 500ms;\n\n    &.expanded {\n        flex-basis: 100%;\n        //max-width: ($layout-breakpoint-md - 100) !important;\n        max-width: 100%;\n        max-height: none !important;\n        margin: 8px auto;\n\n        &:first-of-type {\n            margin-top: 0;\n        }\n\n        //@media only screen and (min-width: $layout-breakpoint-sm) {\n        //margin: 8px auto;\n        //}\n    }\n}\n\n//.nav-item--list {\n//}\n\n.nav-item--list__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-content {\n    padding: 0 0 48px;\n    background-color: #ffffff;\n    border-radius: $button-border-radius;\n    overflow: visible;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        box-shadow: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0;\n        border-top: 2px solid;\n        border-bottom: 2px solid;\n    }\n}\n\nmd-content {\n    &.node-content {\n        background-color: #ffffff;\n    }\n}\n\n.node-content__rubric {\n    position: absolute;\n    top: -22px;\n    left: 0;\n    right: 0;\n    z-index: 1;\n\n    .avatar--icon {\n        transform: scale(0.94);\n\n        @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n            transform: scale(0.8);\n        }\n    }\n}\n\n.node-icon {\n    color: #ffffff;\n    vertical-align: inherit;\n}\n\n.node-select {\n    margin: 0 8px;\n    min-width: 0;\n    font-weight: 500;\n    font-size: $body-font-size-base;\n\n    .md-select-value {\n        *:first-child {\n            transform: translate3d(0,0,0);\n            flex: 1 0 0;\n        }\n\n        .node-select__icon {\n            display: none;\n        }\n\n        .node-select__status {\n            display: none;\n        }\n    }\n\n    .md-select-icon {\n        margin-left: 0;\n        color: color('text');\n    }\n}\n\n.node-select-option--group {\n    //color: rgba(0,0,0,0.54);\n    background-color: color('gray-lightest');\n    border-bottom: 1px solid color('gray-lighter');\n    border-top: 1px solid color('gray-lighter');\n}\n\n.node-select-option--node {\n    padding-left: 20px;\n}\n\n.node-select__icon {\n    margin-right: 8px;\n}\n\n.node-select__status {\n    margin-left: 8px;\n}\n\n.node-select__text {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: 2px;\n    }\n}\n\n.node-title {\n    line-height: 1.2;\n    text-transform: none;\n    margin-top: 3px;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        font-size: $body-font-size-base;\n    }\n}\n\n.node-content__actions {\n    padding: 0 16px 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 0 24px 24px;\n    }\n\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.node-content__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    color: color('text-secondary');\n}\n\n.node-content__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav {\n    &:not(:first-of-type) {\n    }\n\n    &:first-of-type {\n        margin-right: 0;\n    }\n}\n\n.node-sidebar-active {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-right: ($md-toolbar-height + 16);\n    }\n}\n\n.node-sidebar-visible {\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin-bottom: $wise-toolbar-height;\n    }\n}\n\n.node-sidebar {\n    position: absolute;\n    right: 0;\n    top: 0;\n    width: $md-toolbar-height;\n}\n\n.node-sidebar__toolbar {\n    position: fixed;\n    width: $md-toolbar-height;\n    background-color: #ffffff;\n    padding: 8px 0;\n    border-radius: $button-border-radius;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        right: 0;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        border-radius: 0;\n        padding: 0;\n        min-height: 0;\n        height: $wise-toolbar-height;\n    }\n}\n\n.node__label--vertical-alignment {\n    vertical-align: middle;\n    display: inline-block;\n}\n",".grading {\n}\n\n.grading__item-container {\n  margin: 0 0 16px;\n  padding: 0 !important;\n}\n\n.grading__item {\n  background-color: #ffffff;\n\n  .component {\n    padding: 0;\n  }\n}\n","// Variables\n$notebook-sidebar-width: 450px;\n$report-position-right: 66px;\n$report-full-gap: 8px;\n\n// Base\n\nnotebook-report {\n  position: absolute;\n  bottom: 0;\n  right: $report-position-right;\n  transition: right 250ms;\n  z-index: 3;\n\n  &.report-full {\n    left: $report-full-gap;\n    right: $report-full-gap;\n    top: $report-full-gap;\n    bottom: $report-full-gap\n  }\n  \n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    &.notes-visible {\n      right: $notebook-sidebar-width + 24;\n    }\n  }\n}\n\n.notebook-sidebar {\n  width: $notebook-sidebar-width - 180;  \n  max-width: none;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    width: $notebook-sidebar-width;\n  }\n}\n\n@media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n  .notebook-enabled {\n    .md-fab-bottom-right, .md-fab-bottom-left {\n      bottom: ($wise-toolbar-height + 8) !important;\n    }\n  }\n}\n",".notification-btn {\n    width: 60px !important;\n\n    md-icon {\n        margin-left: 20px;\n    }\n}\n\n.notification-count {\n    border-radius: 50%;\n    position: absolute;\n    background-color: color('accent');\n    width: 22px;\n    top: 12px;\n    left: -18px;\n    height: 22px;\n    line-height: 22px;\n    font-size: 12px;\n    font-weight: 700;\n    border: 2px solid;\n\n    &:before {\n        content: \"\";\n        position: absolute;\n        right: -7px;\n        top: 6px;\n        border-left: 6px solid rgba(255,255,255,0.87);\n        border-top: 4px solid transparent;\n        border-bottom: 4px solid transparent;\n    }\n}\n\n.notification-list {\n    padding: 8px 0;\n}\n\n.notification-dismiss {\n    width: 500px;\n}\n\n.notification-dismiss__input {\n    margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4,\nmd-list md-list-item.md-2-line .md-list-item-text h4,\nmd-list md-list-item.md-3-line .md-list-item-text h4 {\n    &.notification-list-item__source {\n        color: color('text-secondary');\n        font-size: rem(1.2);\n\n        md-icon {\n            font-size: rem(1.8);\n            min-width: 0;\n            width: auto;\n            margin-left: -4px;\n            line-height: rem(2);\n        }\n    }\n}\n",".account-menu {\n    border-radius: $card-border-radius;\n    padding: 0;\n    font-size: $body-font-size-base;\n    max-width: 380px;\n\n    @media (min-width: $layout-breakpoint-md) {\n        min-width: 380px !important;\n    }\n\n    h3 {\n        margin: 0;\n        font-weight: 300;\n    }\n\n    .mat-mdc-menu-content {\n        padding: 0;\n    }\n}\n\n.account-menu--fixed-height {\n    height: $max-menu-height;\n}\n\n.account-menu--fixed-width {\n    width: 320px;\n\n    @media (min-width: $layout-breakpoint-sm) {\n        width: 380px;\n    }\n}\n\n.account-menu__icon {\n    background-color: color('text-light');\n    border-radius: 50%;\n}\n\n.account-menu__caret {\n    position: absolute;\n    right: 28px;\n    top: -8px;\n    outline: none;\n\n    &:before {\n        content: '';\n        position: absolute;\n        border-bottom: 8px solid #fff;\n        border-left: 8px solid transparent;\n        border-right: 8px solid transparent;\n    }\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n    right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n    right: 132px;\n}\n\n[dir=rtl] {\n  .account-menu__caret {\n    right: auto;\n    left: 28px;\n  }\n  .account-menu__caret--pause, .account-menu__caret--notification {\n    left:80px;\n    right:auto;\n  }\n  .account-menu__caret--notification--with-pause {\n      left: 132px;\n      right:auto;\n  }\n}\n\n.account-menu__info {\n    padding: 8px 12px;\n}\n\n.account-menu__info__title {\n    font-weight: 500;\n}\n\n.account-menu__info__team {\n    font-weight: 400;\n    color: color('text-secondary');\n}\n\n.account-menu__users {\n    padding: 0;\n\n    md-list-item {\n        padding: 0;\n\n        .md-avatar {\n            margin: 0 8px 0 0;\n            height: 48px;\n            width: 48px;\n        }\n    }\n}\n\n.account-menu__actions {\n    background-color: color('gray-lightest');\n}\n\n.account-menu__control {\n    padding: 16px;\n}\n",".annotations {\n    margin: 16px 4px 16px 62px;\n    position: relative;\n    font-size: rem(1.5);\n\n    hr {\n        margin: 10px 0 8px;\n        border-color: rgba(0,0,0,.12);\n    }\n\n    &:after {\n        content: \"\";\n        position: absolute;\n        width: 0;\n        height: 0;\n        left: -15px;\n        right: auto;\n        top: -1px;\n        bottom: auto;\n        border-top: 20px solid transparent;\n        border-bottom: 20px solid transparent;\n        border-right: 16px solid color('gray-darker');\n    }\n}\n\n.annotations-container--student--report {\n    border-top: 1px solid color('gray-light');\n}\n\n.annotations--report {\n    margin-top: 0;\n    margin-bottom: 0;\n}\n\n.annotations__header {\n    position: relative;\n    //border-top-left-radius: 4px;\n    border-top-right-radius: 4px;\n    padding: 10px 12px;\n    font-weight: 700;\n    transition: all 1s;\n    color: #ffffff;\n    background-color: color('gray-darker');\n}\n\n.annotations__avatar {\n    background-color: color('accent');\n    padding: 2px;\n    position: absolute;\n    top: 0;\n    left: -62px;\n}\n\n.annotations__icon {\n    transition: all 1s;\n    color: #ffffff;\n}\n\n.annotations__body {\n    padding: 12px;\n    background-color: #ffffff;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n    overflow: auto;\n}\n\n.annotations__status {\n    background-color: #ffffff;\n    color: color('info');\n    display: inline-block;\n    margin-left: 8px;\n    font-size: rem(1.2);\n\n    &.ng-enter, &.ng-leave {\n        transition: all 1s;\n    }\n\n    &.ng-enter, &.ng-leave.ng-leave-active {\n        opacity:0;\n    }\n\n    &.ng-leave, &.ng-enter.ng-enter-active {\n        opacity:1;\n    }\n}\n\n.annotations__score {\n    font-weight: 700;\n}\n\n.annotations__info {\n    font-style: italic;\n    opacity: 0.8;\n    border-bottom: 1px dotted;\n    font-size: rem(1.3);\n}\n\n.annotations--inside {\n    .annotations {\n        margin-left: 72px;\n    }\n}\n\n// TODO: move to own file\n.annotations--info {\n    margin-bottom: 32px;\n    margin-right: 8px;\n    margin-left: 72px;\n\n    @media only screen and (min-width: ($layout-breakpoint-xs)) {\n        margin: 16px 16px 32px 76px;\n    }\n\n    &:after {\n        border-right: 16px solid color('info');\n    }\n\n    .annotations__avatar {\n        background-color: #ffffff;\n    }\n\n    .annotations__header {\n        background-color: color('info');\n    }\n}\n",".annotations--grading {\n    md-input-container {\n        margin-bottom: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n\n    .mat-mdc-form-field-subscript-wrapper {\n        display: none;\n    }\n}\n\n.annotations--grading--revision {\n    margin: 8px 0 0;\n    padding: 8px;\n}\n\n.annotations--notebook {\n    margin-top: 16px;;\n}\n\n.annotations--grading__info {\n    font-style: italic;\n    margin: 8px 8px 4px;\n}\n\n.annotations--grading__item {\n    padding: 8px;\n}\n\n.annotations--grading__score {\n    input {\n        margin-top: 0 !important;\n        font-size: rem(1.8);\n        width: 52px;\n        text-align: center;\n    }\n\n    .mat-mdc-form-field-infix {\n        width: auto;\n    }\n}\n\n.annotations--grading__score__label {\n    transform: none !important;\n    width: auto;\n    display: block;\n    padding: 0;\n    margin: 0 8px 0 0;\n}\n\n.annotations--grading__score__max {\n    label {\n        display: none;\n    }\n}\n\n.annotations--grading__score__divider {\n    position: relative;\n    top: 12px;\n    margin-left: 4px;\n}\n\n.annotations--grading__auto-comment {\n    margin: 0 2px;\n}\n\n.annotations--grading__auto-comment__content {\n    margin-top: 8px;\n}\n",".component {\n    position: relative;\n}\n\n.component__wrapper {\n    padding: 0 24px;\n    margin: 24px 0;\n}\n\n.component__content {\n    overflow-x: auto;\n    font-size: rem(1.5);\n    overflow-y: hidden; // TODO: figure out why this is needed after update to ng-material 1.1.1\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0 8px;\n    }\n}\n\nh3.component__header {\n    padding: 8px 12px;\n    margin: 0;\n    font-size: rem(1.4);\n}\n\n.component__rubric {\n    position: absolute;\n    left: -20px;\n    top: 12px;\n}\n\n.notebook-enabled {\n    .component_content {\n        img {\n            transition: all 250ms;\n            cursor: pointer;\n            cursor: copy;\n            //position: relative;\n            //border: 2px solid transparent;\n\n            &:hover, &:focus {\n                box-shadow: 0 0 5px 1px color('accent');\n                //border: 2px solid #ffffff;\n            }\n        }\n    }\n}\n\n.component__actions {\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.component__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    color: color('text-secondary');\n    font-weight: 400;\n}\n\n.component__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.component__prompt {\n    margin-bottom: 8px;\n    font-weight: 500;\n}\n\n.component__prompt__content {\n    display: inline;\n}\n\n.component__attachment {\n    position: relative;\n    margin: 0 8px;\n    padding-bottom: 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding-top: 8px;\n    }\n}\n\n.component__add-attachment {\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        width: 100%;\n    }\n}\n\n.component__attachment__content {\n    max-height: 100px;\n    width: auto;\n}\n\n.component__attachment__delete {\n    position: absolute;\n    top: 0;\n    right: 0;\n    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 78001844767..611dcf7d090 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}#node{left:0;margin:0 auto;position:absolute;right:0}@media only screen and (min-width:600px){#node{margin-bottom:32px;padding:24px 16px}}@media only screen and (min-width:960px){#node{padding:32px}}#node.ng-enter{opacity:0;transition:opacity .5s}#node.ng-enter-active{opacity:1}.node-content{background-color:#fff;border-radius:3px;overflow:visible;padding:0 0 48px}@media only screen and (max-width:599px){.node-content{box-shadow:none}}@media only screen and (min-width:600px){.node-content{border-bottom:2px solid;border-top:2px solid;padding:0}}md-content.node-content{background-color:#fff}.node-content__rubric{left:0;position:absolute;right:0;top:-22px;z-index:1}.node-content__rubric .avatar--icon{transform:scale(.94)}@media only screen and (max-width:599px){.node-content__rubric .avatar--icon{transform:scale(.8)}}.node-icon{color:#fff;vertical-align:inherit}.node-select{font-size:15px;font-weight:500;margin:0 8px;min-width:0}.node-select .md-select-value :first-child{flex:1 0 0;transform:translateZ(0)}.node-select .md-select-value .node-select__icon,.node-select .md-select-value .node-select__status{display:none}.node-select .md-select-icon{color:rgba(0,0,0,.87);margin-left:0}.node-select-option--group{background-color:#f7f7f7;border-bottom:1px solid #eee;border-top:1px solid #eee}.node-select-option--node{padding-left:20px}.node-select__icon{margin-right:8px}.node-select__status{margin-left:8px}.node-select__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media only screen and (min-width:600px){.node-select__text{margin-top:2px}}.node-title{line-height:1.2;margin-top:3px;text-transform:none}@media only screen and (max-width:599px){.node-title{font-size:15px}}.node-content__actions{padding:0 16px 16px}@media only screen and (min-width:960px){.node-content__actions{padding:0 24px 24px}}.node-content__actions .md-button:first-child{margin-left:0}.node-content__actions .md-button:last-child{margin-right:0}.node-content__actions__info{color:rgba(0,0,0,.54);font-style:italic;margin-left:8px}.node-content__actions__more{border-bottom:1px dotted}.md-button.md-icon-button.node-nav:first-of-type{margin-right:0}@media only screen and (min-width:600px){.node-sidebar-active{margin-right:68px}}@media only screen and (max-width:599px){.node-sidebar-visible{margin-bottom:42px}}.node-sidebar{position:absolute;right:0;top:0;width:52px}.node-sidebar__toolbar{background-color:#fff;border-radius:3px;padding:8px 0;position:fixed;width:52px}@media only screen and (max-width:599px){.node-sidebar__toolbar{border-radius:0;bottom:0;height:42px;left:0;min-height:0;padding:0;right:0;width:100%}}.node__label--vertical-alignment{display:inline-block;vertical-align:middle}notebook-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}
+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}#node{left:0;margin:0 auto;position:absolute;right:0}@media only screen and (min-width:600px){#node{margin-bottom:32px;padding:24px 16px}}@media only screen and (min-width:960px){#node{padding:32px}}#node.ng-enter{opacity:0;transition:opacity .5s}#node.ng-enter-active{opacity:1}.node-content{background-color:#fff;border-radius:3px;overflow:visible;padding:0 0 48px}@media only screen and (max-width:599px){.node-content{box-shadow:none}}@media only screen and (min-width:600px){.node-content{border-bottom:2px solid;border-top:2px solid;padding:0}}md-content.node-content{background-color:#fff}.node-content__rubric{left:0;position:absolute;right:0;top:-22px;z-index:1}.node-content__rubric .avatar--icon{transform:scale(.94)}@media only screen and (max-width:599px){.node-content__rubric .avatar--icon{transform:scale(.8)}}.node-icon{color:#fff;vertical-align:inherit}.node-select{font-size:15px;font-weight:500;margin:0 8px;min-width:0}.node-select .md-select-value :first-child{flex:1 0 0;transform:translateZ(0)}.node-select .md-select-value .node-select__icon,.node-select .md-select-value .node-select__status{display:none}.node-select .md-select-icon{color:rgba(0,0,0,.87);margin-left:0}.node-select-option--group{background-color:#f7f7f7;border-bottom:1px solid #eee;border-top:1px solid #eee}.node-select-option--node{padding-left:20px}.node-select__icon{margin-right:8px}.node-select__status{margin-left:8px}.node-select__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media only screen and (min-width:600px){.node-select__text{margin-top:2px}}.node-title{line-height:1.2;margin-top:3px;text-transform:none}@media only screen and (max-width:599px){.node-title{font-size:15px}}.node-content__actions{padding:0 16px 16px}@media only screen and (min-width:960px){.node-content__actions{padding:0 24px 24px}}.node-content__actions .md-button:first-child{margin-left:0}.node-content__actions .md-button:last-child{margin-right:0}.node-content__actions__info{color:rgba(0,0,0,.54);font-style:italic;margin-left:8px}.node-content__actions__more{border-bottom:1px dotted}.md-button.md-icon-button.node-nav:first-of-type{margin-right:0}@media only screen and (min-width:600px){.node-sidebar-active{margin-right:68px}}@media only screen and (max-width:599px){.node-sidebar-visible{margin-bottom:42px}}.node-sidebar{position:absolute;right:0;top:0;width:52px}.node-sidebar__toolbar{background-color:#fff;border-radius:3px;padding:8px 0;position:fixed;width:52px}@media only screen and (max-width:599px){.node-sidebar__toolbar{border-radius:0;bottom:0;height:42px;left:0;min-height:0;padding:0;right:0;width:100%}}.node__label--vertical-alignment{display:inline-block;vertical-align:middle}notebook-report{bottom:0;position:absolute;right:66px;transition:right .25s;z-index:3}notebook-report.report-full{bottom:8px;left:8px;right:8px;top:8px}@media only screen and (min-width:960px){notebook-report.notes-visible{right:474px}}.notebook-sidebar{max-width:none;width:270px}@media only screen and (min-width:600px){.notebook-sidebar{width:450px}}@media only screen and (max-width:599px){.notebook-enabled .md-fab-bottom-left,.notebook-enabled .md-fab-bottom-right{bottom:50px!important}}.notification-btn{width:60px!important}.notification-btn md-icon{margin-left:20px}.notification-count{background-color:#f05843;border:2px solid;border-radius:50%;font-size:12px;font-weight:700;height:22px;left:-18px;line-height:22px;position:absolute;top:12px;width:22px}.notification-count:before{border-bottom:4px solid transparent;border-left:6px solid hsla(0,0%,100%,.87);border-top:4px solid transparent;content:"";position:absolute;right:-7px;top:6px}.notification-list{padding:8px 0}.notification-dismiss{width:500px}.notification-dismiss__input{margin-bottom:0}md-list md-list-item .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source{color:rgba(0,0,0,.54);font-size:12px}md-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,md-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon{font-size:18px;line-height:20px;margin-left:-4px;min-width:0;width:auto}.account-menu{border-radius:4px;font-size:15px;max-width:380px;padding:0}@media (min-width:1280px){.account-menu{min-width:380px!important}}.account-menu h3{font-weight:300;margin:0}.account-menu .mat-mdc-menu-content{padding:0}.account-menu--fixed-height{height:304px}.account-menu--fixed-width{width:320px}@media (min-width:960px){.account-menu--fixed-width{width:380px}}.account-menu__icon{background-color:#fff;border-radius:50%}.account-menu__caret{outline:none;position:absolute;right:28px;top:-8px}.account-menu__caret:before{border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent;content:"";position:absolute}.account-menu__caret--notification,.account-menu__caret--pause{right:80px}.account-menu__caret--notification--with-pause{right:132px}[dir=rtl] .account-menu__caret{left:28px;right:auto}[dir=rtl] .account-menu__caret--notification,[dir=rtl] .account-menu__caret--pause{left:80px;right:auto}[dir=rtl] .account-menu__caret--notification--with-pause{left:132px;right:auto}.account-menu__info{padding:8px 12px}.account-menu__info__title{font-weight:500}.account-menu__info__team{color:rgba(0,0,0,.54);font-weight:400}.account-menu__users,.account-menu__users md-list-item{padding:0}.account-menu__users md-list-item .md-avatar{height:48px;margin:0 8px 0 0;width:48px}.account-menu__actions{background-color:#f7f7f7}.account-menu__control{padding:16px}.annotations{font-size:15px;margin:16px 4px 16px 62px;position:relative}.annotations hr{border-color:rgba(0,0,0,.12);margin:10px 0 8px}.annotations:after{border-bottom:20px solid transparent;border-right:16px solid #757575;border-top:20px solid transparent;bottom:auto;content:"";height:0;left:-15px;position:absolute;right:auto;top:-1px;width:0}.annotations-container--student--report{border-top:1px solid #ddd}.annotations--report{margin-bottom:0;margin-top:0}.annotations__header{background-color:#757575;border-top-right-radius:4px;color:#fff;font-weight:700;padding:10px 12px;position:relative;transition:all 1s}.annotations__avatar{background-color:#f05843;left:-62px;padding:2px;position:absolute;top:0}.annotations__icon{color:#fff;transition:all 1s}.annotations__body{background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:auto;padding:12px}.annotations__status{background-color:#fff;color:#ef6c00;display:inline-block;font-size:12px;margin-left:8px}.annotations__status.ng-enter,.annotations__status.ng-leave{transition:all 1s}.annotations__status.ng-enter,.annotations__status.ng-leave.ng-leave-active{opacity:0}.annotations__status.ng-enter.ng-enter-active,.annotations__status.ng-leave{opacity:1}.annotations__score{font-weight:700}.annotations__info{border-bottom:1px dotted;font-size:13px;font-style:italic;opacity:.8}.annotations--inside .annotations{margin-left:72px}.annotations--info{margin-bottom:32px;margin-left:72px;margin-right:8px}@media only screen and (min-width:600px){.annotations--info{margin:16px 16px 32px 76px}}.annotations--info:after{border-right:16px solid #ef6c00}.annotations--info .annotations__avatar{background-color:#fff}.annotations--info .annotations__header{background-color:#ef6c00}.component{position:relative}.component__wrapper{margin:24px 0;padding:0 24px}.component__content{font-size:15px;overflow-x:auto;overflow-y:hidden}@media only screen and (min-width:600px){.component__content{padding:0 8px}}h3.component__header{font-size:14px;margin:0;padding:8px 12px}.component__rubric{left:-20px;position:absolute;top:12px}.notebook-enabled .component_content img{cursor:pointer;cursor:copy;transition:all .25s}.notebook-enabled .component_content img:focus,.notebook-enabled .component_content img:hover{box-shadow:0 0 5px 1px #f05843}.component__actions .md-button:first-child{margin-left:0}.component__actions .md-button:last-child{margin-right:0}.component__actions__info{color:rgba(0,0,0,.54);font-style:italic;font-weight:400;margin-left:8px}.component__actions__more{border-bottom:1px dotted}.component__prompt{font-weight:500;margin-bottom:8px}.component__prompt__content{display:inline}.component__attachment{margin:0 8px;padding-bottom:8px;position:relative}@media only screen and (min-width:600px){.component__attachment{padding-top:8px}}@media only screen and (max-width:599px){.component__add-attachment{width:100%}}.component__attachment__content{max-height:100px;width:auto}.component__attachment__delete{background-color:hsla(0,0%,100%,.75)!important;border-radius:0;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 a3d9cecc4d0..ef0ef215400 100644
--- a/src/assets/wise5/themes/default/style/vle.css.map
+++ b/src/assets/wise5/themes/default/style/vle.css.map
@@ -1 +1 @@
-{"version":3,"sources":["src/assets/wise5/themes/default/style/base/_presets.scss","src/assets/wise5/themes/default/style/vle.css","src/assets/wise5/themes/default/style/base/_config.scss","src/assets/wise5/themes/default/style/layouts/_l-default.scss","src/assets/wise5/themes/default/style/layouts/_l-footer.scss","src/assets/wise5/themes/default/style/layouts/_l-header.scss","src/assets/wise5/themes/default/style/layouts/_l-main.scss","src/assets/wise5/themes/default/style/layouts/_l-notebook.scss","src/assets/wise5/themes/default/style/layouts/_l-sidebar.scss","src/assets/wise5/themes/default/style/modules/_alerts.scss","src/assets/wise5/themes/default/style/modules/_dialog.scss","src/assets/wise5/themes/default/style/modules/_help.scss","src/assets/wise5/themes/default/style/modules/_inputs.scss","src/assets/wise5/themes/default/style/modules/_table.scss","src/assets/wise5/themes/default/style/modules/_toolbar.scss","src/assets/wise5/themes/default/style/material/_config.scss","src/assets/wise5/themes/default/style/modules/_list.scss","src/assets/wise5/themes/default/style/modules/_nav.scss","src/assets/wise5/themes/default/style/modules/_menu.scss","src/assets/wise5/themes/default/style/modules/_node.scss","src/assets/wise5/themes/default/style/modules/_notebook.scss","src/assets/wise5/themes/default/style/modules/_notifications.scss","src/assets/wise5/themes/default/style/modules/_account-menu.scss","src/assets/wise5/themes/default/style/modules/_annotations.scss","src/assets/wise5/themes/default/style/modules/_component.scss","src/assets/wise5/themes/default/style/modules/_component--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,iBEUiB,CFRjB,cAAA,CAEA,iBAAA,CADA,eAAA,CAFA,eCJJ,CDUI,iBAGI,mBAAA,CADA,YAAA,CADA,WCNR,CDUQ,8CACI,qBCRZ,CDWQ,uBACI,uBCTZ,CDcA,aACI,wBAAA,CACA,UCXJ,CDcA,aACI,wBAAA,CACA,UCXJ,CDcA,gBACI,wBAAA,CACA,UCXJ,CDeA,qBACI,aCZJ,CDeA,iBACI,uBCZJ,CDgBA,EACE,aAAA,CACA,cCbF,CDgBA,QACI,kCAAA,CACA,qBCbJ,CDiBA,QACE,iBAAA,CACA,sBCdF,CDiBA,gBACE,iBCdF,CDmBE,cACE,WAAA,CACA,UChBJ,CDkBE,cACE,WAAA,CACA,UChBJ,CDkBE,cACE,WAAA,CACA,UChBJ,CDkBE,cACE,WAAA,CACA,UChBJ,CDqBA,cACE,qBAAA,CACA,4BClBF,CDoBE,8BACI,WClBN,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDwBE,wDACE,qBCrBJ,CDyBI,4EACE,qBCvBN,CD8BE,mDACE,uBC3BJ,CD6BE,mDACE,uBC3BJ,CD6BE,6CACE,uBC3BJ,CD6BE,6CACE,uBC3BJ,CD6BE,iDACE,uBC3BJ,CD6BE,qDACE,uBC3BJ,CD6BE,qDACE,uBC3BJ,CDgCA,uCACE,qBC7BF,CDgCA,uFACE,wBC7BF,CDgCA,2HAGE,wBAAA,CADA,aC5BF,CDmCI,SACE,aChCN,CD+BI,QACE,aC5BN,CD2BI,UACE,aCxBN,CDuBI,UACE,aCpBN,CDmBI,MACE,aChBN,CDeI,MACE,aCZN,CDWI,SACE,aCRN,CDOI,SACE,qBCJN,CDGI,eACE,aCAN,CDDI,cACE,UCIN,CDLI,YACE,UCQN,CDTI,MACE,UCYN,CDbI,WACE,UCgBN,CDjBI,aACE,aCoBN,CDrBI,cACE,UCwBN,CDzBI,MACE,qBC4BN,CD7BI,gBACE,qBCgCN,CDjCI,eACE,qBCoCN,CDrCI,YACE,UCwCN,CDzCI,sBACE,wBC4CN,CD7CI,qBACE,wBCgDN,CDjDI,aACE,aCoDN,CDrDI,OACE,aCwDN,CDzDI,MACE,qBC4DN,CD7DI,SACE,UCgEN,CD1DI,YACE,wBC6DN,CD9DI,WACE,wBCiEN,CDlEI,aACE,wBCqEN,CDtEI,aACE,wBCyEN,CD1EI,SACE,wBC6EN,CD9EI,SACE,wBCiFN,CDlFI,YACE,wBCqFN,CDtFI,YACE,gCCyFN,CD1FI,kBACE,wBC6FN,CD9FI,iBACE,qBCiGN,CDlGI,eACE,qBCqGN,CDtGI,SACE,qBCyGN,CD1GI,cACE,qBC6GN,CD9GI,gBACE,wBCiHN,CDlHI,iBACE,qBCqHN,CDtHI,SACE,gCCyHN,CD1HI,mBACE,gCC6HN,CD9HI,kBACE,gCCiIN,CDlII,eACE,qBCqIN,CDtII,yBACE,mCCyIN,CD1II,wBACE,mCC6IN,CD9II,gBACE,wBCiJN,CDlJI,UACE,wBCqJN,CDtJI,SACE,gCCyJN,CD1JI,YACE,qBC6JN,CDtJQ,kCACI,cCyJZ,CD1JQ,iCACI,cC6JZ,CD9JQ,mCACI,cCiKZ,CDlKQ,mCACI,cCqKZ,CDtKQ,+BACI,cCyKZ,CD1KQ,+BACI,cC6KZ,CD9KQ,kCACI,cCiLZ,CDlLQ,kCACI,sBCqLZ,CDtLQ,wCACI,cCyLZ,CD1LQ,uCACI,WC6LZ,CD9LQ,qCACI,WCiMZ,CDlMQ,+BACI,WCqMZ,CDtMQ,oCACI,WCyMZ,CD1MQ,sCACI,cC6MZ,CD9MQ,uCACI,WCiNZ,CDlNQ,+BACI,sBCqNZ,CDtNQ,yCACI,sBCyNZ,CD1NQ,wCACI,sBC6NZ,CD9NQ,qCACI,WCiOZ,CDlOQ,+CACI,yBCqOZ,CDtOQ,8CACI,yBCyOZ,CD1OQ,sCACI,cC6OZ,CD9OQ,gCACI,cCiPZ,CDlPQ,+BACI,sBCqPZ,CDtPQ,kCACI,WCyPZ,CE7dA,eACE,gBAAA,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","file":"vle.css","sourcesContent":["// Config\n$avatar-icon-padding: 6px !default;\n$avatar-icon-padding-lg: 8px !default;\n\nbody {\n  background: color('body-bg');\n\n  &.vle {\n      overflow: hidden;\n  }\n}\n\na {\n    &:hover, &:focus { // TODO: remove when bootstrap css dependency is removed\n        color: color('primary');\n    }\n}\n\nblockquote {\n  background-color: lighten(color('primary'), 56%);\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: color('primary');\n  border-width: 0 0 0 3px;\n}\n\n.has-indicator {\n    &:after {\n        content: '';\n        position: absolute;\n        border-radius: 50%;\n        padding: 5px;\n        background-color: color('accent');\n    }\n}\n\n.has-indicator--icon-button {\n    &:after {\n        top: 25px;\n        left: 5px;\n    }\n}\n\n// Badges\n.badge {\n    border-radius: $card-border-radius;\n    padding: 2px 6px;\n    font-size: rem(1.2);\n    font-weight: 500;\n    font-style: normal;\n    background-color: color('gray-dark');\n\n    &.md-button {\n        min-width: 0;\n        min-height: 0;\n        line-height: inherit;\n\n        &:hover, &:focus {\n            background-color: color('gray-dark');\n        }\n\n        &:focus {\n            outline: 1px dotted color('gray-dark');\n        }\n    }\n}\n\n.badge--info {\n    background-color: color('info');\n    color: #ffffff;\n}\n\n.badge--warn {\n    background-color: color('warn');\n    color: #ffffff;\n}\n\n.badge--success {\n    background-color: color('success');\n    color: #ffffff;\n}\n\n// Dividers\n.divider--withmargin {\n    margin: 16px 0;\n}\n\n.divider--dashed {\n    border-top-style: dashed;\n}\n\n// Links\na {\n  color: color('primary');\n  cursor: pointer;\n}\n\n.active {\n    background-color: rgba(158,158,158,0.2);\n    color: color('text');\n}\n\n// Images & Icons\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box;\n}\n\n.avatar--square {\n  border-radius: $card-border-radius;\n}\n\n// Rules for sizing avatars (matches material icons plus avatar-icon padding)\n.avatar {\n  &.md-18 {\n    height: 18px + $avatar-icon-padding*2;\n    width: 18px + $avatar-icon-padding*2;\n  }\n  &.md-24 {\n    height: 24px + $avatar-icon-padding*2;\n    width: 24px + $avatar-icon-padding*2;\n  }\n  &.md-36 {\n    height: 36px + $avatar-icon-padding*2;\n    width: 36px + $avatar-icon-padding*2;\n  }\n  &.md-48 {\n    height: 48px + $avatar-icon-padding*2;\n    width: 48px + $avatar-icon-padding*2;\n  }\n}\n\n// Rules for sizing avatar backgrounds (when using a child md-icon)\n.avatar--icon {\n  background-color: color('gray-light');\n  white-space: normal !important;\n\n  &:not(.md-avatar) {\n      padding: $avatar-icon-padding;\n  }\n\n  &.md-18 {\n    height: 18px;\n    width: 18px;\n  }\n  &.md-24 {\n    height: 24px;\n    width: 24px;\n  }\n  &.md-36 {\n    height: 36px;\n    width: 36px;\n  }\n  &.md-48 {\n    height: 48px;\n    width: 48px;\n  }\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) {\n  md-icon {\n    color: color('text-secondary');\n  }\n\n  .md-button:disabled {\n    md-icon {\n      color: color('text-disabled');\n    }\n  }\n}\n\n// hacks for now\nmd-icon, .md-button:not([disabled]) {\n  &.primary {\n    color: color('primary') !important;\n  }\n  &.success {\n    color: color('success') !important;\n  }\n  &.warn {\n    color: color('warn') !important;\n  }\n  &.info {\n    color: color('info') !important;\n  }\n  &.accent {\n    color: color('accent') !important;\n  }\n  &.accent-1 {\n    color: color('accent-1') !important;\n  }\n  &.accent-2 {\n    color: color('accent-2') !important;\n  }\n}\n\n// Theme overrides\nmd-input-container.md-wise-theme label {\n  color: color('text');\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: color('selected-bg');\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: color('primary');\n  background-color: color('selected-bg');\n}\n\n// Color\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key} {\n      color: $value;\n    }\n}\n\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key}-bg {\n      background-color: $value;\n    }\n}\n\n// Set theme colors for angular-ui elements\n@each $key, $value in $colors {\n    md-progress-circular.#{$key} {\n        path {\n            stroke: $value;\n        }\n    }\n}\n","/*\n WISE Project Styles\n */\nbody {\n  background: #eeeeee;\n}\nbody.vle {\n  overflow: hidden;\n}\n\na:hover, a:focus {\n  color: #1C8CA8;\n}\n\nblockquote {\n  background-color: rgb(230.6571428571, 246.8857142857, 250.9428571429);\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: #1C8CA8;\n  border-width: 0 0 0 3px;\n}\n\n.has-indicator:after {\n  content: \"\";\n  position: absolute;\n  border-radius: 50%;\n  padding: 5px;\n  background-color: #F05843;\n}\n\n.has-indicator--icon-button:after {\n  top: 25px;\n  left: 5px;\n}\n\n.badge {\n  border-radius: 4px;\n  padding: 2px 6px;\n  font-size: 12px;\n  font-weight: 500;\n  font-style: normal;\n  background-color: #aaaaaa;\n}\n.badge.md-button {\n  min-width: 0;\n  min-height: 0;\n  line-height: inherit;\n}\n.badge.md-button:hover, .badge.md-button:focus {\n  background-color: #aaaaaa;\n}\n.badge.md-button:focus {\n  outline: 1px dotted #aaaaaa;\n}\n\n.badge--info {\n  background-color: #ef6c00;\n  color: #ffffff;\n}\n\n.badge--warn {\n  background-color: #c62828;\n  color: #ffffff;\n}\n\n.badge--success {\n  background-color: #00C853;\n  color: #ffffff;\n}\n\n.divider--withmargin {\n  margin: 16px 0;\n}\n\n.divider--dashed {\n  border-top-style: dashed;\n}\n\na {\n  color: #1C8CA8;\n  cursor: pointer;\n}\n\n.active {\n  background-color: rgba(158, 158, 158, 0.2);\n  color: rgba(0, 0, 0, 0.87);\n}\n\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box;\n}\n\n.avatar--square {\n  border-radius: 4px;\n}\n\n.avatar.md-18 {\n  height: 30px;\n  width: 30px;\n}\n.avatar.md-24 {\n  height: 36px;\n  width: 36px;\n}\n.avatar.md-36 {\n  height: 48px;\n  width: 48px;\n}\n.avatar.md-48 {\n  height: 60px;\n  width: 60px;\n}\n\n.avatar--icon {\n  background-color: #dddddd;\n  white-space: normal !important;\n}\n.avatar--icon:not(.md-avatar) {\n  padding: 6px;\n}\n.avatar--icon.md-18 {\n  height: 18px;\n  width: 18px;\n}\n.avatar--icon.md-24 {\n  height: 24px;\n  width: 24px;\n}\n.avatar--icon.md-36 {\n  height: 36px;\n  width: 36px;\n}\n.avatar--icon.md-48 {\n  height: 48px;\n  width: 48px;\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon {\n  color: rgba(0, 0, 0, 0.54);\n}\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon {\n  color: rgba(0, 0, 0, 0.26);\n}\n\nmd-icon.primary, .md-button:not([disabled]).primary {\n  color: #1C8CA8 !important;\n}\nmd-icon.success, .md-button:not([disabled]).success {\n  color: #00C853 !important;\n}\nmd-icon.warn, .md-button:not([disabled]).warn {\n  color: #c62828 !important;\n}\nmd-icon.info, .md-button:not([disabled]).info {\n  color: #ef6c00 !important;\n}\nmd-icon.accent, .md-button:not([disabled]).accent {\n  color: #F05843 !important;\n}\nmd-icon.accent-1, .md-button:not([disabled]).accent-1 {\n  color: #795C3A !important;\n}\nmd-icon.accent-2, .md-button:not([disabled]).accent-2 {\n  color: #CAD266 !important;\n}\n\nmd-input-container.md-wise-theme label {\n  color: rgba(0, 0, 0, 0.87);\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: rgb(243.7714285714, 251.2571428571, 253.1285714286);\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: #1C8CA8;\n  background-color: rgb(243.7714285714, 251.2571428571, 253.1285714286);\n}\n\n.primary {\n  color: #1C8CA8;\n}\n\n.accent {\n  color: #F05843;\n}\n\n.accent-1 {\n  color: #795C3A;\n}\n\n.accent-2 {\n  color: #CAD266;\n}\n\n.warn {\n  color: #c62828;\n}\n\n.info {\n  color: #ef6c00;\n}\n\n.success {\n  color: #00C853;\n}\n\n.divider {\n  color: rgba(0, 0, 0, 0.12);\n}\n\n.gray-lightest {\n  color: #f7f7f7;\n}\n\n.gray-lighter {\n  color: #eeeeee;\n}\n\n.gray-light {\n  color: #dddddd;\n}\n\n.gray {\n  color: #cccccc;\n}\n\n.gray-dark {\n  color: #aaaaaa;\n}\n\n.gray-darker {\n  color: #757575;\n}\n\n.gray-darkest {\n  color: #333333;\n}\n\n.text {\n  color: rgba(0, 0, 0, 0.87);\n}\n\n.text-secondary {\n  color: rgba(0, 0, 0, 0.54);\n}\n\n.text-disabled {\n  color: rgba(0, 0, 0, 0.26);\n}\n\n.text-light {\n  color: rgb(255, 255, 255);\n}\n\n.text-light-secondary {\n  color: rgba(255, 255, 255, 0.7);\n}\n\n.text-light-disabled {\n  color: rgba(255, 255, 255, 0.5);\n}\n\n.selected-bg {\n  color: rgb(243.7714285714, 251.2571428571, 253.1285714286);\n}\n\n.score {\n  color: #FFC107;\n}\n\n.body {\n  color: rgba(0, 0, 0, 0.87);\n}\n\n.body-bg {\n  color: #eeeeee;\n}\n\n.primary-bg {\n  background-color: #1C8CA8;\n}\n\n.accent-bg {\n  background-color: #F05843;\n}\n\n.accent-1-bg {\n  background-color: #795C3A;\n}\n\n.accent-2-bg {\n  background-color: #CAD266;\n}\n\n.warn-bg {\n  background-color: #c62828;\n}\n\n.info-bg {\n  background-color: #ef6c00;\n}\n\n.success-bg {\n  background-color: #00C853;\n}\n\n.divider-bg {\n  background-color: rgba(0, 0, 0, 0.12);\n}\n\n.gray-lightest-bg {\n  background-color: #f7f7f7;\n}\n\n.gray-lighter-bg {\n  background-color: #eeeeee;\n}\n\n.gray-light-bg {\n  background-color: #dddddd;\n}\n\n.gray-bg {\n  background-color: #cccccc;\n}\n\n.gray-dark-bg {\n  background-color: #aaaaaa;\n}\n\n.gray-darker-bg {\n  background-color: #757575;\n}\n\n.gray-darkest-bg {\n  background-color: #333333;\n}\n\n.text-bg {\n  background-color: rgba(0, 0, 0, 0.87);\n}\n\n.text-secondary-bg {\n  background-color: rgba(0, 0, 0, 0.54);\n}\n\n.text-disabled-bg {\n  background-color: rgba(0, 0, 0, 0.26);\n}\n\n.text-light-bg {\n  background-color: rgb(255, 255, 255);\n}\n\n.text-light-secondary-bg {\n  background-color: rgba(255, 255, 255, 0.7);\n}\n\n.text-light-disabled-bg {\n  background-color: rgba(255, 255, 255, 0.5);\n}\n\n.selected-bg-bg {\n  background-color: rgb(243.7714285714, 251.2571428571, 253.1285714286);\n}\n\n.score-bg {\n  background-color: #FFC107;\n}\n\n.body-bg {\n  background-color: rgba(0, 0, 0, 0.87);\n}\n\n.body-bg-bg {\n  background-color: #eeeeee;\n}\n\nmd-progress-circular.primary path {\n  stroke: #1C8CA8;\n}\n\nmd-progress-circular.accent path {\n  stroke: #F05843;\n}\n\nmd-progress-circular.accent-1 path {\n  stroke: #795C3A;\n}\n\nmd-progress-circular.accent-2 path {\n  stroke: #CAD266;\n}\n\nmd-progress-circular.warn path {\n  stroke: #c62828;\n}\n\nmd-progress-circular.info path {\n  stroke: #ef6c00;\n}\n\nmd-progress-circular.success path {\n  stroke: #00C853;\n}\n\nmd-progress-circular.divider path {\n  stroke: rgba(0, 0, 0, 0.12);\n}\n\nmd-progress-circular.gray-lightest path {\n  stroke: #f7f7f7;\n}\n\nmd-progress-circular.gray-lighter path {\n  stroke: #eeeeee;\n}\n\nmd-progress-circular.gray-light path {\n  stroke: #dddddd;\n}\n\nmd-progress-circular.gray path {\n  stroke: #cccccc;\n}\n\nmd-progress-circular.gray-dark path {\n  stroke: #aaaaaa;\n}\n\nmd-progress-circular.gray-darker path {\n  stroke: #757575;\n}\n\nmd-progress-circular.gray-darkest path {\n  stroke: #333333;\n}\n\nmd-progress-circular.text path {\n  stroke: rgba(0, 0, 0, 0.87);\n}\n\nmd-progress-circular.text-secondary path {\n  stroke: rgba(0, 0, 0, 0.54);\n}\n\nmd-progress-circular.text-disabled path {\n  stroke: rgba(0, 0, 0, 0.26);\n}\n\nmd-progress-circular.text-light path {\n  stroke: rgb(255, 255, 255);\n}\n\nmd-progress-circular.text-light-secondary path {\n  stroke: rgba(255, 255, 255, 0.7);\n}\n\nmd-progress-circular.text-light-disabled path {\n  stroke: rgba(255, 255, 255, 0.5);\n}\n\nmd-progress-circular.selected-bg path {\n  stroke: rgb(243.7714285714, 251.2571428571, 253.1285714286);\n}\n\nmd-progress-circular.score path {\n  stroke: #FFC107;\n}\n\nmd-progress-circular.body path {\n  stroke: rgba(0, 0, 0, 0.87);\n}\n\nmd-progress-circular.body-bg path {\n  stroke: #eeeeee;\n}\n\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative;\n}\n@media (min-width: 600px) {\n  .l-constrained {\n    width: 1280px;\n  }\n}\n@media (min-width: 1920px) {\n  .l-constrained {\n    width: 1920px;\n  }\n}\n\n.l-constrained-md {\n  width: 960px;\n  max-width: 100%;\n}\n\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid #eeeeee;\n}\n\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex;\n}\n\n.button--footer__element {\n  padding-left: 8px;\n}\n\n.l-header {\n  z-index: 3;\n}\n.l-header .logo {\n  margin-left: 0 !important;\n  height: 36px;\n  width: 36px;\n  vertical-align: middle;\n}\n.l-header .logo-link {\n  min-width: auto;\n  display: none;\n  padding: 0 4px;\n  margin-right: 12px;\n}\n@media only screen and (min-width: 600px) {\n  .l-header .logo-link {\n    display: block;\n  }\n}\n.l-header .logo-link:hover, .l-header .logo-link:focus {\n  border: 0 none;\n}\n@media only screen and (max-width: 599px) {\n  .l-header .md-toolbar-tools h1, .l-header .md-toolbar-tools h2, .l-header .md-toolbar-tools h3 {\n    font-size: 15px;\n  }\n}\n\n.l-main {\n  background-color: #eeeeee;\n}\n\n.l-main--with-toolbar {\n  margin-top: 42px;\n}\n\n#content {\n  transition: margin-top 0.5s;\n}\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms;\n}\n@media only screen and (min-width: 960px) {\n  .view-content {\n    padding: 16px;\n  }\n}\n.view-content.ng-enter {\n  opacity: 0;\n}\n.view-content .ng-enter-active {\n  opacity: 1;\n  transition-delay: 250ms;\n}\n.view-content.ng-leave-active, .view-content.ng-hide {\n  opacity: 0;\n}\n.view-content.ng-hide-add, .view-content.ng-hide-add-active, .view-content.ng-hide-remove, .view-content.ng-hide-remove-active {\n  opacity: 0;\n}\n\n.view-content--with-sidemenu {\n  padding: 8px;\n}\n@media only screen and (min-width: 600px) {\n  .view-content--with-sidemenu {\n    margin-left: 54px;\n    padding: 16px;\n  }\n}\n\n@media only screen and (min-width: 600px) {\n  [dir=rtl] .view-content--with-sidemenu {\n    margin-left: auto;\n    margin-right: 54px;\n  }\n}\n\n.content-head {\n  margin: 8px 0;\n}\n.content-head h1,\n.content-head h2,\n.content-head h3 {\n  font-weight: 300;\n  margin-top: 0;\n  margin-bottom: 0;\n  font-size: 36px;\n}\n@media only screen and (max-width: 959px) {\n  .content-head h1,\n  .content-head h2,\n  .content-head h3 {\n    font-size: 32px;\n    text-align: center;\n  }\n}\n\n@media only screen and (max-width: 959px) {\n  .content-head__more {\n    margin-top: 8px;\n  }\n}\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px;\n}\n.content-head__item .md-subhead,\nh2.content-head__item .md-subhead {\n  padding-left: 4px;\n}\n@media only screen and (max-width: 959px) {\n  .content-head__item .md-subhead,\n  h2.content-head__item .md-subhead {\n    display: block;\n    padding-left: 0;\n  }\n}\n.content-head__item md-icon,\nh2.content-head__item md-icon {\n  vertical-align: text-bottom;\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px;\n}\n\n.l-notebook {\n  margin-top: 42px;\n  background-color: #eeeeee !important;\n}\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: #795C3A !important;\n}\n.l-sidebar__header md-select {\n  color: rgba(0, 0, 0, 0.87);\n}\n\n.status-icon {\n  margin: 0 4px;\n  z-index: 1;\n  vertical-align: bottom;\n}\n\n.md-button.status-icon {\n  height: auto;\n  width: auto;\n  min-height: 0;\n  line-height: inherit;\n  margin: 0 4px;\n  padding: 0;\n}\n\n.avatar--icon--alert {\n  background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n  font-size: 48px;\n  margin: -4px 0 0 -4px;\n}\n\nmd-dialog {\n  width: 600px;\n}\n\n.dialog--wide {\n  width: 960px;\n}\n\n.dialog--wider {\n  width: 1280px;\n}\n\n.help-bubble {\n  border-radius: 4px;\n  max-width: 320px;\n}\n@media (min-width: 600px) {\n  .help-bubble {\n    max-width: 552px;\n  }\n}\n@media (min-width: 960px) {\n  .help-bubble {\n    max-width: 912px;\n  }\n}\n@media (min-width: 1280px) {\n  .help-bubble {\n    max-width: 1232px;\n  }\n}\n\n.help-bubble__title {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n}\n\n.help-bubble___title__content {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  padding: 0px 0 0 12px;\n  background-color: #ef6c00;\n}\n.help-bubble___title__content .md-icon-button {\n  margin-right: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n}\n\n.help-bubble__content {\n  overflow: auto;\n  padding: 8px 12px;\n  max-height: 480px;\n}\n\n.help-bubble__actions {\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n}\n\n.input-container {\n  padding-top: 12px;\n}\n\n.input-container--component {\n  margin-bottom: 0;\n}\n\n.input-container--open-response.md-has-icon {\n  padding-left: 0;\n}\n.input-container--open-response .md-errors-spacer {\n  display: none;\n}\n\n.input-wrapper {\n  position: relative;\n}\n\n.input-wrapper--focused .input--textarea__action md-icon {\n  color: #1C8CA8;\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n  padding: 8px;\n  background-color: #f7f7f7;\n  border: 1px solid #cccccc;\n  margin-bottom: 8px;\n}\n.input--textarea:focus, .input-container textarea.input--textarea:focus {\n  background-color: #ffffff;\n}\n.input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n  color: rgba(0, 0, 0, 0.54);\n}\n\n.input-container textarea.input--textarea {\n  width: 100%;\n}\n\n.input--textarea--disabled {\n  color: rgba(0, 0, 0, 0.54);\n}\n\n.input--textarea__action {\n  position: absolute;\n  right: -4px;\n}\n.input--textarea__action[disabled] md-icon {\n  color: rgba(0, 0, 0, 0.26) !important;\n}\n\n.input--textarea__action--notebook {\n  top: 6px;\n}\n.input-wrapper--richtext .input--textarea__action--notebook {\n  top: -7px;\n}\n\n.input--textarea__action--revision {\n  bottom: 6px;\n}\n.input-wrapper--richtext .input--textarea__action--revision {\n  bottom: -5px;\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n  line-height: 1.2;\n  color: rgba(0, 0, 0, 0.87);\n}\n.input-label.input-label--focused, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused {\n  color: #1C8CA8;\n}\n\n.autocomplete input {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  word-wrap: none;\n  font-weight: 500;\n  color: rgba(0, 0, 0, 0.54);\n}\n\n@media only screen and (min-width: 600px) {\n  .autocomplete--minwidth {\n    min-width: 300px;\n  }\n}\n@media only screen and (min-width: 960px) {\n  .autocomplete--minwidth {\n    min-width: 300px;\n  }\n}\n\n.autocomplete--flat md-autocomplete-wrap {\n  background-color: #ffffff;\n}\n.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n  box-shadow: none;\n  background-color: #eeeeee;\n}\n\n.select__header {\n  height: 48px;\n}\n.select__header input {\n  height: 100%;\n  width: 100%;\n  padding: 0 8px;\n  outline: none;\n  border: 0 none;\n  font-size: 14px;\n  font-weight: 500;\n}\n\n.table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0;\n}\n.table thead > tr > th,\n.table thead > tr > td,\n.table tbody > tr > th,\n.table tbody > tr > td,\n.table tfoot > tr > th,\n.table tfoot > tr > td {\n  border: 1px solid #cccccc;\n  padding: 6px;\n  font-size: 15px;\n  min-height: 32px;\n  height: 32px;\n  min-width: 32px;\n  vertical-align: top;\n}\n.table td.inactive,\n.table th {\n  background-color: #f7f7f7;\n  opacity: 1;\n  visibility: visible;\n}\n.table md-input-container {\n  margin: 0;\n}\n.table .md-errors-spacer {\n  display: none;\n}\n\n.table--student td.inactive {\n  padding: 8px 10px;\n}\n\n.table--full-width {\n  width: 100%;\n}\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto;\n}\n.table--list th,\n.table--list td {\n  padding: 0 4px;\n  border: 0 none;\n}\n.table--list td {\n  min-height: 56px;\n  height: 56px;\n}\n.table--list tr.md-button {\n  display: table-row;\n  text-align: left;\n  width: auto;\n  text-transform: none;\n  font-size: inherit;\n  font-weight: normal;\n}\n\n.table--list__wrap {\n  min-width: 600px;\n}\n\n@media only screen and (max-width: 959px) {\n  .table-wrap-sticky {\n    overflow-x: auto;\n  }\n}\n\n.table--list__thead {\n  font-size: 14px;\n  font-weight: 700;\n}\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0;\n}\n\n.table--list__thead__th {\n  background-color: #757575;\n  color: rgb(255, 255, 255);\n  min-height: 42px;\n  height: 42px;\n}\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%;\n}\n\n.table--list__thead__sort {\n  margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg);\n}\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2;\n}\n\n@media only screen and (max-width: 959px) {\n  .td--max-width {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n\n.md-toolbar-tools {\n  font-size: 18px;\n}\n.md-toolbar-tools .autocomplete {\n  height: 36px;\n}\n.md-toolbar-tools .autocomplete md-autocomplete-wrap {\n  height: 36px;\n}\n.md-toolbar-tools .autocomplete input {\n  height: 36px;\n}\n\n.md-toolbar--wise {\n  min-height: 42px;\n}\n.md-toolbar--wise .md-toolbar-tools {\n  height: 42px;\n  max-height: 42px;\n}\n.md-toolbar--wise .md-button.md-icon-button {\n  height: 42px;\n  line-height: 42px;\n  width: 42px;\n}\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n  padding: 0 8px;\n  font-size: 15px;\n}\n\n.md-toolbar--sidenav {\n  background-color: #333333 !important;\n}\n.md-toolbar--sidenav .md-toolbar-tools {\n  font-size: 16px;\n  font-weight: 500;\n}\n\n.toolbar {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 52px;\n  z-index: 3;\n}\n\n.toolbar__title {\n  margin-left: 8px;\n  font-size: 16px;\n  font-weight: 500;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n  margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n  margin: 0 4px;\n  min-height: 32px;\n  background-color: #f7f7f7;\n}\n.toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n  height: 32px;\n  text-align: left;\n}\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n  text-align: right;\n}\n\n.toolbar__select--fixedwidth {\n  width: 168px;\n}\n@media only screen and (min-width: 600px) {\n  .toolbar__select--fixedwidth {\n    width: 264px;\n  }\n}\n@media only screen and (min-width: 960px) {\n  .toolbar__select--fixedwidth {\n    width: 432px;\n  }\n}\n\n.list-item {\n  background-color: #ffffff;\n  border-bottom: 1px solid #eeeeee;\n}\n.list-item .md-subheader, .list-item.md-subheader {\n  color: rgba(0, 0, 0, 0.87);\n  background-color: #ffffff;\n}\n.list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n  vertical-align: middle;\n}\n.list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n  padding: 0;\n}\n.list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n  margin-right: 8px;\n}\n.list-item .autocomplete {\n  margin: 8px 0;\n}\n\n.list-item--info._md-button-wrap > div.md-button:first-child, .list-item--info .md-subheader-content {\n  border-left: 4px solid #ef6c00 !important;\n  margin-left: -4px;\n}\n\n.list-item--warn._md-button-wrap > div.md-button:first-child, .list-item--warn .md-subheader-content {\n  border-left: 4px solid #c62828 !important;\n  margin-left: -4px;\n}\n\n.list-item--expanded {\n  border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n  cursor: default;\n  background-color: #f7f7f7;\n}\n\n.list-item--actions {\n  padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n  text-transform: none;\n  width: 100%;\n  padding: 8px 16px;\n  margin: 0;\n  white-space: normal;\n  text-align: left;\n  line-height: 1.4;\n}\n\n.user-list {\n  font-size: 15px;\n}\n\n#nav {\n  position: relative;\n}\n\n.nav {\n  margin-bottom: 16px;\n}\n\n.nav-mask {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: rgba(0, 0, 0, 0.25);\n  z-index: 1;\n}\n.nav-mask.ng-hide {\n  opacity: 0;\n}\n\n.nav-head {\n  color: rgba(0, 0, 0, 0.54);\n  font-weight: 500;\n}\n.nav-head md-icon {\n  line-height: 20px;\n}\n\n.nav-contents--root {\n  padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n  background-color: #dddddd;\n  padding: 8px;\n}\n\n.nav-contents--root {\n  padding: 0;\n}\n\n.nav-contents__list {\n  padding: 0;\n}\n@media (min-width: 600px) {\n  .nav-contents__list {\n    padding: 8px;\n  }\n}\n\n.nav-item {\n  transition: opacity 250ms ease-in-out;\n}\n.nav-item.prev md-list-item {\n  background-color: rgb(243.7714285714, 251.2571428571, 253.1285714286);\n  /*&._md-button-wrap>div.md-button:first-child {\n      border-left: 4px solid color('primary');\n      margin-left: -4px;\n  }*/\n}\n\n.nav-item--card__content {\n  border-top-right-radius: 4px;\n  border-top-left-radius: 4px;\n}\n.nav-item--card__content:focus {\n  outline: none;\n}\n.nav-item--card__content:focus .nav-item__title > span {\n  border-bottom: 1px dashed #cccccc;\n}\n\n.nav-item--root {\n  transition: margin 250ms, box-shadow 500ms;\n}\n.nav-item--root.expanded {\n  flex-basis: 100%;\n  max-width: 100%;\n  max-height: none !important;\n  margin: 8px auto;\n}\n.nav-item--root.expanded:first-of-type {\n  margin-top: 0;\n}\n\n.nav-item--list__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#node {\n  margin: 0 auto;\n  position: absolute;\n  left: 0;\n  right: 0;\n}\n@media only screen and (min-width: 600px) {\n  #node {\n    padding: 8px;\n    padding: 24px 16px;\n    margin-bottom: 32px;\n  }\n}\n@media only screen and (min-width: 960px) {\n  #node {\n    padding: 32px;\n  }\n}\n#node.ng-enter {\n  transition: opacity 0.5s;\n  opacity: 0;\n}\n#node.ng-enter-active {\n  opacity: 1;\n}\n\n.node-content {\n  padding: 0 0 48px;\n  background-color: #ffffff;\n  border-radius: 3px;\n  overflow: visible;\n}\n@media only screen and (max-width: 599px) {\n  .node-content {\n    box-shadow: none;\n  }\n}\n@media only screen and (min-width: 600px) {\n  .node-content {\n    padding: 0;\n    border-top: 2px solid;\n    border-bottom: 2px solid;\n  }\n}\n\nmd-content.node-content {\n  background-color: #ffffff;\n}\n\n.node-content__rubric {\n  position: absolute;\n  top: -22px;\n  left: 0;\n  right: 0;\n  z-index: 1;\n}\n.node-content__rubric .avatar--icon {\n  transform: scale(0.94);\n}\n@media only screen and (max-width: 599px) {\n  .node-content__rubric .avatar--icon {\n    transform: scale(0.8);\n  }\n}\n\n.node-icon {\n  color: #ffffff;\n  vertical-align: inherit;\n}\n\n.node-select {\n  margin: 0 8px;\n  min-width: 0;\n  font-weight: 500;\n  font-size: 15px;\n}\n.node-select .md-select-value *:first-child {\n  transform: translate3d(0, 0, 0);\n  flex: 1 0 0;\n}\n.node-select .md-select-value .node-select__icon {\n  display: none;\n}\n.node-select .md-select-value .node-select__status {\n  display: none;\n}\n.node-select .md-select-icon {\n  margin-left: 0;\n  color: rgba(0, 0, 0, 0.87);\n}\n\n.node-select-option--group {\n  background-color: #f7f7f7;\n  border-bottom: 1px solid #eeeeee;\n  border-top: 1px solid #eeeeee;\n}\n\n.node-select-option--node {\n  padding-left: 20px;\n}\n\n.node-select__icon {\n  margin-right: 8px;\n}\n\n.node-select__status {\n  margin-left: 8px;\n}\n\n.node-select__text {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n}\n@media only screen and (min-width: 600px) {\n  .node-select__text {\n    margin-top: 2px;\n  }\n}\n\n.node-title {\n  line-height: 1.2;\n  text-transform: none;\n  margin-top: 3px;\n}\n@media only screen and (max-width: 599px) {\n  .node-title {\n    font-size: 15px;\n  }\n}\n\n.node-content__actions {\n  padding: 0 16px 16px;\n}\n@media only screen and (min-width: 960px) {\n  .node-content__actions {\n    padding: 0 24px 24px;\n  }\n}\n.node-content__actions .md-button:first-child {\n  margin-left: 0;\n}\n.node-content__actions .md-button:last-child {\n  margin-right: 0;\n}\n\n.node-content__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54);\n}\n\n.node-content__actions__more {\n  border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav:first-of-type {\n  margin-right: 0;\n}\n\n@media only screen and (min-width: 600px) {\n  .node-sidebar-active {\n    margin-right: 68px;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .node-sidebar-visible {\n    margin-bottom: 42px;\n  }\n}\n\n.node-sidebar {\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 52px;\n}\n\n.node-sidebar__toolbar {\n  position: fixed;\n  width: 52px;\n  background-color: #ffffff;\n  padding: 8px 0;\n  border-radius: 3px;\n}\n@media only screen and (max-width: 599px) {\n  .node-sidebar__toolbar {\n    right: 0;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    border-radius: 0;\n    padding: 0;\n    min-height: 0;\n    height: 42px;\n  }\n}\n\n.node__label--vertical-alignment {\n  vertical-align: middle;\n  display: inline-block;\n}\n\nnotebook-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}","@use 'sass:map';\n\n// Colors\n$_primary-color: #1C8CA8; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 59%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map.get($color, 'text'),\n  'body-bg': map.get($color, 'gray-lighter')\n);\n\n$colors: (map-merge($color, $body-color));\n\n// Typography\n$baseline-grid:            8px;\n$body-font-size-base:      rem(1.500);\n$caption-font-size-base:   rem(1.300);\n\n// Layout\n$wise-toolbar-height: 42px;\n\n// Menus\n$menu-border-radius: 2px;\n$max-visible-items: 6;\n$menu-item-height: 6 * $baseline-grid !default;\n$dense-menu-item-height: 4 * $baseline-grid !default;\n$max-menu-height: 2 * $baseline-grid + $max-visible-items * $menu-item-height !default;\n$max-dense-menu-height: 2 * $baseline-grid + $max-visible-items * $dense-menu-item-height !default;\n\n// Cards\n$card-border-radius: 4px;\n\n// Buttons\n$button-border-radius: 3px;\n","// 1. Config\n\n// 2. Base\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative;\n\n  @media (min-width: $layout-breakpoint-xs) {\n      width: $layout-breakpoint-md;\n  }\n\n  @media (min-width: $layout-breakpoint-lg) {\n      width: $layout-breakpoint-lg;\n  }\n}\n\n.l-constrained-md {\n  width: $layout-breakpoint-sm;\n  max-width: 100%;\n}\n","// 1. Config\n\n// 2. Base\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid color('gray-lighter');\n}\n\n// Buttons\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex;\n}\n\n.button--footer__element {\n  padding-left: 8px;\n}\n","// 1. Config\n\n// 2. Base\n.l-header {\n    z-index: 3;\n\n    .logo {\n        margin-left: 0 !important;\n        height: 36px;\n        width: 36px;\n        vertical-align: middle;\n    }\n\n    .logo-link {\n        min-width: auto;\n        display: none;\n        padding: 0 4px;\n        margin-right: 12px;\n\n        @media only screen and (min-width: ($layout-breakpoint-xs)) {\n            display: block;\n        }\n\n        &:hover, &:focus {\n            border: 0 none;\n        }\n    }\n\n    // Handle mobile portrait\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        .md-toolbar-tools {\n            h1, h2, h3 {\n                font-size: $body-font-size-base;\n            }\n        }\n    }\n}\n","// 1. Config\n\n// 2. Base\n.l-main {\n  background-color: color('body-bg');\n}\n\n.l-main--with-toolbar {\n  margin-top: $wise-toolbar-height;\n}\n\n#content {\n  transition: margin-top 0.5s;\n}\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms;\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 16px;\n  }\n\n  &.ng-enter {\n    opacity: 0;\n  }\n\n  .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms;\n  }\n\n  &.ng-leave-active,\n  &.ng-hide {\n    opacity: 0;\n  }\n\n  &.ng-hide-add,\n  &.ng-hide-add-active,\n  &.ng-hide-remove,\n  &.ng-hide-remove-active {\n    opacity: 0;\n  }\n}\n\n.view-content--with-sidemenu {\n  padding: 8px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: 54px;\n    padding: 16px;\n  }\n}\n[dir='rtl'] .view-content--with-sidemenu {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: auto;\n    margin-right: 54px;\n  }\n}\n\n.content-head {\n  margin: 8px 0;\n\n  h1,\n  h2,\n  h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: rem(3.6);\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      font-size: rem(3.2);\n      text-align: center;\n    }\n  }\n}\n\n.content-head__more {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    margin-top: 8px;\n  }\n}\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px;\n\n  .md-subhead {\n    padding-left: 4px;\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      display: block;\n      padding-left: 0;\n    }\n  }\n\n  md-icon {\n    vertical-align: text-bottom;\n  }\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px;\n}\n","// 1. Config\n\n// 2. Base\n.l-notebook {\n    margin-top: $wise-toolbar-height;\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-sidebar {\n\n}\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: color('accent-1') !important;\n\n  md-select {\n    color: color('body');\n  }\n}",".status-icon {\n    margin: 0 4px;\n    z-index: 1;\n    vertical-align: bottom;\n}\n\n.md-button.status-icon {\n    height: auto;\n    width: auto;\n    min-height: 0;\n    line-height: inherit;\n    margin: 0 4px;\n    padding: 0;\n}\n\n.avatar--icon--alert {\n    background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n    font-size: 48px;\n    margin: -4px 0 0 -4px;\n}\n","md-dialog {\n    width: $layout-breakpoint-xs;\n}\n\n.dialog--wide {\n    width: $layout-breakpoint-sm;\n}\n\n.dialog--wider {\n    width: $layout-breakpoint-md;\n}\n",".help-bubble {\n    border-radius: $card-border-radius;\n    max-width: 320px;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        max-width: ($layout-breakpoint-xs - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-sm) {\n        max-width: ($layout-breakpoint-sm - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-md) {\n        max-width: ($layout-breakpoint-md - 48);\n    }\n}\n\n.help-bubble__title {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n}\n\n.help-bubble___title__content {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    padding: 0px 0 0 12px;\n    background-color: color('info');\n\n    .md-icon-button {\n        margin-right: 0;\n        padding-top: 0;\n        padding-bottom: 0;\n    }\n}\n\n.help-bubble__content {\n    overflow: auto;\n    padding: 8px 12px;\n    max-height: 480px;\n}\n\n.help-bubble__actions {\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n}\n","// Variables\n$input-action-width: 44px;\n$input-action-vertical-offset: 6px;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n.input-container {\n    padding-top: 12px;\n}\n\n.input-container--component {\n    margin-bottom: 0;\n}\n\n.input-container--open-response {\n    &.md-has-icon {\n        padding-left: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.input-wrapper {\n    position: relative;\n}\n\n.input-wrapper--focused {\n    .input--textarea__action md-icon {\n        color: color('primary');\n    }\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n    padding: 8px;\n    background-color: color('gray-lightest');\n    border: 1px solid color('gray');\n    margin-bottom: 8px;\n\n    &:focus {\n        background-color: #ffffff;\n    }\n\n    &[disabled] {\n        color: color('text-secondary');\n    }\n}\n\n.input-container textarea.input--textarea {\n    width: 100%;\n}\n\n.input--textarea--disabled {\n    color: color('text-secondary');\n}\n\n.input--textarea__action {\n    position: absolute;\n    right: -4px;\n\n    &[disabled] md-icon {\n        color: color('text-disabled') !important;\n    }\n}\n\n.input--textarea__action--notebook {\n    top: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        top: $input-action-vertical-offset-richtext\n    }\n}\n\n.input--textarea__action--revision {\n    bottom: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        bottom: ($input-action-vertical-offset-richtext + 2px);\n    }\n\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n    line-height: 1.2;\n    color: color('text');\n\n    &.input-label--focused {\n        color: color('primary');\n    }\n}\n\n.autocomplete {\n    input {\n        text-overflow: ellipsis;\n        overflow: hidden;\n        word-wrap: none;\n        font-weight: 500;\n        color: color('text-secondary');\n    }\n}\n\n.autocomplete--minwidth {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        min-width: 300px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        min-width: 300px;\n    }\n}\n\n.autocomplete--flat {\n    md-autocomplete-wrap {\n        background-color: #ffffff;\n\n        &:not(.md-menu-showing) {\n            box-shadow: none;\n            background-color: color('gray-lighter');\n        }\n    }\n}\n\n.select__header {\n    height: $menu-item-height;\n\n    input {\n        height: 100%;\n        width: 100%;\n        padding: 0 8px;\n        outline: none;\n        border: 0 none;\n        font-size: rem(1.4);\n        font-weight: 500;\n    }\n}\n",".table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0;\n\n  thead,\n  tbody,\n  tfoot {\n    // TODO: remove chaining when bootstrap dependency is removed\n    > tr > th,\n    > tr > td {\n      border: 1px solid color('gray');\n      padding: 6px;\n      font-size: rem(1.5);\n      min-height: 32px;\n      height: 32px;\n      min-width: 32px;\n      vertical-align: top;\n    }\n  }\n\n  td.inactive,\n  th {\n    background-color: color('gray-lightest');\n    opacity: 1;\n    visibility: visible;\n  }\n\n  md-input-container {\n    margin: 0;\n  }\n\n  .md-errors-spacer {\n    display: none;\n  }\n}\n\n.table--student {\n  td {\n    &.inactive {\n      padding: 8px 10px;\n    }\n  }\n}\n\n.table--full-width {\n  width: 100%;\n}\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto;\n\n  th,\n  td {\n    padding: 0 4px;\n    border: 0 none;\n  }\n\n  td {\n    min-height: 56px;\n    height: 56px;\n  }\n\n  tr {\n    &.md-button {\n      display: table-row;\n      text-align: left;\n      width: auto;\n      text-transform: none;\n      font-size: inherit;\n      font-weight: normal;\n    }\n  }\n}\n\n.table--list__wrap {\n  min-width: $layout-breakpoint-xs;\n}\n\n.table-wrap-sticky {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    overflow-x: auto;\n  }\n}\n\n.table--list__thead {\n  font-size: rem(1.4);\n  font-weight: 700;\n}\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0;\n}\n\n.table--list__thead__th {\n  background-color: color('gray-darker');\n  color: color('text-light');\n  min-height: $wise-toolbar-height;\n  height: $wise-toolbar-height;\n}\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%;\n}\n\n.table--list__thead__sort {\n  margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg);\n}\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2;\n}\n\n.td--max-width {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n",".md-toolbar-tools {\n    font-size: 18px;\n\n    .autocomplete {\n        height: 36px;\n\n        md-autocomplete-wrap {\n            height: 36px;\n        }\n\n        input {\n            height: 36px;\n        }\n    }\n}\n\n.md-toolbar--wise {\n    min-height: $wise-toolbar-height;\n\n    .md-toolbar-tools {\n        height: $wise-toolbar-height;\n        max-height: $wise-toolbar-height;\n    }\n\n    .md-button.md-icon-button {\n        height: $wise-toolbar-height;\n        line-height: $wise-toolbar-height;\n        width: $wise-toolbar-height;\n    }\n}\n\n.md-toolbar--wise--sm {\n    .md-toolbar-tools {\n        padding: 0 8px;\n        font-size: $body-font-size-base;\n    }\n}\n\n.md-toolbar--sidenav {\n    background-color: color('gray-darkest') !important;\n\n    .md-toolbar-tools {\n        font-size: rem(1.6);\n        font-weight: 500;\n    }\n}\n\n.toolbar {\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: $md-toolbar-height;\n    z-index: 3;\n}\n\n.toolbar__title {\n    margin-left: 8px;\n    font-size: rem(1.6);\n    font-weight: 500;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n    margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n    margin: 0 4px;\n    min-height: 32px;\n    background-color: color('gray-lightest');\n\n    .md-select-value {\n        height: 32px;\n        text-align: left;\n    }\n}\n[dir=rtl] {\n  .toolbar__select, .md-button.toolbar__select {\n      .md-select-value {\n          text-align: right;\n      }\n  }\n}\n\n.toolbar__select--fixedwidth {\n    width: 168px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 264px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 432px;\n    }\n}\n","// Helpers\n@function rem($multiplier) {\n    $font-size: 10px;\n    @return $multiplier * $font-size;\n}\n\n// Angular Material variables for use and !default overrides\n$md-toolbar-height: 52px;\n$md-toolbar-medium-tall-height: 74px;\n$md-toolbar-tall-height: 104px;\n$md-toolbar-height-mobile-portrait: 52px;\n$md-toolbar-height-mobile-landscape: 52px;\n\n$caption-font-size-base:   rem(1.300);\n\n//$list-item-height: 56px;\n\n$card-border-radius: 4px;\n\n$layout-breakpoint-xs:     600px;\n$layout-breakpoint-sm:     960px;\n$layout-breakpoint-md:     1280px;\n$layout-breakpoint-lg:     1920px;\n\n$button-border-radius: 3px;\n\n$tooltip-fontsize-lg: rem(1.1);\n$tooltip-fontsize-sm: rem(1.1);\n//$tooltip-height-lg: rem(2.2);\n$tooltip-height-sm: rem(2.2);\n//$tooltip-top-margin-lg: rem(1.4);\n$tooltip-top-margin-sm: rem(1.4);\n//$tooltip-lr-padding-lg: rem(0.8);\n$tooltip-lr-padding-sm: rem(0.8);\n//$tooltip-max-width: rem(3.20);\n\n$progress-linear-bar-height: 7px;\n",".list-item {\n    background-color: #ffffff;\n    border-bottom: 1px solid color('gray-lighter');\n\n    .md-subheader, &.md-subheader {\n        color: color('text');\n        background-color: #ffffff;\n\n        md-icon {\n            vertical-align: middle;\n        }\n\n        .md-subheader-inner {\n            padding: 0;\n        }\n\n        .md-avatar {\n            margin-right: 8px;\n        }\n    }\n\n    .autocomplete {\n        margin: 8px 0;\n    }\n}\n\n.list-item--info {\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('info') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--warn {\n    //background-color: lighten(color('warn'), 56%);\n\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('warn') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--expanded {\n    border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n    cursor: default;\n    background-color: color('gray-lightest');\n}\n\n.list-item--actions {\n    padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n    text-transform: none;\n    width: 100%;\n    padding: 8px 16px;\n    margin: 0;\n    white-space: normal;\n    text-align: left;\n    line-height: 1.4;\n}\n\n.user-list {\n    font-size: rem(1.5);\n}\n","#nav {\n    position: relative;\n}\n\n.nav {\n    margin-bottom: 16px;\n}\n\n.nav-mask {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-color: rgba(0,0,0,0.25);\n    z-index: 1;\n\n    &.ng-hide {\n        opacity: 0;\n    }\n}\n\n.nav-head {\n    color: color('text-secondary');\n    font-weight: 500;\n\n    md-icon {\n        line-height: 20px;\n    }\n}\n\n.nav-contents--root {\n    padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n    background-color: color('gray-light');\n    padding: 8px;\n}\n\n.nav-contents--root {\n    padding: 0;\n}\n\n.nav-contents__list {\n    padding: 0;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n    }\n}\n\n.nav-item {\n    transition: opacity 250ms ease-in-out;\n\n    &.prev {\n        md-list-item {\n            background-color: color('selected-bg');\n\n            /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/\n        }\n    }\n}\n\n.nav-item--card__content {\n    border-top-right-radius: $card-border-radius;\n    border-top-left-radius: $card-border-radius;\n\n    &:focus {\n        outline: none;\n\n        .nav-item__title > span {\n            border-bottom: 1px dashed color('gray');\n        }\n    }\n}\n\n.nav-item--root {\n    transition: margin 250ms, box-shadow 500ms;\n\n    &.expanded {\n        flex-basis: 100%;\n        //max-width: ($layout-breakpoint-md - 100) !important;\n        max-width: 100%;\n        max-height: none !important;\n        margin: 8px auto;\n\n        &:first-of-type {\n            margin-top: 0;\n        }\n\n        //@media only screen and (min-width: $layout-breakpoint-sm) {\n        //margin: 8px auto;\n        //}\n    }\n}\n\n//.nav-item--list {\n//}\n\n.nav-item--list__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","// Variables\n$input-action-width: 48px;\n$input-action-vertical-offset: 0;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n#node {\n    margin: 0 auto;\n    position: absolute;\n    left: 0;\n    right: 0;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n        padding: 24px 16px;\n        margin-bottom: 32px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 32px;\n    }\n\n    &.ng-enter {\n        transition: opacity .5s;\n        opacity: 0;\n    }\n\n    &.ng-enter-active {\n        opacity: 1;\n    }\n}\n\n// TODO: use BEM conventions\n\n.node-content {\n    padding: 0 0 48px;\n    background-color: #ffffff;\n    border-radius: $button-border-radius;\n    overflow: visible;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        box-shadow: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0;\n        border-top: 2px solid;\n        border-bottom: 2px solid;\n    }\n}\n\nmd-content {\n    &.node-content {\n        background-color: #ffffff;\n    }\n}\n\n.node-content__rubric {\n    position: absolute;\n    top: -22px;\n    left: 0;\n    right: 0;\n    z-index: 1;\n\n    .avatar--icon {\n        transform: scale(0.94);\n\n        @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n            transform: scale(0.8);\n        }\n    }\n}\n\n.node-icon {\n    color: #ffffff;\n    vertical-align: inherit;\n}\n\n.node-select {\n    margin: 0 8px;\n    min-width: 0;\n    font-weight: 500;\n    font-size: $body-font-size-base;\n\n    .md-select-value {\n        *:first-child {\n            transform: translate3d(0,0,0);\n            flex: 1 0 0;\n        }\n\n        .node-select__icon {\n            display: none;\n        }\n\n        .node-select__status {\n            display: none;\n        }\n    }\n\n    .md-select-icon {\n        margin-left: 0;\n        color: color('text');\n    }\n}\n\n.node-select-option--group {\n    //color: rgba(0,0,0,0.54);\n    background-color: color('gray-lightest');\n    border-bottom: 1px solid color('gray-lighter');\n    border-top: 1px solid color('gray-lighter');\n}\n\n.node-select-option--node {\n    padding-left: 20px;\n}\n\n.node-select__icon {\n    margin-right: 8px;\n}\n\n.node-select__status {\n    margin-left: 8px;\n}\n\n.node-select__text {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: 2px;\n    }\n}\n\n.node-title {\n    line-height: 1.2;\n    text-transform: none;\n    margin-top: 3px;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        font-size: $body-font-size-base;\n    }\n}\n\n.node-content__actions {\n    padding: 0 16px 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 0 24px 24px;\n    }\n\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.node-content__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    color: color('text-secondary');\n}\n\n.node-content__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav {\n    &:not(:first-of-type) {\n    }\n\n    &:first-of-type {\n        margin-right: 0;\n    }\n}\n\n.node-sidebar-active {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-right: ($md-toolbar-height + 16);\n    }\n}\n\n.node-sidebar-visible {\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin-bottom: $wise-toolbar-height;\n    }\n}\n\n.node-sidebar {\n    position: absolute;\n    right: 0;\n    top: 0;\n    width: $md-toolbar-height;\n}\n\n.node-sidebar__toolbar {\n    position: fixed;\n    width: $md-toolbar-height;\n    background-color: #ffffff;\n    padding: 8px 0;\n    border-radius: $button-border-radius;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        right: 0;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        border-radius: 0;\n        padding: 0;\n        min-height: 0;\n        height: $wise-toolbar-height;\n    }\n}\n\n.node__label--vertical-alignment {\n    vertical-align: middle;\n    display: inline-block;\n}\n","// Variables\n$notebook-sidebar-width: 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
+{"version":3,"sources":["src/assets/wise5/themes/default/style/base/_presets.scss","src/assets/wise5/themes/default/style/vle.css","src/assets/wise5/themes/default/style/base/_config.scss","src/assets/wise5/themes/default/style/layouts/_l-default.scss","src/assets/wise5/themes/default/style/layouts/_l-footer.scss","src/assets/wise5/themes/default/style/layouts/_l-header.scss","src/assets/wise5/themes/default/style/layouts/_l-main.scss","src/assets/wise5/themes/default/style/layouts/_l-notebook.scss","src/assets/wise5/themes/default/style/layouts/_l-sidebar.scss","src/assets/wise5/themes/default/style/modules/_alerts.scss","src/assets/wise5/themes/default/style/modules/_dialog.scss","src/assets/wise5/themes/default/style/modules/_help.scss","src/assets/wise5/themes/default/style/modules/_inputs.scss","src/assets/wise5/themes/default/style/modules/_table.scss","src/assets/wise5/themes/default/style/modules/_toolbar.scss","src/assets/wise5/themes/default/style/material/_config.scss","src/assets/wise5/themes/default/style/modules/_list.scss","src/assets/wise5/themes/default/style/modules/_nav.scss","src/assets/wise5/themes/default/style/modules/_menu.scss","src/assets/wise5/themes/default/style/modules/_node.scss","src/assets/wise5/themes/default/style/modules/_notebook.scss","src/assets/wise5/themes/default/style/modules/_notifications.scss","src/assets/wise5/themes/default/style/modules/_account-menu.scss","src/assets/wise5/themes/default/style/modules/_annotations.scss","src/assets/wise5/themes/default/style/modules/_component.scss","src/assets/wise5/themes/default/style/modules/_component--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,iBEUiB,CFRjB,cAAA,CAEA,iBAAA,CADA,eAAA,CAFA,eCJJ,CDUI,iBAGI,mBAAA,CADA,YAAA,CADA,WCNR,CDUQ,8CACI,qBCRZ,CDWQ,uBACI,uBCTZ,CDcA,aACI,wBAAA,CACA,UCXJ,CDcA,aACI,wBAAA,CACA,UCXJ,CDcA,gBACI,wBAAA,CACA,UCXJ,CDeA,qBACI,aCZJ,CDeA,iBACI,uBCZJ,CDgBA,EACE,aAAA,CACA,cCbF,CDgBA,QACI,kCAAA,CACA,qBCbJ,CDiBA,QACE,iBAAA,CACA,sBCdF,CDiBA,gBACE,iBCdF,CDmBE,cACE,WAAA,CACA,UChBJ,CDkBE,cACE,WAAA,CACA,UChBJ,CDkBE,cACE,WAAA,CACA,UChBJ,CDkBE,cACE,WAAA,CACA,UChBJ,CDqBA,cACE,qBAAA,CACA,4BClBF,CDoBE,8BACI,WClBN,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDqBE,oBACE,WAAA,CACA,UCnBJ,CDwBE,wDACE,qBCrBJ,CDyBI,4EACE,qBCvBN,CD8BE,mDACE,uBC3BJ,CD6BE,mDACE,uBC3BJ,CD6BE,6CACE,uBC3BJ,CD6BE,6CACE,uBC3BJ,CD6BE,iDACE,uBC3BJ,CD6BE,qDACE,uBC3BJ,CD6BE,qDACE,uBC3BJ,CDgCA,uCACE,qBC7BF,CDgCA,uFACE,wBC7BF,CDgCA,2HAGE,wBAAA,CADA,aC5BF,CDmCI,SACE,aChCN,CD+BI,QACE,aC5BN,CD2BI,UACE,aCxBN,CDuBI,UACE,aCpBN,CDmBI,MACE,aChBN,CDeI,MACE,aCZN,CDWI,SACE,aCRN,CDOI,SACE,qBCJN,CDGI,eACE,aCAN,CDDI,cACE,UCIN,CDLI,YACE,UCQN,CDTI,MACE,UCYN,CDbI,WACE,UCgBN,CDjBI,aACE,aCoBN,CDrBI,cACE,UCwBN,CDzBI,MACE,qBC4BN,CD7BI,gBACE,qBCgCN,CDjCI,eACE,qBCoCN,CDrCI,YACE,UCwCN,CDzCI,sBACE,wBC4CN,CD7CI,qBACE,wBCgDN,CDjDI,aACE,aCoDN,CDrDI,OACE,aCwDN,CDzDI,MACE,qBC4DN,CD7DI,SACE,UCgEN,CD1DI,YACE,wBC6DN,CD9DI,WACE,wBCiEN,CDlEI,aACE,wBCqEN,CDtEI,aACE,wBCyEN,CD1EI,SACE,wBC6EN,CD9EI,SACE,wBCiFN,CDlFI,YACE,wBCqFN,CDtFI,YACE,gCCyFN,CD1FI,kBACE,wBC6FN,CD9FI,iBACE,qBCiGN,CDlGI,eACE,qBCqGN,CDtGI,SACE,qBCyGN,CD1GI,cACE,qBC6GN,CD9GI,gBACE,wBCiHN,CDlHI,iBACE,qBCqHN,CDtHI,SACE,gCCyHN,CD1HI,mBACE,gCC6HN,CD9HI,kBACE,gCCiIN,CDlII,eACE,qBCqIN,CDtII,yBACE,mCCyIN,CD1II,wBACE,mCC6IN,CD9II,gBACE,wBCiJN,CDlJI,UACE,wBCqJN,CDtJI,SACE,gCCyJN,CD1JI,YACE,qBC6JN,CDtJQ,kCACI,cCyJZ,CD1JQ,iCACI,cC6JZ,CD9JQ,mCACI,cCiKZ,CDlKQ,mCACI,cCqKZ,CDtKQ,+BACI,cCyKZ,CD1KQ,+BACI,cC6KZ,CD9KQ,kCACI,cCiLZ,CDlLQ,kCACI,sBCqLZ,CDtLQ,wCACI,cCyLZ,CD1LQ,uCACI,WC6LZ,CD9LQ,qCACI,WCiMZ,CDlMQ,+BACI,WCqMZ,CDtMQ,oCACI,WCyMZ,CD1MQ,sCACI,cC6MZ,CD9MQ,uCACI,WCiNZ,CDlNQ,+BACI,sBCqNZ,CDtNQ,yCACI,sBCyNZ,CD1NQ,wCACI,sBC6NZ,CD9NQ,qCACI,WCiOZ,CDlOQ,+CACI,yBCqOZ,CDtOQ,8CACI,yBCyOZ,CD1OQ,sCACI,cC6OZ,CD9OQ,gCACI,cCiPZ,CDlPQ,+BACI,sBCqPZ,CDtPQ,kCACI,WCyPZ,CE7dA,eACE,gBAAA,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","file":"vle.css","sourcesContent":["// Config\n$avatar-icon-padding: 6px !default;\n$avatar-icon-padding-lg: 8px !default;\n\nbody {\n  background: color('body-bg');\n\n  &.vle {\n      overflow: hidden;\n  }\n}\n\na {\n    &:hover, &:focus { // TODO: remove when bootstrap css dependency is removed\n        color: color('primary');\n    }\n}\n\nblockquote {\n  background-color: lighten(color('primary'), 56%);\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: color('primary');\n  border-width: 0 0 0 3px;\n}\n\n.has-indicator {\n    &:after {\n        content: '';\n        position: absolute;\n        border-radius: 50%;\n        padding: 5px;\n        background-color: color('accent');\n    }\n}\n\n.has-indicator--icon-button {\n    &:after {\n        top: 25px;\n        left: 5px;\n    }\n}\n\n// Badges\n.badge {\n    border-radius: $card-border-radius;\n    padding: 2px 6px;\n    font-size: rem(1.2);\n    font-weight: 500;\n    font-style: normal;\n    background-color: color('gray-dark');\n\n    &.md-button {\n        min-width: 0;\n        min-height: 0;\n        line-height: inherit;\n\n        &:hover, &:focus {\n            background-color: color('gray-dark');\n        }\n\n        &:focus {\n            outline: 1px dotted color('gray-dark');\n        }\n    }\n}\n\n.badge--info {\n    background-color: color('info');\n    color: #ffffff;\n}\n\n.badge--warn {\n    background-color: color('warn');\n    color: #ffffff;\n}\n\n.badge--success {\n    background-color: color('success');\n    color: #ffffff;\n}\n\n// Dividers\n.divider--withmargin {\n    margin: 16px 0;\n}\n\n.divider--dashed {\n    border-top-style: dashed;\n}\n\n// Links\na {\n  color: color('primary');\n  cursor: pointer;\n}\n\n.active {\n    background-color: rgba(158,158,158,0.2);\n    color: color('text');\n}\n\n// Images & Icons\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box;\n}\n\n.avatar--square {\n  border-radius: $card-border-radius;\n}\n\n// Rules for sizing avatars (matches material icons plus avatar-icon padding)\n.avatar {\n  &.md-18 {\n    height: 18px + $avatar-icon-padding*2;\n    width: 18px + $avatar-icon-padding*2;\n  }\n  &.md-24 {\n    height: 24px + $avatar-icon-padding*2;\n    width: 24px + $avatar-icon-padding*2;\n  }\n  &.md-36 {\n    height: 36px + $avatar-icon-padding*2;\n    width: 36px + $avatar-icon-padding*2;\n  }\n  &.md-48 {\n    height: 48px + $avatar-icon-padding*2;\n    width: 48px + $avatar-icon-padding*2;\n  }\n}\n\n// Rules for sizing avatar backgrounds (when using a child md-icon)\n.avatar--icon {\n  background-color: color('gray-light');\n  white-space: normal !important;\n\n  &:not(.md-avatar) {\n      padding: $avatar-icon-padding;\n  }\n\n  &.md-18 {\n    height: 18px;\n    width: 18px;\n  }\n  &.md-24 {\n    height: 24px;\n    width: 24px;\n  }\n  &.md-36 {\n    height: 36px;\n    width: 36px;\n  }\n  &.md-48 {\n    height: 48px;\n    width: 48px;\n  }\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) {\n  md-icon {\n    color: color('text-secondary');\n  }\n\n  .md-button:disabled {\n    md-icon {\n      color: color('text-disabled');\n    }\n  }\n}\n\n// hacks for now\nmd-icon, .md-button:not([disabled]) {\n  &.primary {\n    color: color('primary') !important;\n  }\n  &.success {\n    color: color('success') !important;\n  }\n  &.warn {\n    color: color('warn') !important;\n  }\n  &.info {\n    color: color('info') !important;\n  }\n  &.accent {\n    color: color('accent') !important;\n  }\n  &.accent-1 {\n    color: color('accent-1') !important;\n  }\n  &.accent-2 {\n    color: color('accent-2') !important;\n  }\n}\n\n// Theme overrides\nmd-input-container.md-wise-theme label {\n  color: color('text');\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: color('selected-bg');\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: color('primary');\n  background-color: color('selected-bg');\n}\n\n// Color\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key} {\n      color: $value;\n    }\n}\n\n// Set classes for each named color in the $colors map\n@each $key, $value in $colors {\n    .#{$key}-bg {\n      background-color: $value;\n    }\n}\n\n// Set theme colors for angular-ui elements\n@each $key, $value in $colors {\n    md-progress-circular.#{$key} {\n        path {\n            stroke: $value;\n        }\n    }\n}\n","/*\n WISE Project Styles\n */\nbody {\n  background: #eeeeee;\n}\nbody.vle {\n  overflow: hidden;\n}\n\na:hover, a:focus {\n  color: #1C8CA8;\n}\n\nblockquote {\n  background-color: rgb(230.6571428571, 246.8857142857, 250.9428571429);\n  padding: 8px;\n  margin: 16px 0;\n  border-style: solid;\n  border-color: #1C8CA8;\n  border-width: 0 0 0 3px;\n}\n\n.has-indicator:after {\n  content: \"\";\n  position: absolute;\n  border-radius: 50%;\n  padding: 5px;\n  background-color: #F05843;\n}\n\n.has-indicator--icon-button:after {\n  top: 25px;\n  left: 5px;\n}\n\n.badge {\n  border-radius: 4px;\n  padding: 2px 6px;\n  font-size: 12px;\n  font-weight: 500;\n  font-style: normal;\n  background-color: #aaaaaa;\n}\n.badge.md-button {\n  min-width: 0;\n  min-height: 0;\n  line-height: inherit;\n}\n.badge.md-button:hover, .badge.md-button:focus {\n  background-color: #aaaaaa;\n}\n.badge.md-button:focus {\n  outline: 1px dotted #aaaaaa;\n}\n\n.badge--info {\n  background-color: #ef6c00;\n  color: #ffffff;\n}\n\n.badge--warn {\n  background-color: #c62828;\n  color: #ffffff;\n}\n\n.badge--success {\n  background-color: #00C853;\n  color: #ffffff;\n}\n\n.divider--withmargin {\n  margin: 16px 0;\n}\n\n.divider--dashed {\n  border-top-style: dashed;\n}\n\na {\n  color: #1C8CA8;\n  cursor: pointer;\n}\n\n.active {\n  background-color: rgba(158, 158, 158, 0.2);\n  color: rgba(0, 0, 0, 0.87);\n}\n\n.avatar {\n  border-radius: 50%;\n  box-sizing: content-box;\n}\n\n.avatar--square {\n  border-radius: 4px;\n}\n\n.avatar.md-18 {\n  height: 30px;\n  width: 30px;\n}\n.avatar.md-24 {\n  height: 36px;\n  width: 36px;\n}\n.avatar.md-36 {\n  height: 48px;\n  width: 48px;\n}\n.avatar.md-48 {\n  height: 60px;\n  width: 60px;\n}\n\n.avatar--icon {\n  background-color: #dddddd;\n  white-space: normal !important;\n}\n.avatar--icon:not(.md-avatar) {\n  padding: 6px;\n}\n.avatar--icon.md-18 {\n  height: 18px;\n  width: 18px;\n}\n.avatar--icon.md-24 {\n  height: 24px;\n  width: 24px;\n}\n.avatar--icon.md-36 {\n  height: 36px;\n  width: 36px;\n}\n.avatar--icon.md-48 {\n  height: 48px;\n  width: 48px;\n}\n\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) md-icon {\n  color: rgba(0, 0, 0, 0.54);\n}\nmd-toolbar.md-light-theme:not(.md-menu-toolbar) .md-button:disabled md-icon {\n  color: rgba(0, 0, 0, 0.26);\n}\n\nmd-icon.primary, .md-button:not([disabled]).primary {\n  color: #1C8CA8 !important;\n}\nmd-icon.success, .md-button:not([disabled]).success {\n  color: #00C853 !important;\n}\nmd-icon.warn, .md-button:not([disabled]).warn {\n  color: #c62828 !important;\n}\nmd-icon.info, .md-button:not([disabled]).info {\n  color: #ef6c00 !important;\n}\nmd-icon.accent, .md-button:not([disabled]).accent {\n  color: #F05843 !important;\n}\nmd-icon.accent-1, .md-button:not([disabled]).accent-1 {\n  color: #795C3A !important;\n}\nmd-icon.accent-2, .md-button:not([disabled]).accent-2 {\n  color: #CAD266 !important;\n}\n\nmd-input-container.md-wise-theme label {\n  color: rgba(0, 0, 0, 0.87);\n}\n\nmd-select-menu.md-default-theme md-option[selected], md-select-menu md-option[selected] {\n  background-color: rgb(243.7714285714, 251.2571428571, 253.1285714286);\n}\n\n.md-autocomplete-suggestions-container.md-default-theme li .highlight,\n.md-autocomplete-suggestions-container li .highlight {\n  color: #1C8CA8;\n  background-color: rgb(243.7714285714, 251.2571428571, 253.1285714286);\n}\n\n.primary {\n  color: #1C8CA8;\n}\n\n.accent {\n  color: #F05843;\n}\n\n.accent-1 {\n  color: #795C3A;\n}\n\n.accent-2 {\n  color: #CAD266;\n}\n\n.warn {\n  color: #c62828;\n}\n\n.info {\n  color: #ef6c00;\n}\n\n.success {\n  color: #00C853;\n}\n\n.divider {\n  color: rgba(0, 0, 0, 0.12);\n}\n\n.gray-lightest {\n  color: #f7f7f7;\n}\n\n.gray-lighter {\n  color: #eeeeee;\n}\n\n.gray-light {\n  color: #dddddd;\n}\n\n.gray {\n  color: #cccccc;\n}\n\n.gray-dark {\n  color: #aaaaaa;\n}\n\n.gray-darker {\n  color: #757575;\n}\n\n.gray-darkest {\n  color: #333333;\n}\n\n.text {\n  color: rgba(0, 0, 0, 0.87);\n}\n\n.text-secondary {\n  color: rgba(0, 0, 0, 0.54);\n}\n\n.text-disabled {\n  color: rgba(0, 0, 0, 0.26);\n}\n\n.text-light {\n  color: rgb(255, 255, 255);\n}\n\n.text-light-secondary {\n  color: rgba(255, 255, 255, 0.7);\n}\n\n.text-light-disabled {\n  color: rgba(255, 255, 255, 0.5);\n}\n\n.selected-bg {\n  color: rgb(243.7714285714, 251.2571428571, 253.1285714286);\n}\n\n.score {\n  color: #FFC107;\n}\n\n.body {\n  color: rgba(0, 0, 0, 0.87);\n}\n\n.body-bg {\n  color: #eeeeee;\n}\n\n.primary-bg {\n  background-color: #1C8CA8;\n}\n\n.accent-bg {\n  background-color: #F05843;\n}\n\n.accent-1-bg {\n  background-color: #795C3A;\n}\n\n.accent-2-bg {\n  background-color: #CAD266;\n}\n\n.warn-bg {\n  background-color: #c62828;\n}\n\n.info-bg {\n  background-color: #ef6c00;\n}\n\n.success-bg {\n  background-color: #00C853;\n}\n\n.divider-bg {\n  background-color: rgba(0, 0, 0, 0.12);\n}\n\n.gray-lightest-bg {\n  background-color: #f7f7f7;\n}\n\n.gray-lighter-bg {\n  background-color: #eeeeee;\n}\n\n.gray-light-bg {\n  background-color: #dddddd;\n}\n\n.gray-bg {\n  background-color: #cccccc;\n}\n\n.gray-dark-bg {\n  background-color: #aaaaaa;\n}\n\n.gray-darker-bg {\n  background-color: #757575;\n}\n\n.gray-darkest-bg {\n  background-color: #333333;\n}\n\n.text-bg {\n  background-color: rgba(0, 0, 0, 0.87);\n}\n\n.text-secondary-bg {\n  background-color: rgba(0, 0, 0, 0.54);\n}\n\n.text-disabled-bg {\n  background-color: rgba(0, 0, 0, 0.26);\n}\n\n.text-light-bg {\n  background-color: rgb(255, 255, 255);\n}\n\n.text-light-secondary-bg {\n  background-color: rgba(255, 255, 255, 0.7);\n}\n\n.text-light-disabled-bg {\n  background-color: rgba(255, 255, 255, 0.5);\n}\n\n.selected-bg-bg {\n  background-color: rgb(243.7714285714, 251.2571428571, 253.1285714286);\n}\n\n.score-bg {\n  background-color: #FFC107;\n}\n\n.body-bg {\n  background-color: rgba(0, 0, 0, 0.87);\n}\n\n.body-bg-bg {\n  background-color: #eeeeee;\n}\n\nmd-progress-circular.primary path {\n  stroke: #1C8CA8;\n}\n\nmd-progress-circular.accent path {\n  stroke: #F05843;\n}\n\nmd-progress-circular.accent-1 path {\n  stroke: #795C3A;\n}\n\nmd-progress-circular.accent-2 path {\n  stroke: #CAD266;\n}\n\nmd-progress-circular.warn path {\n  stroke: #c62828;\n}\n\nmd-progress-circular.info path {\n  stroke: #ef6c00;\n}\n\nmd-progress-circular.success path {\n  stroke: #00C853;\n}\n\nmd-progress-circular.divider path {\n  stroke: rgba(0, 0, 0, 0.12);\n}\n\nmd-progress-circular.gray-lightest path {\n  stroke: #f7f7f7;\n}\n\nmd-progress-circular.gray-lighter path {\n  stroke: #eeeeee;\n}\n\nmd-progress-circular.gray-light path {\n  stroke: #dddddd;\n}\n\nmd-progress-circular.gray path {\n  stroke: #cccccc;\n}\n\nmd-progress-circular.gray-dark path {\n  stroke: #aaaaaa;\n}\n\nmd-progress-circular.gray-darker path {\n  stroke: #757575;\n}\n\nmd-progress-circular.gray-darkest path {\n  stroke: #333333;\n}\n\nmd-progress-circular.text path {\n  stroke: rgba(0, 0, 0, 0.87);\n}\n\nmd-progress-circular.text-secondary path {\n  stroke: rgba(0, 0, 0, 0.54);\n}\n\nmd-progress-circular.text-disabled path {\n  stroke: rgba(0, 0, 0, 0.26);\n}\n\nmd-progress-circular.text-light path {\n  stroke: rgb(255, 255, 255);\n}\n\nmd-progress-circular.text-light-secondary path {\n  stroke: rgba(255, 255, 255, 0.7);\n}\n\nmd-progress-circular.text-light-disabled path {\n  stroke: rgba(255, 255, 255, 0.5);\n}\n\nmd-progress-circular.selected-bg path {\n  stroke: rgb(243.7714285714, 251.2571428571, 253.1285714286);\n}\n\nmd-progress-circular.score path {\n  stroke: #FFC107;\n}\n\nmd-progress-circular.body path {\n  stroke: rgba(0, 0, 0, 0.87);\n}\n\nmd-progress-circular.body-bg path {\n  stroke: #eeeeee;\n}\n\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative;\n}\n@media (min-width: 600px) {\n  .l-constrained {\n    width: 1280px;\n  }\n}\n@media (min-width: 1920px) {\n  .l-constrained {\n    width: 1920px;\n  }\n}\n\n.l-constrained-md {\n  width: 960px;\n  max-width: 100%;\n}\n\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid #eeeeee;\n}\n\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex;\n}\n\n.button--footer__element {\n  padding-left: 8px;\n}\n\n.l-header {\n  z-index: 3;\n}\n.l-header .logo {\n  margin-left: 0 !important;\n  height: 36px;\n  width: 36px;\n  vertical-align: middle;\n}\n.l-header .logo-link {\n  min-width: auto;\n  display: none;\n  padding: 0 4px;\n  margin-right: 12px;\n}\n@media only screen and (min-width: 600px) {\n  .l-header .logo-link {\n    display: block;\n  }\n}\n.l-header .logo-link:hover, .l-header .logo-link:focus {\n  border: 0 none;\n}\n@media only screen and (max-width: 599px) {\n  .l-header .md-toolbar-tools h1, .l-header .md-toolbar-tools h2, .l-header .md-toolbar-tools h3 {\n    font-size: 15px;\n  }\n}\n\n.l-main {\n  background-color: #eeeeee;\n}\n\n.l-main--with-toolbar {\n  margin-top: 42px;\n}\n\n#content {\n  transition: margin-top 0.5s;\n}\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms;\n}\n@media only screen and (min-width: 960px) {\n  .view-content {\n    padding: 16px;\n  }\n}\n.view-content.ng-enter {\n  opacity: 0;\n}\n.view-content .ng-enter-active {\n  opacity: 1;\n  transition-delay: 250ms;\n}\n.view-content.ng-leave-active, .view-content.ng-hide {\n  opacity: 0;\n}\n.view-content.ng-hide-add, .view-content.ng-hide-add-active, .view-content.ng-hide-remove, .view-content.ng-hide-remove-active {\n  opacity: 0;\n}\n\n.view-content--with-sidemenu {\n  padding: 8px;\n}\n@media only screen and (min-width: 600px) {\n  .view-content--with-sidemenu {\n    margin-left: 54px;\n    padding: 16px;\n  }\n}\n\n@media only screen and (min-width: 600px) {\n  [dir=rtl] .view-content--with-sidemenu {\n    margin-left: auto;\n    margin-right: 54px;\n  }\n}\n\n.content-head {\n  margin: 8px 0;\n}\n.content-head h1,\n.content-head h2,\n.content-head h3 {\n  font-weight: 300;\n  margin-top: 0;\n  margin-bottom: 0;\n  font-size: 36px;\n}\n@media only screen and (max-width: 959px) {\n  .content-head h1,\n  .content-head h2,\n  .content-head h3 {\n    font-size: 32px;\n    text-align: center;\n  }\n}\n\n@media only screen and (max-width: 959px) {\n  .content-head__more {\n    margin-top: 8px;\n  }\n}\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px;\n}\n.content-head__item .md-subhead,\nh2.content-head__item .md-subhead {\n  padding-left: 4px;\n}\n@media only screen and (max-width: 959px) {\n  .content-head__item .md-subhead,\n  h2.content-head__item .md-subhead {\n    display: block;\n    padding-left: 0;\n  }\n}\n.content-head__item md-icon,\nh2.content-head__item md-icon {\n  vertical-align: text-bottom;\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px;\n}\n\n.l-notebook {\n  margin-top: 42px;\n  background-color: #eeeeee !important;\n}\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: #795C3A !important;\n}\n.l-sidebar__header md-select {\n  color: rgba(0, 0, 0, 0.87);\n}\n\n.status-icon {\n  margin: 0 4px;\n  z-index: 1;\n  vertical-align: bottom;\n}\n\n.md-button.status-icon {\n  height: auto;\n  width: auto;\n  min-height: 0;\n  line-height: inherit;\n  margin: 0 4px;\n  padding: 0;\n}\n\n.avatar--icon--alert {\n  background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n  font-size: 48px;\n  margin: -4px 0 0 -4px;\n}\n\nmd-dialog {\n  width: 600px;\n}\n\n.dialog--wide {\n  width: 960px;\n}\n\n.dialog--wider {\n  width: 1280px;\n}\n\n.help-bubble {\n  border-radius: 4px;\n  max-width: 320px;\n}\n@media (min-width: 600px) {\n  .help-bubble {\n    max-width: 552px;\n  }\n}\n@media (min-width: 960px) {\n  .help-bubble {\n    max-width: 912px;\n  }\n}\n@media (min-width: 1280px) {\n  .help-bubble {\n    max-width: 1232px;\n  }\n}\n\n.help-bubble__title {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n}\n\n.help-bubble___title__content {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  padding: 0px 0 0 12px;\n  background-color: #ef6c00;\n}\n.help-bubble___title__content .md-icon-button {\n  margin-right: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n}\n\n.help-bubble__content {\n  overflow: auto;\n  padding: 8px 12px;\n  max-height: 480px;\n}\n\n.help-bubble__actions {\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n}\n\n.input-container {\n  padding-top: 12px;\n}\n\n.input-container--component {\n  margin-bottom: 0;\n}\n\n.input-container--open-response.md-has-icon {\n  padding-left: 0;\n}\n.input-container--open-response .md-errors-spacer {\n  display: none;\n}\n\n.input-wrapper {\n  position: relative;\n}\n\n.input-wrapper--focused .input--textarea__action md-icon {\n  color: #1C8CA8;\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n  padding: 8px;\n  background-color: #f7f7f7;\n  border: 1px solid #cccccc;\n  margin-bottom: 8px;\n}\n.input--textarea:focus, .input-container textarea.input--textarea:focus {\n  background-color: #ffffff;\n}\n.input--textarea[disabled], .input-container textarea.input--textarea[disabled] {\n  color: rgba(0, 0, 0, 0.54);\n}\n\n.input-container textarea.input--textarea {\n  width: 100%;\n}\n\n.input--textarea--disabled {\n  color: rgba(0, 0, 0, 0.54);\n}\n\n.input--textarea__action {\n  position: absolute;\n  right: -4px;\n}\n.input--textarea__action[disabled] md-icon {\n  color: rgba(0, 0, 0, 0.26) !important;\n}\n\n.input--textarea__action--notebook {\n  top: 6px;\n}\n.input-wrapper--richtext .input--textarea__action--notebook {\n  top: -7px;\n}\n\n.input--textarea__action--revision {\n  bottom: 6px;\n}\n.input-wrapper--richtext .input--textarea__action--revision {\n  bottom: -5px;\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n  line-height: 1.2;\n  color: rgba(0, 0, 0, 0.87);\n}\n.input-label.input-label--focused, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label.input-label--focused {\n  color: #1C8CA8;\n}\n\n.autocomplete input {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  word-wrap: none;\n  font-weight: 500;\n  color: rgba(0, 0, 0, 0.54);\n}\n\n@media only screen and (min-width: 600px) {\n  .autocomplete--minwidth {\n    min-width: 300px;\n  }\n}\n@media only screen and (min-width: 960px) {\n  .autocomplete--minwidth {\n    min-width: 300px;\n  }\n}\n\n.autocomplete--flat md-autocomplete-wrap {\n  background-color: #ffffff;\n}\n.autocomplete--flat md-autocomplete-wrap:not(.md-menu-showing) {\n  box-shadow: none;\n  background-color: #eeeeee;\n}\n\n.select__header {\n  height: 48px;\n}\n.select__header input {\n  height: 100%;\n  width: 100%;\n  padding: 0 8px;\n  outline: none;\n  border: 0 none;\n  font-size: 14px;\n  font-weight: 500;\n}\n\n.table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0;\n}\n.table thead > tr > th,\n.table thead > tr > td,\n.table tbody > tr > th,\n.table tbody > tr > td,\n.table tfoot > tr > th,\n.table tfoot > tr > td {\n  border: 1px solid #cccccc;\n  padding: 6px;\n  font-size: 15px;\n  min-height: 32px;\n  height: 32px;\n  min-width: 32px;\n  vertical-align: top;\n}\n.table td.inactive,\n.table th {\n  background-color: #f7f7f7;\n  opacity: 1;\n  visibility: visible;\n}\n.table md-input-container {\n  margin: 0;\n}\n.table .md-errors-spacer {\n  display: none;\n}\n\n.table--student td.inactive {\n  padding: 8px 10px;\n}\n\n.table--full-width {\n  width: 100%;\n}\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto;\n}\n.table--list th,\n.table--list td {\n  padding: 0 4px;\n  border: 0 none;\n}\n.table--list td {\n  min-height: 56px;\n  height: 56px;\n}\n.table--list tr.md-button {\n  display: table-row;\n  text-align: left;\n  width: auto;\n  text-transform: none;\n  font-size: inherit;\n  font-weight: normal;\n}\n\n.table--list__wrap {\n  min-width: 600px;\n}\n\n@media only screen and (max-width: 959px) {\n  .table-wrap-sticky {\n    overflow-x: auto;\n  }\n}\n\n.table--list__thead {\n  font-size: 14px;\n  font-weight: 700;\n}\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0;\n}\n\n.table--list__thead__th {\n  background-color: #757575;\n  color: rgb(255, 255, 255);\n  min-height: 42px;\n  height: 42px;\n}\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%;\n}\n\n.table--list__thead__sort {\n  margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg);\n}\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2;\n}\n\n@media only screen and (max-width: 959px) {\n  .td--max-width {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n\n.md-toolbar-tools {\n  font-size: 18px;\n}\n.md-toolbar-tools .autocomplete {\n  height: 36px;\n}\n.md-toolbar-tools .autocomplete md-autocomplete-wrap {\n  height: 36px;\n}\n.md-toolbar-tools .autocomplete input {\n  height: 36px;\n}\n\n.md-toolbar--wise {\n  min-height: 42px;\n}\n.md-toolbar--wise .md-toolbar-tools {\n  height: 42px;\n  max-height: 42px;\n}\n.md-toolbar--wise .md-button.md-icon-button {\n  height: 42px;\n  line-height: 42px;\n  width: 42px;\n}\n\n.md-toolbar--wise--sm .md-toolbar-tools {\n  padding: 0 8px;\n  font-size: 15px;\n}\n\n.md-toolbar--sidenav {\n  background-color: #333333 !important;\n}\n.md-toolbar--sidenav .md-toolbar-tools {\n  font-size: 16px;\n  font-weight: 500;\n}\n\n.toolbar {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 52px;\n  z-index: 3;\n}\n\n.toolbar__title {\n  margin-left: 8px;\n  font-size: 16px;\n  font-weight: 500;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n  margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n  margin: 0 4px;\n  min-height: 32px;\n  background-color: #f7f7f7;\n}\n.toolbar__select .md-select-value, .md-button.toolbar__select .md-select-value {\n  height: 32px;\n  text-align: left;\n}\n\n[dir=rtl] .toolbar__select .md-select-value, [dir=rtl] .md-button.toolbar__select .md-select-value {\n  text-align: right;\n}\n\n.toolbar__select--fixedwidth {\n  width: 168px;\n}\n@media only screen and (min-width: 600px) {\n  .toolbar__select--fixedwidth {\n    width: 264px;\n  }\n}\n@media only screen and (min-width: 960px) {\n  .toolbar__select--fixedwidth {\n    width: 432px;\n  }\n}\n\n.list-item {\n  background-color: #ffffff;\n  border-bottom: 1px solid #eeeeee;\n}\n.list-item .md-subheader, .list-item.md-subheader {\n  color: rgba(0, 0, 0, 0.87);\n  background-color: #ffffff;\n}\n.list-item .md-subheader md-icon, .list-item.md-subheader md-icon {\n  vertical-align: middle;\n}\n.list-item .md-subheader .md-subheader-inner, .list-item.md-subheader .md-subheader-inner {\n  padding: 0;\n}\n.list-item .md-subheader .md-avatar, .list-item.md-subheader .md-avatar {\n  margin-right: 8px;\n}\n.list-item .autocomplete {\n  margin: 8px 0;\n}\n\n.list-item--info._md-button-wrap > div.md-button:first-child, .list-item--info .md-subheader-content {\n  border-left: 4px solid #ef6c00 !important;\n  margin-left: -4px;\n}\n\n.list-item--warn._md-button-wrap > div.md-button:first-child, .list-item--warn .md-subheader-content {\n  border-left: 4px solid #c62828 !important;\n  margin-left: -4px;\n}\n\n.list-item--expanded {\n  border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n  cursor: default;\n  background-color: #f7f7f7;\n}\n\n.list-item--actions {\n  padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n  text-transform: none;\n  width: 100%;\n  padding: 8px 16px;\n  margin: 0;\n  white-space: normal;\n  text-align: left;\n  line-height: 1.4;\n}\n\n.user-list {\n  font-size: 15px;\n}\n\n#nav {\n  position: relative;\n}\n\n.nav {\n  margin-bottom: 16px;\n}\n\n.nav-mask {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: rgba(0, 0, 0, 0.25);\n  z-index: 1;\n}\n.nav-mask.ng-hide {\n  opacity: 0;\n}\n\n.nav-head {\n  color: rgba(0, 0, 0, 0.54);\n  font-weight: 500;\n}\n.nav-head md-icon {\n  line-height: 20px;\n}\n\n.nav-contents--root {\n  padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n  background-color: #dddddd;\n  padding: 8px;\n}\n\n.nav-contents--root {\n  padding: 0;\n}\n\n.nav-contents__list {\n  padding: 0;\n}\n@media (min-width: 600px) {\n  .nav-contents__list {\n    padding: 8px;\n  }\n}\n\n.nav-item {\n  transition: opacity 250ms ease-in-out;\n}\n.nav-item.prev md-list-item {\n  background-color: rgb(243.7714285714, 251.2571428571, 253.1285714286);\n  /*&._md-button-wrap>div.md-button:first-child {\n      border-left: 4px solid color('primary');\n      margin-left: -4px;\n  }*/\n}\n\n.nav-item--card__content {\n  border-top-right-radius: 4px;\n  border-top-left-radius: 4px;\n}\n.nav-item--card__content:focus {\n  outline: none;\n}\n.nav-item--card__content:focus .nav-item__title > span {\n  border-bottom: 1px dashed #cccccc;\n}\n\n.nav-item--root {\n  transition: margin 250ms, box-shadow 500ms;\n}\n.nav-item--root.expanded {\n  flex-basis: 100%;\n  max-width: 100%;\n  max-height: none !important;\n  margin: 8px auto;\n}\n.nav-item--root.expanded:first-of-type {\n  margin-top: 0;\n}\n\n.nav-item--list__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#node {\n  margin: 0 auto;\n  position: absolute;\n  left: 0;\n  right: 0;\n}\n@media only screen and (min-width: 600px) {\n  #node {\n    padding: 8px;\n    padding: 24px 16px;\n    margin-bottom: 32px;\n  }\n}\n@media only screen and (min-width: 960px) {\n  #node {\n    padding: 32px;\n  }\n}\n#node.ng-enter {\n  transition: opacity 0.5s;\n  opacity: 0;\n}\n#node.ng-enter-active {\n  opacity: 1;\n}\n\n.node-content {\n  padding: 0 0 48px;\n  background-color: #ffffff;\n  border-radius: 3px;\n  overflow: visible;\n}\n@media only screen and (max-width: 599px) {\n  .node-content {\n    box-shadow: none;\n  }\n}\n@media only screen and (min-width: 600px) {\n  .node-content {\n    padding: 0;\n    border-top: 2px solid;\n    border-bottom: 2px solid;\n  }\n}\n\nmd-content.node-content {\n  background-color: #ffffff;\n}\n\n.node-content__rubric {\n  position: absolute;\n  top: -22px;\n  left: 0;\n  right: 0;\n  z-index: 1;\n}\n.node-content__rubric .avatar--icon {\n  transform: scale(0.94);\n}\n@media only screen and (max-width: 599px) {\n  .node-content__rubric .avatar--icon {\n    transform: scale(0.8);\n  }\n}\n\n.node-icon {\n  color: #ffffff;\n  vertical-align: inherit;\n}\n\n.node-select {\n  margin: 0 8px;\n  min-width: 0;\n  font-weight: 500;\n  font-size: 15px;\n}\n.node-select .md-select-value *:first-child {\n  transform: translate3d(0, 0, 0);\n  flex: 1 0 0;\n}\n.node-select .md-select-value .node-select__icon {\n  display: none;\n}\n.node-select .md-select-value .node-select__status {\n  display: none;\n}\n.node-select .md-select-icon {\n  margin-left: 0;\n  color: rgba(0, 0, 0, 0.87);\n}\n\n.node-select-option--group {\n  background-color: #f7f7f7;\n  border-bottom: 1px solid #eeeeee;\n  border-top: 1px solid #eeeeee;\n}\n\n.node-select-option--node {\n  padding-left: 20px;\n}\n\n.node-select__icon {\n  margin-right: 8px;\n}\n\n.node-select__status {\n  margin-left: 8px;\n}\n\n.node-select__text {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n}\n@media only screen and (min-width: 600px) {\n  .node-select__text {\n    margin-top: 2px;\n  }\n}\n\n.node-title {\n  line-height: 1.2;\n  text-transform: none;\n  margin-top: 3px;\n}\n@media only screen and (max-width: 599px) {\n  .node-title {\n    font-size: 15px;\n  }\n}\n\n.node-content__actions {\n  padding: 0 16px 16px;\n}\n@media only screen and (min-width: 960px) {\n  .node-content__actions {\n    padding: 0 24px 24px;\n  }\n}\n.node-content__actions .md-button:first-child {\n  margin-left: 0;\n}\n.node-content__actions .md-button:last-child {\n  margin-right: 0;\n}\n\n.node-content__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54);\n}\n\n.node-content__actions__more {\n  border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav:first-of-type {\n  margin-right: 0;\n}\n\n@media only screen and (min-width: 600px) {\n  .node-sidebar-active {\n    margin-right: 68px;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .node-sidebar-visible {\n    margin-bottom: 42px;\n  }\n}\n\n.node-sidebar {\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 52px;\n}\n\n.node-sidebar__toolbar {\n  position: fixed;\n  width: 52px;\n  background-color: #ffffff;\n  padding: 8px 0;\n  border-radius: 3px;\n}\n@media only screen and (max-width: 599px) {\n  .node-sidebar__toolbar {\n    right: 0;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    border-radius: 0;\n    padding: 0;\n    min-height: 0;\n    height: 42px;\n  }\n}\n\n.node__label--vertical-alignment {\n  vertical-align: middle;\n  display: inline-block;\n}\n\nnotebook-report {\n  position: absolute;\n  bottom: 0;\n  right: 66px;\n  transition: right 250ms;\n  z-index: 3;\n}\nnotebook-report.report-full {\n  left: 8px;\n  right: 8px;\n  top: 8px;\n  bottom: 8px;\n}\n@media only screen and (min-width: 960px) {\n  notebook-report.notes-visible {\n    right: 474px;\n  }\n}\n\n.notebook-sidebar {\n  width: 270px;\n  max-width: none;\n}\n@media only screen and (min-width: 600px) {\n  .notebook-sidebar {\n    width: 450px;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .notebook-enabled .md-fab-bottom-right, .notebook-enabled .md-fab-bottom-left {\n    bottom: 50px !important;\n  }\n}\n.notification-btn {\n  width: 60px !important;\n}\n.notification-btn md-icon {\n  margin-left: 20px;\n}\n\n.notification-count {\n  border-radius: 50%;\n  position: absolute;\n  background-color: #F05843;\n  width: 22px;\n  top: 12px;\n  left: -18px;\n  height: 22px;\n  line-height: 22px;\n  font-size: 12px;\n  font-weight: 700;\n  border: 2px solid;\n}\n.notification-count:before {\n  content: \"\";\n  position: absolute;\n  right: -7px;\n  top: 6px;\n  border-left: 6px solid rgba(255, 255, 255, 0.87);\n  border-top: 4px solid transparent;\n  border-bottom: 4px solid transparent;\n}\n\n.notification-list {\n  padding: 8px 0;\n}\n\n.notification-dismiss {\n  width: 500px;\n}\n\n.notification-dismiss__input {\n  margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source {\n  color: rgba(0, 0, 0, 0.54);\n  font-size: 12px;\n}\nmd-list md-list-item .md-list-item-text h4.notification-list-item__source md-icon,\nmd-list md-list-item.md-2-line .md-list-item-text h4.notification-list-item__source md-icon,\nmd-list md-list-item.md-3-line .md-list-item-text h4.notification-list-item__source md-icon {\n  font-size: 18px;\n  min-width: 0;\n  width: auto;\n  margin-left: -4px;\n  line-height: 20px;\n}\n\n.account-menu {\n  border-radius: 4px;\n  padding: 0;\n  font-size: 15px;\n  max-width: 380px;\n}\n@media (min-width: 1280px) {\n  .account-menu {\n    min-width: 380px !important;\n  }\n}\n.account-menu h3 {\n  margin: 0;\n  font-weight: 300;\n}\n.account-menu .mat-mdc-menu-content {\n  padding: 0;\n}\n\n.account-menu--fixed-height {\n  height: 304px;\n}\n\n.account-menu--fixed-width {\n  width: 320px;\n}\n@media (min-width: 960px) {\n  .account-menu--fixed-width {\n    width: 380px;\n  }\n}\n\n.account-menu__icon {\n  background-color: rgb(255, 255, 255);\n  border-radius: 50%;\n}\n\n.account-menu__caret {\n  position: absolute;\n  right: 28px;\n  top: -8px;\n  outline: none;\n}\n.account-menu__caret:before {\n  content: \"\";\n  position: absolute;\n  border-bottom: 8px solid #fff;\n  border-left: 8px solid transparent;\n  border-right: 8px solid transparent;\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n  right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n  right: 132px;\n}\n\n[dir=rtl] .account-menu__caret {\n  right: auto;\n  left: 28px;\n}\n[dir=rtl] .account-menu__caret--pause, [dir=rtl] .account-menu__caret--notification {\n  left: 80px;\n  right: auto;\n}\n[dir=rtl] .account-menu__caret--notification--with-pause {\n  left: 132px;\n  right: auto;\n}\n\n.account-menu__info {\n  padding: 8px 12px;\n}\n\n.account-menu__info__title {\n  font-weight: 500;\n}\n\n.account-menu__info__team {\n  font-weight: 400;\n  color: rgba(0, 0, 0, 0.54);\n}\n\n.account-menu__users {\n  padding: 0;\n}\n.account-menu__users md-list-item {\n  padding: 0;\n}\n.account-menu__users md-list-item .md-avatar {\n  margin: 0 8px 0 0;\n  height: 48px;\n  width: 48px;\n}\n\n.account-menu__actions {\n  background-color: #f7f7f7;\n}\n\n.account-menu__control {\n  padding: 16px;\n}\n\n.annotations {\n  margin: 16px 4px 16px 62px;\n  position: relative;\n  font-size: 15px;\n}\n.annotations hr {\n  margin: 10px 0 8px;\n  border-color: rgba(0, 0, 0, 0.12);\n}\n.annotations:after {\n  content: \"\";\n  position: absolute;\n  width: 0;\n  height: 0;\n  left: -15px;\n  right: auto;\n  top: -1px;\n  bottom: auto;\n  border-top: 20px solid transparent;\n  border-bottom: 20px solid transparent;\n  border-right: 16px solid #757575;\n}\n\n.annotations-container--student--report {\n  border-top: 1px solid #dddddd;\n}\n\n.annotations--report {\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n.annotations__header {\n  position: relative;\n  border-top-right-radius: 4px;\n  padding: 10px 12px;\n  font-weight: 700;\n  transition: all 1s;\n  color: #ffffff;\n  background-color: #757575;\n}\n\n.annotations__avatar {\n  background-color: #F05843;\n  padding: 2px;\n  position: absolute;\n  top: 0;\n  left: -62px;\n}\n\n.annotations__icon {\n  transition: all 1s;\n  color: #ffffff;\n}\n\n.annotations__body {\n  padding: 12px;\n  background-color: #ffffff;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  overflow: auto;\n}\n\n.annotations__status {\n  background-color: #ffffff;\n  color: #ef6c00;\n  display: inline-block;\n  margin-left: 8px;\n  font-size: 12px;\n}\n.annotations__status.ng-enter, .annotations__status.ng-leave {\n  transition: all 1s;\n}\n.annotations__status.ng-enter, .annotations__status.ng-leave.ng-leave-active {\n  opacity: 0;\n}\n.annotations__status.ng-leave, .annotations__status.ng-enter.ng-enter-active {\n  opacity: 1;\n}\n\n.annotations__score {\n  font-weight: 700;\n}\n\n.annotations__info {\n  font-style: italic;\n  opacity: 0.8;\n  border-bottom: 1px dotted;\n  font-size: 13px;\n}\n\n.annotations--inside .annotations {\n  margin-left: 72px;\n}\n\n.annotations--info {\n  margin-bottom: 32px;\n  margin-right: 8px;\n  margin-left: 72px;\n}\n@media only screen and (min-width: 600px) {\n  .annotations--info {\n    margin: 16px 16px 32px 76px;\n  }\n}\n.annotations--info:after {\n  border-right: 16px solid #ef6c00;\n}\n.annotations--info .annotations__avatar {\n  background-color: #ffffff;\n}\n.annotations--info .annotations__header {\n  background-color: #ef6c00;\n}\n\n.component {\n  position: relative;\n}\n\n.component__wrapper {\n  padding: 0 24px;\n  margin: 24px 0;\n}\n\n.component__content {\n  overflow-x: auto;\n  font-size: 15px;\n  overflow-y: hidden;\n}\n@media only screen and (min-width: 600px) {\n  .component__content {\n    padding: 0 8px;\n  }\n}\n\nh3.component__header {\n  padding: 8px 12px;\n  margin: 0;\n  font-size: 14px;\n}\n\n.component__rubric {\n  position: absolute;\n  left: -20px;\n  top: 12px;\n}\n\n.notebook-enabled .component_content img {\n  transition: all 250ms;\n  cursor: pointer;\n  cursor: copy;\n}\n.notebook-enabled .component_content img:hover, .notebook-enabled .component_content img:focus {\n  box-shadow: 0 0 5px 1px #F05843;\n}\n\n.component__actions .md-button:first-child {\n  margin-left: 0;\n}\n.component__actions .md-button:last-child {\n  margin-right: 0;\n}\n\n.component__actions__info {\n  font-style: italic;\n  margin-left: 8px;\n  color: rgba(0, 0, 0, 0.54);\n  font-weight: 400;\n}\n\n.component__actions__more {\n  border-bottom: 1px dotted;\n}\n\n.component__prompt {\n  margin-bottom: 8px;\n  font-weight: 500;\n}\n\n.component__prompt__content {\n  display: inline;\n}\n\n.component__attachment {\n  position: relative;\n  margin: 0 8px;\n  padding-bottom: 8px;\n}\n@media only screen and (min-width: 600px) {\n  .component__attachment {\n    padding-top: 8px;\n  }\n}\n\n@media only screen and (max-width: 599px) {\n  .component__add-attachment {\n    width: 100%;\n  }\n}\n\n.component__attachment__content {\n  max-height: 100px;\n  width: auto;\n}\n\n.component__attachment__delete {\n  position: absolute;\n  top: 0;\n  right: 0;\n  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}","@use 'sass:map';\n\n// Colors\n$_primary-color: #1C8CA8; // should match the default color of your ng-material default theme's 'primary' palette\n$_selected-bg: lighten($_primary-color, 59%);\n\n$color: (\n  'primary': $_primary-color,\n  'accent': #F05843, // should match the default color of your ng-material default theme's 'accent' palette\n  'accent-1': #795C3A,\n  'accent-2': #CAD266,\n  'warn': #c62828, // should match the default color of your ng-material default theme's 'warn' palette\n  'info': #ef6c00,\n  'success': #00C853,\n  'divider': rgba(0, 0, 0, 0.12),\n  'gray-lightest': #f7f7f7,\n  'gray-lighter': #eeeeee,\n  'gray-light': #dddddd,\n  'gray': #cccccc,\n  'gray-dark': #aaaaaa,\n  'gray-darker': #757575,\n  'gray-darkest': #333333,\n  'text': rgba(0, 0, 0, 0.87),\n  'text-secondary': rgba(0, 0, 0, 0.54),\n  'text-disabled': rgba(0, 0, 0, 0.26),\n  'text-light': rgba(255, 255, 255, 1),\n  'text-light-secondary': rgba(255, 255, 255, 0.70),\n  'text-light-disabled': rgba(255, 255, 255, 0.50),\n  'selected-bg': $_selected-bg,\n  'score': #FFC107\n);\n\n$body-color: (\n  'body': map.get($color, 'text'),\n  'body-bg': map.get($color, 'gray-lighter')\n);\n\n$colors: (map-merge($color, $body-color));\n\n// Typography\n$baseline-grid:            8px;\n$body-font-size-base:      rem(1.500);\n$caption-font-size-base:   rem(1.300);\n\n// Layout\n$wise-toolbar-height: 42px;\n\n// Menus\n$menu-border-radius: 2px;\n$max-visible-items: 6;\n$menu-item-height: 6 * $baseline-grid !default;\n$dense-menu-item-height: 4 * $baseline-grid !default;\n$max-menu-height: 2 * $baseline-grid + $max-visible-items * $menu-item-height !default;\n$max-dense-menu-height: 2 * $baseline-grid + $max-visible-items * $dense-menu-item-height !default;\n\n// Cards\n$card-border-radius: 4px;\n\n// Buttons\n$button-border-radius: 3px;\n","// 1. Config\n\n// 2. Base\n.l-constrained {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: relative;\n\n  @media (min-width: $layout-breakpoint-xs) {\n      width: $layout-breakpoint-md;\n  }\n\n  @media (min-width: $layout-breakpoint-lg) {\n      width: $layout-breakpoint-lg;\n  }\n}\n\n.l-constrained-md {\n  width: $layout-breakpoint-sm;\n  max-width: 100%;\n}\n","// 1. Config\n\n// 2. Base\n.l-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  background-color: #ffffff;\n  border-top: 1px solid color('gray-lighter');\n}\n\n// Buttons\n.button--footer {\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  min-width: 0;\n  display: flex;\n}\n\n.button--footer__element {\n  padding-left: 8px;\n}\n","// 1. Config\n\n// 2. Base\n.l-header {\n    z-index: 3;\n\n    .logo {\n        margin-left: 0 !important;\n        height: 36px;\n        width: 36px;\n        vertical-align: middle;\n    }\n\n    .logo-link {\n        min-width: auto;\n        display: none;\n        padding: 0 4px;\n        margin-right: 12px;\n\n        @media only screen and (min-width: ($layout-breakpoint-xs)) {\n            display: block;\n        }\n\n        &:hover, &:focus {\n            border: 0 none;\n        }\n    }\n\n    // Handle mobile portrait\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        .md-toolbar-tools {\n            h1, h2, h3 {\n                font-size: $body-font-size-base;\n            }\n        }\n    }\n}\n","// 1. Config\n\n// 2. Base\n.l-main {\n  background-color: color('body-bg');\n}\n\n.l-main--with-toolbar {\n  margin-top: $wise-toolbar-height;\n}\n\n#content {\n  transition: margin-top 0.5s;\n}\n\n.view-content {\n  margin: 0 auto;\n  padding: 8px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  transition: opacity 500ms;\n\n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    padding: 16px;\n  }\n\n  &.ng-enter {\n    opacity: 0;\n  }\n\n  .ng-enter-active {\n    opacity: 1;\n    transition-delay: 250ms;\n  }\n\n  &.ng-leave-active,\n  &.ng-hide {\n    opacity: 0;\n  }\n\n  &.ng-hide-add,\n  &.ng-hide-add-active,\n  &.ng-hide-remove,\n  &.ng-hide-remove-active {\n    opacity: 0;\n  }\n}\n\n.view-content--with-sidemenu {\n  padding: 8px;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: 54px;\n    padding: 16px;\n  }\n}\n[dir='rtl'] .view-content--with-sidemenu {\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    margin-left: auto;\n    margin-right: 54px;\n  }\n}\n\n.content-head {\n  margin: 8px 0;\n\n  h1,\n  h2,\n  h3 {\n    font-weight: 300;\n    margin-top: 0;\n    margin-bottom: 0;\n    font-size: rem(3.6);\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      font-size: rem(3.2);\n      text-align: center;\n    }\n  }\n}\n\n.content-head__more {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    margin-top: 8px;\n  }\n}\n\n.content-head__item,\nh2.content-head__item {\n  margin: 0 8px;\n\n  .md-subhead {\n    padding-left: 4px;\n\n    @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n      display: block;\n      padding-left: 0;\n    }\n  }\n\n  md-icon {\n    vertical-align: text-bottom;\n  }\n}\n\n.stepSelectMenuContainer md-select-menu,\n.stepSelectMenuContainer md-select-menu md-content {\n  max-height: 500px;\n}\n","// 1. Config\n\n// 2. Base\n.l-notebook {\n    margin-top: $wise-toolbar-height;\n    background-color: color('body-bg') !important;\n}\n","// 1. Config\n\n// 2. Base\n.l-sidebar {\n\n}\n\n.l-sidebar__header {\n  background-color: #ffffff !important;\n  color: color('accent-1') !important;\n\n  md-select {\n    color: color('body');\n  }\n}",".status-icon {\n    margin: 0 4px;\n    z-index: 1;\n    vertical-align: bottom;\n}\n\n.md-button.status-icon {\n    height: auto;\n    width: auto;\n    min-height: 0;\n    line-height: inherit;\n    margin: 0 4px;\n    padding: 0;\n}\n\n.avatar--icon--alert {\n    background-color: #ffffff;\n}\n\n.avatar--icon--alert__icon {\n    font-size: 48px;\n    margin: -4px 0 0 -4px;\n}\n","md-dialog {\n    width: $layout-breakpoint-xs;\n}\n\n.dialog--wide {\n    width: $layout-breakpoint-sm;\n}\n\n.dialog--wider {\n    width: $layout-breakpoint-md;\n}\n",".help-bubble {\n    border-radius: $card-border-radius;\n    max-width: 320px;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        max-width: ($layout-breakpoint-xs - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-sm) {\n        max-width: ($layout-breakpoint-sm - 48);\n    }\n\n    @media (min-width: $layout-breakpoint-md) {\n        max-width: ($layout-breakpoint-md - 48);\n    }\n}\n\n.help-bubble__title {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n}\n\n.help-bubble___title__content {\n    border-top-left-radius: $card-border-radius;\n    border-top-right-radius: $card-border-radius;\n    padding: 0px 0 0 12px;\n    background-color: color('info');\n\n    .md-icon-button {\n        margin-right: 0;\n        padding-top: 0;\n        padding-bottom: 0;\n    }\n}\n\n.help-bubble__content {\n    overflow: auto;\n    padding: 8px 12px;\n    max-height: 480px;\n}\n\n.help-bubble__actions {\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n}\n","// Variables\n$input-action-width: 44px;\n$input-action-vertical-offset: 6px;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n.input-container {\n    padding-top: 12px;\n}\n\n.input-container--component {\n    margin-bottom: 0;\n}\n\n.input-container--open-response {\n    &.md-has-icon {\n        padding-left: 0;\n    }\n\n    .md-errors-spacer {\n        display: none;\n    }\n}\n\n.input-wrapper {\n    position: relative;\n}\n\n.input-wrapper--focused {\n    .input--textarea__action md-icon {\n        color: color('primary');\n    }\n}\n\n.input--textarea, .input-container textarea.input--textarea {\n    padding: 8px;\n    background-color: color('gray-lightest');\n    border: 1px solid color('gray');\n    margin-bottom: 8px;\n\n    &:focus {\n        background-color: #ffffff;\n    }\n\n    &[disabled] {\n        color: color('text-secondary');\n    }\n}\n\n.input-container textarea.input--textarea {\n    width: 100%;\n}\n\n.input--textarea--disabled {\n    color: color('text-secondary');\n}\n\n.input--textarea__action {\n    position: absolute;\n    right: -4px;\n\n    &[disabled] md-icon {\n        color: color('text-disabled') !important;\n    }\n}\n\n.input--textarea__action--notebook {\n    top: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        top: $input-action-vertical-offset-richtext\n    }\n}\n\n.input--textarea__action--revision {\n    bottom: $input-action-vertical-offset;\n\n    .input-wrapper--richtext & {\n        bottom: ($input-action-vertical-offset-richtext + 2px);\n    }\n\n}\n\n.input-label, md-input-container:not(.md-input-invalid):not(.md-input-focused).md-input-has-value label.input-label {\n    line-height: 1.2;\n    color: color('text');\n\n    &.input-label--focused {\n        color: color('primary');\n    }\n}\n\n.autocomplete {\n    input {\n        text-overflow: ellipsis;\n        overflow: hidden;\n        word-wrap: none;\n        font-weight: 500;\n        color: color('text-secondary');\n    }\n}\n\n.autocomplete--minwidth {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        min-width: 300px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        min-width: 300px;\n    }\n}\n\n.autocomplete--flat {\n    md-autocomplete-wrap {\n        background-color: #ffffff;\n\n        &:not(.md-menu-showing) {\n            box-shadow: none;\n            background-color: color('gray-lighter');\n        }\n    }\n}\n\n.select__header {\n    height: $menu-item-height;\n\n    input {\n        height: 100%;\n        width: 100%;\n        padding: 0 8px;\n        outline: none;\n        border: 0 none;\n        font-size: rem(1.4);\n        font-weight: 500;\n    }\n}\n",".table {\n  max-width: 100%;\n  width: auto;\n  min-width: 100px;\n  margin: 8px 0;\n\n  thead,\n  tbody,\n  tfoot {\n    // TODO: remove chaining when bootstrap dependency is removed\n    > tr > th,\n    > tr > td {\n      border: 1px solid color('gray');\n      padding: 6px;\n      font-size: rem(1.5);\n      min-height: 32px;\n      height: 32px;\n      min-width: 32px;\n      vertical-align: top;\n    }\n  }\n\n  td.inactive,\n  th {\n    background-color: color('gray-lightest');\n    opacity: 1;\n    visibility: visible;\n  }\n\n  md-input-container {\n    margin: 0;\n  }\n\n  .md-errors-spacer {\n    display: none;\n  }\n}\n\n.table--student {\n  td {\n    &.inactive {\n      padding: 8px 10px;\n    }\n  }\n}\n\n.table--full-width {\n  width: 100%;\n}\n\n.table--list {\n  border: 0 none;\n  border-collapse: collapse;\n  background-color: #ffffff;\n  max-width: 100%;\n  overflow: auto;\n\n  th,\n  td {\n    padding: 0 4px;\n    border: 0 none;\n  }\n\n  td {\n    min-height: 56px;\n    height: 56px;\n  }\n\n  tr {\n    &.md-button {\n      display: table-row;\n      text-align: left;\n      width: auto;\n      text-transform: none;\n      font-size: inherit;\n      font-weight: normal;\n    }\n  }\n}\n\n.table--list__wrap {\n  min-width: $layout-breakpoint-xs;\n}\n\n.table-wrap-sticky {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    overflow-x: auto;\n  }\n}\n\n.table--list__thead {\n  font-size: rem(1.4);\n  font-weight: 700;\n}\n\n.table--list__thead__tr {\n  height: 100%;\n  margin: 0;\n}\n\n.table--list__thead__th {\n  background-color: color('gray-darker');\n  color: color('text-light');\n  min-height: $wise-toolbar-height;\n  height: $wise-toolbar-height;\n}\n\n.table--list__thead__link {\n  color: #ffffff;\n  text-transform: none;\n  margin: 0;\n  min-width: 0;\n  white-space: normal;\n  line-height: 1.4;\n  width: 100%;\n}\n\n.table--list__thead__sort {\n  margin: 0;\n}\n\n.table--list__thead__sort--reverse {\n  transform: rotate(180deg);\n}\n\n.td--wrap {\n  min-width: 180px;\n  white-space: normal;\n  line-height: 1.2;\n}\n\n.td--max-width {\n  @media only screen and (max-width: $layout-breakpoint-sm - 1) {\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n",".md-toolbar-tools {\n    font-size: 18px;\n\n    .autocomplete {\n        height: 36px;\n\n        md-autocomplete-wrap {\n            height: 36px;\n        }\n\n        input {\n            height: 36px;\n        }\n    }\n}\n\n.md-toolbar--wise {\n    min-height: $wise-toolbar-height;\n\n    .md-toolbar-tools {\n        height: $wise-toolbar-height;\n        max-height: $wise-toolbar-height;\n    }\n\n    .md-button.md-icon-button {\n        height: $wise-toolbar-height;\n        line-height: $wise-toolbar-height;\n        width: $wise-toolbar-height;\n    }\n}\n\n.md-toolbar--wise--sm {\n    .md-toolbar-tools {\n        padding: 0 8px;\n        font-size: $body-font-size-base;\n    }\n}\n\n.md-toolbar--sidenav {\n    background-color: color('gray-darkest') !important;\n\n    .md-toolbar-tools {\n        font-size: rem(1.6);\n        font-weight: 500;\n    }\n}\n\n.toolbar {\n    position: fixed;\n    left: 0;\n    right: 0;\n    top: $md-toolbar-height;\n    z-index: 3;\n}\n\n.toolbar__title {\n    margin-left: 8px;\n    font-size: rem(1.6);\n    font-weight: 500;\n}\n\n.toolbar__nav, .md-button.toolbar__nav {\n    margin: 0;\n}\n\n.toolbar__select, .md-button.toolbar__select {\n    margin: 0 4px;\n    min-height: 32px;\n    background-color: color('gray-lightest');\n\n    .md-select-value {\n        height: 32px;\n        text-align: left;\n    }\n}\n[dir=rtl] {\n  .toolbar__select, .md-button.toolbar__select {\n      .md-select-value {\n          text-align: right;\n      }\n  }\n}\n\n.toolbar__select--fixedwidth {\n    width: 168px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        width: 264px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        width: 432px;\n    }\n}\n","// Helpers\n@function rem($multiplier) {\n    $font-size: 10px;\n    @return $multiplier * $font-size;\n}\n\n// Angular Material variables for use and !default overrides\n$md-toolbar-height: 52px;\n$md-toolbar-medium-tall-height: 74px;\n$md-toolbar-tall-height: 104px;\n$md-toolbar-height-mobile-portrait: 52px;\n$md-toolbar-height-mobile-landscape: 52px;\n\n$caption-font-size-base:   rem(1.300);\n\n//$list-item-height: 56px;\n\n$card-border-radius: 4px;\n\n$layout-breakpoint-xs:     600px;\n$layout-breakpoint-sm:     960px;\n$layout-breakpoint-md:     1280px;\n$layout-breakpoint-lg:     1920px;\n\n$button-border-radius: 3px;\n\n$tooltip-fontsize-lg: rem(1.1);\n$tooltip-fontsize-sm: rem(1.1);\n//$tooltip-height-lg: rem(2.2);\n$tooltip-height-sm: rem(2.2);\n//$tooltip-top-margin-lg: rem(1.4);\n$tooltip-top-margin-sm: rem(1.4);\n//$tooltip-lr-padding-lg: rem(0.8);\n$tooltip-lr-padding-sm: rem(0.8);\n//$tooltip-max-width: rem(3.20);\n\n$progress-linear-bar-height: 7px;\n",".list-item {\n    background-color: #ffffff;\n    border-bottom: 1px solid color('gray-lighter');\n\n    .md-subheader, &.md-subheader {\n        color: color('text');\n        background-color: #ffffff;\n\n        md-icon {\n            vertical-align: middle;\n        }\n\n        .md-subheader-inner {\n            padding: 0;\n        }\n\n        .md-avatar {\n            margin-right: 8px;\n        }\n    }\n\n    .autocomplete {\n        margin: 8px 0;\n    }\n}\n\n.list-item--info {\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('info') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--warn {\n    //background-color: lighten(color('warn'), 56%);\n\n    &._md-button-wrap>div.md-button:first-child, .md-subheader-content {\n        border-left: 4px solid color('warn') !important;\n        margin-left: -4px;\n    }\n}\n\n.list-item--expanded {\n    border-bottom-width: 0;\n}\n\n.list-item--noclick, .list-item--noclick.md-button {\n    cursor: default;\n    background-color: color('gray-lightest');\n}\n\n.list-item--actions {\n    padding: 0 8px !important;\n}\n\n.list-item__subheader-button {\n    text-transform: none;\n    width: 100%;\n    padding: 8px 16px;\n    margin: 0;\n    white-space: normal;\n    text-align: left;\n    line-height: 1.4;\n}\n\n.user-list {\n    font-size: rem(1.5);\n}\n","#nav {\n    position: relative;\n}\n\n.nav {\n    margin-bottom: 16px;\n}\n\n.nav-mask {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-color: rgba(0,0,0,0.25);\n    z-index: 1;\n\n    &.ng-hide {\n        opacity: 0;\n    }\n}\n\n.nav-head {\n    color: color('text-secondary');\n    font-weight: 500;\n\n    md-icon {\n        line-height: 20px;\n    }\n}\n\n.nav-contents--root {\n    padding: 6px 6px 12px;\n}\n\n.nav-contents--group {\n    background-color: color('gray-light');\n    padding: 8px;\n}\n\n.nav-contents--root {\n    padding: 0;\n}\n\n.nav-contents__list {\n    padding: 0;\n\n    @media (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n    }\n}\n\n.nav-item {\n    transition: opacity 250ms ease-in-out;\n\n    &.prev {\n        md-list-item {\n            background-color: color('selected-bg');\n\n            /*&._md-button-wrap>div.md-button:first-child {\n                border-left: 4px solid color('primary');\n                margin-left: -4px;\n            }*/\n        }\n    }\n}\n\n.nav-item--card__content {\n    border-top-right-radius: $card-border-radius;\n    border-top-left-radius: $card-border-radius;\n\n    &:focus {\n        outline: none;\n\n        .nav-item__title > span {\n            border-bottom: 1px dashed color('gray');\n        }\n    }\n}\n\n.nav-item--root {\n    transition: margin 250ms, box-shadow 500ms;\n\n    &.expanded {\n        flex-basis: 100%;\n        //max-width: ($layout-breakpoint-md - 100) !important;\n        max-width: 100%;\n        max-height: none !important;\n        margin: 8px auto;\n\n        &:first-of-type {\n            margin-top: 0;\n        }\n\n        //@media only screen and (min-width: $layout-breakpoint-sm) {\n        //margin: 8px auto;\n        //}\n    }\n}\n\n//.nav-item--list {\n//}\n\n.nav-item--list__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","// Variables\n$input-action-width: 48px;\n$input-action-vertical-offset: 0;\n$input-action-vertical-offset-richtext: -7px;\n\n// Base\n#node {\n    margin: 0 auto;\n    position: absolute;\n    left: 0;\n    right: 0;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 8px;\n        padding: 24px 16px;\n        margin-bottom: 32px;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 32px;\n    }\n\n    &.ng-enter {\n        transition: opacity .5s;\n        opacity: 0;\n    }\n\n    &.ng-enter-active {\n        opacity: 1;\n    }\n}\n\n// TODO: use BEM conventions\n\n.node-content {\n    padding: 0 0 48px;\n    background-color: #ffffff;\n    border-radius: $button-border-radius;\n    overflow: visible;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        box-shadow: none;\n    }\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0;\n        border-top: 2px solid;\n        border-bottom: 2px solid;\n    }\n}\n\nmd-content {\n    &.node-content {\n        background-color: #ffffff;\n    }\n}\n\n.node-content__rubric {\n    position: absolute;\n    top: -22px;\n    left: 0;\n    right: 0;\n    z-index: 1;\n\n    .avatar--icon {\n        transform: scale(0.94);\n\n        @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n            transform: scale(0.8);\n        }\n    }\n}\n\n.node-icon {\n    color: #ffffff;\n    vertical-align: inherit;\n}\n\n.node-select {\n    margin: 0 8px;\n    min-width: 0;\n    font-weight: 500;\n    font-size: $body-font-size-base;\n\n    .md-select-value {\n        *:first-child {\n            transform: translate3d(0,0,0);\n            flex: 1 0 0;\n        }\n\n        .node-select__icon {\n            display: none;\n        }\n\n        .node-select__status {\n            display: none;\n        }\n    }\n\n    .md-select-icon {\n        margin-left: 0;\n        color: color('text');\n    }\n}\n\n.node-select-option--group {\n    //color: rgba(0,0,0,0.54);\n    background-color: color('gray-lightest');\n    border-bottom: 1px solid color('gray-lighter');\n    border-top: 1px solid color('gray-lighter');\n}\n\n.node-select-option--node {\n    padding-left: 20px;\n}\n\n.node-select__icon {\n    margin-right: 8px;\n}\n\n.node-select__status {\n    margin-left: 8px;\n}\n\n.node-select__text {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-top: 2px;\n    }\n}\n\n.node-title {\n    line-height: 1.2;\n    text-transform: none;\n    margin-top: 3px;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        font-size: $body-font-size-base;\n    }\n}\n\n.node-content__actions {\n    padding: 0 16px 16px;\n\n    @media only screen and (min-width: $layout-breakpoint-sm) {\n        padding: 0 24px 24px;\n    }\n\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.node-content__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    color: color('text-secondary');\n}\n\n.node-content__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.md-button.md-icon-button.node-nav {\n    &:not(:first-of-type) {\n    }\n\n    &:first-of-type {\n        margin-right: 0;\n    }\n}\n\n.node-sidebar-active {\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        margin-right: ($md-toolbar-height + 16);\n    }\n}\n\n.node-sidebar-visible {\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        margin-bottom: $wise-toolbar-height;\n    }\n}\n\n.node-sidebar {\n    position: absolute;\n    right: 0;\n    top: 0;\n    width: $md-toolbar-height;\n}\n\n.node-sidebar__toolbar {\n    position: fixed;\n    width: $md-toolbar-height;\n    background-color: #ffffff;\n    padding: 8px 0;\n    border-radius: $button-border-radius;\n\n    @media only screen and (max-width: $layout-breakpoint-xs - 1) {\n        right: 0;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        border-radius: 0;\n        padding: 0;\n        min-height: 0;\n        height: $wise-toolbar-height;\n    }\n}\n\n.node__label--vertical-alignment {\n    vertical-align: middle;\n    display: inline-block;\n}\n","// Variables\n$notebook-sidebar-width: 450px;\n$report-position-right: 66px;\n$report-full-gap: 8px;\n\n// Base\n\nnotebook-report {\n  position: absolute;\n  bottom: 0;\n  right: $report-position-right;\n  transition: right 250ms;\n  z-index: 3;\n\n  &.report-full {\n    left: $report-full-gap;\n    right: $report-full-gap;\n    top: $report-full-gap;\n    bottom: $report-full-gap\n  }\n  \n  @media only screen and (min-width: $layout-breakpoint-sm) {\n    &.notes-visible {\n      right: $notebook-sidebar-width + 24;\n    }\n  }\n}\n\n.notebook-sidebar {\n  width: $notebook-sidebar-width - 180;  \n  max-width: none;\n\n  @media only screen and (min-width: $layout-breakpoint-xs) {\n    width: $notebook-sidebar-width;\n  }\n}\n\n@media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n  .notebook-enabled {\n    .md-fab-bottom-right, .md-fab-bottom-left {\n      bottom: ($wise-toolbar-height + 8) !important;\n    }\n  }\n}\n",".notification-btn {\n    width: 60px !important;\n\n    md-icon {\n        margin-left: 20px;\n    }\n}\n\n.notification-count {\n    border-radius: 50%;\n    position: absolute;\n    background-color: color('accent');\n    width: 22px;\n    top: 12px;\n    left: -18px;\n    height: 22px;\n    line-height: 22px;\n    font-size: 12px;\n    font-weight: 700;\n    border: 2px solid;\n\n    &:before {\n        content: \"\";\n        position: absolute;\n        right: -7px;\n        top: 6px;\n        border-left: 6px solid rgba(255,255,255,0.87);\n        border-top: 4px solid transparent;\n        border-bottom: 4px solid transparent;\n    }\n}\n\n.notification-list {\n    padding: 8px 0;\n}\n\n.notification-dismiss {\n    width: 500px;\n}\n\n.notification-dismiss__input {\n    margin-bottom: 0;\n}\n\nmd-list md-list-item .md-list-item-text h4,\nmd-list md-list-item.md-2-line .md-list-item-text h4,\nmd-list md-list-item.md-3-line .md-list-item-text h4 {\n    &.notification-list-item__source {\n        color: color('text-secondary');\n        font-size: rem(1.2);\n\n        md-icon {\n            font-size: rem(1.8);\n            min-width: 0;\n            width: auto;\n            margin-left: -4px;\n            line-height: rem(2);\n        }\n    }\n}\n",".account-menu {\n    border-radius: $card-border-radius;\n    padding: 0;\n    font-size: $body-font-size-base;\n    max-width: 380px;\n\n    @media (min-width: $layout-breakpoint-md) {\n        min-width: 380px !important;\n    }\n\n    h3 {\n        margin: 0;\n        font-weight: 300;\n    }\n\n    .mat-mdc-menu-content {\n        padding: 0;\n    }\n}\n\n.account-menu--fixed-height {\n    height: $max-menu-height;\n}\n\n.account-menu--fixed-width {\n    width: 320px;\n\n    @media (min-width: $layout-breakpoint-sm) {\n        width: 380px;\n    }\n}\n\n.account-menu__icon {\n    background-color: color('text-light');\n    border-radius: 50%;\n}\n\n.account-menu__caret {\n    position: absolute;\n    right: 28px;\n    top: -8px;\n    outline: none;\n\n    &:before {\n        content: '';\n        position: absolute;\n        border-bottom: 8px solid #fff;\n        border-left: 8px solid transparent;\n        border-right: 8px solid transparent;\n    }\n}\n\n.account-menu__caret--pause, .account-menu__caret--notification {\n    right: 80px;\n}\n\n.account-menu__caret--notification--with-pause {\n    right: 132px;\n}\n\n[dir=rtl] {\n  .account-menu__caret {\n    right: auto;\n    left: 28px;\n  }\n  .account-menu__caret--pause, .account-menu__caret--notification {\n    left:80px;\n    right:auto;\n  }\n  .account-menu__caret--notification--with-pause {\n      left: 132px;\n      right:auto;\n  }\n}\n\n.account-menu__info {\n    padding: 8px 12px;\n}\n\n.account-menu__info__title {\n    font-weight: 500;\n}\n\n.account-menu__info__team {\n    font-weight: 400;\n    color: color('text-secondary');\n}\n\n.account-menu__users {\n    padding: 0;\n\n    md-list-item {\n        padding: 0;\n\n        .md-avatar {\n            margin: 0 8px 0 0;\n            height: 48px;\n            width: 48px;\n        }\n    }\n}\n\n.account-menu__actions {\n    background-color: color('gray-lightest');\n}\n\n.account-menu__control {\n    padding: 16px;\n}\n",".annotations {\n    margin: 16px 4px 16px 62px;\n    position: relative;\n    font-size: rem(1.5);\n\n    hr {\n        margin: 10px 0 8px;\n        border-color: rgba(0,0,0,.12);\n    }\n\n    &:after {\n        content: \"\";\n        position: absolute;\n        width: 0;\n        height: 0;\n        left: -15px;\n        right: auto;\n        top: -1px;\n        bottom: auto;\n        border-top: 20px solid transparent;\n        border-bottom: 20px solid transparent;\n        border-right: 16px solid color('gray-darker');\n    }\n}\n\n.annotations-container--student--report {\n    border-top: 1px solid color('gray-light');\n}\n\n.annotations--report {\n    margin-top: 0;\n    margin-bottom: 0;\n}\n\n.annotations__header {\n    position: relative;\n    //border-top-left-radius: 4px;\n    border-top-right-radius: 4px;\n    padding: 10px 12px;\n    font-weight: 700;\n    transition: all 1s;\n    color: #ffffff;\n    background-color: color('gray-darker');\n}\n\n.annotations__avatar {\n    background-color: color('accent');\n    padding: 2px;\n    position: absolute;\n    top: 0;\n    left: -62px;\n}\n\n.annotations__icon {\n    transition: all 1s;\n    color: #ffffff;\n}\n\n.annotations__body {\n    padding: 12px;\n    background-color: #ffffff;\n    border-bottom-left-radius: $card-border-radius;\n    border-bottom-right-radius: $card-border-radius;\n    overflow: auto;\n}\n\n.annotations__status {\n    background-color: #ffffff;\n    color: color('info');\n    display: inline-block;\n    margin-left: 8px;\n    font-size: rem(1.2);\n\n    &.ng-enter, &.ng-leave {\n        transition: all 1s;\n    }\n\n    &.ng-enter, &.ng-leave.ng-leave-active {\n        opacity:0;\n    }\n\n    &.ng-leave, &.ng-enter.ng-enter-active {\n        opacity:1;\n    }\n}\n\n.annotations__score {\n    font-weight: 700;\n}\n\n.annotations__info {\n    font-style: italic;\n    opacity: 0.8;\n    border-bottom: 1px dotted;\n    font-size: rem(1.3);\n}\n\n.annotations--inside {\n    .annotations {\n        margin-left: 72px;\n    }\n}\n\n// TODO: move to own file\n.annotations--info {\n    margin-bottom: 32px;\n    margin-right: 8px;\n    margin-left: 72px;\n\n    @media only screen and (min-width: ($layout-breakpoint-xs)) {\n        margin: 16px 16px 32px 76px;\n    }\n\n    &:after {\n        border-right: 16px solid color('info');\n    }\n\n    .annotations__avatar {\n        background-color: #ffffff;\n    }\n\n    .annotations__header {\n        background-color: color('info');\n    }\n}\n",".component {\n    position: relative;\n}\n\n.component__wrapper {\n    padding: 0 24px;\n    margin: 24px 0;\n}\n\n.component__content {\n    overflow-x: auto;\n    font-size: rem(1.5);\n    overflow-y: hidden; // TODO: figure out why this is needed after update to ng-material 1.1.1\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding: 0 8px;\n    }\n}\n\nh3.component__header {\n    padding: 8px 12px;\n    margin: 0;\n    font-size: rem(1.4);\n}\n\n.component__rubric {\n    position: absolute;\n    left: -20px;\n    top: 12px;\n}\n\n.notebook-enabled {\n    .component_content {\n        img {\n            transition: all 250ms;\n            cursor: pointer;\n            cursor: copy;\n            //position: relative;\n            //border: 2px solid transparent;\n\n            &:hover, &:focus {\n                box-shadow: 0 0 5px 1px color('accent');\n                //border: 2px solid #ffffff;\n            }\n        }\n    }\n}\n\n.component__actions {\n    .md-button:first-child {\n        margin-left: 0;\n    }\n\n    .md-button:last-child {\n        margin-right: 0;\n    }\n}\n\n.component__actions__info {\n    font-style: italic;\n    margin-left: 8px;\n    color: color('text-secondary');\n    font-weight: 400;\n}\n\n.component__actions__more {\n    border-bottom: 1px dotted;\n}\n\n.component__prompt {\n    margin-bottom: 8px;\n    font-weight: 500;\n}\n\n.component__prompt__content {\n    display: inline;\n}\n\n.component__attachment {\n    position: relative;\n    margin: 0 8px;\n    padding-bottom: 8px;\n\n    @media only screen and (min-width: $layout-breakpoint-xs) {\n        padding-top: 8px;\n    }\n}\n\n.component__add-attachment {\n    @media only screen and (max-width: ($layout-breakpoint-xs - 1)) {\n        width: 100%;\n    }\n}\n\n.component__attachment__content {\n    max-height: 100px;\n    width: auto;\n}\n\n.component__attachment__delete {\n    position: absolute;\n    top: 0;\n    right: 0;\n    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/themeComponents/stepTools/step-tools.component.html b/src/assets/wise5/themes/default/themeComponents/stepTools/step-tools.component.html
index 5b4b6e0f52f..f9902e97843 100644
--- a/src/assets/wise5/themes/default/themeComponents/stepTools/step-tools.component.html
+++ b/src/assets/wise5/themes/default/themeComponents/stepTools/step-tools.component.html
@@ -1,25 +1,20 @@
 <div class="step-tools flex flex-row justify-between items-center">
   <div class="flex flex-row items-center">
     <button
-      mat-icon-button
+      matIconButton
       (click)="goToPrevNode()"
       [disabled]="!prevId"
-      aria-label="Previous Item"
-      i18n-aria-label
       matTooltip="Previous Step"
       i18n-matTooltip
     >
       <mat-icon>{{ icons.prev }}</mat-icon>
     </button>
-    <div class="node-icon-div">
+    <div class="node-icon-div me-1 hidden sm:block">
       <node-icon [nodeId]="nodeId" size="18" [icon]="nodeStatus.icon" />
     </div>
-    &nbsp;
     <mat-form-field appearance="fill">
       <mat-select
         [panelClass]="'select-panel-full-height'"
-        aria-label="Select a Step"
-        i18n-aria-label
         placeholder="Select a Step"
         i18n-placeholder
         [(ngModel)]="toNodeId"
@@ -52,18 +47,14 @@
       <node-status-icon [nodeId]="nodeId" />
     </div>
     <button
-      mat-icon-button
+      matIconButton
       (click)="goToNextNode()"
       [disabled]="!nextId"
-      aria-label="Next Item"
-      i18n-aria-label
       matTooltip="Next Step"
       i18n-matTooltip
     >
       <mat-icon>{{ icons.next }}</mat-icon>
     </button>
-  </div>
-  <div>
     <button
       mat-icon-button
       (click)="closeNode()"
@@ -75,4 +66,14 @@
       <mat-icon class="unit-plan-icon">view_list</mat-icon>
     </button>
   </div>
+  <div>
+    @if (notebookConfig.itemTypes.note.enabled) {
+      <notebook-launcher [notebookConfig]="notebookConfig" />
+    }
+    @if (chatbotEnabled) {
+      <button matIconButton matTooltip="AI Assistant" (click)="emitToggleChatbot()">
+        <mat-icon>auto_awesome</mat-icon>
+      </button>
+    }
+  </div>
 </div>
diff --git a/src/assets/wise5/themes/default/themeComponents/stepTools/step-tools.component.scss b/src/assets/wise5/themes/default/themeComponents/stepTools/step-tools.component.scss
index 64e2ba56c2d..e0530352211 100644
--- a/src/assets/wise5/themes/default/themeComponents/stepTools/step-tools.component.scss
+++ b/src/assets/wise5/themes/default/themeComponents/stepTools/step-tools.component.scss
@@ -41,16 +41,3 @@
     display: none;
   }
 }
-
-.unit-plan-icon {
-  color: rgba(0,0,0,.54);
-}
-
-.submit-button-content {
-  display: flex;
-  align-items: center;
-
-  span {
-    margin-left: 7px;
-  }
-}
\ No newline at end of file
diff --git a/src/assets/wise5/themes/default/themeComponents/stepTools/step-tools.component.spec.ts b/src/assets/wise5/themes/default/themeComponents/stepTools/step-tools.component.spec.ts
index 3a8b9eb33da..09f6a6cd48d 100644
--- a/src/assets/wise5/themes/default/themeComponents/stepTools/step-tools.component.spec.ts
+++ b/src/assets/wise5/themes/default/themeComponents/stepTools/step-tools.component.spec.ts
@@ -48,6 +48,16 @@ describe('StepToolsComponent', () => {
       of({ isSurvey: false } as RunInfo)
     );
     component = fixture.componentInstance;
+    component.notebookConfig = {
+      itemTypes: {
+        note: {
+          enabled: true,
+          label: {
+            link: 'note'
+          }
+        }
+      }
+    };
     fixture.detectChanges();
   });
 
diff --git a/src/assets/wise5/themes/default/themeComponents/stepTools/step-tools.component.ts b/src/assets/wise5/themes/default/themeComponents/stepTools/step-tools.component.ts
index 0194d8918f2..3dfa1cfa59a 100644
--- a/src/assets/wise5/themes/default/themeComponents/stepTools/step-tools.component.ts
+++ b/src/assets/wise5/themes/default/themeComponents/stepTools/step-tools.component.ts
@@ -1,5 +1,5 @@
 import { CommonModule } from '@angular/common';
-import { Component, OnInit, ViewEncapsulation } from '@angular/core';
+import { Component, EventEmitter, Input, OnInit, Output, ViewEncapsulation } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { MatButtonModule } from '@angular/material/button';
 import { MatFormFieldModule } from '@angular/material/form-field';
@@ -13,6 +13,7 @@ import { NodeStatusService } from '../../../../services/nodeStatusService';
 import { ProjectService } from '../../../../services/projectService';
 import { StudentDataService } from '../../../../services/studentDataService';
 import { Subscription } from 'rxjs';
+import { NotebookLauncherComponent } from '../../../../../../app/notebook/notebook-launcher/notebook-launcher.component';
 
 @Component({
   encapsulation: ViewEncapsulation.None,
@@ -25,13 +26,16 @@ import { Subscription } from 'rxjs';
     MatSelectModule,
     MatTooltipModule,
     NodeIconComponent,
-    NodeStatusIconComponent
+    NodeStatusIconComponent,
+    NotebookLauncherComponent
   ],
   selector: 'step-tools',
   styleUrl: './step-tools.component.scss',
   templateUrl: './step-tools.component.html'
 })
 export class StepToolsComponent implements OnInit {
+  @Input() chatbotEnabled: boolean;
+  @Output() toggleChatbot = new EventEmitter<void>();
   protected icons: any;
   protected isSurvey: boolean;
   protected is_rtl: boolean;
@@ -40,6 +44,7 @@ export class StepToolsComponent implements OnInit {
   protected nodeIds: string[];
   protected nodeStatus: any;
   protected nodeStatuses: any;
+  @Input() notebookConfig: any;
   protected prevId: string;
   private subscriptions: Subscription = new Subscription();
   protected toNodeId: string;
@@ -122,4 +127,8 @@ export class StepToolsComponent implements OnInit {
   protected closeNode(): void {
     this.nodeService.closeNode();
   }
+
+  protected emitToggleChatbot(): void {
+    this.toggleChatbot.emit();
+  }
 }
diff --git a/src/assets/wise5/vle/vle.component.html b/src/assets/wise5/vle/vle.component.html
index cba3fda1847..fa8c935ddd1 100644
--- a/src/assets/wise5/vle/vle.component.html
+++ b/src/assets/wise5/vle/vle.component.html
@@ -6,18 +6,30 @@
     <mat-drawer #drawer mode="over" position="end" (keydown.escape)="closeNotes()">
       <notebook-notes [config]="notebookConfig" />
     </mat-drawer>
+    @if (chatbotEnabled) {
+      <mat-drawer
+        #chatbotDrawer
+        [mode]="mdScreen ? 'over' : 'side'"
+        position="end"
+        (keydown.escape)="chatbotVisible = false"
+        [(opened)]="chatbotVisible"
+        class="sidebar"
+      >
+        <chatbot [config]="chatbotConfig" (closeChatbot)="chatbotVisible = false" />
+      </mat-drawer>
+    }
     <mat-drawer-content>
       <top-bar [projectName]="project.metadata.title" />
       <ng-container *ngTemplateOutlet="vleTemplate"></ng-container>
       @if (reportEnabled) {
         <notebook-report
-          [ngClass]="{ 'notes-visible': notesVisible, 'report-full': reportFullscreen }"
+          [ngClass]="{
+            'notes-visible': notesVisible || chatbotVisible,
+            'report-full': reportFullscreen
+          }"
           [config]="notebookConfig"
         />
       }
-      @if (notesEnabled && !notesVisible) {
-        <notebook-launcher [notebookConfig]="notebookConfig" />
-      }
     </mat-drawer-content>
   </mat-drawer-container>
 }
@@ -26,7 +38,12 @@
 
 <ng-template #defaultVLETemplate>
   @if (layoutState === 'node') {
-    <step-tools class="control-bg-bg mat-elevation-z1" />
+    <step-tools
+      class="control-bg-bg mat-elevation-z1"
+      [notebookConfig]="notebookConfig"
+      [chatbotEnabled]="chatbotEnabled"
+      (toggleChatbot)="chatbotVisible = !chatbotVisible"
+    />
   }
   <div
     id="content"
diff --git a/src/assets/wise5/vle/vle.component.scss b/src/assets/wise5/vle/vle.component.scss
index 1336b96465b..477a6fab48a 100644
--- a/src/assets/wise5/vle/vle.component.scss
+++ b/src/assets/wise5/vle/vle.component.scss
@@ -103,7 +103,7 @@ notebook-report {
   z-index: 10;
   bottom: 0;
   position: fixed;
-  right: 96px;
+  right: 66px;
   transition: right 0.25s;
 }
 
@@ -118,3 +118,7 @@ run-ended-and-locked-message {
     margin-bottom: -8px;
   }
 }
+
+.sidebar {
+  top: variables.$toolbar-height + variables.$secondary-toolbar-height + 2;
+}
diff --git a/src/assets/wise5/vle/vle.component.ts b/src/assets/wise5/vle/vle.component.ts
index 9753df97860..3153459aaad 100644
--- a/src/assets/wise5/vle/vle.component.ts
+++ b/src/assets/wise5/vle/vle.component.ts
@@ -21,7 +21,6 @@ import { Node } from '../common/Node';
 import { NodeComponent } from './node/node.component';
 import { NodeNavigationComponent } from '../directives/node-navigation/node-navigation.component';
 import { NodeStatusService } from '../services/nodeStatusService';
-import { NotebookLauncherComponent } from '../../../app/notebook/notebook-launcher/notebook-launcher.component';
 import { NotebookNotesComponent } from '../../../app/notebook/notebook-notes/notebook-notes.component';
 import { NotebookReportComponent } from '../../../app/notebook/notebook-report/notebook-report.component';
 import { NotebookService } from '../services/notebookService';
@@ -38,16 +37,18 @@ import { Subscription } from 'rxjs';
 import { TopBarComponent } from '../../../app/student/top-bar/top-bar.component';
 import { VLEProjectService } from './vleProjectService';
 import { WiseLinkService } from '../../../app/services/wiseLinkService';
+import { ChatbotComponent } from '../../../app/chatbot/chatbot.component';
+import { BreakpointObserver } from '@angular/cdk/layout';
 
 @Component({
   imports: [
+    ChatbotComponent,
     CommonModule,
     GroupTabsComponent,
     MatSidenavModule,
     NavigationComponent,
     NodeComponent,
     NodeNavigationComponent,
-    NotebookLauncherComponent,
     NotebookNotesComponent,
     NotebookReportComponent,
     RunEndedAndLockedMessageComponent,
@@ -60,12 +61,17 @@ import { WiseLinkService } from '../../../app/services/wiseLinkService';
   templateUrl: './vle.component.html'
 })
 export class VLEComponent implements AfterViewInit {
+  private breakpointObserver = inject(BreakpointObserver);
+  protected chatbotEnabled: boolean = false;
+  protected chatbotConfig: any;
+  protected chatbotVisible: boolean = false;
   protected currentNode: Node;
   @ViewChild('defaultVLETemplate') private defaultVLETemplate: TemplateRef<any>;
   @ViewChild('drawer') public drawer: any;
   protected initialized: boolean;
   private isSurvey: boolean;
   protected layoutState: string;
+  private mdScreen: boolean;
   protected notebookConfig: any;
   protected notesEnabled: boolean = false;
   protected notesVisible: boolean = false;
@@ -156,6 +162,7 @@ export class VLEComponent implements AfterViewInit {
     this.setLayoutState();
     this.initializeSubscriptions();
     this.saveNodeEnteredEvent();
+    this.initializeChatbot();
 
     // Set isSurvey
     if (!this.configService.isPreview()) {
@@ -209,6 +216,11 @@ export class VLEComponent implements AfterViewInit {
     this.subscribeToReportFullScreen();
     this.subscribeToViewCurrentAmbientNotification();
     this.subscriptions.add(this.projectService.projectParsed$.subscribe(() => this.setProject()));
+    this.subscriptions.add(
+      this.breakpointObserver.observe(['(max-width: 1280px)']).subscribe((result) => {
+        this.mdScreen = result.matches;
+      })
+    );
   }
 
   private subscribeToShowSessionWarning(): void {
@@ -436,6 +448,13 @@ export class VLEComponent implements AfterViewInit {
     this.studentDataService.saveEvents([this.createNodeEnteredEvent()]);
   }
 
+  private initializeChatbot(): void {
+    if (this.project.chatbot?.enabled) {
+      this.chatbotEnabled = true;
+      this.chatbotConfig = this.project.chatbot;
+    }
+  }
+
   private saveNodeExitedEvent(): void {
     this.studentDataService.saveEvents([this.createNodeExitedEvent()]);
   }
diff --git a/src/main.ts b/src/main.ts
index 43fb8277509..495d941d5cf 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,4 +1,5 @@
 import { enableProdMode, inject, provideAppInitializer } from '@angular/core';
+import { MARKED_OPTIONS, provideMarkdown, MarkedOptions, MarkedRenderer } from 'ngx-markdown';
 import { environment } from './environments/environment';
 import { bootstrapApplication } from '@angular/platform-browser';
 import { AppComponent } from './app/app.component';
@@ -40,6 +41,20 @@ export function initialize(
   };
 }
 
+export function markedOptionsFactory(): MarkedOptions {
+  const renderer = new MarkedRenderer();
+  // ensure links open in new tab
+  renderer.link = ({ href, title, text }) => {
+    return '<a href="' + href + '" title="' + title + '" target="_blank">' + text + '</a>';
+  };
+  return {
+    renderer: renderer,
+    gfm: true,
+    breaks: false,
+    pedantic: false
+  };
+}
+
 bootstrapApplication(AppComponent, {
   providers: [
     ArchiveProjectService,
@@ -47,6 +62,12 @@ bootstrapApplication(AppComponent, {
     StudentService,
     TeacherService,
     UserService,
+    provideMarkdown({
+      markedOptions: {
+        provide: MARKED_OPTIONS,
+        useFactory: markedOptionsFactory
+      }
+    }),
     provideAppInitializer(() => {
       const initializerFn = initialize(inject(ConfigService), inject(UserService));
       return initializerFn();
diff --git a/src/messages.xlf b/src/messages.xlf
index 206b15e90d7..74aa23c98f9 100644
--- a/src/messages.xlf
+++ b/src/messages.xlf
@@ -277,6 +277,14 @@
           <context context-type="sourcefile">src/app/announcement/announcement-dialog.component.html</context>
           <context context-type="linenumber">11,13</context>
         </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/chatbot/chat-history-dialog.component.html</context>
+          <context context-type="linenumber">87,90</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/chatbot/chatbot.component.html</context>
+          <context context-type="linenumber">46,48</context>
+        </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/modules/library/library-project-details/library-project-details.component.html</context>
           <context context-type="linenumber">218,222</context>
@@ -407,6 +415,10 @@
           <context context-type="sourcefile">src/app/authoring-tool/import-step/choose-import-unit/choose-import-unit.component.html</context>
           <context context-type="linenumber">41,44</context>
         </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/chatbot/chat-history-dialog.component.html</context>
+          <context context-type="linenumber">36,38</context>
+        </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/modules/library/copy-project-dialog/copy-project-dialog.component.html</context>
           <context context-type="linenumber">14,18</context>
@@ -1790,6 +1802,206 @@ Click &quot;Cancel&quot; to keep the invalid JSON open so you can fix it.</sourc
           <context context-type="linenumber">8,11</context>
         </context-group>
       </trans-unit>
+      <trans-unit id="552642818921774648" datatype="html">
+        <source>Conversation History</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/chatbot/chat-history-dialog.component.html</context>
+          <context context-type="linenumber">1,4</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="3768927257183755959" datatype="html">
+        <source>Save</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/chatbot/chat-history-dialog.component.html</context>
+          <context context-type="linenumber">27,29</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/teacher/edit-tag/edit-tag.component.ts</context>
+          <context context-type="linenumber">57</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/assets/wise5/common/node-icon-chooser-dialog/node-icon-chooser-dialog.component.html</context>
+          <context context-type="linenumber">92,94</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/assets/wise5/components/draw/edit-draw-connected-components/edit-draw-connected-components.component.html</context>
+          <context context-type="linenumber">27,31</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/assets/wise5/components/openResponse/edit-open-response-advanced/edit-open-response-advanced.component.html</context>
+          <context context-type="linenumber">40,42</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/assets/wise5/components/openResponse/edit-open-response-advanced/edit-open-response-advanced.component.html</context>
+          <context context-type="linenumber">498,501</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/assets/wise5/vle/node/node.component.html</context>
+          <context context-type="linenumber">36,40</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="2634265024545519524" datatype="html">
+        <source>(current)</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/chatbot/chat-history-dialog.component.html</context>
+          <context context-type="linenumber">48,51</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="2154216727411550160" datatype="html">
+        <source>message</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/chatbot/chat-history-dialog.component.html</context>
+          <context context-type="linenumber">54,57</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="4101852533995361725" datatype="html">
+        <source>messages</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/chatbot/chat-history-dialog.component.html</context>
+          <context context-type="linenumber">56,60</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="1133994986091402323" datatype="html">
+        <source>Edit title</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/chatbot/chat-history-dialog.component.html</context>
+          <context context-type="linenumber">63,66</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="6972864965174955313" datatype="html">
+        <source>Delete chat</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/chatbot/chat-history-dialog.component.html</context>
+          <context context-type="linenumber">72,75</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="5741972031757698073" datatype="html">
+        <source>Are you sure you want to delete &quot;<x id="PH" equiv-text="chat.title"/>&quot;? This action cannot be undone.</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/chatbot/chat-history-dialog.component.ts</context>
+          <context context-type="linenumber">76</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="4272436583644511364" datatype="html">
+        <source>Just now</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/chatbot/chat-history-dialog.component.ts</context>
+          <context context-type="linenumber">111</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="904495321169432083" datatype="html">
+        <source><x id="PH" equiv-text="diffMins"/>m ago</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/chatbot/chat-history-dialog.component.ts</context>
+          <context context-type="linenumber">113</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="1937318758717606227" datatype="html">
+        <source><x id="PH" equiv-text="diffHours"/>h ago</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/chatbot/chat-history-dialog.component.ts</context>
+          <context context-type="linenumber">115</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="1398510920250838994" datatype="html">
+        <source><x id="PH" equiv-text="diffDays"/>d ago</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/chatbot/chat-history-dialog.component.ts</context>
+          <context context-type="linenumber">117</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="774353184448576161" datatype="html">
+        <source>AI Assistant</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/chatbot/chatbot.component.html</context>
+          <context context-type="linenumber">5,8</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="7151632936989469818" datatype="html">
+        <source>New chat</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/chatbot/chatbot.component.html</context>
+          <context context-type="linenumber">12,16</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="5211609068551558044" datatype="html">
+        <source>Conversation history</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/chatbot/chatbot.component.html</context>
+          <context context-type="linenumber">21,24</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="1722217323196779055" datatype="html">
+        <source>Toggle Full Screen</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/chatbot/chatbot.component.html</context>
+          <context context-type="linenumber">32,35</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/notebook/notebook-report/notebook-report.component.html</context>
+          <context context-type="linenumber">21,24</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="721564515338664747" datatype="html">
+        <source>Start a conversation with the AI assistant!</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/chatbot/chatbot.component.html</context>
+          <context context-type="linenumber">56,58</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="3676413537605247674" datatype="html">
+        <source> Ask questions about your work, get help, or discuss ideas. </source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/chatbot/chatbot.component.html</context>
+          <context context-type="linenumber">58,62</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="720557322859638078" datatype="html">
+        <source>You</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/chatbot/chatbot.component.html</context>
+          <context context-type="linenumber">74,76</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="4361487192183535591" datatype="html">
+        <source>Assistant</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/chatbot/chatbot.component.html</context>
+          <context context-type="linenumber">76,80</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/chatbot/chatbot.component.html</context>
+          <context context-type="linenumber">98,101</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="8763211465841977542" datatype="html">
+        <source>Thinking...</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/chatbot/chatbot.component.html</context>
+          <context context-type="linenumber">102,107</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="1070556603859709137" datatype="html">
+        <source>Type your message...</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/chatbot/chatbot.component.html</context>
+          <context context-type="linenumber">112,115</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="8740036082299980043" datatype="html">
+        <source>Send message</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/chatbot/chatbot.component.html</context>
+          <context context-type="linenumber">129,134</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="8206940638567425435" datatype="html">
+        <source>Sorry, I encountered an error. Please try again.</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/chatbot/chatbot.component.ts</context>
+          <context context-type="linenumber">128</context>
+        </context-group>
+      </trans-unit>
       <trans-unit id="5280218112746407598" datatype="html">
         <source>New</source>
         <context-group purpose="location">
@@ -6870,13 +7082,6 @@ Click &quot;Cancel&quot; to keep the invalid JSON open so you can fix it.</sourc
           <context context-type="linenumber">119</context>
         </context-group>
       </trans-unit>
-      <trans-unit id="1722217323196779055" datatype="html">
-        <source>Toggle Full Screen</source>
-        <context-group purpose="location">
-          <context context-type="sourcefile">src/app/notebook/notebook-report/notebook-report.component.html</context>
-          <context context-type="linenumber">21,24</context>
-        </context-group>
-      </trans-unit>
       <trans-unit id="4929778113156900100" datatype="html">
         <source>Collapse</source>
         <context-group purpose="location">
@@ -8999,33 +9204,6 @@ Click &quot;Cancel&quot; to keep the invalid JSON open so you can fix it.</sourc
           <context context-type="linenumber">69,72</context>
         </context-group>
       </trans-unit>
-      <trans-unit id="3768927257183755959" datatype="html">
-        <source>Save</source>
-        <context-group purpose="location">
-          <context context-type="sourcefile">src/app/teacher/edit-tag/edit-tag.component.ts</context>
-          <context context-type="linenumber">57</context>
-        </context-group>
-        <context-group purpose="location">
-          <context context-type="sourcefile">src/assets/wise5/common/node-icon-chooser-dialog/node-icon-chooser-dialog.component.html</context>
-          <context context-type="linenumber">92,94</context>
-        </context-group>
-        <context-group purpose="location">
-          <context context-type="sourcefile">src/assets/wise5/components/draw/edit-draw-connected-components/edit-draw-connected-components.component.html</context>
-          <context context-type="linenumber">27,31</context>
-        </context-group>
-        <context-group purpose="location">
-          <context context-type="sourcefile">src/assets/wise5/components/openResponse/edit-open-response-advanced/edit-open-response-advanced.component.html</context>
-          <context context-type="linenumber">40,42</context>
-        </context-group>
-        <context-group purpose="location">
-          <context context-type="sourcefile">src/assets/wise5/components/openResponse/edit-open-response-advanced/edit-open-response-advanced.component.html</context>
-          <context context-type="linenumber">498,501</context>
-        </context-group>
-        <context-group purpose="location">
-          <context context-type="sourcefile">src/assets/wise5/vle/node/node.component.html</context>
-          <context context-type="linenumber">36,40</context>
-        </context-group>
-      </trans-unit>
       <trans-unit id="5325249077056620539" datatype="html">
         <source>Tag created</source>
         <context-group purpose="location">
@@ -10488,7 +10666,7 @@ Click &quot;Cancel&quot; to keep the invalid JSON open so you can fix it.</sourc
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/vle/vle.component.ts</context>
-          <context context-type="linenumber">220</context>
+          <context context-type="linenumber">232</context>
         </context-group>
       </trans-unit>
       <trans-unit id="537022937435161177" datatype="html">
@@ -10503,7 +10681,7 @@ Click &quot;Cancel&quot; to keep the invalid JSON open so you can fix it.</sourc
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/vle/vle.component.ts</context>
-          <context context-type="linenumber">221</context>
+          <context context-type="linenumber">233</context>
         </context-group>
       </trans-unit>
       <trans-unit id="3407061818321766940" datatype="html">
@@ -15868,7 +16046,7 @@ Are you sure you want to proceed?</source>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/themes/default/themeComponents/stepTools/step-tools.component.html</context>
-          <context context-type="linenumber">9,13</context>
+          <context context-type="linenumber">7,11</context>
         </context-group>
       </trans-unit>
       <trans-unit id="884032441322142017" datatype="html">
@@ -15883,11 +16061,7 @@ Are you sure you want to proceed?</source>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/themes/default/themeComponents/stepTools/step-tools.component.html</context>
-          <context context-type="linenumber">21,24</context>
-        </context-group>
-        <context-group purpose="location">
-          <context context-type="sourcefile">src/assets/wise5/themes/default/themeComponents/stepTools/step-tools.component.html</context>
-          <context context-type="linenumber">23,26</context>
+          <context context-type="linenumber">18,21</context>
         </context-group>
       </trans-unit>
       <trans-unit id="33473533304469858" datatype="html">
@@ -15913,7 +16087,7 @@ Are you sure you want to proceed?</source>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/themes/default/themeComponents/stepTools/step-tools.component.html</context>
-          <context context-type="linenumber">60,63</context>
+          <context context-type="linenumber">53,56</context>
         </context-group>
       </trans-unit>
       <trans-unit id="5353912858871423613" datatype="html">
@@ -22191,11 +22365,11 @@ If this problem continues, let your teacher know and move on to the next activit
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/themes/default/themeComponents/stepTools/step-tools.component.html</context>
-          <context context-type="linenumber">70,73</context>
+          <context context-type="linenumber">61,64</context>
         </context-group>
         <context-group purpose="location">
           <context context-type="sourcefile">src/assets/wise5/themes/default/themeComponents/stepTools/step-tools.component.html</context>
-          <context context-type="linenumber">72,75</context>
+          <context context-type="linenumber">63,66</context>
         </context-group>
       </trans-unit>
       <trans-unit id="8784868761263923006" datatype="html">
@@ -22276,20 +22450,6 @@ If this problem continues, let your teacher know and move on to the next activit
           <context context-type="linenumber">13,16</context>
         </context-group>
       </trans-unit>
-      <trans-unit id="221084836515422895" datatype="html">
-        <source>Previous Item</source>
-        <context-group purpose="location">
-          <context context-type="sourcefile">src/assets/wise5/themes/default/themeComponents/stepTools/step-tools.component.html</context>
-          <context context-type="linenumber">7,10</context>
-        </context-group>
-      </trans-unit>
-      <trans-unit id="7317911740595944448" datatype="html">
-        <source>Next Item</source>
-        <context-group purpose="location">
-          <context context-type="sourcefile">src/assets/wise5/themes/default/themeComponents/stepTools/step-tools.component.html</context>
-          <context context-type="linenumber">58,61</context>
-        </context-group>
-      </trans-unit>
       <trans-unit id="5926207769041293626" datatype="html">
         <source>Your <x id="INTERPOLATION" equiv-text="{{ label }}"/>:</source>
         <context-group purpose="location">
diff --git a/src/style/abstracts/_variables.scss b/src/style/abstracts/_variables.scss
index 6aed0237d31..e0c0c47cc8b 100644
--- a/src/style/abstracts/_variables.scss
+++ b/src/style/abstracts/_variables.scss
@@ -32,4 +32,4 @@ $toolbar-height: 52px;
 $secondary-toolbar-height: 42px;
 $heading-font-family: Raleway, sans-serif;
 $notebook-sidebar-width: 300px;
-$notebook-sidebar-width-gt-xs: 480px;
+$notebook-sidebar-width-gt-xs: 450px;
diff --git a/src/style/base/_base.scss b/src/style/base/_base.scss
index bdaf9d4d2e0..5205d22ec2b 100644
--- a/src/style/base/_base.scss
+++ b/src/style/base/_base.scss
@@ -6,6 +6,12 @@ strong, b, .strong {
   font-weight: 500;
 }
 
+ol, ul {
+  list-style-type: revert;
+  margin-block-start: 1em;
+  padding-inline-start: 1em;
+}
+
 figure {
   &.image {
     display: inline-block;