@charset "UTF-8"; /* * Copyright (C) 2025 - present Instructure, Inc. * * This file is part of Canvas. * * Canvas is free software: you can redistribute it and/or modify it under * the terms of the GNU Affero General Public License as published by the Free * Software Foundation, version 3 of the License. * * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more * details. * * You should have received a copy of the GNU Affero General Public License along * with this program. If not, see . */ body { margin: 0; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } img { max-width: 100%; height: auto; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; } #map_canvas img, .google-maps img { max-width: none; } button, input, select, textarea { margin: 0; font-size: 100%; vertical-align: middle; } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; } input[type=search] { box-sizing: content-box; -webkit-appearance: textfield; } input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button { -webkit-appearance: none; } textarea { vertical-align: top; } /* * Copyright (C) 2014 - present Instructure, Inc. * * This file is part of Canvas. * * Canvas is free software: you can redistribute it and/or modify it under * the terms of the GNU Affero General Public License as published by the Free * Software Foundation, version 3 of the License. * * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more * details. * * You should have received a copy of the GNU Affero General Public License along * with this program. If not, see . */ /* * Copyright (C) 2014 - present Instructure, Inc. * * This file is part of Canvas. * * Canvas is free software: you can redistribute it and/or modify it under * the terms of the GNU Affero General Public License as published by the Free * Software Foundation, version 3 of the License. * * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more * details. * * You should have received a copy of the GNU Affero General Public License along * with this program. If not, see . */ /* * Copyright (C) 2014 - present Instructure, Inc. * * This file is part of Canvas. * * Canvas is free software: you can redistribute it and/or modify it under * the terms of the GNU Affero General Public License as published by the Free * Software Foundation, version 3 of the License. * * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more * details. * * You should have received a copy of the GNU Affero General Public License along * with this program. If not, see . */ /* Legacy variables. Discontinue to use these: */ /* * Copyright (C) 2015 - present Instructure, Inc. * * This file is part of Canvas. * * Canvas is free software: you can redistribute it and/or modify it under * the terms of the GNU Affero General Public License as published by the Free * Software Foundation, version 3 of the License. * * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more * details. * * You should have received a copy of the GNU Affero General Public License along * with this program. If not, see . */ /** * Convert font-size from px to rem with px fallback * @param $size - the value in pixel you want to convert * e.g. p {@include fontSize(12px);} * courtesy of https://github.com/stubbornella/oocss/blob/master/oocss/src/components/utils/_fontSize.scss */ /* * Copyright (C) 2017 - present Instructure, Inc. * * This file is part of Canvas. * * Canvas is free software: you can redistribute it and/or modify it under * the terms of the GNU Affero General Public License as published by the Free * Software Foundation, version 3 of the License. * * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more * details. * * You should have received a copy of the GNU Affero General Public License along * with this program. If not, see . */ /* * Copyright (C) 2015 - present Instructure, Inc. * * This file is part of Canvas. * * Canvas is free software: you can redistribute it and/or modify it under * the terms of the GNU Affero General Public License as published by the Free * Software Foundation, version 3 of the License. * * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more * details. * * You should have received a copy of the GNU Affero General Public License along * with this program. If not, see . */ /* * Copyright (C) 2014 - present Instructure, Inc. * * This file is part of Canvas. * * Canvas is free software: you can redistribute it and/or modify it under * the terms of the GNU Affero General Public License as published by the Free * Software Foundation, version 3 of the License. * * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more * details. * * You should have received a copy of the GNU Affero General Public License along * with this program. If not, see . */ /* * Copyright (C) 2014 - present Instructure, Inc. * * This file is part of Canvas. * * Canvas is free software: you can redistribute it and/or modify it under * the terms of the GNU Affero General Public License as published by the Free * Software Foundation, version 3 of the License. * * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more * details. * * You should have received a copy of the GNU Affero General Public License along * with this program. If not, see . */ /* * Copyright (C) 2014 - present Instructure, Inc. * * This file is part of Canvas. * * Canvas is free software: you can redistribute it and/or modify it under * the terms of the GNU Affero General Public License as published by the Free * Software Foundation, version 3 of the License. * * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more * details. * * You should have received a copy of the GNU Affero General Public License along * with this program. If not, see . */ /* Legacy variables. Discontinue to use these: */ /* * Copyright (C) 2015 - present Instructure, Inc. * * This file is part of Canvas. * * Canvas is free software: you can redistribute it and/or modify it under * the terms of the GNU Affero General Public License as published by the Free * Software Foundation, version 3 of the License. * * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more * details. * * You should have received a copy of the GNU Affero General Public License along * with this program. If not, see . */ /* * Copyright (C) 2012 - present Instructure, Inc. * * This file is part of Canvas. * * Canvas is free software: you can redistribute it and/or modify it under * the terms of the GNU Affero General Public License as published by the Free * Software Foundation, version 3 of the License. * * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more * details. * * You should have received a copy of the GNU Affero General Public License along * with this program. If not, see . */ /* * Copyright (C) 2015 - present Instructure, Inc. * * This file is part of Canvas. * * Canvas is free software: you can redistribute it and/or modify it under * the terms of the GNU Affero General Public License as published by the Free * Software Foundation, version 3 of the License. * * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more * details. * * You should have received a copy of the GNU Affero General Public License along * with this program. If not, see . */ /* * Copyright (C) 2015 - present Instructure, Inc. * * This file is part of Canvas. * * Canvas is free software: you can redistribute it and/or modify it under * the terms of the GNU Affero General Public License as published by the Free * Software Foundation, version 3 of the License. * * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more * details. * * You should have received a copy of the GNU Affero General Public License along * with this program. If not, see . */ /** * Convert font-size from px to rem with px fallback * @param $size - the value in pixel you want to convert * e.g. p {@include fontSize(12px);} * courtesy of https://github.com/stubbornella/oocss/blob/master/oocss/src/components/utils/_fontSize.scss */ /* * Copyright (C) 2015 - present Instructure, Inc. * * This file is part of Canvas. * * Canvas is free software: you can redistribute it and/or modify it under * the terms of the GNU Affero General Public License as published by the Free * Software Foundation, version 3 of the License. * * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more * details. * * You should have received a copy of the GNU Affero General Public License along * with this program. If not, see . */ /* * Copyright (C) 2012 - present Instructure, Inc. * * This file is part of Canvas. * * Canvas is free software: you can redistribute it and/or modify it under * the terms of the GNU Affero General Public License as published by the Free * Software Foundation, version 3 of the License. * * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more * details. * * You should have received a copy of the GNU Affero General Public License along * with this program. If not, see . */ body { min-height: 100vh; background: #FFFFFF; font-weight: 300; } body.no-headers #header, body.no-headers #mobile-header, body.no-headers #masquerade_bar, body.no-headers #topbar, body.no-headers #left-side, body.no-headers #breadcrumbs, body.embedded #header, body.embedded #mobile-header, body.embedded #masquerade_bar, body.embedded #topbar, body.embedded #left-side, body.embedded #breadcrumbs { display: none !important; } body.no-headers .ic-app-nav-toggle-and-crumbs, body.embedded .ic-app-nav-toggle-and-crumbs { display: none; } body.no-headers #footer, body.embedded #footer { display: none; } body.hide-global-nav #header { display: none !important; } body.hide-global-nav #mobile-header .mobile-header-hamburger { display: none !important; } body.embedded #application { height: 100%; } body.embedded h2, body.embedded .h2 { border: 1px solid #E8EAEC; background: #FFFFFF; font-size: 16px; font-size: 1rem; font-weight: bold; margin: -0.95em -0.95em 1em; padding: 0.4em 1em; line-height: 20px; } body.embedded.no-headers h2, body.embedded.no-headers .h2 { display: none; } body.embedded #modal-box { background: #FFFFFF !important; color: #273540 !important; height: auto !important; } .with-left-side #left-side { display: block; overflow: visible; /* #main has a z-index: 10 on it. This is needed so that group set names will appear above the main content */ z-index: 11; } .with-right-side #right-side-wrapper { display: block; } #footer .footer-logo { background-color: transparent; background-image: url("/dist/images/footer-logo-878a92a06f.png"); background-repeat: no-repeat; background-position: left top; } @media (min--moz-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { #footer .footer-logo { background-image: url("/dist/images/footer-logo@2x-d9c97a05a2.png"); background-size: 114px 16px; } } #footer .footer-logo { display: inline-block; height: 16px; margin: 0 20px 0 0; width: 114px; } div.content_notice { margin: 12px; margin-bottom: 6px; } div.content_notice div { display: inline-block; } div.content_notice i { padding-right: 8px; } .tool_content_wrapper.custom_height[style] { height: 100% !important; } body.ic-full-screen-lti-tool iframe.tool_launch { min-height: 100%; } iframe.tool_launch { min-height: 450px; width: 100%; height: 100%; border: none; max-width: 100%; } iframe.tool_launch.tool_launch_top_navigation { display: block; } @media screen and (min-height: 451px) and (max-height: 600px) { iframe.tool_launch#external_tool_button_frame { min-height: 300px !important; } } @media screen and (max-height: 450px) { iframe.tool_launch#external_tool_button_frame { min-height: 200px !important; } } .lti_tool_icon { margin-right: 0.25rem; max-width: 1.2rem; } .lti_tool_icon_large { max-width: 3rem; } #assignment_external_tools iframe.tool_launch { display: block; } #assignment_external_tools iframe.tool_launch:not(:first-of-type) { margin-top: 10px; } #skip_navigation_link { padding: 4px 8px; background: var(--ic-link-color); background-clip: border-box; text-align: center; color: #FFFFFF; text-decoration: none; border-radius: 4px; border: 1px dashed rgba(255, 255, 255, 0.8); } #skip_navigation_link:focus { color: #fff; } #skip_navigation_link:focus { text-decoration: underline; } #skip_navigation_link { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } #skip_navigation_link:focus { left: 0; top: 0; width: auto; height: auto; z-index: 1; outline: none; } #skip_navigation_link:focus + .ic-app-header__main-navigation { margin-top: 50px; } @media not all and (min-width: 768px) { #left-side, #header, .ic-app-nav-toggle-and-crumbs { display: none !important; } .bcs__trigger { display: none !important; } } /* * Copyright (C) 2014 - present Instructure, Inc. * * This file is part of Canvas. * * Canvas is free software: you can redistribute it and/or modify it under * the terms of the GNU Affero General Public License as published by the Free * Software Foundation, version 3 of the License. * * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more * details. * * You should have received a copy of the GNU Affero General Public License along * with this program. If not, see . */ /* @styleguide Buttons ## The Basic Button ```html ``` ## Button Styles By adding on a modifier class, you can get the style of the button you need.
Class Normal State Active State Disabled State
default
.Button--primary
.Button--secondary
.Button--success
.Button--warning
.Button--danger
.Button--link
.Button--icon-action
```html ``` ## Button Sizes If you need to change a button's size, you can do so by adding the appropriate class
Class Size
default
.Button.Button--large
.Button.Button--small
.Button.Button--mini
*/ .btn, .Button, .ui-button { background: #FFFFFF; color: #273540; border: 1px solid; } .btn:focus, .Button:focus, .ui-button:focus { color: #273540; } .btn:hover, .Button:hover, .ui-button:hover { background: rgb(0.3786407767, 0.5145631068, 0.6213592233); color: #FFFFFF; } .btn:hover.ui-state-hover, .Button:hover.ui-state-hover, .ui-button:hover.ui-state-hover { background: rgb(0.3786407767, 0.5145631068, 0.6213592233); color: #FFFFFF; } .btn, .Button, .ui-button { border-color: #E8EAEC; } .btn.active, .btn.Button--active, .btn:active, .Button.active, .active.ui-button, .Button.Button--active, .Button--active.ui-button, .ui-button.ui-state-active:hover, .ui-button.ui-state-active, .Button:active, .ui-button:active { box-shadow: none; } .btn.active, .btn.Button--active, .Button.active, .active.ui-button, .Button.Button--active, .Button--active.ui-button, .ui-button.ui-state-active:hover, .ui-button.ui-state-active { background: rgb(114.75, 114.75, 114.75); border-color: rgb(89.25, 89.25, 89.25); color: #FFFFFF; } .btn:focus, .Button:focus, .ui-button:focus { box-shadow: inset 0 0 0 2px var(--ic-link-color); } .btn.ui-state-focus.ui-state-active:focus, .Button.ui-state-focus.ui-state-active:focus, .ui-state-focus.ui-state-active.ui-button:focus { box-shadow: inset 0 0 0 2px #FFFFFF; } .btn:active, .Button:active, .ui-button:active { background: rgb(234.6, 234.6, 234.6); } .btn, .Button, .ui-button { border-radius: 3px; transition: background-color 0.2s ease-in-out; display: inline-block; position: relative; padding: 8px 14px; margin-bottom: 0; font-size: 16px; font-size: 1rem; line-height: 22px; text-align: center; vertical-align: middle; cursor: pointer; text-decoration: none; overflow: hidden; text-shadow: none; -webkit-user-select: none; user-select: none; } .btn:focus, .btn--focus, .Button:focus, .ui-button:focus, .Button--focus, .ui-button.ui-state-focus { text-decoration: none; outline: none; } .btn:hover, .btn--hover, .Button:hover, .ui-button:hover, .Button--hover, .ui-button.ui-state-hover { text-decoration: none; } .btn.disabled, .btn[disabled], .Button.disabled, .disabled.ui-button, .ui-button.ui-state-disabled, .Button[disabled], [disabled].ui-button { cursor: not-allowed; pointer-events: none; opacity: 0.5; } .btn, .Button, .ui-button { min-width: 24px; min-height: 24px; } .btn-large, .Button--large { padding: 11px 19px; font-size: 18px; font-size: 1.125rem; border-radius: 6px; } .btn-large [class^=icon-], .btn-large [class*=" icon-"], .Button--large [class^=icon-], .Button--large [class*=" icon-"] { margin-top: 2px; } .btn-small, .Button--small { padding: 2px 8px; font-size: 14px; font-size: 0.875rem; } .btn-small [class^=icon-], .btn-small [class*=" icon-"], .Button--small [class^=icon-], .Button--small [class*=" icon-"] { margin-top: 0; } .btn-mini, .Button--mini { padding: 1px 6px; font-size: 10px; font-size: 0.625rem; border-radius: 1px; } .btn-block, .Button--block { display: block; width: 100%; padding-left: 0; padding-right: 0; box-sizing: border-box; } .btn-block + .btn-block, .Button--block + .Button--block { margin-top: 6px; } input[type=submit].btn-block, input[type=submit].Button--block, input[type=reset].btn-block, input[type=reset].Button--block, input[type=button].btn-block, input[type=button].Button--block { width: 100%; } .btn-primary, .Button--primary { background: #0A5A9E; color: #FFFFFF; border: 1px solid; } .btn-primary:focus, .Button--primary:focus { color: #FFFFFF; } .btn-primary:hover, .Button--primary:hover { background: rgb(0.3786407767, 0.5145631068, 0.6213592233); color: #FFFFFF; } .btn-primary:hover.ui-state-hover, .Button--primary:hover.ui-state-hover { background: rgb(0.3786407767, 0.5145631068, 0.6213592233); color: #FFFFFF; } .btn-primary, .Button--primary { border-color: rgb(5.4464285714, 49.0178571429, 86.0535714286); } .btn-primary:focus, .Button--primary:focus { box-shadow: inset 0 0 0 2px #FFFFFF; } .btn-primary.active, .btn-primary.Button--active, .btn-primary.ui-button.ui-state-active, .btn-primary:active, .Button--primary.active, .Button--primary.Button--active, .Button--primary.ui-button.ui-state-active, .Button--primary:active { background: rgb(8.4821428571, 76.3392857143, 134.0178571429); box-shadow: none; } .btn-warning, .Button--warning { background: #CF4A00; color: #FFFFFF; border: 1px solid; } .btn-warning:focus, .Button--warning:focus { color: #FFFFFF; } .btn-warning:hover, .Button--warning:hover { background: rgb(0.3786407767, 0.5145631068, 0.6213592233); color: #FFFFFF; } .btn-warning:hover.ui-state-hover, .Button--warning:hover.ui-state-hover { background: rgb(0.3786407767, 0.5145631068, 0.6213592233); color: #FFFFFF; } .btn-warning, .Button--warning { border-color: rgb(130.5, 46.652173913, 0); } .btn-warning:focus, .Button--warning:focus { box-shadow: inset 0 0 0 2px #FFFFFF; } .btn-warning.active, .btn-warning.Button--active, .btn-warning.ui-button.ui-state-active, .btn-warning:active, .Button--warning.active, .Button--warning.Button--active, .Button--warning.ui-button.ui-state-active, .Button--warning:active { background: rgb(181.5, 64.884057971, 0); box-shadow: none; } .btn-danger, .Button--danger { background: #AE1B1F; color: #FFFFFF; border: 1px solid; } .btn-danger:focus, .Button--danger:focus { color: #FFFFFF; } .btn-danger:hover, .Button--danger:hover { background: rgb(0.3786407767, 0.5145631068, 0.6213592233); color: #FFFFFF; } .btn-danger:hover.ui-state-hover, .Button--danger:hover.ui-state-hover { background: rgb(0.3786407767, 0.5145631068, 0.6213592233); color: #FFFFFF; } .btn-danger, .Button--danger { border-color: rgb(107.776119403, 16.723880597, 19.2014925373); } .btn-danger:focus, .Button--danger:focus { box-shadow: inset 0 0 0 2px #FFFFFF; } .btn-danger.active, .btn-danger.Button--active, .btn-danger.ui-button.ui-state-active, .btn-danger:active, .Button--danger.active, .Button--danger.Button--active, .Button--danger.ui-button.ui-state-active, .Button--danger:active { background: rgb(151.9253731343, 23.5746268657, 27.0671641791); box-shadow: none; } .btn-success, .Button--success { background: #02672D; color: #FFFFFF; border: 1px solid; } .btn-success:focus, .Button--success:focus { color: #FFFFFF; } .btn-success:hover, .Button--success:hover { background: rgb(0.3786407767, 0.5145631068, 0.6213592233); color: #FFFFFF; } .btn-success:hover.ui-state-hover, .Button--success:hover.ui-state-hover { background: rgb(0.3786407767, 0.5145631068, 0.6213592233); color: #FFFFFF; } .btn-success, .Button--success { border-color: rgb(0.5428571429, 27.9571428571, 12.2142857143); } .btn-success:focus, .Button--success:focus { box-shadow: inset 0 0 0 2px #FFFFFF; } .btn-success.active, .btn-success.Button--active, .btn-success.ui-button.ui-state-active, .btn-success:active, .Button--success.active, .Button--success.Button--active, .Button--success.ui-button.ui-state-active, .Button--success:active { background: rgb(1.5142857143, 77.9857142857, 34.0714285714); box-shadow: none; } .btn-info, .Button--secondary { background: #273540; color: #FFFFFF; border: 1px solid; } .btn-info:focus, .Button--secondary:focus { color: #FFFFFF; } .btn-info:hover, .Button--secondary:hover { background: rgb(0.3786407767, 0.5145631068, 0.6213592233); color: #FFFFFF; } .btn-info:hover.ui-state-hover, .Button--secondary:hover.ui-state-hover { background: rgb(0.3786407767, 0.5145631068, 0.6213592233); color: #FFFFFF; } .btn-info, .Button--secondary { border-color: rgb(10.0339805825, 13.6359223301, 16.4660194175); } .btn-info:focus, .Button--secondary:focus { box-shadow: inset 0 0 0 2px #FFFFFF; } .btn-info.active, .btn-info.Button--active, .btn-info.ui-button.ui-state-active, .btn-info:active, .Button--secondary.active, .Button--secondary.Button--active, .Button--secondary.ui-button.ui-state-active, .Button--secondary:active { background: rgb(29.3446601942, 39.8786407767, 48.1553398058); box-shadow: none; } .btn-link, .btn-link:active, .btn-link[disabled], .Button--link, .Button--link:active, .Button--link[disabled] { background: transparent; background-image: none; box-shadow: none; } .btn-link, .Button--link { border-color: transparent; cursor: pointer; color: var(--ic-link-color); text-decoration: underline; } body.Underline-All-Links__enabled .btn-link, body.Underline-All-Links__enabled .Button--link { text-decoration: underline; } .btn-link:hover, .Button--link:hover { color: var(--ic-link-color-darkened-10); text-decoration: underline; background: transparent; text-decoration: none; } body.Underline-All-Links__enabled .btn-link:hover, body.Underline-All-Links__enabled .Button--link:hover { text-decoration: none; } .btn-link:hover:focus, .Button--link:hover:focus { color: var(--ic-link-color); } .btn-link:focus, .Button--link:focus { color: var(--ic-link-color); } .btn-link.active, .btn-link.Button--active, .btn-link.ui-button.ui-state-active, .btn-link:active, .Button--link.active, .Button--link.Button--active, .Button--link.ui-button.ui-state-active, .Button--link:active { background: rgba(39, 53, 64, 0.05); box-shadow: none; border-color: transparent; color: var(--ic-link-color); } .btn-link.disabled, .btn-link.ui-button.ui-state-disabled, .btn-link[disabled], .Button--link.disabled, .Button--link.ui-button.ui-state-disabled, .Button--link[disabled] { color: #273540; background: transparent; } .btn-link i[class*=icon-], .btn-link i[class^=icon-], .Button--link i[class*=icon-], .Button--link i[class^=icon-] { margin-right: 3px; } .Button--link--has-divider { display: block; text-align: left; border-bottom: 1px solid #E8EAEC; color: #273540; padding: 12px; } .Button--icon-action, .Button--icon-action-danger, .Button--icon-action-rev { transition: color 0.2s; background: transparent; border: none; padding: 2px 4px; border-radius: 3px; color: rgb(62.172815534, 84.4912621359, 102.027184466); outline: none; } .Button--icon-action:hover, .Button--icon-action-danger:hover, .Button--icon-action-rev:hover, .Button--icon-action:focus, .Button--icon-action-danger:focus, .Button--icon-action-rev:focus { background: transparent; color: #273540; } .Button--icon-action:focus, .Button--icon-action-danger:focus, .Button--icon-action-rev:focus { box-shadow: inset 0 0 0 2px var(--ic-link-color); } .Button--icon-action.active, .active.Button--icon-action-danger, .active.Button--icon-action-rev, .Button--icon-action.Button--active, .Button--icon-action.ui-button.ui-state-active, .Button--active.Button--icon-action-danger, .Button--icon-action-danger.ui-button.ui-state-active, .Button--active.Button--icon-action-rev, .Button--icon-action-rev.ui-button.ui-state-active, .Button--icon-action:active, .Button--icon-action-danger:active, .Button--icon-action-rev:active { background: transparent; box-shadow: none; border-color: transparent; color: var(--ic-link-color); } .Button--icon-action-rev { color: #FFFFFF; } .Button--icon-action-rev:hover, .Button--icon-action-rev:focus { color: #FFFFFF; } .Button--icon-action-rev:focus { box-shadow: inset 0 0 0 2px #FFFFFF; } .Button--icon-action-danger { color: #AE1B1F; } .Button--icon-action-danger:hover, .Button--icon-action-danger:focus { color: #AE1B1F; } .ui-button { position: relative; } .Button--theme-editor-apply { text-decoration: none; } .btn-beta, .Button--beta { background-image: url(/dist/images/beta-tag-e140c4d6fd.png); background-repeat: no-repeat; background-position: bottom right; background-size: auto 80%; padding-right: 20px; } .btn-beta:hover, .Button--beta:hover { background-image: url(/dist/images/beta-tag-e140c4d6fd.png); background-repeat: no-repeat; background-position: bottom right; background-size: auto 80%; } .btn-top-nav { white-space: nowrap; border-radius: 4px; } /* * Copyright (C) 2012 - present Instructure, Inc. * * This file is part of Canvas. * * Canvas is free software: you can redistribute it and/or modify it under * the terms of the GNU Affero General Public License as published by the Free * Software Foundation, version 3 of the License. * * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more * details. * * You should have received a copy of the GNU Affero General Public License along * with this program. If not, see . */ /* @styleguide Icons Canvas uses @instructure/ui-icons for its icon library. For a complete list of Instructure icons, visit https://instructure.design/#iconography. ## Using icons You can bring icons into Canvas using CSS classes. There are two weights to our icons: Line and Solid. ```html   ``` ### Icons in links ```html Add Something ``` ### Icons in buttons ```html

Edit

``` */ @font-face { font-family: "InstructureIcons-Line"; src: url("/dist/fonts/instructure_icons/Line/InstructureIcons-Line-4db0ece2fb.woff2") format("woff2"), url("/dist/fonts/instructure_icons/Line/InstructureIcons-Line-d962069689.woff") format("woff"); /* TODO: remove the woff version when we drop IE 11 because everyone else supports woff2 */ font-weight: normal; font-style: normal; font-display: block; /* tell the browser to never fall back to rendering using system fonts */ } i[class*=icon-].icon-Line:before, i[class^=icon-].icon-Line:before, a[class*=icon-].icon-Line:before, a[class^=icon-].icon-Line:before { font-family: "InstructureIcons-Line"; } @font-face { font-family: "InstructureIcons-Solid"; src: url("/dist/fonts/instructure_icons/Solid/InstructureIcons-Solid-29b96e5fde.woff2") format("woff2"), url("/dist/fonts/instructure_icons/Solid/InstructureIcons-Solid-964c587c85.woff") format("woff"); /* TODO: remove the woff version when we drop IE 11 because everyone else supports woff2 */ font-weight: normal; font-style: normal; font-display: block; /* tell the browser to never fall back to rendering using system fonts */ } i[class*=icon-].icon-Solid:before, i[class^=icon-].icon-Solid:before, a[class*=icon-].icon-Solid:before, a[class^=icon-].icon-Solid:before { font-family: "InstructureIcons-Solid"; } i[class*=icon-]:before, i[class^=icon-]:before, a[class*=icon-]:before, a[class^=icon-]:before { font-family: "InstructureIcons-Line"; display: inline-block; vertical-align: top; line-height: 1; font-size: 16px; font-size: 1rem; text-transform: none !important; font-weight: normal !important; font-style: normal !important; } i[class*=icon-], i[class^=icon-] { display: inline-block; font-style: normal !important; line-height: 1; } .btn-large i[class*=icon-], .Button--large i[class*=icon-], .btn-large i[class^=icon-], .Button--large i[class^=icon-] { line-height: 1; } .btn-large i[class*=icon-]:before, .Button--large i[class*=icon-]:before, .btn-large i[class^=icon-]:before, .Button--large i[class^=icon-]:before { font-size: 1.125rem; } .btn-mini i[class*=icon-], i[class*=icon-] .Button--mini, .btn-mini i[class^=icon-], i[class^=icon-] .Button--mini { line-height: 1; } .btn-mini i[class*=icon-]:before, i[class*=icon-] .Button--mini:before, .btn-mini i[class^=icon-]:before, i[class^=icon-] .Button--mini:before { font-size: 0.75rem; } a[class*=icon-]:before, a[class^=icon-]:before { margin-right: 4px; vertical-align: text-bottom; } .standalone-icon:before { color: #444; } h1 i[class*=icon-]:before, h1 i[class^=icon-]:before, h2 i[class*=icon-]:before, h2 i[class^=icon-]:before, h3 i[class*=icon-]:before, h3 i[class^=icon-]:before, h4 i[class*=icon-]:before, h4 i[class^=icon-]:before, .h1 i[class*=icon-]:before, .h1 i[class^=icon-]:before, .h2 i[class*=icon-]:before, .h2 i[class^=icon-]:before, .h3 i[class*=icon-]:before, .h3 i[class^=icon-]:before, .h4 i[class*=icon-]:before, .h4 i[class^=icon-]:before, p i[class*=icon-]:before, p i[class^=icon-]:before { vertical-align: baseline; } .icon-Arc:before { content: "\ea01"; } .icon-a11y:before { content: "\ea02"; } .icon-add-folder:before { content: "\ea03"; } .icon-add-media:before { content: "\ea04"; } .icon-add:before { content: "\ea05"; } .icon-address-book:before { content: "\ea06"; } .icon-admin-tools:before { content: "\ea07"; } .icon-admin:before { content: "\ea08"; } .icon-ai:before { content: "\ea09"; } .icon-alerts:before { content: "\ea0a"; } .icon-analytics:before { content: "\ea0b"; } .icon-android:before { content: "\ea0c"; } .icon-annotate:before { content: "\ea0d"; } .icon-announcement:before { content: "\ea0e"; } .icon-apple:before { content: "\ea0f"; } .icon-archive:before { content: "\ea10"; } .icon-arrow-double-end:before { content: "\ea11"; } .icon-arrow-double-start:before { content: "\ea12"; } .icon-arrow-down:before { content: "\ea13"; } .icon-arrow-end:before { content: "\ea14"; } .icon-arrow-left:before { content: "\ea15"; } .icon-arrow-nest:before { content: "\ea16"; } .icon-arrow-open-down:before { content: "\ea17"; } .icon-arrow-open-end:before { content: "\ea18"; } .icon-arrow-open-left:before { content: "\ea19"; } .icon-arrow-open-right:before { content: "\ea1a"; } .icon-arrow-open-start:before { content: "\ea1b"; } .icon-arrow-open-up:before { content: "\ea1c"; } .icon-arrow-right:before { content: "\ea1d"; } .icon-arrow-start:before { content: "\ea1e"; } .icon-arrow-up:before { content: "\ea1f"; } .icon-assignment:before { content: "\ea20"; } .icon-attach-media:before { content: "\ea21"; } .icon-audio-off:before { content: "\ea22"; } .icon-audio:before { content: "\ea23"; } .icon-award:before { content: "\ea24"; } .icon-bank:before { content: "\ea25"; } .icon-blueprint-lock:before { content: "\ea26"; } .icon-blueprint:before { content: "\ea27"; } .icon-bold:before { content: "\ea28"; } .icon-bookmark:before { content: "\ea29"; } .icon-box:before { content: "\ea2a"; } .icon-bullet-list-alpha:before { content: "\ea2b"; } .icon-bullet-list-circle-outline:before { content: "\ea2c"; } .icon-bullet-list-roman:before { content: "\ea2d"; } .icon-bullet-list-square:before { content: "\ea2e"; } .icon-bullet-list:before { content: "\ea2f"; } .icon-button-and-icon-maker:before { content: "\ea30"; } .icon-calculator-desmos:before { content: "\ea31"; } .icon-calculator:before { content: "\ea32"; } .icon-calendar-add:before { content: "\ea33"; } .icon-calendar-clock:before { content: "\ea34"; } .icon-calendar-day:before { content: "\ea35"; } .icon-calendar-days:before { content: "\ea36"; } .icon-calendar-month:before { content: "\ea37"; } .icon-calendar-reserved:before { content: "\ea38"; } .icon-canvas-logo:before { content: "\ea39"; } .icon-certified:before { content: "\ea3a"; } .icon-chart-line:before { content: "\ea3b"; } .icon-chart-pie:before { content: "\ea3c"; } .icon-chart-scatter:before { content: "\ea3d"; } .icon-chat:before { content: "\ea3e"; } .icon-check-dark:before { content: "\ea3f"; } .icon-check-mark-indeterminate:before { content: "\ea40"; } .icon-check-mark:before { content: "\ea41"; } .icon-check-plus:before { content: "\ea42"; } .icon-check:before { content: "\ea43"; } .icon-circle-arrow-down:before { content: "\ea44"; } .icon-circle-arrow-up:before { content: "\ea45"; } .icon-clear-text-formatting:before { content: "\ea46"; } .icon-clock:before { content: "\ea47"; } .icon-closed-captioning-off:before { content: "\ea48"; } .icon-closed-captioning-on:before { content: "\ea49"; } .icon-closed-captioning:before { content: "\ea4a"; } .icon-cloud-download:before { content: "\ea4b"; } .icon-cloud-lock:before { content: "\ea4c"; } .icon-cloud-upload:before { content: "\ea4d"; } .icon-code:before { content: "\ea4e"; } .icon-collapse:before { content: "\ea4f"; } .icon-collection-save:before { content: "\ea50"; } .icon-collection:before { content: "\ea51"; } .icon-comment:before { content: "\ea52"; } .icon-comments-off:before { content: "\ea53"; } .icon-comments-on:before { content: "\ea54"; } .icon-commons:before { content: "\ea55"; } .icon-compass:before { content: "\ea56"; } .icon-complete:before { content: "\ea57"; } .icon-compose:before { content: "\ea58"; } .icon-configure:before { content: "\ea59"; } .icon-copy-course:before { content: "\ea5a"; } .icon-copy:before { content: "\ea5b"; } .icon-courses:before { content: "\ea5c"; } .icon-crop:before { content: "\ea5d"; } .icon-dashboard:before { content: "\ea5e"; } .icon-deactivate-user:before { content: "\ea5f"; } .icon-discussion-check:before { content: "\ea60"; } .icon-discussion-new:before { content: "\ea61"; } .icon-discussion-reply-2:before { content: "\ea62"; } .icon-discussion-reply-dark:before { content: "\ea63"; } .icon-discussion-reply:before { content: "\ea64"; } .icon-discussion-search:before { content: "\ea65"; } .icon-discussion-x:before { content: "\ea66"; } .icon-discussion:before { content: "\ea67"; } .icon-document:before { content: "\ea68"; } .icon-download:before { content: "\ea69"; } .icon-drag-handle:before { content: "\ea6a"; } .icon-drop-down:before { content: "\ea6b"; } .icon-duplicate:before { content: "\ea6c"; } .icon-edit:before { content: "\ea6d"; } .icon-educators:before { content: "\ea6e"; } .icon-elevate-logo:before { content: "\ea6f"; } .icon-email:before { content: "\ea70"; } .icon-empty:before { content: "\ea71"; } .icon-end:before { content: "\ea72"; } .icon-eportfolio:before { content: "\ea73"; } .icon-equation:before { content: "\ea74"; } .icon-equella:before { content: "\ea75"; } .icon-essay:before { content: "\ea76"; } .icon-exit-full-screen:before { content: "\ea77"; } .icon-expand-items:before { content: "\ea78"; } .icon-expand-left:before { content: "\ea79"; } .icon-expand-start:before { content: "\ea7a"; } .icon-expand:before { content: "\ea7b"; } .icon-export-content:before { content: "\ea7c"; } .icon-export:before { content: "\ea7d"; } .icon-external-link:before { content: "\ea7e"; } .icon-eye:before { content: "\ea7f"; } .icon-facebook-boxed:before { content: "\ea80"; } .icon-facebook:before { content: "\ea81"; } .icon-fast-forward:before { content: "\ea82"; } .icon-feedback:before { content: "\ea83"; } .icon-file-locked:before { content: "\ea84"; } .icon-files-copyright:before { content: "\ea85"; } .icon-files-creative-commons:before { content: "\ea86"; } .icon-files-fair-use:before { content: "\ea87"; } .icon-files-obtained-permission:before { content: "\ea88"; } .icon-files-public-domain:before { content: "\ea89"; } .icon-filmstrip:before { content: "\ea8a"; } .icon-filter:before { content: "\ea8b"; } .icon-flag:before { content: "\ea8c"; } .icon-folder-locked:before { content: "\ea8d"; } .icon-folder:before { content: "\ea8e"; } .icon-forward:before { content: "\ea8f"; } .icon-full-screen:before { content: "\ea90"; } .icon-github:before { content: "\ea91"; } .icon-give-award:before { content: "\ea92"; } .icon-gradebook-export:before { content: "\ea93"; } .icon-gradebook-import:before { content: "\ea94"; } .icon-gradebook:before { content: "\ea95"; } .icon-grid-view:before { content: "\ea96"; } .icon-group-dark-new:before { content: "\ea97"; } .icon-group-new:before { content: "\ea98"; } .icon-group:before { content: "\ea99"; } .icon-hamburger:before { content: "\ea9a"; } .icon-header:before { content: "\ea9b"; } .icon-heart:before { content: "\ea9c"; } .icon-highlighter:before { content: "\ea9d"; } .icon-home:before { content: "\ea9e"; } .icon-hour-glass:before { content: "\ea9f"; } .icon-image:before { content: "\eaa0"; } .icon-immersive-reader:before { content: "\eaa1"; } .icon-impact-logo:before { content: "\eaa2"; } .icon-import-content:before { content: "\eaa3"; } .icon-import:before { content: "\eaa4"; } .icon-important-dates:before { content: "\eaa5"; } .icon-inbox:before { content: "\eaa6"; } .icon-indent-2:before { content: "\eaa7"; } .icon-indent:before { content: "\eaa8"; } .icon-info-borderless:before { content: "\eaa9"; } .icon-info:before { content: "\eaaa"; } .icon-instructure-logo:before { content: "\eaab"; } .icon-instructure:before { content: "\eaac"; } .icon-integrations:before { content: "\eaad"; } .icon-invitation:before { content: "\eaae"; } .icon-italic:before { content: "\eaaf"; } .icon-keyboard-shortcuts:before { content: "\eab0"; } .icon-launch:before { content: "\eab1"; } .icon-learnplatform:before { content: "\eab2"; } .icon-life-preserver:before { content: "\eab3"; } .icon-like:before { content: "\eab4"; } .icon-line-reader:before { content: "\eab5"; } .icon-link:before { content: "\eab6"; } .icon-linkedin:before { content: "\eab7"; } .icon-list-view:before { content: "\eab8"; } .icon-lock:before { content: "\eab9"; } .icon-lti:before { content: "\eaba"; } .icon-mark-as-read:before { content: "\eabb"; } .icon-marker:before { content: "\eabc"; } .icon-masquerade:before { content: "\eabd"; } .icon-mastery-logo:before { content: "\eabe"; } .icon-mastery-paths:before { content: "\eabf"; } .icon-materials-required-light:before { content: "\eac0"; } .icon-materials-required:before { content: "\eac1"; } .icon-mature-light:before { content: "\eac2"; } .icon-mature:before { content: "\eac3"; } .icon-media:before { content: "\eac4"; } .icon-message:before { content: "\eac5"; } .icon-mic-off:before { content: "\eac6"; } .icon-mic:before { content: "\eac7"; } .icon-mini-arrow-double:before { content: "\eac8"; } .icon-mini-arrow-down:before { content: "\eac9"; } .icon-mini-arrow-end:before { content: "\eaca"; } .icon-mini-arrow-left:before { content: "\eacb"; } .icon-mini-arrow-right:before { content: "\eacc"; } .icon-mini-arrow-start:before { content: "\eacd"; } .icon-mini-arrow-up:before { content: "\eace"; } .icon-minimize:before { content: "\eacf"; } .icon-module:before { content: "\ead0"; } .icon-more:before { content: "\ead1"; } .icon-move-down-bottom:before { content: "\ead2"; } .icon-move-down:before { content: "\ead3"; } .icon-move-end:before { content: "\ead4"; } .icon-move-left:before { content: "\ead5"; } .icon-move-right:before { content: "\ead6"; } .icon-move-start:before { content: "\ead7"; } .icon-move-up-top:before { content: "\ead8"; } .icon-move-up:before { content: "\ead9"; } .icon-ms-excel:before { content: "\eada"; } .icon-ms-ppt:before { content: "\eadb"; } .icon-ms-word:before { content: "\eadc"; } .icon-muted:before { content: "\eadd"; } .icon-next-unread:before { content: "\eade"; } .icon-no:before { content: "\eadf"; } .icon-not-graded:before { content: "\eae0"; } .icon-note-dark:before { content: "\eae1"; } .icon-note-light:before { content: "\eae2"; } .icon-note:before { content: "\eae3"; } .icon-notepad:before { content: "\eae4"; } .icon-numbered-list:before { content: "\eae5"; } .icon-off:before { content: "\eae6"; } .icon-open-folder:before { content: "\eae7"; } .icon-outcomes:before { content: "\eae8"; } .icon-outdent:before { content: "\eae9"; } .icon-outdent2:before { content: "\eaea"; } .icon-oval-half:before { content: "\eaeb"; } .icon-page-down:before { content: "\eaec"; } .icon-page-up:before { content: "\eaed"; } .icon-paint:before { content: "\eaee"; } .icon-paperclip:before { content: "\eaef"; } .icon-partial:before { content: "\eaf0"; } .icon-pause:before { content: "\eaf1"; } .icon-pdf:before { content: "\eaf2"; } .icon-peer-graded:before { content: "\eaf3"; } .icon-peer-review:before { content: "\eaf4"; } .icon-permissions:before { content: "\eaf5"; } .icon-pin:before { content: "\eaf6"; } .icon-pinterest:before { content: "\eaf7"; } .icon-play:before { content: "\eaf8"; } .icon-plus:before { content: "\eaf9"; } .icon-post-to-sis:before { content: "\eafa"; } .icon-predictive:before { content: "\eafb"; } .icon-prerequisite:before { content: "\eafc"; } .icon-printer:before { content: "\eafd"; } .icon-progress:before { content: "\eafe"; } .icon-protractor:before { content: "\eaff"; } .icon-publish:before { content: "\eb00"; } .icon-question:before { content: "\eb01"; } .icon-quiz-instructions:before { content: "\eb02"; } .icon-quiz-stats-avg:before { content: "\eb03"; } .icon-quiz-stats-cronbachs-alpha:before { content: "\eb04"; } .icon-quiz-stats-deviation:before { content: "\eb05"; } .icon-quiz-stats-high:before { content: "\eb06"; } .icon-quiz-stats-low:before { content: "\eb07"; } .icon-quiz-stats-time:before { content: "\eb08"; } .icon-quiz-title:before { content: "\eb09"; } .icon-quiz:before { content: "\eb0a"; } .icon-record:before { content: "\eb0b"; } .icon-refresh:before { content: "\eb0c"; } .icon-remove-bookmark:before { content: "\eb0d"; } .icon-remove-from-collection:before { content: "\eb0e"; } .icon-remove-link:before { content: "\eb0f"; } .icon-replied:before { content: "\eb10"; } .icon-reply-2:before { content: "\eb11"; } .icon-reply-all-2:before { content: "\eb12"; } .icon-reply:before { content: "\eb13"; } .icon-reset:before { content: "\eb14"; } .icon-review-screen:before { content: "\eb15"; } .icon-rewind:before { content: "\eb16"; } .icon-rotate-left:before { content: "\eb17"; } .icon-rotate-right:before { content: "\eb18"; } .icon-rss-add:before { content: "\eb19"; } .icon-rss:before { content: "\eb1a"; } .icon-rubric-dark:before { content: "\eb1b"; } .icon-rubric:before { content: "\eb1c"; } .icon-ruler:before { content: "\eb1d"; } .icon-save:before { content: "\eb1e"; } .icon-screen-capture:before { content: "\eb1f"; } .icon-search-address-book:before { content: "\eb20"; } .icon-search-ai:before { content: "\eb21"; } .icon-search:before { content: "\eb22"; } .icon-settings-2:before { content: "\eb23"; } .icon-settings:before { content: "\eb24"; } .icon-shape-oval:before { content: "\eb25"; } .icon-shape-polygon:before { content: "\eb26"; } .icon-shape-rectangle:before { content: "\eb27"; } .icon-share:before { content: "\eb28"; } .icon-single-metric:before { content: "\eb29"; } .icon-sis-imported:before { content: "\eb2a"; } .icon-sis-not-synced:before { content: "\eb2b"; } .icon-sis-synced:before { content: "\eb2c"; } .icon-skype:before { content: "\eb2d"; } .icon-sort:before { content: "\eb2e"; } .icon-speed-grader:before { content: "\eb2f"; } .icon-standards:before { content: "\eb30"; } .icon-star-light:before { content: "\eb31"; } .icon-star:before { content: "\eb32"; } .icon-stats:before { content: "\eb33"; } .icon-stop:before { content: "\eb34"; } .icon-strikethrough:before { content: "\eb35"; } .icon-student-view:before { content: "\eb36"; } .icon-studio:before { content: "\eb37"; } .icon-subaccounts:before { content: "\eb38"; } .icon-subtitles:before { content: "\eb39"; } .icon-syllabus:before { content: "\eb3a"; } .icon-table-cell-select-all:before { content: "\eb3b"; } .icon-table-delete-column:before { content: "\eb3c"; } .icon-table-delete-row:before { content: "\eb3d"; } .icon-table-delete-table:before { content: "\eb3e"; } .icon-table-insert-column-after:before { content: "\eb3f"; } .icon-table-insert-column-before:before { content: "\eb40"; } .icon-table-insert-row-above:before { content: "\eb41"; } .icon-table-insert-row-after:before { content: "\eb42"; } .icon-table-left-header:before { content: "\eb43"; } .icon-table-merge-cells:before { content: "\eb44"; } .icon-table-row-properties:before { content: "\eb45"; } .icon-table-split-cells:before { content: "\eb46"; } .icon-table-top-header:before { content: "\eb47"; } .icon-table:before { content: "\eb48"; } .icon-tag:before { content: "\eb49"; } .icon-target:before { content: "\eb4a"; } .icon-text-background-color:before { content: "\eb4b"; } .icon-text-centered:before { content: "\eb4c"; } .icon-text-color:before { content: "\eb4d"; } .icon-text-direction-ltr:before { content: "\eb4e"; } .icon-text-direction-rtl:before { content: "\eb4f"; } .icon-text-end:before { content: "\eb50"; } .icon-text-left:before { content: "\eb51"; } .icon-text-right:before { content: "\eb52"; } .icon-text-start:before { content: "\eb53"; } .icon-text-subscript:before { content: "\eb54"; } .icon-text-superscript:before { content: "\eb55"; } .icon-text:before { content: "\eb56"; } .icon-textarea:before { content: "\eb57"; } .icon-timer:before { content: "\eb58"; } .icon-toggle-end:before { content: "\eb59"; } .icon-toggle-left:before { content: "\eb5a"; } .icon-toggle-right:before { content: "\eb5b"; } .icon-toggle-start:before { content: "\eb5c"; } .icon-trash:before { content: "\eb5d"; } .icon-trouble:before { content: "\eb5e"; } .icon-twitter-boxed:before { content: "\eb5f"; } .icon-twitter:before { content: "\eb60"; } .icon-unarchive:before { content: "\eb61"; } .icon-underline:before { content: "\eb62"; } .icon-unlock:before { content: "\eb63"; } .icon-unmuted:before { content: "\eb64"; } .icon-unpublish:before { content: "\eb65"; } .icon-unpublished:before { content: "\eb66"; } .icon-updown:before { content: "\eb67"; } .icon-upload:before { content: "\eb68"; } .icon-user-add:before { content: "\eb69"; } .icon-user:before { content: "\eb6a"; } .icon-video-camera-off:before { content: "\eb6b"; } .icon-video-camera:before { content: "\eb6c"; } .icon-video:before { content: "\eb6d"; } .icon-warning-borderless:before { content: "\eb6e"; } .icon-warning:before { content: "\eb6f"; } .icon-windows:before { content: "\eb70"; } .icon-wordpress:before { content: "\eb71"; } .icon-x:before { content: "\eb72"; } .icon-zipped:before { content: "\eb73"; } .icon-zoom-in:before { content: "\eb74"; } .icon-zoom-out:before { content: "\eb75"; } .icon-Arc.icon-Solid:before { content: "\ea01"; } .icon-a11y.icon-Solid:before { content: "\ea02"; } .icon-add-folder.icon-Solid:before { content: "\ea03"; } .icon-add-media.icon-Solid:before { content: "\ea04"; } .icon-add.icon-Solid:before { content: "\ea05"; } .icon-address-book.icon-Solid:before { content: "\ea06"; } .icon-admin-tools.icon-Solid:before { content: "\ea07"; } .icon-admin.icon-Solid:before { content: "\ea08"; } .icon-ai.icon-Solid:before { content: "\ea09"; } .icon-alerts.icon-Solid:before { content: "\ea0a"; } .icon-analytics.icon-Solid:before { content: "\ea0b"; } .icon-android.icon-Solid:before { content: "\ea0c"; } .icon-annotate.icon-Solid:before { content: "\ea0d"; } .icon-announcement.icon-Solid:before { content: "\ea0e"; } .icon-apple.icon-Solid:before { content: "\ea0f"; } .icon-archive.icon-Solid:before { content: "\ea10"; } .icon-arrow-double-end.icon-Solid:before { content: "\ea11"; } .icon-arrow-double-start.icon-Solid:before { content: "\ea12"; } .icon-arrow-down.icon-Solid:before { content: "\ea13"; } .icon-arrow-end.icon-Solid:before { content: "\ea14"; } .icon-arrow-left.icon-Solid:before { content: "\ea15"; } .icon-arrow-nest.icon-Solid:before { content: "\ea16"; } .icon-arrow-open-down.icon-Solid:before { content: "\ea17"; } .icon-arrow-open-end.icon-Solid:before { content: "\ea18"; } .icon-arrow-open-left.icon-Solid:before { content: "\ea19"; } .icon-arrow-open-right.icon-Solid:before { content: "\ea1a"; } .icon-arrow-open-start.icon-Solid:before { content: "\ea1b"; } .icon-arrow-open-up.icon-Solid:before { content: "\ea1c"; } .icon-arrow-right.icon-Solid:before { content: "\ea1d"; } .icon-arrow-start.icon-Solid:before { content: "\ea1e"; } .icon-arrow-up.icon-Solid:before { content: "\ea1f"; } .icon-assignment.icon-Solid:before { content: "\ea20"; } .icon-attach-media.icon-Solid:before { content: "\ea21"; } .icon-audio-off.icon-Solid:before { content: "\ea22"; } .icon-audio.icon-Solid:before { content: "\ea23"; } .icon-award.icon-Solid:before { content: "\ea24"; } .icon-bank.icon-Solid:before { content: "\ea25"; } .icon-blueprint-lock.icon-Solid:before { content: "\ea26"; } .icon-blueprint.icon-Solid:before { content: "\ea27"; } .icon-bold.icon-Solid:before { content: "\ea28"; } .icon-bookmark.icon-Solid:before { content: "\ea29"; } .icon-box.icon-Solid:before { content: "\ea2a"; } .icon-bullet-list-alpha.icon-Solid:before { content: "\ea2b"; } .icon-bullet-list-circle-outline.icon-Solid:before { content: "\ea2c"; } .icon-bullet-list-roman.icon-Solid:before { content: "\ea2d"; } .icon-bullet-list-square.icon-Solid:before { content: "\ea2e"; } .icon-bullet-list.icon-Solid:before { content: "\ea2f"; } .icon-button-and-icon-maker.icon-Solid:before { content: "\ea30"; } .icon-calculator-desmos.icon-Solid:before { content: "\ea31"; } .icon-calculator.icon-Solid:before { content: "\ea32"; } .icon-calendar-add.icon-Solid:before { content: "\ea33"; } .icon-calendar-clock.icon-Solid:before { content: "\ea34"; } .icon-calendar-day.icon-Solid:before { content: "\ea35"; } .icon-calendar-days.icon-Solid:before { content: "\ea36"; } .icon-calendar-month.icon-Solid:before { content: "\ea37"; } .icon-calendar-reserved.icon-Solid:before { content: "\ea38"; } .icon-canvas-logo.icon-Solid:before { content: "\ea39"; } .icon-certified.icon-Solid:before { content: "\ea3a"; } .icon-chart-line.icon-Solid:before { content: "\ea3b"; } .icon-chart-pie.icon-Solid:before { content: "\ea3c"; } .icon-chart-scatter.icon-Solid:before { content: "\ea3d"; } .icon-chat.icon-Solid:before { content: "\ea3e"; } .icon-check-dark.icon-Solid:before { content: "\ea3f"; } .icon-check-mark-indeterminate.icon-Solid:before { content: "\ea40"; } .icon-check-mark.icon-Solid:before { content: "\ea41"; } .icon-check-plus.icon-Solid:before { content: "\ea42"; } .icon-check.icon-Solid:before { content: "\ea43"; } .icon-circle-arrow-down.icon-Solid:before { content: "\ea44"; } .icon-circle-arrow-up.icon-Solid:before { content: "\ea45"; } .icon-clear-text-formatting.icon-Solid:before { content: "\ea46"; } .icon-clock.icon-Solid:before { content: "\ea47"; } .icon-closed-captioning-off.icon-Solid:before { content: "\ea48"; } .icon-closed-captioning-on.icon-Solid:before { content: "\ea49"; } .icon-closed-captioning.icon-Solid:before { content: "\ea4a"; } .icon-cloud-download.icon-Solid:before { content: "\ea4b"; } .icon-cloud-lock.icon-Solid:before { content: "\ea4c"; } .icon-cloud-upload.icon-Solid:before { content: "\ea4d"; } .icon-code.icon-Solid:before { content: "\ea4e"; } .icon-collapse.icon-Solid:before { content: "\ea4f"; } .icon-collection-save.icon-Solid:before { content: "\ea50"; } .icon-collection.icon-Solid:before { content: "\ea51"; } .icon-comment.icon-Solid:before { content: "\ea52"; } .icon-comments-off.icon-Solid:before { content: "\ea53"; } .icon-comments-on.icon-Solid:before { content: "\ea54"; } .icon-commons.icon-Solid:before { content: "\ea55"; } .icon-compass.icon-Solid:before { content: "\ea56"; } .icon-complete.icon-Solid:before { content: "\ea57"; } .icon-compose.icon-Solid:before { content: "\ea58"; } .icon-configure.icon-Solid:before { content: "\ea59"; } .icon-copy-course.icon-Solid:before { content: "\ea5a"; } .icon-copy.icon-Solid:before { content: "\ea5b"; } .icon-courses.icon-Solid:before { content: "\ea5c"; } .icon-crop.icon-Solid:before { content: "\ea5d"; } .icon-dashboard.icon-Solid:before { content: "\ea5e"; } .icon-deactivate-user.icon-Solid:before { content: "\ea5f"; } .icon-discussion-check.icon-Solid:before { content: "\ea60"; } .icon-discussion-new.icon-Solid:before { content: "\ea61"; } .icon-discussion-reply-2.icon-Solid:before { content: "\ea62"; } .icon-discussion-reply-dark.icon-Solid:before { content: "\ea63"; } .icon-discussion-reply.icon-Solid:before { content: "\ea64"; } .icon-discussion-search.icon-Solid:before { content: "\ea65"; } .icon-discussion-x.icon-Solid:before { content: "\ea66"; } .icon-discussion.icon-Solid:before { content: "\ea67"; } .icon-document.icon-Solid:before { content: "\ea68"; } .icon-download.icon-Solid:before { content: "\ea69"; } .icon-drag-handle.icon-Solid:before { content: "\ea6a"; } .icon-drop-down.icon-Solid:before { content: "\ea6b"; } .icon-duplicate.icon-Solid:before { content: "\ea6c"; } .icon-edit.icon-Solid:before { content: "\ea6d"; } .icon-educators.icon-Solid:before { content: "\ea6e"; } .icon-elevate-logo.icon-Solid:before { content: "\ea6f"; } .icon-email.icon-Solid:before { content: "\ea70"; } .icon-empty.icon-Solid:before { content: "\ea71"; } .icon-end.icon-Solid:before { content: "\ea72"; } .icon-eportfolio.icon-Solid:before { content: "\ea73"; } .icon-equation.icon-Solid:before { content: "\ea74"; } .icon-equella.icon-Solid:before { content: "\ea75"; } .icon-essay.icon-Solid:before { content: "\ea76"; } .icon-exit-full-screen.icon-Solid:before { content: "\ea77"; } .icon-expand-items.icon-Solid:before { content: "\ea78"; } .icon-expand-left.icon-Solid:before { content: "\ea79"; } .icon-expand-start.icon-Solid:before { content: "\ea7a"; } .icon-expand.icon-Solid:before { content: "\ea7b"; } .icon-export-content.icon-Solid:before { content: "\ea7c"; } .icon-export.icon-Solid:before { content: "\ea7d"; } .icon-external-link.icon-Solid:before { content: "\ea7e"; } .icon-eye.icon-Solid:before { content: "\ea7f"; } .icon-facebook-boxed.icon-Solid:before { content: "\ea80"; } .icon-facebook.icon-Solid:before { content: "\ea81"; } .icon-fast-forward.icon-Solid:before { content: "\ea82"; } .icon-feedback.icon-Solid:before { content: "\ea83"; } .icon-file-locked.icon-Solid:before { content: "\ea84"; } .icon-files-copyright.icon-Solid:before { content: "\ea85"; } .icon-files-creative-commons.icon-Solid:before { content: "\ea86"; } .icon-files-fair-use.icon-Solid:before { content: "\ea87"; } .icon-files-obtained-permission.icon-Solid:before { content: "\ea88"; } .icon-files-public-domain.icon-Solid:before { content: "\ea89"; } .icon-filmstrip.icon-Solid:before { content: "\ea8a"; } .icon-filter.icon-Solid:before { content: "\ea8b"; } .icon-flag.icon-Solid:before { content: "\ea8c"; } .icon-folder-locked.icon-Solid:before { content: "\ea8d"; } .icon-folder.icon-Solid:before { content: "\ea8e"; } .icon-forward.icon-Solid:before { content: "\ea8f"; } .icon-full-screen.icon-Solid:before { content: "\ea90"; } .icon-github.icon-Solid:before { content: "\ea91"; } .icon-give-award.icon-Solid:before { content: "\ea92"; } .icon-gradebook-export.icon-Solid:before { content: "\ea93"; } .icon-gradebook-import.icon-Solid:before { content: "\ea94"; } .icon-gradebook.icon-Solid:before { content: "\ea95"; } .icon-grid-view.icon-Solid:before { content: "\ea96"; } .icon-group-dark-new.icon-Solid:before { content: "\ea97"; } .icon-group-new.icon-Solid:before { content: "\ea98"; } .icon-group.icon-Solid:before { content: "\ea99"; } .icon-hamburger.icon-Solid:before { content: "\ea9a"; } .icon-header.icon-Solid:before { content: "\ea9b"; } .icon-heart.icon-Solid:before { content: "\ea9c"; } .icon-highlighter.icon-Solid:before { content: "\ea9d"; } .icon-home.icon-Solid:before { content: "\ea9e"; } .icon-hour-glass.icon-Solid:before { content: "\ea9f"; } .icon-image.icon-Solid:before { content: "\eaa0"; } .icon-immersive-reader.icon-Solid:before { content: "\eaa1"; } .icon-impact-logo.icon-Solid:before { content: "\eaa2"; } .icon-import-content.icon-Solid:before { content: "\eaa3"; } .icon-import.icon-Solid:before { content: "\eaa4"; } .icon-important-dates.icon-Solid:before { content: "\eaa5"; } .icon-inbox.icon-Solid:before { content: "\eaa6"; } .icon-indent-2.icon-Solid:before { content: "\eaa7"; } .icon-indent.icon-Solid:before { content: "\eaa8"; } .icon-info-borderless.icon-Solid:before { content: "\eaa9"; } .icon-info.icon-Solid:before { content: "\eaaa"; } .icon-instructure-logo.icon-Solid:before { content: "\eaab"; } .icon-instructure.icon-Solid:before { content: "\eaac"; } .icon-integrations.icon-Solid:before { content: "\eaad"; } .icon-invitation.icon-Solid:before { content: "\eaae"; } .icon-italic.icon-Solid:before { content: "\eaaf"; } .icon-keyboard-shortcuts.icon-Solid:before { content: "\eab0"; } .icon-launch.icon-Solid:before { content: "\eab1"; } .icon-learnplatform.icon-Solid:before { content: "\eab2"; } .icon-life-preserver.icon-Solid:before { content: "\eab3"; } .icon-like.icon-Solid:before { content: "\eab4"; } .icon-line-reader.icon-Solid:before { content: "\eab5"; } .icon-link.icon-Solid:before { content: "\eab6"; } .icon-linkedin.icon-Solid:before { content: "\eab7"; } .icon-list-view.icon-Solid:before { content: "\eab8"; } .icon-lock.icon-Solid:before { content: "\eab9"; } .icon-lti.icon-Solid:before { content: "\eaba"; } .icon-mark-as-read.icon-Solid:before { content: "\eabb"; } .icon-marker.icon-Solid:before { content: "\eabc"; } .icon-masquerade.icon-Solid:before { content: "\eabd"; } .icon-mastery-logo.icon-Solid:before { content: "\eabe"; } .icon-mastery-paths.icon-Solid:before { content: "\eabf"; } .icon-materials-required-light.icon-Solid:before { content: "\eac0"; } .icon-materials-required.icon-Solid:before { content: "\eac1"; } .icon-mature-light.icon-Solid:before { content: "\eac2"; } .icon-mature.icon-Solid:before { content: "\eac3"; } .icon-media.icon-Solid:before { content: "\eac4"; } .icon-message.icon-Solid:before { content: "\eac5"; } .icon-mic-off.icon-Solid:before { content: "\eac6"; } .icon-mic.icon-Solid:before { content: "\eac7"; } .icon-mini-arrow-double.icon-Solid:before { content: "\eac8"; } .icon-mini-arrow-down.icon-Solid:before { content: "\eac9"; } .icon-mini-arrow-end.icon-Solid:before { content: "\eaca"; } .icon-mini-arrow-left.icon-Solid:before { content: "\eacb"; } .icon-mini-arrow-right.icon-Solid:before { content: "\eacc"; } .icon-mini-arrow-start.icon-Solid:before { content: "\eacd"; } .icon-mini-arrow-up.icon-Solid:before { content: "\eace"; } .icon-minimize.icon-Solid:before { content: "\eacf"; } .icon-module.icon-Solid:before { content: "\ead0"; } .icon-more.icon-Solid:before { content: "\ead1"; } .icon-move-down-bottom.icon-Solid:before { content: "\ead2"; } .icon-move-down.icon-Solid:before { content: "\ead3"; } .icon-move-end.icon-Solid:before { content: "\ead4"; } .icon-move-left.icon-Solid:before { content: "\ead5"; } .icon-move-right.icon-Solid:before { content: "\ead6"; } .icon-move-start.icon-Solid:before { content: "\ead7"; } .icon-move-up-top.icon-Solid:before { content: "\ead8"; } .icon-move-up.icon-Solid:before { content: "\ead9"; } .icon-ms-excel.icon-Solid:before { content: "\eada"; } .icon-ms-ppt.icon-Solid:before { content: "\eadb"; } .icon-ms-word.icon-Solid:before { content: "\eadc"; } .icon-muted.icon-Solid:before { content: "\eadd"; } .icon-next-unread.icon-Solid:before { content: "\eade"; } .icon-no.icon-Solid:before { content: "\eadf"; } .icon-not-graded.icon-Solid:before { content: "\eae0"; } .icon-note-dark.icon-Solid:before { content: "\eae1"; } .icon-note-light.icon-Solid:before { content: "\eae2"; } .icon-note.icon-Solid:before { content: "\eae3"; } .icon-notepad.icon-Solid:before { content: "\eae4"; } .icon-numbered-list.icon-Solid:before { content: "\eae5"; } .icon-off.icon-Solid:before { content: "\eae6"; } .icon-open-folder.icon-Solid:before { content: "\eae7"; } .icon-outcomes.icon-Solid:before { content: "\eae8"; } .icon-outdent.icon-Solid:before { content: "\eae9"; } .icon-outdent2.icon-Solid:before { content: "\eaea"; } .icon-oval-half.icon-Solid:before { content: "\eaeb"; } .icon-page-down.icon-Solid:before { content: "\eaec"; } .icon-page-up.icon-Solid:before { content: "\eaed"; } .icon-paint.icon-Solid:before { content: "\eaee"; } .icon-paperclip.icon-Solid:before { content: "\eaef"; } .icon-partial.icon-Solid:before { content: "\eaf0"; } .icon-pause.icon-Solid:before { content: "\eaf1"; } .icon-pdf.icon-Solid:before { content: "\eaf2"; } .icon-peer-graded.icon-Solid:before { content: "\eaf3"; } .icon-peer-review.icon-Solid:before { content: "\eaf4"; } .icon-permissions.icon-Solid:before { content: "\eaf5"; } .icon-pin.icon-Solid:before { content: "\eaf6"; } .icon-pinterest.icon-Solid:before { content: "\eaf7"; } .icon-play.icon-Solid:before { content: "\eaf8"; } .icon-plus.icon-Solid:before { content: "\eaf9"; } .icon-post-to-sis.icon-Solid:before { content: "\eafa"; } .icon-predictive.icon-Solid:before { content: "\eafb"; } .icon-prerequisite.icon-Solid:before { content: "\eafc"; } .icon-printer.icon-Solid:before { content: "\eafd"; } .icon-progress.icon-Solid:before { content: "\eafe"; } .icon-protractor.icon-Solid:before { content: "\eaff"; } .icon-publish.icon-Solid:before { content: "\eb00"; } .icon-question.icon-Solid:before { content: "\eb01"; } .icon-quiz-instructions.icon-Solid:before { content: "\eb02"; } .icon-quiz-stats-avg.icon-Solid:before { content: "\eb03"; } .icon-quiz-stats-cronbachs-alpha.icon-Solid:before { content: "\eb04"; } .icon-quiz-stats-deviation.icon-Solid:before { content: "\eb05"; } .icon-quiz-stats-high.icon-Solid:before { content: "\eb06"; } .icon-quiz-stats-low.icon-Solid:before { content: "\eb07"; } .icon-quiz-stats-time.icon-Solid:before { content: "\eb08"; } .icon-quiz-title.icon-Solid:before { content: "\eb09"; } .icon-quiz.icon-Solid:before { content: "\eb0a"; } .icon-record.icon-Solid:before { content: "\eb0b"; } .icon-refresh.icon-Solid:before { content: "\eb0c"; } .icon-remove-bookmark.icon-Solid:before { content: "\eb0d"; } .icon-remove-from-collection.icon-Solid:before { content: "\eb0e"; } .icon-remove-link.icon-Solid:before { content: "\eb0f"; } .icon-replied.icon-Solid:before { content: "\eb10"; } .icon-reply-2.icon-Solid:before { content: "\eb11"; } .icon-reply-all-2.icon-Solid:before { content: "\eb12"; } .icon-reply.icon-Solid:before { content: "\eb13"; } .icon-reset.icon-Solid:before { content: "\eb14"; } .icon-review-screen.icon-Solid:before { content: "\eb15"; } .icon-rewind.icon-Solid:before { content: "\eb16"; } .icon-rotate-left.icon-Solid:before { content: "\eb17"; } .icon-rotate-right.icon-Solid:before { content: "\eb18"; } .icon-rss-add.icon-Solid:before { content: "\eb19"; } .icon-rss.icon-Solid:before { content: "\eb1a"; } .icon-rubric-dark.icon-Solid:before { content: "\eb1b"; } .icon-rubric.icon-Solid:before { content: "\eb1c"; } .icon-ruler.icon-Solid:before { content: "\eb1d"; } .icon-save.icon-Solid:before { content: "\eb1e"; } .icon-screen-capture.icon-Solid:before { content: "\eb1f"; } .icon-search-address-book.icon-Solid:before { content: "\eb20"; } .icon-search-ai.icon-Solid:before { content: "\eb21"; } .icon-search.icon-Solid:before { content: "\eb22"; } .icon-settings-2.icon-Solid:before { content: "\eb23"; } .icon-settings.icon-Solid:before { content: "\eb24"; } .icon-shape-oval.icon-Solid:before { content: "\eb25"; } .icon-shape-polygon.icon-Solid:before { content: "\eb26"; } .icon-shape-rectangle.icon-Solid:before { content: "\eb27"; } .icon-share.icon-Solid:before { content: "\eb28"; } .icon-single-metric.icon-Solid:before { content: "\eb29"; } .icon-sis-imported.icon-Solid:before { content: "\eb2a"; } .icon-sis-not-synced.icon-Solid:before { content: "\eb2b"; } .icon-sis-synced.icon-Solid:before { content: "\eb2c"; } .icon-skype.icon-Solid:before { content: "\eb2d"; } .icon-sort.icon-Solid:before { content: "\eb2e"; } .icon-speed-grader.icon-Solid:before { content: "\eb2f"; } .icon-standards.icon-Solid:before { content: "\eb30"; } .icon-star-light.icon-Solid:before { content: "\eb31"; } .icon-star.icon-Solid:before { content: "\eb32"; } .icon-stats.icon-Solid:before { content: "\eb33"; } .icon-stop.icon-Solid:before { content: "\eb34"; } .icon-strikethrough.icon-Solid:before { content: "\eb35"; } .icon-student-view.icon-Solid:before { content: "\eb36"; } .icon-studio.icon-Solid:before { content: "\eb37"; } .icon-subaccounts.icon-Solid:before { content: "\eb38"; } .icon-subtitles.icon-Solid:before { content: "\eb39"; } .icon-syllabus.icon-Solid:before { content: "\eb3a"; } .icon-table-cell-select-all.icon-Solid:before { content: "\eb3b"; } .icon-table-delete-column.icon-Solid:before { content: "\eb3c"; } .icon-table-delete-row.icon-Solid:before { content: "\eb3d"; } .icon-table-delete-table.icon-Solid:before { content: "\eb3e"; } .icon-table-insert-column-after.icon-Solid:before { content: "\eb3f"; } .icon-table-insert-column-before.icon-Solid:before { content: "\eb40"; } .icon-table-insert-row-above.icon-Solid:before { content: "\eb41"; } .icon-table-insert-row-after.icon-Solid:before { content: "\eb42"; } .icon-table-left-header.icon-Solid:before { content: "\eb43"; } .icon-table-merge-cells.icon-Solid:before { content: "\eb44"; } .icon-table-row-properties.icon-Solid:before { content: "\eb45"; } .icon-table-split-cells.icon-Solid:before { content: "\eb46"; } .icon-table-top-header.icon-Solid:before { content: "\eb47"; } .icon-table.icon-Solid:before { content: "\eb48"; } .icon-tag.icon-Solid:before { content: "\eb49"; } .icon-target.icon-Solid:before { content: "\eb4a"; } .icon-text-background-color.icon-Solid:before { content: "\eb4b"; } .icon-text-centered.icon-Solid:before { content: "\eb4c"; } .icon-text-color.icon-Solid:before { content: "\eb4d"; } .icon-text-direction-ltr.icon-Solid:before { content: "\eb4e"; } .icon-text-direction-rtl.icon-Solid:before { content: "\eb4f"; } .icon-text-end.icon-Solid:before { content: "\eb50"; } .icon-text-left.icon-Solid:before { content: "\eb51"; } .icon-text-right.icon-Solid:before { content: "\eb52"; } .icon-text-start.icon-Solid:before { content: "\eb53"; } .icon-text-subscript.icon-Solid:before { content: "\eb54"; } .icon-text-superscript.icon-Solid:before { content: "\eb55"; } .icon-text.icon-Solid:before { content: "\eb56"; } .icon-textarea.icon-Solid:before { content: "\eb57"; } .icon-timer.icon-Solid:before { content: "\eb58"; } .icon-toggle-end.icon-Solid:before { content: "\eb59"; } .icon-toggle-left.icon-Solid:before { content: "\eb5a"; } .icon-toggle-right.icon-Solid:before { content: "\eb5b"; } .icon-toggle-start.icon-Solid:before { content: "\eb5c"; } .icon-trash.icon-Solid:before { content: "\eb5d"; } .icon-trouble.icon-Solid:before { content: "\eb5e"; } .icon-twitter-boxed.icon-Solid:before { content: "\eb5f"; } .icon-twitter.icon-Solid:before { content: "\eb60"; } .icon-unarchive.icon-Solid:before { content: "\eb61"; } .icon-underline.icon-Solid:before { content: "\eb62"; } .icon-unlock.icon-Solid:before { content: "\eb63"; } .icon-unmuted.icon-Solid:before { content: "\eb64"; } .icon-unpublish.icon-Solid:before { content: "\eb65"; } .icon-unpublished.icon-Solid:before { content: "\eb66"; } .icon-updown.icon-Solid:before { content: "\eb67"; } .icon-upload.icon-Solid:before { content: "\eb68"; } .icon-user-add.icon-Solid:before { content: "\eb69"; } .icon-user.icon-Solid:before { content: "\eb6a"; } .icon-video-camera-off.icon-Solid:before { content: "\eb6b"; } .icon-video-camera.icon-Solid:before { content: "\eb6c"; } .icon-video.icon-Solid:before { content: "\eb6d"; } .icon-warning-borderless.icon-Solid:before { content: "\eb6e"; } .icon-warning.icon-Solid:before { content: "\eb6f"; } .icon-windows.icon-Solid:before { content: "\eb70"; } .icon-wordpress.icon-Solid:before { content: "\eb71"; } .icon-x.icon-Solid:before { content: "\eb72"; } .icon-zipped.icon-Solid:before { content: "\eb73"; } .icon-zoom-in.icon-Solid:before { content: "\eb74"; } .icon-zoom-out.icon-Solid:before { content: "\eb75"; } /* * Copyright (C) 2013 - present Instructure, Inc. * * This file is part of Canvas. * * Canvas is free software: you can redistribute it and/or modify it under * the terms of the GNU Affero General Public License as published by the Free * Software Foundation, version 3 of the License. * * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more * details. * * You should have received a copy of the GNU Affero General Public License along * with this program. If not, see . */ .alert { padding: 12px 36px 12px 12px; background-color: #FCE4E5; border-radius: 6px; color: #CF4A00; border: 1px solid #CF4A00; } .alert h4 { margin: 0; } .alert .close { position: relative; top: -2px; right: -21px; line-height: 22px; } .alert-success { background-color: #DCEEE4; color: #02672D; border: 1px solid #02672D; } .alert-danger, .alert-error { background-color: #FCE4E5; color: #AE1B1F; border: 1px solid #AE1B1F; } .alert-info { background-color: #E0EBF5; color: #334451; border: 1px solid #0A5A9E; } .ic-flash-info, .ic-flash-success, .ic-flash-warning, .ic-flash-error { position: relative; box-sizing: border-box; padding: 6px 40px 6px 48px; margin: 0 auto; min-height: 20px; min-width: 17rem; max-width: 32rem; line-height: 1.3; z-index: 2; vertical-align: middle; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25); border: 2px solid; border-radius: 6px; background-color: #FFFFFF; } .ic-flash-info .close_link, .ic-flash-success .close_link, .ic-flash-warning .close_link, .ic-flash-error .close_link { position: absolute; right: 4px; top: 50%; margin-top: -12px; text-decoration: none; } .ic-flash-info.no_close .close_link, .ic-flash-success.no_close .close_link, .ic-flash-warning.no_close .close_link, .ic-flash-error.no_close .close_link { display: none; } .ic-flash-info .ic-flash__icon, .ic-flash-success .ic-flash__icon, .ic-flash-warning .ic-flash__icon, .ic-flash-error .ic-flash__icon { position: absolute; top: 0; left: 0; width: 36px; height: 100%; display: flex; align-items: center; justify-content: center; color: #FFFFFF; } .ic-flash-info .ic-flash__icon i[class*=icon-]:before, .ic-flash-info .ic-flash__icon i[class^=icon-]:before, .ic-flash-success .ic-flash__icon i[class*=icon-]:before, .ic-flash-success .ic-flash__icon i[class^=icon-]:before, .ic-flash-warning .ic-flash__icon i[class*=icon-]:before, .ic-flash-warning .ic-flash__icon i[class^=icon-]:before, .ic-flash-error .ic-flash__icon i[class*=icon-]:before, .ic-flash-error .ic-flash__icon i[class^=icon-]:before { left: -1px; } .ic-flash-info.ic-flash-static, .ic-flash-success.ic-flash-static, .ic-flash-warning.ic-flash-static, .ic-flash-error.ic-flash-static { width: auto; border-radius: 0; } .ic-flash-info { border-color: var(--ic-brand-primary); } .ic-flash-info .ic-flash__icon { background-color: var(--ic-brand-primary); } .ic-flash-success { border-color: #02672D; } .ic-flash-success .ic-flash__icon { background-color: #02672D; } .ic-flash-warning { border-color: #CF4A00; } .ic-flash-warning .ic-flash__icon { background-color: #CF4A00; } .ic-flash-error { border-color: #AE1B1F; } .ic-flash-error .ic-flash__icon { background-color: #AE1B1F; } .ic-flash--Theme-Editor { border-color: #273540; text-align: center; } .ic-flash--Theme-Editor .ic-flash__icon { background-color: #273540; } .ic-flash__headline { margin: 0; font-weight: bold; } .ic-flash__text { margin: 6px 0; } .ic-flash__text:first-of-type { margin-top: 0; } .ic-flash__text:last-child { margin-bottom: 0; } a.Button--flash { text-decoration: none; text-decoration: underline; } .ic-alert-masquerade-student-view { padding: 6px 12px; box-sizing: border-box; display: flex; align-items: center; background: #A31C73; color: #FFFFFF; } .ic-alert-masquerade-student-view:after { content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 3px; background: #A31C73; } .ic-alert-masquerade-student-view .avatar { width: 36px; height: 36px; } body.is-masquerading-or-student-view:not(.bare-layout):not(.embedded):not(.content-only) { border-right: 3px solid #A31C73; } body.is-masquerading-or-student-view:not(.bare-layout):not(.embedded):not(.content-only) .ic-app-header { border-left: 3px solid #A31C73; } body.is-masquerading-or-student-view.bare-layout:not(.embedded):not(.content-only) { border: 3px solid #A31C73; } .ic-alert-masquerade-student-view-module { flex: 1; padding: 0 6px; } .ic-alert-masquerade-student-view-module:first-of-type { padding-left: 0; } .ic-alert-masquerade-student-view-module:last-of-type { padding-right: 0; } .ic-alert-masquerade-student-view-module:last-of-type.ic-alert-masquerade-student-view-module--buttons { text-align: right; } .ic-alert-masquerade-student-view-module.ic-alert-masquerade-student-view-module--header { font-weight: bold; } .ic-alert-masquerade-student-view-module.ic-alert-masquerade-student-view-module--description { font-style: italic; font-size: 14px; font-size: 0.875rem; line-height: 1.3; } .ic-notification { display: flex; border: 2px solid var(--ic-brand-primary); margin-bottom: 12px; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2); border-radius: 3px; box-sizing: border-box; } .ic-notification form { margin: 0; } .ic-notification.ic-notification--success { border-color: #02672D; } .ic-notification.ic-notification--success .ic-notification__icon { background: #02672D; } .ic-notification.ic-notification--alert { border-color: #CF4A00; } .ic-notification.ic-notification--alert .ic-notification__icon { background: #CF4A00; } .ic-notification.ic-notification--danger { border-color: #AE1B1F; } .ic-notification.ic-notification--danger .ic-notification__icon { background: #AE1B1F; } .ic-notification.ic-notification--admin-created .ic-notification__content { display: flex; } @media only screen and (min-width: 992px) { .ic-notification.ic-notification--admin-created .ic-notification__content { align-items: flex-start; } } .ic-notification.ic-notification--admin-created .ic-notification__message { flex: 1; overflow-wrap: anywhere; } .ic-notification.ic-notification--admin-created .ic-notification__actions { margin-left: 24px; } @media only screen and (min-width: 992px) { .ic-notification.ic-notification--admin-created .ic-notification__actions { margin-left: 36px; } } .ic-notification.ic-notification--admin-created .ic-notification__title { display: block; font-size: 18px; font-size: 1.125rem; margin: 0 0 6px; } .ic-notification__icon { background: var(--ic-brand-primary); flex: 0 0 48px; position: relative; display: flex; justify-content: center; align-items: center; border-top-left-radius: 1px; border-bottom-left-radius: 1px; box-sizing: border-box; } .ic-notification__icon i[class*=icon-], .ic-notification__icon i[class^=icon-] { line-height: 1; } .ic-notification__icon i[class*=icon-]:before, .ic-notification__icon i[class^=icon-]:before { font-size: 22px; } .ic-notification__icon i[class*=icon-], .ic-notification__icon i[class^=icon-] { color: #FFFFFF; text-shadow: none; } .ic-notification__title { margin-right: 4px; font-size: 16px; font-size: 1rem; display: inline; font-weight: bold; } .ic-notification__content { flex: 1; padding: 12px; box-sizing: border-box; background: #FFFFFF; position: relative; } .ic-notification__message { box-sizing: border-box; } .ic-notification__message p:last-of-type { margin-bottom: 0; } .ic-notification__actions { box-sizing: border-box; } .ic-notification__admin-actions { position: absolute; right: 12px; top: 12px; } .notification_account_content { width: 100%; } .notification_account_content_text { font-size: 0.8em; padding-left: 12px; line-height: 22px; } /* * Copyright (C) 2015 - present Instructure, Inc. * * This file is part of Canvas. * * Canvas is free software: you can redistribute it and/or modify it under * the terms of the GNU Affero General Public License as published by the Free * Software Foundation, version 3 of the License. * * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more * details. * * You should have received a copy of the GNU Affero General Public License along * with this program. If not, see . */ .ic-image-text-combo { display: flex; align-items: center; } .ic-image-text-combo i[class*=icon-], .ic-image-text-combo i[class^=icon-] { line-height: 1; } .ic-image-text-combo i[class*=icon-]:before, .ic-image-text-combo i[class^=icon-]:before { font-size: 18px; } .ic-image-text-combo > * + .ic-image-text-combo__text { margin-left: 12px; } .ic-image-text-combo__text { flex: 1; line-height: 1.2; padding: 0; margin: 0; } /* * Copyright (C) 2012 - present Instructure, Inc. * * This file is part of Canvas. * * Canvas is free software: you can redistribute it and/or modify it under * the terms of the GNU Affero General Public License as published by the Free * Software Foundation, version 3 of the License. * * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more * details. * * You should have received a copy of the GNU Affero General Public License along * with this program. If not, see . */ html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-family: "Lato Extended", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; } body { font-size: 16px; font-size: 1rem; font-weight: normal; line-height: 1.5; color: #273540; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } p { margin: 12px 0; } small { font-size: 85%; } strong { font-weight: bold; } em { font-style: italic; } cite { font-style: normal; } .lead { margin-bottom: 12px; font-size: 16px; font-size: 1rem; font-weight: 200; line-height: 2.25; } .muted { color: rgb(31.595505618, 38.8539325843, 44.404494382); } .text-warning { color: #CF4A00; } a.text-warning:hover { color: rgb(156, 55.768115942, 0); } .text-error { color: #AE1B1F; } a.text-error:hover { color: rgb(129.8507462687, 20.1492537313, 23.1343283582); } .text-info { color: var(--ic-brand-primary); } a.text-info:hover { color: var(--ic-brand-primary-darkened-10); } .text-success { color: #02672D; } a.text-success:hover { color: rgb(1.0285714286, 52.9714285714, 23.1428571429); } h1, h2, h3, h4, h5, h6 { margin: 6px 0; font-family: "Lato Extended", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; line-height: 1.5; text-rendering: optimizelegibility; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-weight: normal; line-height: 3; color: #334451; } h1 { font-size: 38px; } h2 { font-size: 32px; } h3 { font-size: 24px; } h4 { font-size: 18px; } h5 { font-size: 16px; } h6 { font-size: 12px; } h1 small { font-size: 24px; } h2 small { font-size: 18px; } h3 small { font-size: 16px; } h4 small { font-size: 16px; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: normal; } h1, h2, .h1, .h2 { font-size: 1.8em; line-height: 1.5; } h3, .h3 { font-size: 1.5em; } .page-header { padding-bottom: 6px; margin: 20px 0 30px; border-bottom: 1px solid #E8EAEC; } a { color: var(--ic-link-color); } a:focus, a:hover { color: var(--ic-link-color-darkened-10); } a { text-decoration: underline; } a:focus, a:hover { text-decoration: none; } a { outline-width: 0.125rem; outline-color: transparent; outline-style: solid; } a:focus { outline-offset: 0; outline-color: var(--ic-link-color); } .Underline-All-Links__enabled a:not(.Button):not(.ui-button):not(.btn):not(.ui-button):not(.ui-tabs-anchor) { text-decoration: underline; } .Underline-All-Links__enabled a:not(.Button):not(.ui-button):not(.btn):not(.ui-button):not(.ui-tabs-anchor):focus, .Underline-All-Links__enabled a:not(.Button):not(.ui-button):not(.btn):not(.ui-button):not(.ui-tabs-anchor):hover { text-decoration: none; } .Underline-All-Links__enabled a:not(.Button):not(.ui-button):not(.btn):not(.ui-button):not(.ui-tabs-anchor):not([data-cid*=Button]) { outline-width: 0.125rem; outline-color: transparent; outline-style: solid; } .Underline-All-Links__enabled a:not(.Button):not(.ui-button):not(.btn):not(.ui-button):not(.ui-tabs-anchor):not([data-cid*=Button]):focus { outline-offset: 0; outline-color: var(--ic-link-color); } .alert a { font-weight: bold; color: inherit; } ul, ol { padding: 0; margin: 0 0 6px 25px; } ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; } ul.unstyled, ol.unstyled { margin-left: 0; list-style: none; } dl { margin-bottom: 20px; } dt, dd { line-height: 1.5; } dt { font-weight: bold; } dd { margin-left: 10px; } .dl-horizontal:before, .dl-horizontal:after { display: table; content: ""; line-height: 0; } .dl-horizontal:after { clear: both; } .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } label { display: inline-block; } .input-micro { width: 30px; } .form-horizontal label, .bootstrap-form label { display: block; } p label { font-size: inherit; } .bootstrap-form.no-margin { margin-bottom: 0; } .no-margin-bottom { margin-bottom: 0 !important; } select.un-bootrstrapify { width: auto; border-radius: 0; height: auto; } .form-actions { text-align: right; padding: 10px 10px 11px; } .ui-dialog-content .form-actions { margin-bottom: 0; box-shadow: inset 0 1px 0 #fff; } .form-actions.flush { margin-bottom: -1em; margin-left: -1em; margin-right: -1em; } input[type=checkbox] + label, input[type=radio] + label { vertical-align: -4px; } .form-inline input[type=checkbox] + label, .form-inline input[type=radio] + label { vertical-align: middle; } .table > thead { background: #e4e9ed; } .table-vertically-center th, .table-vertically-center td { vertical-align: middle; } .table .center { text-align: center; } .table-striped { border: 1px solid #E8EAEC; } .table-striped > thead { border: 1px solid #E8EAEC; } .table-striped > tbody > tr td { background: #fff; } .table-striped > tbody > tr:first-child > td { border-top: 0; } .table-hover tbody tr:hover td, .table-hover tbody tr:hover th, .table-hover tbody tr.table-hover-row td, .table-hover tbody tr.table-hover-row th { background: hsl(0, 0%, 90%); } iframe#tool_content { border: none; } .ui-dialog .input-append input:focus, .ui-dialog .input-append select:focus, .ui-dialog .input-append .uneditable-input:focus, .ui-dialog .input-prepend input:focus, .ui-dialog .input-prepend select:focus, .ui-dialog .input-prepend .uneditable-input:focus { z-index: 1001; } .calendar_links input[readonly] { cursor: auto; } blockquote p { font-size: inherit; } .progress-small { height: 10px; margin: 5px 0; } .popover { z-index: 10; } hr { margin: 20px 0; border: 0; border-top: 1px solid #E8EAEC; border-bottom: none; } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #E8EAEC; } abbr.initialism { font-size: 90%; text-transform: uppercase; } blockquote { padding: 0 0 0 15px; margin: 0 0 20px; border-left: 5px solid #E8EAEC; } blockquote p { margin-bottom: 0; font-size: 16px; font-size: 1rem; font-weight: 300; line-height: 25px; } blockquote small { display: block; line-height: 1.5; color: #334451; } blockquote small:before { content: "— "; } blockquote.pull-right { float: right; padding-right: 15px; padding-left: 0; border-right: 5px solid #E8EAEC; border-left: 0; } blockquote.pull-right p, blockquote.pull-right small { text-align: right; } blockquote.pull-right small:before { content: ""; } blockquote.pull-right small:after { content: " —"; } q:before, q:after, blockquote:before, blockquote:after { content: ""; } address { display: block; margin-bottom: 20px; font-style: normal; line-height: 1.5; } .ui-widget.ui-tooltip { word-wrap: break-word; } .ui-widget.ui-tooltip.popover { padding: 1px; font-size: 14px; max-width: 236px; width: 236px; color: #4A5B68; text-align: left; text-decoration: none; background-color: #fff; opacity: 1; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .ui-widget.ui-tooltip.popover-padded { padding: 9px 14px; } .ui-tooltip.popover:before, .ui-tooltip.popover:after { border-color: transparent transparent rgba(0, 0, 0, 0.25) transparent; position: absolute; border-style: solid; border-width: 11px; width: 0; height: 0; content: ""; top: -22px; left: 11px; } .ui-tooltip.popover:after { border-bottom-color: rgb(247.35, 247.35, 247.35); border-width: 10px; top: -20px; left: 12px; } .ui-tooltip.popover.right:before { left: auto; right: 11px; } .ui-tooltip.popover.right:after { left: auto; right: 12px; } .ui-tooltip.popover.bottom:before { border-color: rgba(0, 0, 0, 0.25) transparent transparent transparent; top: auto; bottom: -22px; } .ui-tooltip.popover.bottom:after { border-color: #fff transparent transparent transparent; top: auto; bottom: -20px; } .ui-tooltip.popover.center:before { left: 50%; margin-left: -11px; right: auto; } .ui-tooltip.popover.center:after { left: 50%; margin-left: -10px; right: auto; } .ui-tooltip.popover.middle:before { top: 50%; margin-top: -11px; bottom: auto; } .ui-tooltip.popover.middle:after { top: 50%; margin-top: -10px; bottom: auto; } .ui-tooltip.popover.horizontal:before { top: 50%; margin-top: -11px; bottom: auto; left: -22px; right: auto; border-color: transparent rgba(0, 0, 0, 0.25) transparent transparent; } .ui-tooltip.popover.horizontal:after { top: 50%; margin-top: -10px; bottom: auto; left: -20px; right: auto; border-color: transparent #fff transparent transparent; } .ui-tooltip.popover.right.horizontal:before { left: auto; right: -22px; border-color: transparent transparent transparent rgba(0, 0, 0, 0.25); } .ui-tooltip.popover.right.horizontal:after { left: auto; right: -20px; border-color: transparent transparent transparent #fff; } .ui-tooltip.popover.bottom.horizontal:before { top: auto; bottom: 11px; } .ui-tooltip.popover.bottom.horizontal:after { top: auto; bottom: 12px; } .ui-tooltip.popover.top.horizontal:before { margin-top: 0; top: 11px; } .ui-tooltip.popover.top.horizontal:after { margin-top: 0; top: 12px; } .ui-tooltip.popover.content-top.horizontal:before { margin-top: 0; top: 35px; } .ui-tooltip.popover.content-top.horizontal:after { margin-top: 0; top: 36px; } .dotted-separator { border-bottom: 1px dotted #aaa; } @keyframes highlight-shadow-fade { from { box-shadow: 0 0 8px rgb(82, 168, 236); } to { box-shadow: none; } } /* * Copyright (C) 2015 - present Instructure, Inc. * * This file is part of Canvas. * * Canvas is free software: you can redistribute it and/or modify it under * the terms of the GNU Affero General Public License as published by the Free * Software Foundation, version 3 of the License. * * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more * details. * * You should have received a copy of the GNU Affero General Public License along * with this program. If not, see . */ .ic-badge { font-size: 11px; font-size: 0.6875rem; min-width: 20px; line-height: 20px; border-radius: 10px; background: var(--ic-brand-primary); color: #FFFFFF; display: inline-block; vertical-align: middle; text-align: center; box-sizing: border-box; padding: 0 6px; } .ic-badge.ic-badge--neutral { background: #F2F4F4; color: #273540; } .ic-badge.ic-badge--success { background: #02672D; } .ic-badge.ic-badge--alert { background: #CF4A00; } .ic-badge.ic-badge--danger { background: #AE1B1F; } /* * Copyright (C) 2015 - present Instructure, Inc. * * This file is part of Canvas. * * Canvas is free software: you can redistribute it and/or modify it under * the terms of the GNU Affero General Public License as published by the Free * Software Foundation, version 3 of the License. * * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more * details. * * You should have received a copy of the GNU Affero General Public License along * with this program. If not, see . */ /* * Copyright (C) 2015 - present Instructure, Inc. * * This file is part of Canvas. * * Canvas is free software: you can redistribute it and/or modify it under * the terms of the GNU Affero General Public License as published by the Free * Software Foundation, version 3 of the License. * * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more * details. * * You should have received a copy of the GNU Affero General Public License along * with this program. If not, see . */ .turnitin_score_container_caret { position: absolute; width: 0; height: 0; top: 50%; content: ""; border-width: 4px; border-color: transparent; border-style: solid; left: -8px; margin-top: -4px; } .turnitin_score_container_caret.none_score { border-right-color: #0d5bed; } .turnitin_score_container_caret.acceptable_score { border-right-color: #007010; } .turnitin_score_container_caret.warning_score { border-right-color: #746801; } .turnitin_score_container_caret.problem_score { border-right-color: #9b5003; } .turnitin_score_container_caret.failure_score { border-right-color: #a03536; } .turnitin_score_container_caret.submission_error, .turnitin_score_container_caret.submission_pending { border-right-color: #666666; } .turnitin_score_container { position: relative; margin-left: 10px; } .turnitin_similarity_score, .turnitin_similarity_score:link, .turnitin_similarity_score:visited, .turnitin_similarity_score:active, .turnitin_similarity_score:hover, .turnitin_similarity_score:focus { display: inline-block; white-space: nowrap; border-radius: 3px; padding: 2px 4px; font-weight: bold; color: #000000; font-size: 12px; font-size: 0.75rem; text-decoration: none; } .turnitin_similarity_score.none_score, .turnitin_similarity_score:link.none_score, .turnitin_similarity_score:visited.none_score, .turnitin_similarity_score:active.none_score, .turnitin_similarity_score:hover.none_score, .turnitin_similarity_score:focus.none_score { background-color: #0d5bed; } .turnitin_similarity_score.acceptable_score, .turnitin_similarity_score:link.acceptable_score, .turnitin_similarity_score:visited.acceptable_score, .turnitin_similarity_score:active.acceptable_score, .turnitin_similarity_score:hover.acceptable_score, .turnitin_similarity_score:focus.acceptable_score { background-color: #007010; } .turnitin_similarity_score.warning_score, .turnitin_similarity_score:link.warning_score, .turnitin_similarity_score:visited.warning_score, .turnitin_similarity_score:active.warning_score, .turnitin_similarity_score:hover.warning_score, .turnitin_similarity_score:focus.warning_score { background-color: #746801; } .turnitin_similarity_score.problem_score, .turnitin_similarity_score:link.problem_score, .turnitin_similarity_score:visited.problem_score, .turnitin_similarity_score:active.problem_score, .turnitin_similarity_score:hover.problem_score, .turnitin_similarity_score:focus.problem_score { background-color: #9b5003; } .turnitin_similarity_score.failure_score, .turnitin_similarity_score:link.failure_score, .turnitin_similarity_score:visited.failure_score, .turnitin_similarity_score:active.failure_score, .turnitin_similarity_score:hover.failure_score, .turnitin_similarity_score:focus.failure_score { background-color: #a03536; color: #FFFFFF; } .turnitin_similarity_score.submission_error, .turnitin_similarity_score.submission_pending, .turnitin_similarity_score:link.submission_error, .turnitin_similarity_score:link.submission_pending, .turnitin_similarity_score:visited.submission_error, .turnitin_similarity_score:visited.submission_pending, .turnitin_similarity_score:active.submission_error, .turnitin_similarity_score:active.submission_pending, .turnitin_similarity_score:hover.submission_error, .turnitin_similarity_score:hover.submission_pending, .turnitin_similarity_score:focus.submission_error, .turnitin_similarity_score:focus.submission_pending { background-color: #666666; color: #273540; } .turnitin_similarity_score.pending_score, .turnitin_similarity_score:link.pending_score, .turnitin_similarity_score:visited.pending_score, .turnitin_similarity_score:active.pending_score, .turnitin_similarity_score:hover.pending_score, .turnitin_similarity_score:focus.pending_score { background-image: url(/dist/images/turnitin_submission_pending-010535f0b1.png); width: 10px; height: 10px; } .turnitin_score_container { position: relative; margin-left: 10px; } .turnitin_resubmit_container { text-align: right; } .turnitin-comments { font-size: 0.8em; } /* * Copyright (C) 2014 - present Instructure, Inc. * * This file is part of Canvas. * * Canvas is free software: you can redistribute it and/or modify it under * the terms of the GNU Affero General Public License as published by the Free * Software Foundation, version 3 of the License. * * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more * details. * * You should have received a copy of the GNU Affero General Public License along * with this program. If not, see . */ /* * Copyright (C) 2014 - present Instructure, Inc. * * This file is part of Canvas. * * Canvas is free software: you can redistribute it and/or modify it under * the terms of the GNU Affero General Public License as published by the Free * Software Foundation, version 3 of the License. * * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more * details. * * You should have received a copy of the GNU Affero General Public License along * with this program. If not, see . */ /* * Copyright (C) 2014 - present Instructure, Inc. * * This file is part of Canvas. * * Canvas is free software: you can redistribute it and/or modify it under * the terms of the GNU Affero General Public License as published by the Free * Software Foundation, version 3 of the License. * * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more * details. * * You should have received a copy of the GNU Affero General Public License along * with this program. If not, see . */ /* Legacy variables. Discontinue to use these: */ /* * Copyright (C) 2015 - present Instructure, Inc. * * This file is part of Canvas. * * Canvas is free software: you can redistribute it and/or modify it under * the terms of the GNU Affero General Public License as published by the Free * Software Foundation, version 3 of the License. * * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more * details. * * You should have received a copy of the GNU Affero General Public License along * with this program. If not, see . */ /** * Convert font-size from px to rem with px fallback * @param $size - the value in pixel you want to convert * e.g. p {@include fontSize(12px);} * courtesy of https://github.com/stubbornella/oocss/blob/master/oocss/src/components/utils/_fontSize.scss */ /* * Copyright (C) 2017 - present Instructure, Inc. * * This file is part of Canvas. * * Canvas is free software: you can redistribute it and/or modify it under * the terms of the GNU Affero General Public License as published by the Free * Software Foundation, version 3 of the License. * * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more * details. * * You should have received a copy of the GNU Affero General Public License along * with this program. If not, see . */ /* * Copyright (C) 2015 - present Instructure, Inc. * * This file is part of Canvas. * * Canvas is free software: you can redistribute it and/or modify it under * the terms of the GNU Affero General Public License as published by the Free * Software Foundation, version 3 of the License. * * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more * details. * * You should have received a copy of the GNU Affero General Public License along * with this program. If not, see . */ /* * Copyright (C) 2014 - present Instructure, Inc. * * This file is part of Canvas. * * Canvas is free software: you can redistribute it and/or modify it under * the terms of the GNU Affero General Public License as published by the Free * Software Foundation, version 3 of the License. * * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more * details. * * You should have received a copy of the GNU Affero General Public License along * with this program. If not, see . */ /* * Copyright (C) 2014 - present Instructure, Inc. * * This file is part of Canvas. * * Canvas is free software: you can redistribute it and/or modify it under * the terms of the GNU Affero General Public License as published by the Free * Software Foundation, version 3 of the License. * * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more * details. * * You should have received a copy of the GNU Affero General Public License along * with this program. If not, see . */ /* * Copyright (C) 2014 - present Instructure, Inc. * * This file is part of Canvas. * * Canvas is free software: you can redistribute it and/or modify it under * the terms of the GNU Affero General Public License as published by the Free * Software Foundation, version 3 of the License. * * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more * details. * * You should have received a copy of the GNU Affero General Public License along * with this program. If not, see . */ /* Legacy variables. Discontinue to use these: */ /* * Copyright (C) 2015 - present Instructure, Inc. * * This file is part of Canvas. * * Canvas is free software: you can redistribute it and/or modify it under * the terms of the GNU Affero General Public License as published by the Free * Software Foundation, version 3 of the License. * * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more * details. * * You should have received a copy of the GNU Affero General Public License along * with this program. If not, see . */ /* * Copyright (C) 2012 - present Instructure, Inc. * * This file is part of Canvas. * * Canvas is free software: you can redistribute it and/or modify it under * the terms of the GNU Affero General Public License as published by the Free * Software Foundation, version 3 of the License. * * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more * details. * * You should have received a copy of the GNU Affero General Public License along * with this program. If not, see . */ /* * Copyright (C) 2015 - present Instructure, Inc. * * This file is part of Canvas. * * Canvas is free software: you can redistribute it and/or modify it under * the terms of the GNU Affero General Public License as published by the Free * Software Foundation, version 3 of the License. * * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more * details. * * You should have received a copy of the GNU Affero General Public License along * with this program. If not, see . */ /* * Copyright (C) 2015 - present Instructure, Inc. * * This file is part of Canvas. * * Canvas is free software: you can redistribute it and/or modify it under * the terms of the GNU Affero General Public License as published by the Free * Software Foundation, version 3 of the License. * * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more * details. * * You should have received a copy of the GNU Affero General Public License along * with this program. If not, see . */ /** * Convert font-size from px to rem with px fallback * @param $size - the value in pixel you want to convert * e.g. p {@include fontSize(12px);} * courtesy of https://github.com/stubbornella/oocss/blob/master/oocss/src/components/utils/_fontSize.scss */ #instructure_ajax_error_box { display: none; position: fixed; top: 10px; left: 50px; z-index: 99999; background-color: #fff; border: 2px solid #888; } #instructure_ajax_error_result { width: 600px; height: 300px; overflow: auto; } #fixed_bottom, #flash_message_holder { position: fixed; z-index: 100000; left: 0; width: 100vw; } #flash_message_buffer { visibility: hidden; } #flash_message_holder { height: 0; } #flash_message_holder, #flash_message_buffer { top: 0; list-style: none; margin: 0; padding: 0; } #flash_message_holder .flash-message-container.ic-flash-info:first-child, #flash_message_holder .flash-message-container.ic-flash-success:first-child, #flash_message_holder .flash-message-container.ic-flash-warning:first-child, #flash_message_holder .flash-message-container.ic-flash-error:first-child, #flash_message_buffer .flash-message-container.ic-flash-info:first-child, #flash_message_buffer .flash-message-container.ic-flash-success:first-child, #flash_message_buffer .flash-message-container.ic-flash-warning:first-child, #flash_message_buffer .flash-message-container.ic-flash-error:first-child { margin-top: 12px; } #flash_message_holder .flash-message-container:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error), #flash_message_holder .ui-effects-wrapper, #flash_message_buffer .flash-message-container:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error), #flash_message_buffer .ui-effects-wrapper { margin: 0 auto !important; } #flash_message_holder .flash-message-container:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error), #flash_message_buffer .flash-message-container:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error) { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); border-bottom-color: rgba(0, 0, 0, 0.5); padding: 4px 40px 4px 8px; min-height: 20px; vertical-align: middle; text-align: center; font-weight: bold; position: relative; z-index: 2; width: 400px; } #flash_message_holder .flash-message-container:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error).static_message, #flash_message_buffer .flash-message-container:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error).static_message { width: auto; } #flash_message_holder .flash-message-container:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error) a, #flash_message_buffer .flash-message-container:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error) a { text-decoration: underline; color: inherit; } #flash_message_holder .flash-message-container:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error) .close_link, #flash_message_buffer .flash-message-container:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error) .close_link { position: absolute; right: 10px; top: 50%; width: 20px; height: 20px; overflow: hidden; margin-top: -11px; color: white; text-decoration: none; } #flash_message_holder .flash-message-container:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error) i, #flash_message_buffer .flash-message-container:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error) i { display: inline-block; vertical-align: middle; margin-right: 0; width: 20px; height: 20px; background-image: url(/dist/images/check_16-195e0c04fd.png); background-repeat: no-repeat; } #flash_message_holder .flash-message-container:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error).ui-state-error i, #flash_message_holder .flash-message-container:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error).ui-state-warning i, #flash_message_buffer .flash-message-container:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error).ui-state-error i, #flash_message_buffer .flash-message-container:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error).ui-state-warning i { background-image: url(/dist/images/warning_16-bdc795aad1.png); } #flash_message_holder .flash-message-container:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error).no_close .close_link, #flash_message_buffer .flash-message-container:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error).no_close .close_link { display: none; } .user_content, .mceContentBody { position: relative; min-height: 5px; max-width: 100%; overflow-x: auto; } .user_content a:not(.btn):not(.Button):not(.ui-button):not([role=button]), .mceContentBody a:not(.btn):not(.Button):not(.ui-button):not([role=button]) { text-decoration: underline; } .user_content a.btn:hover, .user_content a.btn:focus, .user_content a.Button:hover, .user_content a.ui-button:hover, .user_content a.Button:focus, .user_content a.ui-button:focus, .user_content a[role=button]:hover, .user_content a[role=button]:focus, .mceContentBody a.btn:hover, .mceContentBody a.btn:focus, .mceContentBody a.Button:hover, .mceContentBody a.ui-button:hover, .mceContentBody a.Button:focus, .mceContentBody a.ui-button:focus, .mceContentBody a[role=button]:hover, .mceContentBody a[role=button]:focus { text-decoration: none; } .user_content table:not([cellpadding]) td, .mceContentBody table:not([cellpadding]) td { padding: 2px; } .user_content iframe, .user_content video { border: 0; padding: 0; margin: 0; max-width: 100%; } .user_content a:focus { outline-offset: 0.0625rem; outline-color: var(--ic-link-color); outline-width: 2px; outline-style: solid; } .reminder, .reminder-content { border: 1px solid #aaa; border-radius: 5px; margin: 5px; clear: both; font-size: 0.9em; } .reminder h2, .reminder .h2, .reminder-content h2, .reminder-content .h2 { margin-top: 0; background-color: #eee; text-transform: uppercase; color: #248; padding: 0px 10px; border-bottom: 1px solid #aaa; font-size: 1.2em; border-top-right-radius: 4px; border-top-left-radius: 4px; } .reminder .body, .reminder-content .body { width: auto; padding: 5px 10px; } #floating_reminders { cursor: move; padding: 5px 10px; position: absolute; top: 5px; left: 0px; background-color: #fe8; border: 2px solid #fbad00; border-radius: 5px; width: 300px; z-index: 2; } #floating_reminders a { font-weight: bold; cursor: pointer; } #right-side h2 .small_link, #right-side .h2 .small_link { font-size: 0.6em; font-family: arial, sans-serif; } #right-side h4.item_list_header, #right-side .h4.item_list_header { font-size: 1.3em; font-weight: bold; border-bottom: 1px solid #888; margin: 0; } #right-side ul.item_list { margin-top: 0; list-style-type: none; margin-left: 15px; } #right-side ul.item_list.limit_height { max-height: 150px; overflow: auto; } #right-side p { margin-top: 0; margin-bottom: 1em; } #right-side table.summary { margin: 5px 0px; width: 100%; } #right-side table.summary tbody th { font-weight: bold; } #right-side table.notifications { border-top: 2px solid #999; border-collapse: collapse; } #right-side table.notifications tr { border-color: #999; } #right-side table.notifications tr td { border-color: #999; border-bottom: 2px solid #999; } #right-side table.courses { width: 100%; } #right-side table.courses td { padding: 5px 5px 10px 10px; background-color: #eee; color: #888; } #right-side table.courses td .name { font-size: 1.5em; font-weight: bold; } #right-side table.courses td .links { font-size: 0.8em; text-align: center; } #right-side table.courses td a { text-decoration: none; color: #444; } #right-side table.courses td a:hover { text-decoration: underline; } #right-side .events_list li.event i.icon-check, #right-side .events_list li.todo i.icon-check, #right-side .to-do-list li.event i.icon-check, #right-side .to-do-list li.todo i.icon-check { color: #02672D; } #right-side .events_list li.event .todo-badge, #right-side .events_list li.todo .todo-badge, #right-side .to-do-list li.event .todo-badge, #right-side .to-do-list li.todo .todo-badge { font-size: 11px; font-size: 0.6875rem; min-width: 18px; line-height: 18px; border-radius: 9px; background: var(--ic-brand-primary); color: #FFFFFF; display: inline-block; vertical-align: middle; text-align: center; box-sizing: border-box; padding: 0 6px; vertical-align: top; margin-top: 2px; } #right-side .events_list .event-details, #right-side .events_list .todo-details, #right-side .to-do-list .event-details, #right-side .to-do-list .todo-details { padding-right: 12px; flex: 1; min-width: 1px; overflow: hidden; position: relative; } #right-side .events_list .event-details:after, #right-side .events_list .todo-details:after, #right-side .to-do-list .event-details:after, #right-side .to-do-list .todo-details:after { content: ""; position: absolute; top: 0; right: 0; height: 100%; width: 12px; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 80%); } #right-side .events_list .todo-details, #right-side .to-do-list .todo-details { padding-right: 30px; } #right-side .events_list .todo-details:after, #right-side .to-do-list .todo-details:after { width: 30px; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 50%); } #right-side .events_list .todo-details__title + *, #right-side .events_list .event-details__title + *, #right-side .to-do-list .todo-details__title + *, #right-side .to-do-list .event-details__title + * { margin-top: 3px; } #right-side .events_list .todo-details__context, #right-side .events_list .event-details__context, #right-side .to-do-list .todo-details__context, #right-side .to-do-list .event-details__context { margin-bottom: 3px; } #right-side .events_list { margin-bottom: 18px; } #right-side .events_list .event-list-view-calendar { float: right; font-size: 12px; font-size: 0.75rem; font-weight: normal; } #right-side .events_list .event-list-view-calendar[class*=icon-]:before, #right-side .events_list .event-list-view-calendar[class^=icon-]:before { font-size: 16px; font-size: 1rem; vertical-align: middle; } #right-side .events_list .event-list-view-calendar { margin: 4px; } #right-side .events_list .event-list-view-calendar:focus { border-radius: 6px; outline-width: 0.125rem; outline-offset: 2px; outline-color: var(--ic-link-color); outline-style: solid; box-shadow: none; padding: 2px; margin: 4px; } #right-side * + .events_list { margin-top: 18px; } #right-side .details { margin: 5px; padding: 5px 10px; border: 1px solid #888; border-radius: 5px; } #right-side .details .header { color: #444; font-weight: bold; } #right-side .details .preview { margin: 5px 30px 10px; padding: 5px; border: 1px solid #aaa; text-align: center; border-radius: 5px; } #right-side .details .links { margin: 10px 0; } table.summary { width: auto; } table.summary th, table.summary caption { text-align: left; } table.summary th, table.summary td, table.summary caption { padding: 6px; } table.summary thead th, table.summary caption { font-weight: bold; border-bottom: 1px solid #6A7883; } table.summary td, table.summary tbody th { border-bottom: 1px solid #E8EAEC; background-color: #FFFFFF; } table.summary table.subtable th, table.summary table.subtable td { border-top: 0; padding: 1px 5px 1px 0; font-size: 0.8em; } form table.formtable { margin: 0; padding: 0; width: auto; } table.formtable td { vertical-align: top; padding: 2px 3px; } .courses .name, .groups .name, .accounts .name { font-size: 1.1em; font-weight: bold; } .courses .unpublished .name a, .groups .unpublished .name a, .accounts .unpublished .name a { color: #334451; } .courses .unpublished i, .groups .unpublished i, .accounts .unpublished i { color: #334451; } .courses .details, .groups .details, .accounts .details { font-size: 0.8em; margin: 0 0 0 10px; } .courses .info, .groups .info, .accounts .info { clear: left; font-size: 0.8em; margin: 0 0 5px 10px; } .courses .info .links, .groups .info .links, .accounts .info .links { color: #eee; } .courses .info .links a, .groups .info .links a, .accounts .info .links a { color: #334451; } .touch .course .course .info .links, .touch .course .group .info .links, .touch .course .account .info .links, .touch .group .course .info .links, .touch .group .group .info .links, .touch .group .account .info .links, .touch .account .course .info .links, .touch .account .group .info .links, .touch .account .account .info .links, .course:hover .course .info .links, .course:hover .group .info .links, .course:hover .account .info .links, .group:hover .course .info .links, .group:hover .group .info .links, .group:hover .account .info .links, .account:hover .course .info .links, .account:hover .group .info .links, .account:hover .account .info .links { color: #4A5B68; } .touch .course .course .info .links a, .touch .course .group .info .links a, .touch .course .account .info .links a, .touch .group .course .info .links a, .touch .group .group .info .links a, .touch .group .account .info .links a, .touch .account .course .info .links a, .touch .account .group .info .links a, .touch .account .account .info .links a, .course:hover .course .info .links a, .course:hover .group .info .links a, .course:hover .account .info .links a, .group:hover .course .info .links a, .group:hover .group .info .links a, .group:hover .account .info .links a, .account:hover .course .info .links a, .account:hover .group .info .links a, .account:hover .account .info .links a { color: #273540; } span.hint { color: #273540; font-size: 0.8em; } .event_pending { opacity: 0.4; } .error_message { color: #AE1B1F; } .formError { color: #AE1B1F; font-size: 0.8em; padding-left: 15px; } .nobr { white-space: nowrap; } .mini_discussion { font-size: 0.8em; } .mini_discussion .name { font-weight: bold; margin-left: 10px; } .mini_discussion .date { margin-left: 5px; } .mini_discussion .message { font-size: 1.5em; } .loading_image { background-color: #FFFFFF; } body .disabled_link { display: none; } .error_box { position: absolute; top: -1000px; left: -100px; z-index: 11; max-width: 200px; min-width: 100px; } .error_box .error_text { max-height: 100px; overflow: auto; margin-bottom: 10px; background-color: #edd; border: 2px solid #a44; border-radius: 5px; padding: 5px; } .error_box .error_bottom { position: absolute; bottom: 0; left: 4px; } .labeled-error-message { margin-top: 0.375rem; } .labeled-error-message .icon-warning { margin-right: 0.375rem; } .datetime_suggest { font-size: 0.8em; padding-left: 10px; color: hsl(0, 0%, 35%); } .datetime_suggest .error-message { display: flex; justify-content: left; align-items: center; color: #AE1B1F; } .datetime_suggest .error-message i.icon-warning.icon-Solid { margin-right: 8px; } .hasDatepicker.error, .hasDatepicker.error:focus { border: 1px solid #AE1B1F; } #submission_preview { background-color: white; padding: 4rem 6rem; margin: 8px auto; box-sizing: content-box; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); line-height: 1.5rem; } #submission_preview.paper { min-width: 400px; } #submission_preview.plain_text { font-family: courier, monospace; } #sidebar .ui-widget { margin-bottom: 1em; } ul.notification_list { line-height: 1.7em; padding-left: 10px; margin-bottom: 20px; } ul.group_list { line-height: 1.7em; padding-left: 10px; margin-bottom: 20px; } @keyframes icon-slide-down { from { transform: scale(0.7); } to { transform: scale(1); } } @keyframes icon-slide-up { from { transform: translate3d(0, 48px, 0); } to { transform: translate3d(0, 0, 0); } } #wizard_box { border-bottom: 1px solid #aaa; z-index: 111; position: fixed; bottom: 0; left: 0; width: 100%; display: none; } #wizard_box h3, #wizard_box .h3 { border-bottom: 1px solid #aaa; margin: 0 0 10px; padding-bottom: 5px; } #wizard_box .wizard_content { background-color: #fff; border-top: 1px solid #888; padding: 10px; } #wizard_box .wizard_content:before, #wizard_box .wizard_content:after { display: table; content: ""; line-height: 0; } #wizard_box .wizard_content:after { clear: both; } #wizard_box .wizard_content { box-shadow: 0 0 10px #333; } #wizard_box .wizard_content .links { float: right; } #wizard_box .wizard_content .wizard_options { float: left; width: 40%; padding-right: 20px; position: relative; } #wizard_box .wizard_content .wizard_details { float: left; width: 43%; display: none; border: 1px solid #aaa; border-radius: 5px; padding: 10px; margin: 0px 20px; color: #444; position: relative; } #wizard_box .wizard_content .wizard_details a.link { background-image: none; padding: 0; } #wizard_box .wizard_content .wizard_details p { margin-top: 0; } #wizard_box .wizard_content .wizard_options_list { list-style-type: none; margin: 0 10px 0 0; padding-left: 5px; } #wizard_box .wizard_content .wizard_options_list li { line-height: 1.8em; } #wizard_box .wizard_content .wizard_options_list .option { cursor: pointer; font-weight: bold; color: #444; border-radius: 3px; } #wizard_box .wizard_content .wizard_options_list .option.completed a { color: #aaa; } #wizard_box .wizard_content .wizard_options_list .option.selected a { color: #273540; text-decoration: none; } #wizard_box .wizard_content .wizard_options_list .option a[class*=icon-]:before, #wizard_box .wizard_content .wizard_options_list .option a[class^=icon-]:before { font-size: 18px; font-size: 1.125rem; line-height: 16px; vertical-align: text-top; color: #555; } #wizard_box.wizard-box--course { transition: background 0.3s; height: 100%; border: none; background-size: cover; background: rgba(0, 0, 0, 0.95); } #wizard_box.wizard-box--course * { box-sizing: border-box; } #wizard_box.wizard-box--course h3 { padding: 0; margin: 0; border-bottom-color: rgba(255, 255, 255, 0.15); font-weight: bold; } #wizard_box.wizard-box--course .wizard-box__feature-icon { display: none; } @media only screen and (min-width: 992px) { #wizard_box.wizard-box--course .wizard-box__feature-icon { display: block; text-align: center; margin: 0; margin: -72px 0 24px; transform: translate3d(0, 0, 0) scale(0.7); transform-origin: center top; animation-duration: 0.5s; animation-name: icon-slide-down; animation-timing-function: cubic-bezier(0, 1, 0.5, 1); animation-fill-mode: forwards; } } #wizard_box.wizard-box--course .wizard-box__feature-icon i[class^=icon-] { width: 84px; height: 84px; background: #273540; border-radius: 100%; font-size: 60px; } #wizard_box.wizard-box--course .wizard-box__feature-icon i[class^=icon-]:before { font-size: 54px; color: #FFFFFF; line-height: 84px; } @media only screen and (min-width: 992px) { #wizard_box.wizard-box--course .wizard-box__feature-icon i[class^=icon-] { width: 168px; height: 168px; font-size: 120px; } #wizard_box.wizard-box--course .wizard-box__feature-icon i[class^=icon-]:before { font-size: 108px; line-height: 168px; } } #wizard_box.wizard-box--course .wizard-box__container { height: 100%; display: flex; flex-direction: column; } #wizard_box.wizard-box--course .wizard-box__columns { display: flex; flex-direction: column-reverse; flex: 1; } @media only screen and (min-width: 992px) { #wizard_box.wizard-box--course .wizard-box__columns { flex-direction: row; } } #wizard_box.wizard-box--course .wizard-box__close-wizard { width: 100%; } #wizard_box.wizard-box--course .wizard-box__logo { padding: 12px; flex: 0 0 34%; } @media only screen and (min-width: 992px) { #wizard_box.wizard-box--course .wizard-box__logo { flex: 0 0 120px; padding: 24px; } } #wizard_box.wizard-box--course .wizard-box__logo .svg-canvas-logo { display: block; width: 120px; } @media only screen and (min-width: 992px) { #wizard_box.wizard-box--course .wizard-box__logo .svg-canvas-logo { width: 144px; } } #wizard_box.wizard-box--course .wizard_content { background: transparent; color: #FFFFFF; padding: 0; border: none; box-shadow: none; height: 100%; } #wizard_box.wizard-box--course .wizard_content .links { display: none; } #wizard_box.wizard-box--course .wizard_content .wizard_options, #wizard_box.wizard-box--course .wizard_content .wizard_details { float: none; width: auto !important; height: auto !important; } #wizard_box.wizard-box--course .wizard_content .wizard_options { padding: 0; display: flex; background: rgba(0, 0, 0, 0.2); } @media only screen and (min-width: 992px) { #wizard_box.wizard-box--course .wizard_content .wizard_options { flex-direction: column; flex: 0 0 30%; } } #wizard_box.wizard-box--course .wizard_content .wizard_options_list { margin: 0; padding: 12px; flex: 1; display: flex; flex-direction: column; } @media only screen and (min-width: 992px) { #wizard_box.wizard-box--course .wizard_content .wizard_options_list { padding: 0; } } #wizard_box.wizard-box--course .wizard_content .wizard_options_list .option { flex: 1; display: flex; flex-direction: column; align-items: center; border-radius: 0; font-weight: normal; } @media only screen and (min-width: 992px) { #wizard_box.wizard-box--course .wizard_content .wizard_options_list .option { font-size: 15px; font-size: 0.9375rem; } } #wizard_box.wizard-box--course .wizard_content .wizard_options_list .option.selected { background: rgba(255, 255, 255, 0.1); } #wizard_box.wizard-box--course .wizard_content .wizard_options_list .option.selected a.header { border-left-color: var(--ic-brand-primary); } #wizard_box.wizard-box--course .wizard_content .wizard_options_list .option.completed a.header { background-image: url("/dist/images/wizard-todo-checked-db664c742f.svg"); } #wizard_box.wizard-box--course .wizard_content .wizard_options_list .option a.header { flex: 1; display: flex; width: 100%; align-items: center; padding: 8px 36px 8px 36px; color: #FFFFFF; text-decoration: none; background: url("/dist/images/wizard-todo-unchecked-702d5ae3af.svg") no-repeat 12px 50%; background-size: 16px 16px; line-height: 1.2; border-left: 4px solid transparent; } @media only screen and (min-width: 992px) { #wizard_box.wizard-box--course .wizard_content .wizard_options_list .option a.header { background-position: 24px 50%; background-size: 24px 24px; padding-left: 60px; } } #wizard_box.wizard-box--course .wizard_content .wizard_details__layout { flex: 2; display: flex; flex-direction: column; align-items: center; position: relative; } @media only screen and (min-width: 992px) { #wizard_box.wizard-box--course .wizard_content .wizard_details__layout { align-items: center; } } #wizard_box.wizard-box--course .wizard_content h3.wizard_details__headline { font-size: 36px; line-height: 1; color: rgba(255, 255, 255, 0.95); border-bottom: none; flex: 0.75; align-self: center; text-align: center; } @media only screen and (min-width: 500px) { #wizard_box.wizard-box--course .wizard_content h3.wizard_details__headline { font-size: 60px; letter-spacing: -1px; flex: 1; } } @media only screen and (min-width: 992px) { #wizard_box.wizard-box--course .wizard_content h3.wizard_details__headline { font-size: 84px; display: flex; width: 100%; justify-content: center; align-self: auto; } } #wizard_box.wizard-box--course .wizard_content .wizard_details__calltoaction { margin-top: 24px; } #wizard_box.wizard-box--course .wizard_content .wizard_details__container { flex: 3; } @media only screen and (min-width: 992px) { #wizard_box.wizard-box--course .wizard_content .wizard_details__container { flex: 2; } } #wizard_box.wizard-box--course .wizard_content .wizard_details { margin: 0; max-height: none !important; border: none; border-radius: 0; text-align: center; background: rgba(255, 255, 255, 0.85); padding: 24px; overflow: visible !important; animation-duration: 0.5s; animation-name: icon-slide-up; animation-timing-function: cubic-bezier(0, 1, 0.5, 1); background: #FFFFFF; color: black; } @media only screen and (min-width: 768px) { #wizard_box.wizard-box--course .wizard_content .wizard_details { max-width: 600px; border-radius: 6px; padding: 36px; } } #wizard_box.wizard-box--course .wizard_content .wizard_details p { line-height: 1.5; } @media only screen and (min-width: 992px) { #wizard_box.wizard-box--course .wizard_content .wizard_details p { font-size: 15px; font-size: 0.9375rem; } } #wizard_box.wizard-box--course .wizard_content .wizard_details p:last-of-type { margin-bottom: 0; } #wizard_box.wizard-box--course .wizard_content .wizard_details a.link { padding: 12px 24px; background-image: none; } #content_tags_dialog h3, #content_tags_dialog .h3 { margin: 0; padding: 0; font-size: 0.8em; color: #888; } #content_tags_dialog .tags { list-style-type: none; padding: 0; margin: 0; } #content_tags_dialog .tags > .tag { display: block; float: left; border: 1px solid #ccc; border-radius: 3px; background-color: #cdf; padding: 1px 4px; margin: 2px 3px; font-size: 0.9em; } #content_tags_dialog .tags > .tag.uneditable { background-color: #ddd; } #content_tags_dialog .tags > .tag.uneditable .delete_link { display: none; } .hidden-readable { position: absolute; left: -100000px; top: auto; width: 1px; height: 1px; overflow: hidden; } #keyboard_navigation { display: none; } #keyboard_navigation ul.navigation_list, .keyboard_navigation ul.navigation_list { padding: 0; margin: 0; list-style-type: none; line-height: 1.7em; } #keyboard_navigation ul.navigation_list li span, .keyboard_navigation ul.navigation_list li span { padding: 1px 2px; } #keyboard_navigation ul.navigation_list li .keycode, .keyboard_navigation ul.navigation_list li .keycode { font-weight: bold; font-size: 1.2em; color: #248; font-family: courier, monospace; text-align: right; } .communication_messages_list .communication_message .context_code, .communication_messages_list .communication_sub_message .context_code { display: none; } .communication_messages_list.communication_messages_show_context .communication_message .context_code, .communication_messages_list.communication_messages_show_context .communication_sub_message .context_code { display: inline; } .communication_message { margin: 0 0.5em 0.5em; padding: 0 0 0.5em; width: auto; color: #000; border-bottom: 1px solid #ddd; } .communication_message.selected { border-width: 1px; } .communication_message div.header { padding: 2px 5px; /* :border-bottom 1px solid #eee */ _height: 25px; color: #666; } .communication_message div.header .header_title { float: left; } .communication_message div.header .header_title button { background: none; color: var(--ic-link-color); border: none; padding: 0; font: inherit; text-decoration: none; } .communication_message div.header .header_title button:hover { color: var(--ic-link-color); text-decoration: underline; } .communication_message div.header .header_icon { float: left; padding-top: 5px; } .communication_message div.header .header_icon.announcement_header_icon { display: none; } .communication_message div.header .title { margin-left: 10px; font-size: 1em; font-weight: bold; } .communication_message div.header .sub_title { margin-left: 30px; line-height: 0.8em; } .communication_message div.header .context_code { font-size: 0.8em; padding-right: 5px; padding-left: 0; } .communication_message div.header .context_name { font-size: 0.8em; padding: 0 5px; color: inherit; text-decoration: none; } .communication_message div.header .points_possible { font-size: 0.8em; padding-right: 5px; padding-left: 0; } .communication_message div.header .podcast { display: none; } .communication_message div.header .user_name { white-space: nowrap; font-size: 0.8em; } .communication_message div.header .post_date { float: right; padding-right: 10px; font-size: 0.8em; padding-top: 0.2em; } .communication_message div.header .post_date .new-and-total-badge { float: right; } .communication_message div.header .under_links { float: right; clear: right; padding-right: 10px; font-size: 0.8em; } .communication_message div.header .under_links a { color: inherit; } .communication_message div.header .link_box { float: right; width: 60px; text-align: right; min-height: 10px; margin-right: 5px; } .communication_message div.header .link_box a { opacity: 0; } .communication_message div.header .link_box a:hover, .communication_message div.header .link_box a:focus { opacity: 1; } .communication_message div.content { padding: 5px 5px 1px 50px; color: #444; } .communication_message div.content .links { text-align: right; margin-right: 2.5em; display: block; font-size: 0.8em; color: #888; } .communication_message div.content .links a { color: #666; } .communication_message div.content .links a.brief_footer_link { display: none; } .communication_message div.content .links a.verbose_footer_link { display: inline; } .communication_message div.content .subcontent { padding-top: 5px; } .communication_message div.content .status { text-align: right; font-size: 0.8em; } .communication_message div.content .original_post_date { text-align: right; font-size: 0.8em; padding-right: 44px; color: #888; } .communication_message div.content .statistics td.name { width: 20%; vertical-align: top; padding: 5px 0; border-bottom: 1px solid #eee; } .communication_message div.content .statistics td.name .text { font-size: 0.8em; } .communication_message div.content .statistics td.stats { vertical-align: top; padding: 5px 0 5px 10px; border-bottom: 1px solid #eee; } .communication_message div.content .statistics td.stats .answer .text { font-size: 0.8em; } .communication_message div.content .statistics td.stats .answer .answer_bar { margin-bottom: 3px; border: 1px solid #888; background: #ccc; height: 10px; } .communication_message div.content .statistics td.stats .answer.correct_answer .answer_bar { background: #8ec778; } .communication_message div.content .attachments_list a { color: #888; } .communication_message div.content .extras { font-size: 0.8em; color: #888; } .communication_message div.footer { margin: 5px; } .communication_message div.base_links { font-size: 1.5em; text-align: center; } .communication_message.pinned_notification { border: 1px solid #bbb; background: #ffb; } .communication_message.pinned_notification .header .links { float: right; font-size: 0.8em; } .communication_message.pinned_notification .user_content p:last-child { margin-bottom: 0; } .communication_message.has_podcast .header .podcast { display: block; float: right; opacity: 0.7; } .communication_message a.disable_item_link { visibility: hidden; float: right; margin-right: 6px; } .communication_message.alert div.content { padding-left: 35px; } .communication_message_hover div.header .link_box a { opacity: 0.5; } .communication_message_hover a.disable_item_link { visibility: visible; opacity: 0.5; } .communication_message_hover a.disable_item_link:hover { opacity: 1; } .brief_communication_message div.header .link_box { display: none; } .brief_communication_message div.content .links a.brief_footer_link { display: inline; } .brief_communication_message div.content .links a.verbose_footer_link { display: none; } .communication_message.announcement div.header .header_icon.announcement_header_icon { display: inline; } .communication_message.announcement div.header .header_icon.discussion_topic_header_icon { display: none; } .communication_message.conversation .submission ul { margin: 0 10px 10px 0; padding: 0; } .communication_message.conversation .submission li { padding: 2px 5px; margin: 0 0 2px; list-style: none; background: #e8e8e8; } .communication_message.conversation .submission .user_name { font-size: 0.8em; padding: 0; } .communication_message.conversation .submission .score { float: right; padding-right: 10px; } .communication_sub_message { margin: 0 2.5em 2px 0em; padding: 0; width: auto; color: #000; border-width: 0px; font-size: 0.85em; background-color: #f2f2f2; } .communication_sub_message div.header, .communication_sub_message div li { padding: 0 5px; border-width: 0px; color: #999; } .communication_sub_message div.header .link_box, .communication_sub_message div li .link_box { float: right; width: 60px; text-align: right; min-height: 10px; margin-right: 5px; opacity: 0.5; } .communication_sub_message div.header .link_box a, .communication_sub_message div li .link_box a { visibility: hidden; } .communication_sub_message div.header .link_box:hover, .communication_sub_message div li .link_box:hover { opacity: 1; } .communication_sub_message div.header .link_box:hover a, .communication_sub_message div li .link_box:hover a { visibility: visible; } .communication_sub_message div.header .header_title, .communication_sub_message div li .header_title { float: left; } .communication_sub_message div.header .user_name, .communication_sub_message div li .user_name { padding-left: 5px; white-space: nowrap; } .communication_sub_message div.header .post_date, .communication_sub_message div li .post_date { float: right; padding-right: 10px; font-size: 0.9em; padding-top: 0.2em; } .communication_sub_message div.header a, .communication_sub_message div li a { color: #888; } .communication_sub_message div.content { padding: 1px 5px 1px 30px; color: #444; } .communication_sub_message div.content .less_important { color: #888; display: block; text-align: right; padding-right: 20px; } .communication_sub_message div.content a.textarea { display: block; border-radius: 4px; border: 1px solid #aaa; background-color: #fff; text-decoration: none; padding: 2px; width: 94%; } .communication_sub_message div.content textarea { border: 1px solid #aaa; border-radius: 4px; padding: 2px; font-size: 1.1em; font-family: Arial, sans-serif; width: 94%; } .communication_sub_message div.content textarea.dim { height: 1em; color: #aaa; font-family: arial, sans-serif; } .communication_sub_message div.behavior_content { color: #999; padding: 2px 5px 2px 30px; } .communication_sub_message div.behavior_content a { color: #888; } .communication_sub_message div.footer { float: right; } .communication_sub_message.toggled_communication_sub_message { display: none; } .communication_sub_message.lonely_behavior_message { background-color: transparent; } .communication_sub_message.lonely_behavior_message div.content a.textarea { display: inline; color: inherit; padding: 0; margin-right: 15px; border-width: 0; } .communication_sub_message.lonely_behavior_message div.content a.textarea:hover, .communication_sub_message.lonely_behavior_message div.content a.textarea:focus { text-decoration: underline; } .communication_sub_message.lonely_behavior_message div.content .less_important { display: inline; color: inherit; } html > body .communication_sub_message .content textarea { width: 97%; } html > body .communication_sub_message .content a.textarea { width: 97%; } html > body .communication_message div.header .under_links { opacity: 0; } html > body .communication_message:hover div.header .under_links { opacity: 1; } .notification_list li a { padding-left: 20px; background-image: url(/dist/images/other_icon-2a7be474af.png); background-repeat: no-repeat; background-position: left center; } .notification_list li a.announcement { background-image: url(/dist/images/announcement_icon-d0bf3f3894.png); } .notification_list li a.course_content { background-image: url(/dist/images/course_content_icon-95ff332fb8.png); } .notification_list li a.due_date { background-image: url(/dist/images/due_date_icon-9fe551d920.png); } .notification_list li a.discussion { background-image: url(/dist/images/discussion_icon-4d54295129.png); } .notification_list li a.grading { background-image: url(/dist/images/grading_icon-16e9e323ad.png); } .notification_list li a.invitation { background-image: url(/dist/images/invitation_icon-9a971ebcbe.png); } .notification_list li a.message { background-image: url(/dist/images/message_icon-d6170068a2.png); } .module_legend { float: right; clear: right; border: 1px solid #ccc; min-width: 200px; margin-bottom: 5px; margin-left: 10px; } .module_legend.module_legend_locked .title { display: none; } .module_legend.module_legend_locked .locked_title, .module_legend.module_legend_locked .locked_message { display: inline; } .module_legend .locked_title, .module_legend .locked_message { display: none; } .module_legend .header { border-bottom: 1px solid #ccc; background-color: #eee; font-size: 1.2em; font-weight: bold; padding: 2px 5px; } .module_legend .content { padding: 5px 20px 5px 10px; max-height: 50px; overflow: auto; } .module_legend .content ul { padding: 0; margin: 0; list-style-type: none; } .module_legend .content ul .context_module_item .type_icon { background: url(/dist/images/file-95ff332fb8.png) no-repeat left top; } .module_legend .content ul .attachment_module_item .type_icon { background-image: url(/dist/images/file_download-d7ad375e63.png); } .module_legend .content ul .assignment_module_item .type_icon { background-image: url(/dist/images/assignment-e807a4c93b.png); } .module_legend .footer { text-align: right; font-size: 0.8em; } .module_legend .context_module_item .criterion { width: 16px; height: 16px; } .module_legend .context_module_item .criterion.completed img { visibility: hidden; } .module_legend .context_module_item .criterion.completed { background: url(/dist/images/pass-25e17f592d.png) no-repeat left top; } .module_legend .context_module_item .criterion.completed:hover img { visibility: visible; } .module_legend .context_module_item .criterion.completed:hover { background: transparent; } body > #ui-datepicker-div { display: none; } #instructure_dropdown_list { z-index: 10; } #instructure_dropdown_list .list { list-style-type: none; padding: 0; margin: 0; overflow: auto; } #instructure_dropdown_list .option.ui-state-default.minimal { background: #fff; border-color: #dde8f0; } #instructure_dropdown_list .option .ui-icon { float: left; margin-top: 0.2em; margin-right: 2px; } .communication_message .media_comment_thumbnail { margin: 3px 0; } .quoted_text_holder .show_quoted_text_link { font-size: 0.8em; } #sequence_details .sequence_list { margin-left: 10px; } #sequence_details .sequence_list li { padding-left: 20px; background: url(/dist/images/ball-e9b3bf0d21.png) no-repeat center left; } #sequence_details .sequence_list li.prev, #sequence_details .sequence_list li.next { font-size: 0.9em; } #sequence_details .sequence_list li.prev { background-image: url(/dist/images/uptick-688aded017.png); } #sequence_details .sequence_list li.next { background-image: url(/dist/images/downtick-187f7c308b.png); } #sequence_details .sequence_list li.current { font-weight: bold; font-size: 1.1em; margin: 2px 0; } body.padless-content .ic-Layout-contentMain #sequence_footer, .ic-Layout-contentMain.padless #sequence_footer { margin-left: 10px; margin-right: 10px; padding-top: 0; } #sequence_footer { padding-top: 24px; } #sequence_footer .next, #sequence_footer .prev { width: 150px; overflow: hidden; } #sequence_footer .next .title, #sequence_footer .prev .title { display: block; font-size: 0.8em; white-space: nowrap; } #sequence_footer .next:hover .title, #sequence_footer .prev:hover .title { text-decoration: none; } #sequence_footer .next { float: right; } #sequence_footer .prev { float: left; } #sequence_footer .all { clear: right; float: right; } #module_prerequisites_list { list-style-type: none; color: #4A5B68; } #module_prerequisites_list li.module { padding: 5px 0; vertical-align: middle; } #module_prerequisites_list li.module ul { list-style-type: none; padding: 5px 0; } #module_prerequisites_list li.module li.requirement { vertical-align: middle; } #module_prerequisites_list li.module li.requirement .description { font-size: 0.8em; } #module_prerequisites_list li.module li.requirement.locked_requirement .description { padding-left: 24px; } #module_prerequisites_list li.module li.requirement.locked_requirement a { color: #4A5B68; } #module_prerequisites_list li.module.locked { cursor: pointer; } #module_prerequisites_list li.module.locked h3 { display: inline-block; padding-left: 12px; } #module_prerequisites_list li.module.locked ul { display: none; } h2.h-margin-top, h3.h-margin-top, .h2.h-margin-top, .h3.h-margin-top { margin-top: 20px; } form.user_content_post_form { display: none; } #change_calendar_version_link_holder { float: right !important; background: none !important; } #change_calendar_version_link_holder a, .dashboard-toggle a { margin-right: 10px; padding: 1px 10px; border-radius: 3px; background-image: linear-gradient(to bottom, #0abdff, #008fd6); text-decoration: none !important; } #change_calendar_version_link_holder a:hover, .dashboard-toggle a:hover { border-color: #165a92; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5); } #change_calendar_version_link_holder a, .dashboard-toggle a { font-size: 14px; font-size: 0.875rem; font-family: GillSans, Calibri, Trebuchet, sans-serif; border: 1px solid #1e7eca; color: white !important; text-shadow: rgba(0, 0, 0, 0.5) 1px 0 1px; -moz-user-select: none; cursor: pointer; } .equation_image { vertical-align: middle; } .dashboard-toggle { display: block; padding: 10px 0 0; } #breadcrumbs .dashboard-toggle { margin: 4px 0; } .with-fixed-bottom:not(.content-only) .ic-Layout-wrapper { padding-bottom: 60px; box-sizing: border-box; } #fixed_bottom { bottom: 0; } #fixed_bottom > *:not(.ic-alert-masquerade-student-view) i { vertical-align: middle; margin-right: 10px; } #fixed_bottom > *:not(.ic-alert-masquerade-student-view) b, #fixed_bottom > *:not(.ic-alert-masquerade-student-view) div { line-height: 28px; vertical-align: middle; } #fixed_bottom > *:not(.ic-alert-masquerade-student-view) i.icon-x { padding-bottom: 3px; margin: 0px; } #fixed_bottom .fixed_warning { background-color: #ffcccc; border-width: 2px 0 0; border-style: solid; border-color: #000000; padding: 15px; opacity: 0.9; color: #000000; display: flex; align-items: center; flex-wrap: wrap; } #fixed_bottom .fixed_warning a { color: #000000; text-decoration: underline; } #fixed_bottom .fixed_warning a:hover, #fixed_bottom .fixed_warning a:focus { color: #000000; } #fixed_bottom .fixed_warning button, #fixed_bottom .fixed_warning .Button--icon-action, #fixed_bottom .fixed_warning .Button--icon-action-rev, #fixed_bottom .fixed_warning .Button--icon-action-danger { color: #000000; } #fixed_bottom .fixed_warning button:hover, #fixed_bottom .fixed_warning button:focus, #fixed_bottom .fixed_warning .Button--icon-action:hover, #fixed_bottom .fixed_warning .Button--icon-action-rev:hover, #fixed_bottom .fixed_warning .Button--icon-action-danger:hover, #fixed_bottom .fixed_warning .Button--icon-action:focus, #fixed_bottom .fixed_warning .Button--icon-action-rev:focus, #fixed_bottom .fixed_warning .Button--icon-action-danger:focus { color: #000000; } #fixed_bottom .fixed_warning .warning_message { margin-left: auto; } body.content-only #fixed_bottom { display: none; } .hidden-text { overflow: hidden; text-indent: -10000px; white-space: nowrap; } .hidden-inline-text { display: inline-block; height: 0; overflow: hidden; text-indent: -10000px; white-space: nowrap; width: 0; } .nav-icon { font-size: 11px; font-size: 0.6875rem; min-width: 18px; line-height: 18px; border-radius: 9px; background: #FFFFFF; color: #273540; display: inline-block; vertical-align: middle; text-align: center; box-sizing: border-box; padding: 0 6px; float: right; } .nav-badge { font-size: 11px; font-size: 0.6875rem; min-width: 20px; line-height: 20px; border-radius: 10px; background: var(--ic-brand-primary); color: #FFFFFF; display: inline-block; vertical-align: middle; text-align: center; box-sizing: border-box; padding: 0 6px; float: right; } .unread-grade { float: left; display: inline-block; line-height: 8px; width: 8px; margin-top: 6px; margin-left: -16px; background-color: #06a9ee; border-radius: 4px; } .clear { clear: both; } .ic-Error-page { margin-top: min(100px, 10vh); display: flex; flex-direction: column; align-items: center; gap: min(12px, 2vh); } .ic-Error-page * { margin: 0; padding: 0; } .ic-Error-page p { text-align: center; } .ic-Error-page .ic-Error-img { height: min(150px, 40vh); max-width: 350px; } .ic-Error-page .ic-Error-form { text-align: left; max-width: 410px; margin-left: auto; margin-right: auto; }