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
}

/*!
 * jQuery UI CSS Framework 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */
.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible,.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px)
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:before,.ui-helper-clearfix:after {
    content: "";
    display: table
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-clearfix {
    zoom:1}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-state-disabled {
    cursor: default !important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

/*!
 * jQuery UI Resizable 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block
}

.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

/*!
 * jQuery UI Selectable 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */
.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted #000
}

/*!
 * jQuery UI Autocomplete 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete {
    position: absolute;
    cursor: default
}

* html .ui-autocomplete {
    width: 1px
}

.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    float: left
}

.ui-menu .ui-menu {
    margin-top: -3px
}

.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    zoom:1;float: left;
    clear: left;
    width: 100%
}

.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: .2em .4em;
    line-height: 1.5;
    zoom:1;color: #273540
}

.ui-menu .ui-menu-item a .secondary {
    color: #6a7883
}

.ui-menu .ui-menu-item a.ui-state-hover,.ui-menu .ui-menu-item a.ui-state-active,.ui-menu .ui-menu-item .ui-progressbar a.ui-widget-header,.ui-progressbar .ui-menu .ui-menu-item a.ui-widget-header,.ui-menu .ui-menu-item a.ui-state-focus {
    background: var(--ic-brand-primary);
    font-weight: normal;
    margin: -1px;
    color: #fff
}

.ui-menu .ui-menu-item a.ui-state-hover .secondary,.ui-menu .ui-menu-item a.ui-state-active .secondary,.ui-menu .ui-menu-item .ui-progressbar a.ui-widget-header .secondary,.ui-progressbar .ui-menu .ui-menu-item a.ui-widget-header .secondary,.ui-menu .ui-menu-item a.ui-state-focus .secondary {
    color: #fff
}

.ui-buttonset {
    margin-right: 7px
}

.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -5px;
    border-radius: 0
}

.ui-buttonset .ui-button.ui-corner-right {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.ui-buttonset .ui-button.ui-corner-left {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.ui-buttonset input[type=checkbox]+label.ui-button,.ui-buttonset input[type=radio]+label.ui-button {
    vertical-align: middle
}

/*!
 * jQuery UI Dialog 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog {
    position: absolute;
    padding: .2em;
    width: 300px;
    overflow: hidden
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: 0 16px 0 0;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: normal
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 19px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 18px;
    padding: 0;
    background: none
}

.ui-dialog .ui-dialog-titlebar-close:not(.ui-state-focus) {
    border-color: transparent
}

.ui-dialog .ui-dialog-titlebar-close span {
    display: block;
    margin: 1px
}

.ui-dialog .ui-dialog-titlebar-close:hover,.ui-dialog .ui-dialog-titlebar-close:focus {
    padding: 0
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto;
    zoom:1}

.ui-dialog .ui-dialog-buttonpane,.ui-dialog .ui-datepicker .ui-datepicker-time,.ui-datepicker .ui-dialog .ui-datepicker-time {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin: .5em 0 0 0;
    padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset,.ui-dialog .ui-datepicker .ui-datepicker-time .ui-dialog-buttonset,.ui-datepicker .ui-dialog .ui-datepicker-time .ui-dialog-buttonset {
    float: right
}

.ui-dialog .ui-dialog-buttonpane button,.ui-dialog .ui-datepicker .ui-datepicker-time button,.ui-datepicker .ui-dialog .ui-datepicker-time button {
    margin: .5em .4em .5em 0;
    cursor: pointer
}

.ui-dialog .ui-resizable-se {
    width: 14px;
    height: 14px;
    right: 3px;
    bottom: 3px
}

.ui-draggable .ui-dialog-titlebar,.ui-draggable .ui-datepicker .ui-datepicker-header,.ui-datepicker .ui-draggable .ui-datepicker-header {
    cursor: move
}

.ui-dialog {
    padding: 0
}

.ui-dialog .ui-dialog-titlebar-close {
    right: 12px;
    width: 20px;
    height: 20px
}

.ui-dialog .ui-dialog-titlebar-close span {
    transition: opacity .2s;
    background: url(/dist/images/icon-x-black-163c6230a4.svg) 50% 50% no-repeat;
    background-size: 10px;
    opacity: .6
}

.ui-dialog .ui-dialog-titlebar-close.ui-state-hover,.ui-dialog .ui-dialog-titlebar-close.ui-state-focus {
    border: 1px solid transparent;
    box-shadow: 0 0 0 2px var(--ic-brand-button--primary-bgd);
    border-radius: 3px
}

.ui-dialog .ui-dialog-titlebar-close.ui-state-hover span,.ui-dialog .ui-dialog-titlebar-close.ui-state-focus span {
    opacity: .8
}

.ui-dialog .ui-dialog-titlebar-close:focus {
    outline-style: none;
    border-color: transparent;
    box-shadow: 0 0 0 2px var(--ic-brand-button--primary-bgd)
}

.ui-dialog .ui-dialog-titlebar,.ui-dialog .ui-datepicker .ui-datepicker-header,.ui-datepicker .ui-dialog .ui-datepicker-header {
    padding: .4em 1em;
    position: relative
}

.ui-dialog .ui-dialog-titlebar.ui-widget-header,.ui-dialog .ui-datepicker .ui-widget-header.ui-datepicker-header,.ui-datepicker .ui-dialog .ui-widget-header.ui-datepicker-header {
    background: #fff;
    padding: 16px 12px;
    border-bottom: 1px solid #e8eaec
}

.ui-dialog.ui-widget-content {
    border: none;
    box-shadow: 0 1px 4px 1px rgba(39,53,64,.95)
}

.ui-dialog.ui-dialog-focus-bumper {
    pointerEvents: "none";
    position: "fixed"
}

.ui-datepicker .ui-datepicker-time,.ui-dialog .ui-dialog-buttonpane {
    background-color: #f2f2f2;
    border-top: 1px solid #e8eaec
}

.ui-dialog .ui-dialog-buttonpane,.ui-dialog .ui-datepicker .ui-datepicker-time,.ui-datepicker .ui-dialog .ui-datepicker-time {
    padding: 6px
}

@media only screen and (min-width: 768px) {
    .ui-dialog .ui-dialog-buttonpane,.ui-dialog .ui-datepicker .ui-datepicker-time,.ui-datepicker .ui-dialog .ui-datepicker-time {
        padding:12px
    }
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button,.ui-dialog .ui-datepicker .ui-datepicker-time .ui-dialog-buttonset button,.ui-datepicker .ui-dialog .ui-datepicker-time .ui-dialog-buttonset button {
    margin-top: 0;
    margin-bottom: 0
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:last-of-type,.ui-dialog .ui-datepicker .ui-datepicker-time .ui-dialog-buttonset button:last-of-type,.ui-datepicker .ui-dialog .ui-datepicker-time .ui-dialog-buttonset button:last-of-type {
    margin-right: 0
}

.ui-datepicker .ui-datepicker-header,.ui-dialog .ui-dialog-titlebar {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    font-weight: bold;
    font-size: 14px;
    font-size: 0.875rem
}

/*!
 * jQuery UI Tabs 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs {
    position: relative;
    zoom:1;border-radius: 0;
    border: none !important;
    background-color: transparent !important
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0;
    border-radius: 0;
    background: transparent;
    border-width: 0 0 1px 0;
    box-shadow: none
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 1px;
    margin: 0 .2em 1px 0;
    border-bottom: 0 !important;
    padding: 0;
    white-space: nowrap
}

.ui-tabs .ui-tabs-nav li a {
    float: left;
    padding: .5em .9em;
    text-decoration: none;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(255,255,255,.5)
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: 0;
    padding-bottom: 1px;
    background: #fff;
    border-color: #aaa;
    box-shadow: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    color: #333
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-state-processing a {
    cursor: text
}

.ui-tabs .ui-tabs-nav li a,.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
    cursor: pointer
}

.ui-tabs .ui-tabs-panel {
    display: block;
    padding: 1em 1.4em;
    background-color: #fff;
    border-width: 0 1px 1px 1px;
    border-radius: 0
}

.ui-tabs .ui-tabs-hide {
    display: none !important
}

/*!
 * jQuery UI Datepicker 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker {
    width: 17em;
    padding: 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: 4px 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 5px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover {
    top: 4px
}

.ui-datepicker .ui-datepicker-prev {
    left: 4px
}

.ui-datepicker .ui-datepicker-next {
    right: 4px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 3px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 3px
}

.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month-year {
    width: 100%
}

.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year {
    width: 49%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0
}

.ui-datepicker td {
    border: 0
}

.ui-datepicker td span,.ui-datepicker td a {
    display: block;
    padding: 2px;
    text-align: center;
    text-decoration: none;
    border-color: transparent
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0em
}

.ui-datepicker .ui-state-default {
    background: transparent;
    box-shadow: none
}

.ui-datepicker .ui-state-active,.ui-datepicker .ui-progressbar .ui-widget-header,.ui-progressbar .ui-datepicker .ui-widget-header,.ui-datepicker .ui-state-active.ui-state-hover {
    border: 1px solid #a8adb3;
    color: #333;
    background: #d5dde3;
    background: linear-gradient(to bottom, #e0e6eb, #d4dce2);
    font-weight: bold;
    text-shadow: 1px 1px 0 rgba(255,255,255,.75)
}

.ui-datepicker .ui-datepicker-time {
    padding: 5px 6px;
    text-align: right
}

.ui-datepicker .ui-datepicker-time input,.ui-datepicker .ui-datepicker-time select {
    padding: 2px;
    margin-bottom: 0
}

.ui-datepicker .ui-datepicker-time .ui-datepicker-ok {
    margin-left: 6px
}

.ui-datepicker .ui-datepicker-header {
    font-size: 12px;
    font-size: 0.75rem
}

.ui-datepicker-today .ui-state-highlight:not(.ui-state-active) {
    background: transparent;
    border-color: transparent;
    font-weight: bold
}

#ui-datepicker-div {
    z-index: 9999 !important
}

.ui-datepicker-header.ui-widget-header {
    background: #fff;
    box-shadow: none;
    padding: 6px 0;
    border-color: #e8eaec;
    text-shadow: none
}

.ui-datepicker.ui-widget-content {
    border-color: #e8eaec;
    box-shadow: 0 1px 2px rgba(39,53,64,.2)
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
    background: url("/dist/images/icon-arrow-left-98868663f2.svg") 50% 50% no-repeat;
    background-size: 12px
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon {
    display: none
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev,.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 12px;
    opacity: .85
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon,.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon {
    display: none
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-hover,.ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-state-hover {
    border-color: #e8eaec;
    background-color: #f2f2f2
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
    background-image: url("/dist/images/icon-arrow-left-98868663f2.svg")
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    background-image: url("/dist/images/icon-arrow-right-2bbc032252.svg")
}

.ui-datepicker td span,.ui-datepicker td a {
    border-radius: 3px;
    color: var(--ic-brand-font-color-dark)
}

.ui-datepicker td span.ui-state-default.ui-state-hover,.ui-datepicker td a.ui-state-default.ui-state-hover {
    border-color: #e8eaec;
    background-color: #f2f2f2
}

.ui-datepicker td span.ui-state-default.ui-state-active,.ui-datepicker td .ui-progressbar span.ui-state-default.ui-widget-header,.ui-progressbar .ui-datepicker td span.ui-state-default.ui-widget-header,.ui-datepicker td a.ui-state-default.ui-state-active,.ui-datepicker td .ui-progressbar a.ui-state-default.ui-widget-header,.ui-progressbar .ui-datepicker td a.ui-state-default.ui-widget-header {
    background: var(--ic-brand-primary);
    color: #fff;
    border-color: var(--ic-brand-primary-darkened-10);
    text-shadow: none
}

.ui-datepicker .ui-datepicker-time {
    background-color: #f2f2f2;
    box-shadow: none;
    border-top-color: #e8eaec
}

/*!
 * jQuery UI Progressbar 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */
.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%
}

.ui-widget.ui-tooltip {
    padding: 5px;
    position: absolute;
    z-index: 1030;
    display: block;
    font-size: 11px;
    font-size: 0.6875rem;
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    opacity: .8;
    border: none
}

.ui-tooltip:before {
    border-color: transparent transparent #000 transparent;
    position: absolute;
    border-style: solid;
    border-width: 5px;
    width: 0;
    height: 0;
    content: "";
    top: -10px;
    left: 5px
}

.ui-tooltip.right:before {
    left: auto;
    right: 5px
}

.ui-tooltip.bottom:before {
    border-color: #000 transparent transparent transparent;
    top: auto;
    bottom: -10px
}

.ui-tooltip.center:before {
    left: 50%;
    margin-left: -5px;
    right: auto
}

.ui-tooltip.middle:before {
    top: 50%;
    margin-top: -5px;
    bottom: auto
}

.ui-tooltip.horizontal:before {
    top: 50%;
    margin-top: -5px;
    bottom: auto;
    left: -10px;
    right: auto;
    border-color: transparent #000 transparent transparent
}

.ui-tooltip.right.horizontal:before {
    left: auto;
    right: -10px;
    border-color: transparent transparent transparent #000
}

.ui-tooltip.bottom.horizontal:before {
    top: auto;
    bottom: 5px
}

.ui-tooltip.top.horizontal:before {
    top: 5px
}

/*!
 * jQuery UI CSS Framework 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/
 */
.ui-widget {
    font-size: 12px;
    font-size: 0.75rem
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget-content {
    border: 1px solid #aaa;
    background: #fff;
    color: var(--ic-brand-font-color-dark)
}

.ui-widget-header {
    border: 1px solid #e8eaec;
    background: #f2f4f4
}

.ui-widget-header a {
    color: #333
}

.ui-state-default,.ui-widget-header .ui-state-default {
    border: 1px solid #ccc;
    color: #333;
    font-weight: normal;
    background-image: linear-gradient(to bottom, white, #e6e6e6);
    border-bottom-color: #bbb
}

.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight {
    border: 1px solid #eedc94;
    background: #eedc94;
    color: #404040;
    background-image: linear-gradient(to bottom, #fceec1, #eedc94);
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    border-color: #eedc94 #eedc94 #e4c652;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.25)
}

.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a {
    color: #404040
}

.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited {
    color: #333;
    text-decoration: none
}

.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus {
    border: 1px solid #9d9d9d;
    font-weight: normal
}

.ui-state-hover a,.ui-state-hover a:hover {
    color: #313131;
    text-decoration: none
}

.ui-state-active,.ui-progressbar .ui-widget-header,.ui-widget-header .ui-state-active {
    border: 1px solid #1e7bc8;
    color: #fff;
    background: #05a6eb;
    background-image: linear-gradient(to bottom, #0abeff, #0a95ff)
}

.ui-state-active a,.ui-progressbar .ui-widget-header a,.ui-state-active a:link,.ui-state-active a:visited {
    color: #fff;
    text-decoration: none
}

.ui-widget :active {
    outline: none
}

.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error {
    border: 1px solid #c43c35;
    background: #c43c35;
    color: #fff;
    background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
    border-color: #c43c35 #c43c35 #882a25;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.25)
}

.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a {
    color: #fff
}

.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text {
    color: #fff
}

.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary {
    font-weight: bold
}

.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    font-weight: normal
}

.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled {
    opacity: .6;
    background-image: none
}

.ui-state-success,.ui-state-warning,.dialog-warning .ui-dialog-titlebar,.dialog-warning .ui-datepicker .ui-datepicker-header,.ui-datepicker .dialog-warning .ui-datepicker-header,.dialog-success .ui-dialog-titlebar,.dialog-success .ui-datepicker .ui-datepicker-header,.ui-datepicker .dialog-success .ui-datepicker-header {
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
    color: #e62429
}

.ui-state-success,.dialog-success .ui-dialog-titlebar,.dialog-success .ui-datepicker .ui-datepicker-header,.ui-datepicker .dialog-success .ui-datepicker-header {
    background-image: linear-gradient(to bottom, #62c462, #3ea63e)
}

.ui-state-warning,.dialog-warning .ui-dialog-titlebar,.dialog-warning .ui-datepicker .ui-datepicker-header,.ui-datepicker .dialog-warning .ui-datepicker-header {
    box-sizing: border-box;
    border-color: #fc5e24;
    background: #fff;
    border-radius: .25rem;
    border-style: solid;
    border-width: .125rem;
    box-shadow: 0 .1875rem .375rem rgba(0,0,0,.1),0 .1875rem .375rem rgba(0,0,0,.16);
    color: #273540;
    min-width: 12rem
}

.ui-icon {
    width: 16px;
    height: 16px;
    background-image: url(/dist/images/jqueryui/ui-icons_222222_256x240-a2c05c5e96.png)
}

.ui-widget-content .ui-icon {
    background-image: url(/dist/images/jqueryui/ui-icons_222222_256x240-a2c05c5e96.png)
}

.ui-widget-header .ui-icon {
    background-image: url(/dist/images/jqueryui/ui-icons_ffffff_256x240-ed886cdf6e.png)
}

.ui-state-default .ui-icon {
    background-image: url(/dist/images/jqueryui/ui-icons_222222_256x240-a2c05c5e96.png)
}

.ui-state-hover .ui-icon,.ui-state-focus .ui-icon {
    background-image: url(/dist/images/jqueryui/ui-icons_222222_256x240-a2c05c5e96.png)
}

.ui-state-active .ui-icon,.ui-progressbar .ui-widget-header .ui-icon {
    background-image: url(/dist/images/jqueryui/ui-icons_ffffff_256x240-ed886cdf6e.png)
}

.ui-state-highlight .ui-icon {
    background-image: url(/dist/images/jqueryui/ui-icons_228ef1_256x240-69cd3c6fca.png)
}

.ui-state-error .ui-icon,.ui-state-error-text .ui-icon {
    background: url(/dist/images/jqueryui/icon_sprite-30c4d78a47.png) -16px 0 no-repeat !important
}

.ui-state-highlight .ui-icon,.ui-state-error .ui-icon {
    margin-top: -1px
}

.ui-icon-carat-1-e {
    background-position: -32px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-close {
    background-position: -248px -546px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background: url(/dist/images/jqueryui/icon_sprite-30c4d78a47.png) 0 0 no-repeat !important
}

.ui-icon-check {
    background-position: -50px -546px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -182px -480px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-icon-radio-off {
    background: none !important
}

.ui-icon-radio-on {
    background: url(/dist/images/icon-checkmark-3879439d37.svg) 0 50% no-repeat !important;
    background-size: 14px
}

.ui-icon-sections {
    background: url(/dist/images/jqueryui/ui-icon-sections-2a6fae7598.png) 0 0 no-repeat !important
}

.ui-icon-cog {
    background: url(/dist/images/jqueryui/ui-icon-cog-df5572602e.png) 0 0 no-repeat !important
}

.ui-icon.ui-icon-check,.ui-icon.ui-icon-calendar,.ui-icon.ui-icon-clock,.ui-icon.ui-icon-close,.ui-icon.ui-icon-circle-triangle-s {
    background-image: url(/dist/images/blue/canvas-icons-16x16-dkgrey-a100946aa9.png)
}

.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl {
    border-top-left-radius: 3px
}

.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr {
    border-top-right-radius: 3px
}

.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl {
    border-bottom-left-radius: 3px
}

.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br {
    border-bottom-right-radius: 3px
}

.ui-widget-overlay {
    background: rgba(39,53,64,.75)
}

.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #000;
    opacity: .3;
    border-radius: 8px
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: none
}

.ui-menu .ui-menu {
    margin-top: -3px;
    position: absolute
}

.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    zoom:1;width: 100%
}

.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: 6px .4em;
    line-height: 1.5;
    zoom:1}

.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active,.ui-menu .ui-menu-item .ui-progressbar a.ui-widget-header,.ui-progressbar .ui-menu .ui-menu-item a.ui-widget-header {
    margin: -1px
}

.ui-menu li.ui-state-disabled {
    padding: .7em .4em .5em;
    margin: .4em 0 .2em;
    line-height: 1.5
}

.ui-menu-icons {
    position: relative
}

.ui-menu-icons .ui-menu-item a {
    position: relative;
    padding-left: 2em
}

.ui-menu .ui-icon {
    position: absolute;
    top: .5em;
    left: .4em
}

.ui-menu .ui-menu-icon {
    position: static;
    float: right
}

.ui-menu .ui-menu-input-group {
    text-transform: uppercase;
    font-weight: bold;
    color: #000;
    font-size: 12px;
    font-size: 0.75rem
}

.ui-menu-item span.ui-menu-input-group {
    padding-left: 2em
}

.ui-menu-item label {
    cursor: pointer
}

.ui-menu .ui-corner-all {
    border-radius: 0
}

.ui-menu-carat,.ui-menu-carat span {
    border-style: solid;
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    content: "";
    border-width: 0px 9px 9px;
    top: -9px;
    margin-left: -9px;
    border-color: #e0e2e5 transparent
}

.ui-menu-carat span {
    border-width: 0px 8px 8px;
    top: 1px;
    margin-left: -8px;
    border-color: #fff transparent
}

.carat-bottom .ui-menu-carat,.carat-bottom .ui-menu-carat span {
    top: auto;
    bottom: -9px;
    border-width: 9px 9px 0
}

.carat-bottom .ui-menu-carat span {
    top: auto;
    bottom: 1px;
    border-width: 8px 8px 0
}

.ui-kyle-menu {
    position: absolute;
    z-index: 9999;
    margin-top: 8px;
    text-align: left;
    border: 1px solid #e8eaec;
    box-shadow: 0px 0px 6px rgba(0,0,0,.1);
    background-color: #fff;
    font-weight: bold
}

.ui-kyle-menu a {
    color: #333;
    padding: 6px 12px;
    min-width: 144px;
    line-height: 1.1
}

.ui-kyle-menu hr {
    margin: 0;
    height: 0;
    border: 0;
    border-top: 1px solid #e8eaec
}

.ui-kyle-menu li:first-of-type a {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.ui-kyle-menu li:last-child a {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.ui-kyle-menu .ui-state-focus {
    font-weight: bold !important;
    border: none
}

.ui-kyle-menu .ui-state-focus .ui-icon-radio-on {
    background: url(/dist/images/icon-checkmark-rev-ce753133bc.svg) 0 50% no-repeat !important;
    background-size: 14px
}

.ui-menu-small {
    font-size: 11px;
    font-size: 0.6875rem;
    font-weight: normal;
    white-space: nowrap
}

.ui-menu-small .ui-state-focus {
    font-weight: normal;
    text-shadow: none
}

.ui-menu-small .ui-menu-item a {
    padding: 3px 5px
}

.ui-widget {
    font-size: 14px;
    font-size: 0.875rem
}

.row {
    margin-left: -20px
}

.row:before,.row:after {
    display: table;
    content: "";
    line-height: 0
}

.row:after {
    clear: both
}

[class*=span] {
    float: left;
    min-height: 1px;
    margin-left: 20px
}

.container {
    width: 940px
}

@media(min-width: 768px) {
    .span12 {
        width:940px
    }
}

@media(max-width: 767px) {
    .span12 {
        width:100%
    }
}

@media(min-width: 768px) {
    .span11 {
        width:860px
    }
}

@media(max-width: 767px) {
    .span11 {
        width:100%
    }
}

@media(min-width: 768px) {
    .span10 {
        width:780px
    }
}

@media(max-width: 767px) {
    .span10 {
        width:100%
    }
}

@media(min-width: 768px) {
    .span9 {
        width:700px
    }
}

@media(max-width: 767px) {
    .span9 {
        width:100%
    }
}

@media(min-width: 768px) {
    .span8 {
        width:620px
    }
}

@media(max-width: 767px) {
    .span8 {
        width:100%
    }
}

@media(min-width: 768px) {
    .span7 {
        width:540px
    }
}

@media(max-width: 767px) {
    .span7 {
        width:100%
    }
}

@media(min-width: 768px) {
    .span6 {
        width:460px
    }
}

@media(max-width: 767px) {
    .span6 {
        width:100%
    }
}

@media(min-width: 768px) {
    .span5 {
        width:380px
    }
}

@media(max-width: 767px) {
    .span5 {
        width:100%
    }
}

@media(min-width: 768px) {
    .span4 {
        width:300px
    }
}

@media(max-width: 767px) {
    .span4 {
        width:100%
    }
}

@media(min-width: 768px) {
    .span3 {
        width:220px
    }
}

@media(max-width: 767px) {
    .span3 {
        width:100%
    }
}

@media(min-width: 768px) {
    .span2 {
        width:140px
    }
}

@media(max-width: 767px) {
    .span2 {
        width:100%
    }
}

@media(min-width: 768px) {
    .span1 {
        width:60px
    }
}

@media(max-width: 767px) {
    .span1 {
        width:100%
    }
}

.offset12 {
    margin-left: 980px
}

.offset11 {
    margin-left: 900px
}

.offset10 {
    margin-left: 820px
}

.offset9 {
    margin-left: 740px
}

.offset8 {
    margin-left: 660px
}

.offset7 {
    margin-left: 580px
}

.offset6 {
    margin-left: 500px
}

.offset5 {
    margin-left: 420px
}

.offset4 {
    margin-left: 340px
}

.offset3 {
    margin-left: 260px
}

.offset2 {
    margin-left: 180px
}

.offset1 {
    margin-left: 100px
}

.row-fluid {
    width: 100%
}

.row-fluid:before,.row-fluid:after {
    display: table;
    content: "";
    line-height: 0
}

.row-fluid:after {
    clear: both
}

.row-fluid [class*=span] {
    display: block;
    width: 100%;
    min-height: 32px;
    box-sizing: border-box;
    float: left
}

@media(min-width: 768px) {
    .row-fluid [class*=span] {
        margin-left:2.1276595745%
    }
}

@media(max-width: 767px) {
    .row-fluid [class*=span] {
        margin-left:0
    }
}

.row-fluid [class*=span]:first-child {
    margin-left: 0
}

.row-fluid .controls-row [class*=span]+[class*=span] {
    margin-left: 2.1276595745%
}

@media(min-width: 768px) {
    .row-fluid .span12 {
        width:100%
    }
}

@media(max-width: 767px) {
    .row-fluid .span12 {
        width:100%
    }
}

@media(min-width: 768px) {
    .row-fluid .span11 {
        width:91.4893617021%
    }
}

@media(max-width: 767px) {
    .row-fluid .span11 {
        width:100%
    }
}

@media(min-width: 768px) {
    .row-fluid .span10 {
        width:82.9787234043%
    }
}

@media(max-width: 767px) {
    .row-fluid .span10 {
        width:100%
    }
}

@media(min-width: 768px) {
    .row-fluid .span9 {
        width:74.4680851064%
    }
}

@media(max-width: 767px) {
    .row-fluid .span9 {
        width:100%
    }
}

@media(min-width: 768px) {
    .row-fluid .span8 {
        width:65.9574468085%
    }
}

@media(max-width: 767px) {
    .row-fluid .span8 {
        width:100%
    }
}

@media(min-width: 768px) {
    .row-fluid .span7 {
        width:57.4468085106%
    }
}

@media(max-width: 767px) {
    .row-fluid .span7 {
        width:100%
    }
}

@media(min-width: 768px) {
    .row-fluid .span6 {
        width:48.9361702128%
    }
}

@media(max-width: 767px) {
    .row-fluid .span6 {
        width:100%
    }
}

@media(min-width: 768px) {
    .row-fluid .span5 {
        width:40.4255319149%
    }
}

@media(max-width: 767px) {
    .row-fluid .span5 {
        width:100%
    }
}

@media(min-width: 768px) {
    .row-fluid .span4 {
        width:31.914893617%
    }
}

@media(max-width: 767px) {
    .row-fluid .span4 {
        width:100%
    }
}

@media(min-width: 768px) {
    .row-fluid .span3 {
        width:23.4042553191%
    }
}

@media(max-width: 767px) {
    .row-fluid .span3 {
        width:100%
    }
}

@media(min-width: 768px) {
    .row-fluid .span2 {
        width:14.8936170213%
    }
}

@media(max-width: 767px) {
    .row-fluid .span2 {
        width:100%
    }
}

@media(min-width: 768px) {
    .row-fluid .span1 {
        width:6.3829787234%
    }
}

@media(max-width: 767px) {
    .row-fluid .span1 {
        width:100%
    }
}

.row-fluid .offset12 {
    margin-left: 104.2553191489%
}

.row-fluid .offset12:first-child {
    margin-left: 102.1276595745%
}

.row-fluid .offset11 {
    margin-left: 95.7446808511%
}

.row-fluid .offset11:first-child {
    margin-left: 93.6170212766%
}

.row-fluid .offset10 {
    margin-left: 87.2340425532%
}

.row-fluid .offset10:first-child {
    margin-left: 85.1063829787%
}

.row-fluid .offset9 {
    margin-left: 78.7234042553%
}

.row-fluid .offset9:first-child {
    margin-left: 76.5957446809%
}

.row-fluid .offset8 {
    margin-left: 70.2127659574%
}

.row-fluid .offset8:first-child {
    margin-left: 68.085106383%
}

.row-fluid .offset7 {
    margin-left: 61.7021276596%
}

.row-fluid .offset7:first-child {
    margin-left: 59.5744680851%
}

.row-fluid .offset6 {
    margin-left: 53.1914893617%
}

.row-fluid .offset6:first-child {
    margin-left: 51.0638297872%
}

.row-fluid .offset5 {
    margin-left: 44.6808510638%
}

.row-fluid .offset5:first-child {
    margin-left: 42.5531914894%
}

.row-fluid .offset4 {
    margin-left: 36.170212766%
}

.row-fluid .offset4:first-child {
    margin-left: 34.0425531915%
}

.row-fluid .offset3 {
    margin-left: 27.6595744681%
}

.row-fluid .offset3:first-child {
    margin-left: 25.5319148936%
}

.row-fluid .offset2 {
    margin-left: 19.1489361702%
}

.row-fluid .offset2:first-child {
    margin-left: 17.0212765957%
}

.row-fluid .offset1 {
    margin-left: 10.6382978723%
}

.row-fluid .offset1:first-child {
    margin-left: 8.5106382979%
}

[class*=span].hide,.row-fluid [class*=span].hide {
    display: none
}

[class*=span].pull-right,.row-fluid [class*=span].pull-right {
    float: right
}

.container {
    margin-right: auto;
    margin-left: auto
}

.container:before,.container:after {
    display: table;
    content: "";
    line-height: 0
}

.container:after {
    clear: both
}

.container-fluid {
    padding-right: 20px;
    padding-left: 20px
}

.container-fluid:before,.container-fluid:after {
    display: table;
    content: "";
    line-height: 0
}

.container-fluid:after {
    clear: both
}

form {
    margin: 0 0 22px
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 22px;
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 44px;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

legend small {
    font-size: 16.5px;
    font-size: 1.03125rem;
    color: #999
}

label,input,button,select,textarea {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 22px
}

input,button,select,textarea {
    font-family: "Lato Extended","Lato","Helvetica Neue",Helvetica,Arial,sans-serif
}

label {
    display: block;
    margin-bottom: 5px
}

select,textarea,input[type=text],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url],input[type=search],input[type=tel],input[type=color],.uneditable-input {
    display: inline-block;
    height: 22px;
    padding: 8px;
    margin-bottom: 11px;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 22px;
    color: var(--ic-brand-font-color-dark);
    border-radius: 3px;
    vertical-align: middle
}

input,textarea,.uneditable-input {
    width: 206px
}

textarea {
    height: auto
}

textarea,input[type=text],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url],input[type=search],input[type=tel],input[type=color],.uneditable-input {
    background-color: #fff;
    border: 1px solid #8d959f;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    transition: border linear .2s,box-shadow linear .2s
}

textarea:focus,input[type=text]:focus,input[type=password]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=date]:focus,input[type=month]:focus,input[type=time]:focus,input[type=week]:focus,input[type=number]:focus,input[type=email]:focus,input[type=url]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=color]:focus,.uneditable-input:focus {
    border-color: var(--ic-link-color-lightened-10);
    outline: 0
}

input[type=radio],input[type=checkbox] {
    margin: 4px 0 0;
    line-height: normal;
    cursor: pointer
}

input[type=file],input[type=image],input[type=submit],input[type=reset],input[type=button],input[type=radio],input[type=checkbox] {
    width: auto
}

select,input[type=file] {
    height: 2.375rem;
    line-height: 2.375rem
}

select {
    width: 220px;
    border: 1px solid #8d959f;
    background-color: #fff
}

select.responsive-width {
    width: unset;
    min-width: 220px
}

select[multiple],select[size] {
    height: auto
}

select:focus,input[type=file]:focus,input[type=radio]:focus,input[type=checkbox]:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    text-decoration: none
}

#external_tool_button_form {
    margin: 0 0 0
}

.uneditable-input,.uneditable-textarea {
    color: #999;
    background-color: #fcfcfc;
    border-color: #8d959f;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.025);
    cursor: not-allowed
}

.uneditable-input {
    overflow: hidden;
    white-space: nowrap
}

.uneditable-textarea {
    width: auto;
    height: auto
}

input:-moz-placeholder,textarea:-moz-placeholder {
    color: #999
}

input:-ms-input-placeholder,textarea:-ms-input-placeholder {
    color: #999
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    color: #999
}

.radio,.checkbox {
    min-height: 22px;
    padding-left: 20px
}

.radio input[type=radio],.checkbox input[type=checkbox] {
    float: left;
    margin-left: -20px
}

.controls>.radio:first-child,.controls>.checkbox:first-child {
    padding-top: 5px
}

.radio.inline,.checkbox.inline {
    display: inline-block;
    padding-top: 5px;
    margin-bottom: 0;
    vertical-align: middle
}

.radio.inline+.radio.inline,.checkbox.inline+.checkbox.inline {
    margin-left: 10px
}

.input-mini {
    width: 60px
}

.input-small {
    width: 90px
}

.input-medium {
    width: 150px
}

.input-large {
    width: 210px
}

.input-xlarge {
    width: 270px
}

.input-xxlarge {
    width: 530px
}

input[class*=span],select[class*=span],textarea[class*=span],.uneditable-input[class*=span],.row-fluid input[class*=span],.row-fluid select[class*=span],.row-fluid textarea[class*=span],.row-fluid .uneditable-input[class*=span] {
    float: none;
    margin-left: 0
}

.input-append input[class*=span],.input-append .uneditable-input[class*=span],.input-prepend input[class*=span],.input-prepend .uneditable-input[class*=span],.row-fluid input[class*=span],.row-fluid select[class*=span],.row-fluid textarea[class*=span],.row-fluid .uneditable-input[class*=span],.row-fluid .input-prepend [class*=span],.row-fluid .input-append [class*=span] {
    display: inline-block
}

input,textarea,.uneditable-input {
    margin-left: 0
}

.controls-row [class*=span]+[class*=span] {
    margin-left: 20px
}

input.span12,textarea.span12,.uneditable-input.span12 {
    width: 926px
}

input.span11,textarea.span11,.uneditable-input.span11 {
    width: 846px
}

input.span10,textarea.span10,.uneditable-input.span10 {
    width: 766px
}

input.span9,textarea.span9,.uneditable-input.span9 {
    width: 686px
}

input.span8,textarea.span8,.uneditable-input.span8 {
    width: 606px
}

input.span7,textarea.span7,.uneditable-input.span7 {
    width: 526px
}

input.span6,textarea.span6,.uneditable-input.span6 {
    width: 446px
}

input.span5,textarea.span5,.uneditable-input.span5 {
    width: 366px
}

input.span4,textarea.span4,.uneditable-input.span4 {
    width: 286px
}

input.span3,textarea.span3,.uneditable-input.span3 {
    width: 206px
}

input.span2,textarea.span2,.uneditable-input.span2 {
    width: 126px
}

input.span1,textarea.span1,.uneditable-input.span1 {
    width: 46px
}

.controls-row:before,.controls-row:after {
    display: table;
    content: "";
    line-height: 0
}

.controls-row:after {
    clear: both
}

.controls-row [class*=span],.row-fluid .controls-row [class*=span] {
    float: left
}

.controls-row .checkbox[class*=span],.controls-row .radio[class*=span] {
    padding-top: 5px
}

input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly] {
    cursor: not-allowed;
    background-color: #eee
}

input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio][readonly],input[type=checkbox][readonly] {
    background-color: transparent
}

.control-group.warning>label,.control-group.warning .help-block,.control-group.warning .help-inline {
    color: #c09853
}

.control-group.warning .checkbox,.control-group.warning .radio,.control-group.warning input,.control-group.warning select,.control-group.warning textarea {
    color: #c09853
}

.control-group.warning input,.control-group.warning select,.control-group.warning textarea {
    border-color: #c09853;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

.control-group.warning input:focus,.control-group.warning select:focus,.control-group.warning textarea:focus {
    border-color: #a47e3c;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #dbc59e
}

.control-group.warning .input-prepend .add-on,.control-group.warning .input-append .add-on {
    color: #c09853;
    background-color: #fcf8e3;
    border-color: #c09853
}

.control-group.error>label,.control-group.error .help-block,.control-group.error .help-inline {
    color: #b94a48
}

.control-group.error .checkbox,.control-group.error .radio,.control-group.error input,.control-group.error select,.control-group.error textarea {
    color: #b94a48
}

.control-group.error input,.control-group.error select,.control-group.error textarea {
    border-color: #b94a48;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

.control-group.error input:focus,.control-group.error select:focus,.control-group.error textarea:focus {
    border-color: #953b39;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #d59392
}

.control-group.error .input-prepend .add-on,.control-group.error .input-append .add-on {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #b94a48
}

.control-group.success>label,.control-group.success .help-block,.control-group.success .help-inline {
    color: #417e42
}

.control-group.success .checkbox,.control-group.success .radio,.control-group.success input,.control-group.success select,.control-group.success textarea {
    color: #417e42
}

.control-group.success input,.control-group.success select,.control-group.success textarea {
    border-color: #417e42;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

.control-group.success input:focus,.control-group.success select:focus,.control-group.success textarea:focus {
    border-color: #305c30;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #70b571
}

.control-group.success .input-prepend .add-on,.control-group.success .input-append .add-on {
    color: #417e42;
    background-color: #dff0d8;
    border-color: #417e42
}

.control-group.info>label,.control-group.info .help-block,.control-group.info .help-inline {
    color: #3a87ad
}

.control-group.info .checkbox,.control-group.info .radio,.control-group.info input,.control-group.info select,.control-group.info textarea {
    color: #3a87ad
}

.control-group.info input,.control-group.info select,.control-group.info textarea {
    border-color: #3a87ad;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

.control-group.info input:focus,.control-group.info select:focus,.control-group.info textarea:focus {
    border-color: #2d6987;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #7ab5d3
}

.control-group.info .input-prepend .add-on,.control-group.info .input-append .add-on {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #3a87ad
}

.form-actions {
    padding: 21px 20px 22px;
    margin-top: 22px;
    margin-bottom: 22px;
    border-top: 1px solid #e5e5e5
}

.form-actions:before,.form-actions:after {
    display: table;
    content: "";
    line-height: 0
}

.form-actions:after {
    clear: both
}

.sticky-footer {
    background: #f2f4f4;
    position: sticky;
    z-index: 999;
    right: 0;
    left: 0;
    bottom: 0
}

.form-actions-sticky-footer {
    text-align: right;
    padding: 10px 10px 11px;
    border-top: 1px solid #e8eaec
}

.form-actions-sticky-footer:before,.form-actions-sticky-footer:after {
    display: table;
    content: "";
    line-height: 0
}

.form-actions-sticky-footer:after {
    clear: both
}

.help-block,.help-inline {
    color: var(--ic-brand-font-color-dark-lightened-15)
}

.help-block {
    display: block;
    margin-bottom: 11px
}

.help-inline {
    display: inline-block;
    vertical-align: middle;
    padding-left: 5px
}

.input-append,.input-prepend {
    margin-bottom: 5px;
    font-size: 0;
    white-space: nowrap
}

.input-append input,.input-append select,.input-append .uneditable-input,.input-append .dropdown-menu,.input-prepend input,.input-prepend select,.input-prepend .uneditable-input,.input-prepend .dropdown-menu {
    font-size: 14px;
    font-size: 0.875rem
}

.input-append input,.input-append select,.input-append .uneditable-input,.input-prepend input,.input-prepend select,.input-prepend .uneditable-input {
    position: relative;
    margin-bottom: 0;
    *margin-left: 0;
    vertical-align: top;
    border-radius: 0 3px 3px 0
}

.input-append input:focus,.input-append select:focus,.input-append .uneditable-input:focus,.input-prepend input:focus,.input-prepend select:focus,.input-prepend .uneditable-input:focus {
    z-index: 2
}

.input-append .add-on,.input-prepend .add-on {
    display: inline-block;
    width: auto;
    height: 22px;
    min-width: 16px;
    padding: 8px;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 22px;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc
}

.input-append .add-on,.input-append .btn,.input-prepend .add-on,.input-prepend .btn {
    vertical-align: top;
    border-radius: 0
}

.input-append .active,.input-prepend .active {
    background-color: #a9dba9;
    border-color: #46a546
}

.input-prepend .add-on,.input-prepend .btn {
    margin-right: -1px
}

.input-prepend .add-on:first-child,.input-prepend .btn:first-child {
    border-radius: 3px 0 0 3px
}

.input-append input,.input-append select,.input-append .uneditable-input {
    border-radius: 3px 0 0 3px
}

.input-append input+.btn-group .btn,.input-append select+.btn-group .btn,.input-append .uneditable-input+.btn-group .btn {
    border-radius: 0 3px 3px 0
}

.input-append .add-on,.input-append .btn,.input-append .btn-group {
    margin-left: -1px
}

.input-append .add-on:last-child,.input-append .btn:last-child {
    border-radius: 0 3px 3px 0
}

.input-prepend.input-append input,.input-prepend.input-append select,.input-prepend.input-append .uneditable-input {
    border-radius: 0
}

.input-prepend.input-append input+.btn-group .btn,.input-prepend.input-append select+.btn-group .btn,.input-prepend.input-append .uneditable-input+.btn-group .btn {
    border-radius: 0 3px 3px 0
}

.input-prepend.input-append .add-on:first-child,.input-prepend.input-append .btn:first-child {
    margin-right: -1px;
    border-radius: 3px 0 0 3px
}

.input-prepend.input-append .add-on:last-child,.input-prepend.input-append .btn:last-child {
    margin-left: -1px;
    border-radius: 0 3px 3px 0
}

.input-prepend.input-append .btn-group:first-child {
    margin-left: 0
}

input.search-query {
    padding-right: 14px;
    padding-right: 4px \9 ;
    padding-left: 14px;
    padding-left: 4px \9 ;
    margin-bottom: 0
}

.form-search .input-append .search-query,.form-search .input-prepend .search-query {
    border-radius: 0
}

.form-search .input-append .search-query {
    border-radius: 14px 0 0 14px
}

.form-search .input-append .btn {
    border-radius: 0 14px 14px 0
}

.form-search .input-prepend .search-query {
    border-radius: 0 14px 14px 0
}

.form-search .input-prepend .btn {
    border-radius: 14px 0 0 14px
}

.form-search input,.form-search textarea,.form-search select,.form-search .help-inline,.form-search .uneditable-input,.form-search .input-prepend,.form-search .input-append,.form-inline input,.form-inline textarea,.form-inline select,.form-inline .help-inline,.form-inline .uneditable-input,.form-inline .input-prepend,.form-inline .input-append,.form-horizontal input,.form-horizontal textarea,.form-horizontal select,.form-horizontal .help-inline,.form-horizontal .uneditable-input,.form-horizontal .input-prepend,.form-horizontal .input-append,.form-horizontal-wiki-page input,.form-horizontal-wiki-page textarea,.form-horizontal-wiki-page select,.form-horizontal-wiki-page .help-inline,.form-horizontal-wiki-page .uneditable-input,.form-horizontal-wiki-page .input-prepend,.form-horizontal-wiki-page .input-append,.form-horizontal-quiz input,.form-horizontal-quiz textarea,.form-horizontal-quiz select,.form-horizontal-quiz .help-inline,.form-horizontal-quiz .uneditable-input,.form-horizontal-quiz .input-prepend,.form-horizontal-quiz .input-append {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle
}

.form-search .hide,.form-inline .hide,.form-horizontal .hide,.form-horizontal-wiki-page .hide,.form-horizontal-quiz .hide {
    display: none
}

.form-search label,.form-inline label,.form-search .btn-group,.form-inline .btn-group {
    display: inline-block
}

.form-search .input-append,.form-inline .input-append,.form-search .input-prepend,.form-inline .input-prepend {
    margin-bottom: 0
}

.form-search .radio,.form-search .checkbox,.form-inline .radio,.form-inline .checkbox {
    padding-left: 0;
    margin-bottom: 0;
    vertical-align: middle
}

.form-search .radio input[type=radio],.form-search .checkbox input[type=checkbox],.form-inline .radio input[type=radio],.form-inline .checkbox input[type=checkbox] {
    float: left;
    margin-right: 3px;
    margin-left: 0
}

.control-group {
    margin-bottom: 11px
}

legend+.control-group {
    margin-top: 22px;
    -webkit-margin-top-collapse: separate
}

.form-horizontal .control-group,.form-horizontal-wiki-page .control-group,.form-horizontal-quiz .control-group {
    margin-bottom: 22px
}

.form-horizontal .control-group:before,.form-horizontal .control-group:after,.form-horizontal-wiki-page .control-group:before,.form-horizontal-wiki-page .control-group:after,.form-horizontal-quiz .control-group:before,.form-horizontal-quiz .control-group:after {
    display: table;
    content: "";
    line-height: 0
}

.form-horizontal .control-group:after,.form-horizontal-wiki-page .control-group:after,.form-horizontal-quiz .control-group:after {
    clear: both
}

.form-horizontal .control-label,.form-horizontal-wiki-page .control-label,.form-horizontal-quiz .control-label {
    float: left;
    width: 160px;
    padding-top: 5px;
    text-align: right
}

.form-horizontal .controls,.form-horizontal-wiki-page .controls,.form-horizontal-quiz .controls {
    margin-left: 180px
}

.form-horizontal .controls .controls-section,.form-horizontal-wiki-page .controls .controls-section,.form-horizontal-quiz .controls .controls-section {
    margin-top: 5px
}

.form-horizontal .help-block,.form-horizontal-wiki-page .help-block,.form-horizontal-quiz .help-block {
    margin-bottom: 0
}

.form-horizontal input+.help-block,.form-horizontal select+.help-block,.form-horizontal textarea+.help-block,.form-horizontal-wiki-page input+.help-block,.form-horizontal-wiki-page select+.help-block,.form-horizontal-wiki-page textarea+.help-block,.form-horizontal-quiz input+.help-block,.form-horizontal-quiz select+.help-block,.form-horizontal-quiz textarea+.help-block {
    margin-top: 11px
}

.form-horizontal .form-actions,.form-horizontal-wiki-page .form-actions,.form-horizontal-quiz .form-actions {
    padding-left: 180px
}

.form-horizontal .margin-t-m {
    margin-top: 1rem
}

.form-horizontal .responsive-control-group {
    display: flex
}

.form-horizontal .responsive-control-group .control-label {
    flex-basis: 160px;
    flex-grow: 0;
    padding-right: 20px
}

.form-horizontal .responsive-control-group .controls {
    display: flex;
    flex-direction: column;
    margin-left: inherit
}

.form-horizontal .responsive-control-group .controls .input-append,.form-horizontal .responsive-control-group .responsive-input-with-add-on {
    display: flex;
    flex-direction: row
}

.form-horizontal .responsive-control-group .controls .input-append input,.form-horizontal .responsive-control-group .responsive-control-input {
    flex-grow: 1
}

.form-horizontal .responsive-control-group .controls .input-append .add-on,.form-horizontal .responsive-control-group .responsive-control-add-on {
    flex-grow: 0;
    width: auto
}

@media(min-width: 768px) {
    .form-horizontal .responsive-control-group,.form-horizontal-wiki-page .responsive-control-group {
        margin-bottom:22px
    }

    .form-horizontal .responsive-button-container {
        margin-left: 180px
    }

    .form-horizontal .responsive-control-button {
        align-self: flex-start
    }
}

@media not all and (min-width: 768px) {
    .form-horizontal .responsive-control-group,.form-horizontal-wiki-page .responsive-control-group {
        flex-direction:column
    }

    .form-horizontal .responsive-control-group .control-label,.form-horizontal-wiki-page .responsive-control-group .control-label {
        flex-basis: inherit;
        float: inherit;
        padding-right: inherit;
        text-align: inherit
    }

    .form-horizontal .responsive-button-container {
        display: flex;
        flex-direction: column
    }

    .form-horizontal .responsive-control-button {
        flex-grow: 1
    }
}

.table {
    width: 100%;
    margin-bottom: 22px
}

.table th,.table td {
    padding: 8px;
    line-height: 22px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.table th {
    font-weight: bold
}

.table thead th {
    vertical-align: bottom
}

.table caption+thead tr:first-child th,.table caption+thead tr:first-child td,.table colgroup+thead tr:first-child th,.table colgroup+thead tr:first-child td,.table thead:first-child tr:first-child th,.table thead:first-child tr:first-child td {
    border-top: 0
}

.table tbody+tbody {
    border-top: 2px solid #ddd
}

.table-condensed th,.table-condensed td {
    padding: 4px 5px
}

.table-bordered {
    border: 1px solid #ddd;
    border-collapse: separate;
    *border-collapse: collapse;
    border-left: 0;
    border-radius: 3px
}

.table-bordered th,.table-bordered td {
    border-left: 1px solid #ddd
}

.table-bordered caption+thead tr:first-child th,.table-bordered caption+tbody tr:first-child th,.table-bordered caption+tbody tr:first-child td,.table-bordered colgroup+thead tr:first-child th,.table-bordered colgroup+tbody tr:first-child th,.table-bordered colgroup+tbody tr:first-child td,.table-bordered thead:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child td {
    border-top: 0
}

.table-bordered thead:first-child tr:first-child th:first-child,.table-bordered tbody:first-child tr:first-child td:first-child {
    border-top-left-radius: 4px
}

.table-bordered thead:first-child tr:first-child th:last-child,.table-bordered tbody:first-child tr:first-child td:last-child {
    border-top-right-radius: 4px
}

.table-bordered thead:last-child tr:last-child th:first-child,.table-bordered tbody:last-child tr:last-child td:first-child,.table-bordered tfoot:last-child tr:last-child td:first-child {
    border-radius: 0 0 0 4px;
    border-bottom-left-radius: 4px
}

.table-bordered thead:last-child tr:last-child th:last-child,.table-bordered tbody:last-child tr:last-child td:last-child,.table-bordered tfoot:last-child tr:last-child td:last-child {
    border-bottom-right-radius: 4px
}

.table-bordered caption+thead tr:first-child th:first-child,.table-bordered caption+tbody tr:first-child td:first-child,.table-bordered colgroup+thead tr:first-child th:first-child,.table-bordered colgroup+tbody tr:first-child td:first-child {
    border-top-left-radius: 4px
}

.table-bordered caption+thead tr:first-child th:last-child,.table-bordered caption+tbody tr:first-child td:last-child,.table-bordered colgroup+thead tr:first-child th:last-child,.table-bordered colgroup+tbody tr:first-child td:last-child {
    border-top-right-radius: 4px
}

.table-striped tbody tr:nth-child(odd) td,.table-striped tbody tr:nth-child(odd) th {
    background-color: #f9f9f9
}

.table-hover tbody tr:hover td,.table-hover tbody tr:hover th {
    background-color: #f2f4f4
}

table td[class*=span],table th[class*=span],.row-fluid table td[class*=span],.row-fluid table th[class*=span] {
    display: table-cell;
    float: none;
    margin-left: 0
}

.table td.span1,.table th.span1 {
    float: none;
    width: 44px;
    margin-left: 0
}

.table td.span2,.table th.span2 {
    float: none;
    width: 124px;
    margin-left: 0
}

.table td.span3,.table th.span3 {
    float: none;
    width: 204px;
    margin-left: 0
}

.table td.span4,.table th.span4 {
    float: none;
    width: 284px;
    margin-left: 0
}

.table td.span5,.table th.span5 {
    float: none;
    width: 364px;
    margin-left: 0
}

.table td.span6,.table th.span6 {
    float: none;
    width: 444px;
    margin-left: 0
}

.table td.span7,.table th.span7 {
    float: none;
    width: 524px;
    margin-left: 0
}

.table td.span8,.table th.span8 {
    float: none;
    width: 604px;
    margin-left: 0
}

.table td.span9,.table th.span9 {
    float: none;
    width: 684px;
    margin-left: 0
}

.table td.span10,.table th.span10 {
    float: none;
    width: 764px;
    margin-left: 0
}

.table td.span11,.table th.span11 {
    float: none;
    width: 844px;
    margin-left: 0
}

.table td.span12,.table th.span12 {
    float: none;
    width: 924px;
    margin-left: 0
}

.table tbody tr.success td {
    background-color: #dff0d8
}

.table tbody tr.error td {
    background-color: #f2dede
}

.table tbody tr.warning td {
    background-color: #fcf8e3
}

.table tbody tr.info td {
    background-color: #d9edf7
}

.table-hover tbody tr.success:hover td {
    background-color: #d0e9c6
}

.table-hover tbody tr.error:hover td {
    background-color: #ebcccc
}

.table-hover tbody tr.warning:hover td {
    background-color: #faf2cc
}

.table-hover tbody tr.info:hover td {
    background-color: #c4e3f3
}

.dropup,.dropdown {
    position: relative
}

.dropdown-toggle {
    *margin-bottom: -3px
}

.dropdown-toggle:active,.open .dropdown-toggle {
    outline: 0
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-top: 4px solid #000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: ""
}

.dropdown .caret {
    margin-top: 8px;
    margin-left: 2px
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    background-clip: padding-box
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto
}

.dropdown-menu .divider {
    height: 1px;
    margin: 10px 1px;
    overflow: hidden;
    background-color: #e5e5e5;
    border-bottom: 1px solid #fff
}

.dropdown-menu li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 22px;
    color: #333;
    white-space: nowrap
}

.dropdown-menu li>a:hover,.dropdown-menu li>a:focus,.dropdown-submenu:hover>a {
    text-decoration: none;
    color: #fff;
    background: var(--ic-brand-primary)
}

.dropdown-menu .active>a,.dropdown-menu .active>a:hover {
    color: #333;
    text-decoration: none;
    outline: 0;
    background: var(--ic-brand-primary-darkened-5)
}

.dropdown-menu .disabled>a,.dropdown-menu .ui-button.ui-state-disabled>a,.dropdown-menu .disabled>a:hover {
    color: #999
}

.dropdown-menu .disabled>a:hover,.dropdown-menu .ui-button.ui-state-disabled>a:hover {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    cursor: default
}

.open {
    *z-index: 1000
}

.open>.dropdown-menu {
    display: block
}

.pull-right>.dropdown-menu {
    right: 0;
    left: auto
}

.dropdown-submenu {
    position: relative
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    border-radius: 0 6px 6px 6px
}

.dropdown-submenu a:focus+.dropdown-menu,.dropdown-submenu:hover>.dropdown-menu {
    display: block
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff
}

.dropdown-submenu.pull-left {
    float: none
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    border-radius: 6px 0 6px 6px
}

.close {
    float: right;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 22px;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .8
}

.close:hover,.close:focus {
    color: var(--ic-brand-font-color-dark);
    text-decoration: none;
    cursor: pointer;
    opacity: 1
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none
}

.nav {
    margin-left: 0;
    margin-bottom: 22px;
    list-style: none
}

.nav>li>a {
    display: block
}

.nav>li>a:hover {
    text-decoration: none;
    background-color: #eee
}

.nav>.pull-right {
    float: right
}

.nav-pills:before,.nav-pills:after {
    display: table;
    content: "";
    line-height: 0
}

.nav-pills:after {
    clear: both
}

.nav-pills>li {
    float: left
}

.nav-pills>li>a {
    padding-right: 12px;
    padding-left: 12px;
    margin-right: 2px;
    line-height: 14px
}

.nav-pills>li>a {
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 2px;
    margin-bottom: 2px;
    border-radius: 5px
}

.nav-pills>.active>a,.nav-pills>.active>a:hover {
    color: #fff;
    background-color: var(--ic-link-color)
}

.pagination {
    margin: 22px 0
}

.pagination ul {
    display: inline-block;
    margin-left: 0;
    margin-bottom: 0;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0,0,0,.05)
}

.pagination ul>li {
    display: inline
}

.pagination ul>li>a,.pagination ul>li>span {
    float: left;
    padding: 4px 12px;
    line-height: 22px;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-left-width: 0
}

.pagination ul>li>a:hover,.pagination ul>.active>a,.pagination ul>.active>span {
    background-color: #f2f4f4
}

.pagination ul>.active>a,.pagination ul>.active>span {
    color: #999;
    cursor: default
}

.pagination ul>.disabled>span,.pagination ul>.ui-button.ui-state-disabled>span,.pagination ul>.disabled>a,.pagination ul>.ui-button.ui-state-disabled>a,.pagination ul>.disabled>a:hover {
    color: #999;
    background-color: transparent;
    cursor: default
}

.pagination ul>li:first-child>a,.pagination ul>li:first-child>span {
    border-left-width: 1px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.pagination ul>li:last-child>a,.pagination ul>li:last-child>span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.pagination-centered {
    text-align: center
}

.pagination-right {
    text-align: right
}

.pagination-large ul>li>a,.pagination-large ul>li>span {
    padding: 11px 19px;
    font-size: 17.5px;
    font-size: 1.09375rem
}

.pagination-large ul>li:first-child>a,.pagination-large ul>li:first-child>span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.pagination-large ul>li:last-child>a,.pagination-large ul>li:last-child>span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.pagination-mini ul>li:first-child>a,.pagination-mini ul>li:first-child>span,.pagination-small ul>li:first-child>a,.pagination-small ul>li:first-child>span {
    border-top-left-radius: 1px;
    border-bottom-left-radius: 1px
}

.pagination-mini ul>li:last-child>a,.pagination-mini ul>li:last-child>span,.pagination-small ul>li:last-child>a,.pagination-small ul>li:last-child>span {
    border-top-right-radius: 1px;
    border-bottom-right-radius: 1px
}

.pagination-small ul>li>a,.pagination-small ul>li>span {
    padding: 2px 8px;
    font-size: 11.9px;
    font-size: 0.74375rem
}

.pagination-mini ul>li>a,.pagination-mini ul>li>span {
    padding: 1px 6px;
    font-size: 10.5px;
    font-size: 0.65625rem
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    width: 236px;
    padding: 1px;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    box-shadow: 0 0 10px rgba(0,0,0,.2)
}

.popover.top {
    margin-top: -10px
}

.popover.right {
    margin-left: 10px
}

.popover.bottom {
    margin-top: 10px
}

.popover.left {
    margin-left: -10px
}

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
}

.popover-content {
    padding: 9px 14px
}

.popover-content p,.popover-content ul,.popover-content ol {
    margin-bottom: 0
}

.popover .arrow,.popover .arrow:after {
    position: absolute;
    display: inline-block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover .arrow:after {
    content: "";
    z-index: -1
}

.popover.top .arrow {
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
    border-width: 10px 10px 0;
    border-top-color: #fff
}

.popover.top .arrow:after {
    border-width: 11px 11px 0;
    border-top-color: rgba(0,0,0,.25);
    bottom: -1px;
    left: -11px
}

.popover.right .arrow {
    top: 50%;
    left: -10px;
    margin-top: -10px;
    border-width: 10px 10px 10px 0;
    border-right-color: #fff
}

.popover.right .arrow:after {
    border-width: 11px 11px 11px 0;
    border-right-color: rgba(0,0,0,.25);
    bottom: -11px;
    left: -1px
}

.popover.bottom .arrow {
    top: -10px;
    left: 50%;
    margin-left: -10px;
    border-width: 0 10px 10px;
    border-bottom-color: #fff
}

.popover.bottom .arrow:after {
    border-width: 0 11px 11px;
    border-bottom-color: rgba(0,0,0,.25);
    top: -1px;
    left: -11px
}

.popover.left .arrow {
    top: 50%;
    right: -10px;
    margin-top: -10px;
    border-width: 10px 0 10px 10px;
    border-left-color: #fff
}

.popover.left .arrow:after {
    border-width: 11px 0 11px 11px;
    border-left-color: rgba(0,0,0,.25);
    bottom: -11px;
    right: -1px
}

.thumbnails {
    margin-left: -20px;
    list-style: none
}

.thumbnails:before,.thumbnails:after {
    display: table;
    content: "";
    line-height: 0
}

.thumbnails:after {
    clear: both
}

.row-fluid .thumbnails {
    margin-left: 0
}

.thumbnails>li {
    float: left;
    margin-bottom: 22px;
    margin-left: 20px
}

.thumbnail {
    display: block;
    padding: 4px;
    line-height: 22px;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0,0,0,.055);
    transition: all .2s ease-in-out
}

a.thumbnail:hover {
    border-color: var(--ic-link-color);
    box-shadow: 0 1px 4px rgba(0,105,214,.25)
}

.thumbnail>img {
    display: block;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.thumbnail .caption {
    padding: 9px;
    color: #6a7883
}

.thumbnails {
    margin-left: -20px;
    list-style: none
}

.thumbnails:before,.thumbnails:after {
    display: table;
    content: "";
    line-height: 0
}

.thumbnails:after {
    clear: both
}

.row-fluid .thumbnails {
    margin-left: 0
}

.thumbnails>li {
    float: left;
    margin-bottom: 22px;
    margin-left: 20px
}

.thumbnail {
    display: block;
    padding: 4px;
    line-height: 22px;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0,0,0,.055);
    transition: all .2s ease-in-out
}

a.thumbnail:hover {
    border-color: var(--ic-link-color);
    box-shadow: 0 1px 4px rgba(0,105,214,.25)
}

.thumbnail>img {
    display: block;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.thumbnail .caption {
    padding: 9px;
    color: #6a7883
}

.label,.badge {
    display: inline-block;
    padding: 2px 4px;
    font-size: 11.844px;
    font-size: 0.74025rem;
    font-weight: bold;
    line-height: 14px;
    color: #fff;
    vertical-align: baseline;
    white-space: nowrap;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
    background-color: #6a7883
}

.label {
    border-radius: 3px
}

.badge {
    padding-left: 9px;
    padding-right: 9px;
    border-radius: 9px
}

a.label:hover,a.badge:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.label-important,.badge-important {
    background-color: #b94a48
}

.label-important[href],.badge-important[href] {
    background-color: #953b39
}

.label-warning,.badge-warning {
    background-color: #f89406
}

.label-warning[href],.badge-warning[href] {
    background-color: #c67605
}

.label-success,.badge-success {
    background-color: #417e42
}

.label-success[href],.badge-success[href] {
    background-color: #305c30
}

.label-info,.badge-info {
    background-color: #3a87ad
}

.label-info[href],.badge-info[href] {
    background-color: #2d6987
}

.label-inverse,.badge-inverse {
    background-color: #333
}

.label-inverse[href],.badge-inverse[href] {
    background-color: #1a1a1a
}

.btn .label,.btn .badge {
    position: relative;
    top: -1px
}

.btn-mini .label,.btn-mini .badge {
    top: 0
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    overflow: hidden;
    height: 22px;
    margin-bottom: 22px;
    background-color: #f7f7f7;
    background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
    background-repeat: repeat-x;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    border-radius: 3px
}

.progress .bar {
    width: 0%;
    height: 100%;
    color: #fff;
    float: left;
    font-size: 12px;
    font-size: 0.75rem;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
    background-color: #0e91d3;
    background-image: linear-gradient(to bottom, #149bdf, #0480be);
    background-repeat: repeat-x;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-sizing: border-box;
    transition: width .6s ease
}

.progress .bar+.bar {
    box-shadow: inset 1px 0 0 rgba(0,0,0,.15),inset 0 -1px 0 rgba(0,0,0,.15)
}

.progress-striped .bar {
    background-color: #149bdf;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 40px 40px
}

.progress.active .bar {
    animation: progress-bar-stripes 2s linear infinite
}

.media,.media-body {
    overflow: hidden;
    zoom:1}

.media,.media .media {
    margin-top: 15px
}

.media:first-child {
    margin-top: 0
}

.media-object {
    display: block
}

.media-heading {
    margin: 0 0 5px
}

.media>.pull-left {
    margin-right: 10px
}

.media>.pull-right {
    margin-left: 10px
}

.media-list {
    padding-left: 0;
    list-style: none
}

@media(min-width: 1200px) {
    .row {
        margin-left:-30px
    }

    .row:before,.row:after {
        display: table;
        content: "";
        line-height: 0
    }

    .row:after {
        clear: both
    }

    [class*=span] {
        float: left;
        min-height: 1px;
        margin-left: 30px
    }

    .container {
        width: 1170px
    }
}

@media(min-width: 1200px)and (min-width: 768px) {
    .span12 {
        width:1170px
    }
}

@media(min-width: 1200px)and (max-width: 767px) {
    .span12 {
        width:100%
    }
}

@media(min-width: 1200px)and (min-width: 768px) {
    .span11 {
        width:1070px
    }
}

@media(min-width: 1200px)and (max-width: 767px) {
    .span11 {
        width:100%
    }
}

@media(min-width: 1200px)and (min-width: 768px) {
    .span10 {
        width:970px
    }
}

@media(min-width: 1200px)and (max-width: 767px) {
    .span10 {
        width:100%
    }
}

@media(min-width: 1200px)and (min-width: 768px) {
    .span9 {
        width:870px
    }
}

@media(min-width: 1200px)and (max-width: 767px) {
    .span9 {
        width:100%
    }
}

@media(min-width: 1200px)and (min-width: 768px) {
    .span8 {
        width:770px
    }
}

@media(min-width: 1200px)and (max-width: 767px) {
    .span8 {
        width:100%
    }
}

@media(min-width: 1200px)and (min-width: 768px) {
    .span7 {
        width:670px
    }
}

@media(min-width: 1200px)and (max-width: 767px) {
    .span7 {
        width:100%
    }
}

@media(min-width: 1200px)and (min-width: 768px) {
    .span6 {
        width:570px
    }
}

@media(min-width: 1200px)and (max-width: 767px) {
    .span6 {
        width:100%
    }
}

@media(min-width: 1200px)and (min-width: 768px) {
    .span5 {
        width:470px
    }
}

@media(min-width: 1200px)and (max-width: 767px) {
    .span5 {
        width:100%
    }
}

@media(min-width: 1200px)and (min-width: 768px) {
    .span4 {
        width:370px
    }
}

@media(min-width: 1200px)and (max-width: 767px) {
    .span4 {
        width:100%
    }
}

@media(min-width: 1200px)and (min-width: 768px) {
    .span3 {
        width:270px
    }
}

@media(min-width: 1200px)and (max-width: 767px) {
    .span3 {
        width:100%
    }
}

@media(min-width: 1200px)and (min-width: 768px) {
    .span2 {
        width:170px
    }
}

@media(min-width: 1200px)and (max-width: 767px) {
    .span2 {
        width:100%
    }
}

@media(min-width: 1200px)and (min-width: 768px) {
    .span1 {
        width:70px
    }
}

@media(min-width: 1200px)and (max-width: 767px) {
    .span1 {
        width:100%
    }
}

@media(min-width: 1200px) {
    .offset12 {
        margin-left:1230px
    }
}

@media(min-width: 1200px) {
    .offset11 {
        margin-left:1130px
    }
}

@media(min-width: 1200px) {
    .offset10 {
        margin-left:1030px
    }
}

@media(min-width: 1200px) {
    .offset9 {
        margin-left:930px
    }
}

@media(min-width: 1200px) {
    .offset8 {
        margin-left:830px
    }
}

@media(min-width: 1200px) {
    .offset7 {
        margin-left:730px
    }
}

@media(min-width: 1200px) {
    .offset6 {
        margin-left:630px
    }
}

@media(min-width: 1200px) {
    .offset5 {
        margin-left:530px
    }
}

@media(min-width: 1200px) {
    .offset4 {
        margin-left:430px
    }
}

@media(min-width: 1200px) {
    .offset3 {
        margin-left:330px
    }
}

@media(min-width: 1200px) {
    .offset2 {
        margin-left:230px
    }
}

@media(min-width: 1200px) {
    .offset1 {
        margin-left:130px
    }
}

@media(min-width: 1200px) {
    .row-fluid {
        width:100%
    }

    .row-fluid:before,.row-fluid:after {
        display: table;
        content: "";
        line-height: 0
    }

    .row-fluid:after {
        clear: both
    }

    .row-fluid [class*=span] {
        display: block;
        width: 100%;
        min-height: 32px;
        box-sizing: border-box;
        float: left
    }
}

@media(min-width: 1200px)and (min-width: 768px) {
    .row-fluid [class*=span] {
        margin-left:2.5641025641%
    }
}

@media(min-width: 1200px)and (max-width: 767px) {
    .row-fluid [class*=span] {
        margin-left:0
    }
}

@media(min-width: 1200px) {
    .row-fluid [class*=span]:first-child {
        margin-left:0
    }
}

@media(min-width: 1200px) {
    .row-fluid .controls-row [class*=span]+[class*=span] {
        margin-left:2.5641025641%
    }
}

@media(min-width: 1200px)and (min-width: 768px) {
    .row-fluid .span12 {
        width:100%
    }
}

@media(min-width: 1200px)and (max-width: 767px) {
    .row-fluid .span12 {
        width:100%
    }
}

@media(min-width: 1200px)and (min-width: 768px) {
    .row-fluid .span11 {
        width:91.452991453%
    }
}

@media(min-width: 1200px)and (max-width: 767px) {
    .row-fluid .span11 {
        width:100%
    }
}

@media(min-width: 1200px)and (min-width: 768px) {
    .row-fluid .span10 {
        width:82.905982906%
    }
}

@media(min-width: 1200px)and (max-width: 767px) {
    .row-fluid .span10 {
        width:100%
    }
}

@media(min-width: 1200px)and (min-width: 768px) {
    .row-fluid .span9 {
        width:74.358974359%
    }
}

@media(min-width: 1200px)and (max-width: 767px) {
    .row-fluid .span9 {
        width:100%
    }
}

@media(min-width: 1200px)and (min-width: 768px) {
    .row-fluid .span8 {
        width:65.811965812%
    }
}

@media(min-width: 1200px)and (max-width: 767px) {
    .row-fluid .span8 {
        width:100%
    }
}

@media(min-width: 1200px)and (min-width: 768px) {
    .row-fluid .span7 {
        width:57.264957265%
    }
}

@media(min-width: 1200px)and (max-width: 767px) {
    .row-fluid .span7 {
        width:100%
    }
}

@media(min-width: 1200px)and (min-width: 768px) {
    .row-fluid .span6 {
        width:48.7179487179%
    }
}

@media(min-width: 1200px)and (max-width: 767px) {
    .row-fluid .span6 {
        width:100%
    }
}

@media(min-width: 1200px)and (min-width: 768px) {
    .row-fluid .span5 {
        width:40.1709401709%
    }
}

@media(min-width: 1200px)and (max-width: 767px) {
    .row-fluid .span5 {
        width:100%
    }
}

@media(min-width: 1200px)and (min-width: 768px) {
    .row-fluid .span4 {
        width:31.6239316239%
    }
}

@media(min-width: 1200px)and (max-width: 767px) {
    .row-fluid .span4 {
        width:100%
    }
}

@media(min-width: 1200px)and (min-width: 768px) {
    .row-fluid .span3 {
        width:23.0769230769%
    }
}

@media(min-width: 1200px)and (max-width: 767px) {
    .row-fluid .span3 {
        width:100%
    }
}

@media(min-width: 1200px)and (min-width: 768px) {
    .row-fluid .span2 {
        width:14.5299145299%
    }
}

@media(min-width: 1200px)and (max-width: 767px) {
    .row-fluid .span2 {
        width:100%
    }
}

@media(min-width: 1200px)and (min-width: 768px) {
    .row-fluid .span1 {
        width:5.9829059829%
    }
}

@media(min-width: 1200px)and (max-width: 767px) {
    .row-fluid .span1 {
        width:100%
    }
}

@media(min-width: 1200px) {
    .row-fluid .offset12 {
        margin-left:105.1282051282%
    }
}

@media(min-width: 1200px) {
    .row-fluid .offset12:first-child {
        margin-left:102.5641025641%
    }
}

@media(min-width: 1200px) {
    .row-fluid .offset11 {
        margin-left:96.5811965812%
    }
}

@media(min-width: 1200px) {
    .row-fluid .offset11:first-child {
        margin-left:94.0170940171%
    }
}

@media(min-width: 1200px) {
    .row-fluid .offset10 {
        margin-left:88.0341880342%
    }
}

@media(min-width: 1200px) {
    .row-fluid .offset10:first-child {
        margin-left:85.4700854701%
    }
}

@media(min-width: 1200px) {
    .row-fluid .offset9 {
        margin-left:79.4871794872%
    }
}

@media(min-width: 1200px) {
    .row-fluid .offset9:first-child {
        margin-left:76.9230769231%
    }
}

@media(min-width: 1200px) {
    .row-fluid .offset8 {
        margin-left:70.9401709402%
    }
}

@media(min-width: 1200px) {
    .row-fluid .offset8:first-child {
        margin-left:68.3760683761%
    }
}

@media(min-width: 1200px) {
    .row-fluid .offset7 {
        margin-left:62.3931623932%
    }
}

@media(min-width: 1200px) {
    .row-fluid .offset7:first-child {
        margin-left:59.8290598291%
    }
}

@media(min-width: 1200px) {
    .row-fluid .offset6 {
        margin-left:53.8461538462%
    }
}

@media(min-width: 1200px) {
    .row-fluid .offset6:first-child {
        margin-left:51.2820512821%
    }
}

@media(min-width: 1200px) {
    .row-fluid .offset5 {
        margin-left:45.2991452991%
    }
}

@media(min-width: 1200px) {
    .row-fluid .offset5:first-child {
        margin-left:42.735042735%
    }
}

@media(min-width: 1200px) {
    .row-fluid .offset4 {
        margin-left:36.7521367521%
    }
}

@media(min-width: 1200px) {
    .row-fluid .offset4:first-child {
        margin-left:34.188034188%
    }
}

@media(min-width: 1200px) {
    .row-fluid .offset3 {
        margin-left:28.2051282051%
    }
}

@media(min-width: 1200px) {
    .row-fluid .offset3:first-child {
        margin-left:25.641025641%
    }
}

@media(min-width: 1200px) {
    .row-fluid .offset2 {
        margin-left:19.6581196581%
    }
}

@media(min-width: 1200px) {
    .row-fluid .offset2:first-child {
        margin-left:17.094017094%
    }
}

@media(min-width: 1200px) {
    .row-fluid .offset1 {
        margin-left:11.1111111111%
    }
}

@media(min-width: 1200px) {
    .row-fluid .offset1:first-child {
        margin-left:8.547008547%
    }
}

@media(min-width: 1200px) {
    input,textarea,.uneditable-input {
        margin-left:0
    }
}

@media(min-width: 1200px) {
    .controls-row [class*=span]+[class*=span] {
        margin-left:30px
    }
}

@media(min-width: 1200px) {
    input.span12,textarea.span12,.uneditable-input.span12 {
        width:1156px
    }
}

@media(min-width: 1200px) {
    input.span11,textarea.span11,.uneditable-input.span11 {
        width:1056px
    }
}

@media(min-width: 1200px) {
    input.span10,textarea.span10,.uneditable-input.span10 {
        width:956px
    }
}

@media(min-width: 1200px) {
    input.span9,textarea.span9,.uneditable-input.span9 {
        width:856px
    }
}

@media(min-width: 1200px) {
    input.span8,textarea.span8,.uneditable-input.span8 {
        width:756px
    }
}

@media(min-width: 1200px) {
    input.span7,textarea.span7,.uneditable-input.span7 {
        width:656px
    }
}

@media(min-width: 1200px) {
    input.span6,textarea.span6,.uneditable-input.span6 {
        width:556px
    }
}

@media(min-width: 1200px) {
    input.span5,textarea.span5,.uneditable-input.span5 {
        width:456px
    }
}

@media(min-width: 1200px) {
    input.span4,textarea.span4,.uneditable-input.span4 {
        width:356px
    }
}

@media(min-width: 1200px) {
    input.span3,textarea.span3,.uneditable-input.span3 {
        width:256px
    }
}

@media(min-width: 1200px) {
    input.span2,textarea.span2,.uneditable-input.span2 {
        width:156px
    }
}

@media(min-width: 1200px) {
    input.span1,textarea.span1,.uneditable-input.span1 {
        width:56px
    }
}

@media(min-width: 1200px) {
    .thumbnails {
        margin-left:-30px
    }
}

@media(min-width: 1200px) {
    .thumbnails>li {
        margin-left:30px
    }
}

@media(min-width: 1200px) {
    .row-fluid .thumbnails {
        margin-left:0
    }
}

@media(min-width: 768px)and (max-width: 979px) {
    .row {
        margin-left:-20px
    }

    .row:before,.row:after {
        display: table;
        content: "";
        line-height: 0
    }

    .row:after {
        clear: both
    }

    [class*=span] {
        float: left;
        min-height: 1px;
        margin-left: 20px
    }

    .container {
        width: 724px
    }
}

@media(min-width: 768px)and (max-width: 979px)and (min-width: 768px) {
    .span12 {
        width:724px
    }
}

@media(min-width: 768px)and (max-width: 979px)and (max-width: 767px) {
    .span12 {
        width:100%
    }
}

@media(min-width: 768px)and (max-width: 979px)and (min-width: 768px) {
    .span11 {
        width:662px
    }
}

@media(min-width: 768px)and (max-width: 979px)and (max-width: 767px) {
    .span11 {
        width:100%
    }
}

@media(min-width: 768px)and (max-width: 979px)and (min-width: 768px) {
    .span10 {
        width:600px
    }
}

@media(min-width: 768px)and (max-width: 979px)and (max-width: 767px) {
    .span10 {
        width:100%
    }
}

@media(min-width: 768px)and (max-width: 979px)and (min-width: 768px) {
    .span9 {
        width:538px
    }
}

@media(min-width: 768px)and (max-width: 979px)and (max-width: 767px) {
    .span9 {
        width:100%
    }
}

@media(min-width: 768px)and (max-width: 979px)and (min-width: 768px) {
    .span8 {
        width:476px
    }
}

@media(min-width: 768px)and (max-width: 979px)and (max-width: 767px) {
    .span8 {
        width:100%
    }
}

@media(min-width: 768px)and (max-width: 979px)and (min-width: 768px) {
    .span7 {
        width:414px
    }
}

@media(min-width: 768px)and (max-width: 979px)and (max-width: 767px) {
    .span7 {
        width:100%
    }
}

@media(min-width: 768px)and (max-width: 979px)and (min-width: 768px) {
    .span6 {
        width:352px
    }
}

@media(min-width: 768px)and (max-width: 979px)and (max-width: 767px) {
    .span6 {
        width:100%
    }
}

@media(min-width: 768px)and (max-width: 979px)and (min-width: 768px) {
    .span5 {
        width:290px
    }
}

@media(min-width: 768px)and (max-width: 979px)and (max-width: 767px) {
    .span5 {
        width:100%
    }
}

@media(min-width: 768px)and (max-width: 979px)and (min-width: 768px) {
    .span4 {
        width:228px
    }
}

@media(min-width: 768px)and (max-width: 979px)and (max-width: 767px) {
    .span4 {
        width:100%
    }
}

@media(min-width: 768px)and (max-width: 979px)and (min-width: 768px) {
    .span3 {
        width:166px
    }
}

@media(min-width: 768px)and (max-width: 979px)and (max-width: 767px) {
    .span3 {
        width:100%
    }
}

@media(min-width: 768px)and (max-width: 979px)and (min-width: 768px) {
    .span2 {
        width:104px
    }
}

@media(min-width: 768px)and (max-width: 979px)and (max-width: 767px) {
    .span2 {
        width:100%
    }
}

@media(min-width: 768px)and (max-width: 979px)and (min-width: 768px) {
    .span1 {
        width:42px
    }
}

@media(min-width: 768px)and (max-width: 979px)and (max-width: 767px) {
    .span1 {
        width:100%
    }
}

@media(min-width: 768px)and (max-width: 979px) {
    .offset12 {
        margin-left:764px
    }
}

@media(min-width: 768px)and (max-width: 979px) {
    .offset11 {
        margin-left:702px
    }
}

@media(min-width: 768px)and (max-width: 979px) {
    .offset10 {
        margin-left:640px
    }
}

@media(min-width: 768px)and (max-width: 979px) {
    .offset9 {
        margin-left:578px
    }
}

@media(min-width: 768px)and (max-width: 979px) {
    .offset8 {
        margin-left:516px
    }
}

@media(min-width: 768px)and (max-width: 979px) {
    .offset7 {
        margin-left:454px
    }
}

@media(min-width: 768px)and (max-width: 979px) {
    .offset6 {
        margin-left:392px
    }
}

@media(min-width: 768px)and (max-width: 979px) {
    .offset5 {
        margin-left:330px
    }
}

@media(min-width: 768px)and (max-width: 979px) {
    .offset4 {
        margin-left:268px
    }
}

@media(min-width: 768px)and (max-width: 979px) {
    .offset3 {
        margin-left:206px
    }
}

@media(min-width: 768px)and (max-width: 979px) {
    .offset2 {
        margin-left:144px
    }
}

@media(min-width: 768px)and (max-width: 979px) {
    .offset1 {
        margin-left:82px
    }
}

@media(min-width: 768px)and (max-width: 979px) {
    .row-fluid {
        width:100%
    }

    .row-fluid:before,.row-fluid:after {
        display: table;
        content: "";
        line-height: 0
    }

    .row-fluid:after {
        clear: both
    }

    .row-fluid [class*=span] {
        display: block;
        width: 100%;
        min-height: 32px;
        box-sizing: border-box;
        float: left
    }
}

@media(min-width: 768px)and (max-width: 979px)and (min-width: 768px) {
    .row-fluid [class*=span] {
        margin-left:2.7624309392%
    }
}

@media(min-width: 768px)and (max-width: 979px)and (max-width: 767px) {
    .row-fluid [class*=span] {
        margin-left:0
    }
}

@media(min-width: 768px)and (max-width: 979px) {
    .row-fluid [class*=span]:first-child {
        margin-left:0
    }
}

@media(min-width: 768px)and (max-width: 979px) {
    .row-fluid .controls-row [class*=span]+[class*=span] {
        margin-left:2.7624309392%
    }
}

@media(min-width: 768px)and (max-width: 979px)and (min-width: 768px) {
    .row-fluid .span12 {
        width:100%
    }
}

@media(min-width: 768px)and (max-width: 979px)and (max-width: 767px) {
    .row-fluid .span12 {
        width:100%
    }
}

@media(min-width: 768px)and (max-width: 979px)and (min-width: 768px) {
    .row-fluid .span11 {
        width:91.4364640884%
    }
}

@media(min-width: 768px)and (max-width: 979px)and (max-width: 767px) {
    .row-fluid .span11 {
        width:100%
    }
}

@media(min-width: 768px)and (max-width: 979px)and (min-width: 768px) {
    .row-fluid .span10 {
        width:82.8729281768%
    }
}

@media(min-width: 768px)and (max-width: 979px)and (max-width: 767px) {
    .row-fluid .span10 {
        width:100%
    }
}

@media(min-width: 768px)and (max-width: 979px)and (min-width: 768px) {
    .row-fluid .span9 {
        width:74.3093922652%
    }
}

@media(min-width: 768px)and (max-width: 979px)and (max-width: 767px) {
    .row-fluid .span9 {
        width:100%
    }
}

@media(min-width: 768px)and (max-width: 979px)and (min-width: 768px) {
    .row-fluid .span8 {
        width:65.7458563536%
    }
}

@media(min-width: 768px)and (max-width: 979px)and (max-width: 767px) {
    .row-fluid .span8 {
        width:100%
    }
}

@media(min-width: 768px)and (max-width: 979px)and (min-width: 768px) {
    .row-fluid .span7 {
        width:57.182320442%
    }
}

@media(min-width: 768px)and (max-width: 979px)and (max-width: 767px) {
    .row-fluid .span7 {
        width:100%
    }
}

@media(min-width: 768px)and (max-width: 979px)and (min-width: 768px) {
    .row-fluid .span6 {
        width:48.6187845304%
    }
}

@media(min-width: 768px)and (max-width: 979px)and (max-width: 767px) {
    .row-fluid .span6 {
        width:100%
    }
}

@media(min-width: 768px)and (max-width: 979px)and (min-width: 768px) {
    .row-fluid .span5 {
        width:40.0552486188%
    }
}

@media(min-width: 768px)and (max-width: 979px)and (max-width: 767px) {
    .row-fluid .span5 {
        width:100%
    }
}

@media(min-width: 768px)and (max-width: 979px)and (min-width: 768px) {
    .row-fluid .span4 {
        width:31.4917127072%
    }
}

@media(min-width: 768px)and (max-width: 979px)and (max-width: 767px) {
    .row-fluid .span4 {
        width:100%
    }
}

@media(min-width: 768px)and (max-width: 979px)and (min-width: 768px) {
    .row-fluid .span3 {
        width:22.9281767956%
    }
}

@media(min-width: 768px)and (max-width: 979px)and (max-width: 767px) {
    .row-fluid .span3 {
        width:100%
    }
}

@media(min-width: 768px)and (max-width: 979px)and (min-width: 768px) {
    .row-fluid .span2 {
        width:14.364640884%
    }
}

@media(min-width: 768px)and (max-width: 979px)and (max-width: 767px) {
    .row-fluid .span2 {
        width:100%
    }
}

@media(min-width: 768px)and (max-width: 979px)and (min-width: 768px) {
    .row-fluid .span1 {
        width:5.8011049724%
    }
}

@media(min-width: 768px)and (max-width: 979px)and (max-width: 767px) {
    .row-fluid .span1 {
        width:100%
    }
}

@media(min-width: 768px)and (max-width: 979px) {
    .row-fluid .offset12 {
        margin-left:105.5248618785%
    }
}

@media(min-width: 768px)and (max-width: 979px) {
    .row-fluid .offset12:first-child {
        margin-left:102.7624309392%
    }
}

@media(min-width: 768px)and (max-width: 979px) {
    .row-fluid .offset11 {
        margin-left:96.9613259669%
    }
}

@media(min-width: 768px)and (max-width: 979px) {
    .row-fluid .offset11:first-child {
        margin-left:94.1988950276%
    }
}

@media(min-width: 768px)and (max-width: 979px) {
    .row-fluid .offset10 {
        margin-left:88.3977900552%
    }
}

@media(min-width: 768px)and (max-width: 979px) {
    .row-fluid .offset10:first-child {
        margin-left:85.635359116%
    }
}

@media(min-width: 768px)and (max-width: 979px) {
    .row-fluid .offset9 {
        margin-left:79.8342541436%
    }
}

@media(min-width: 768px)and (max-width: 979px) {
    .row-fluid .offset9:first-child {
        margin-left:77.0718232044%
    }
}

@media(min-width: 768px)and (max-width: 979px) {
    .row-fluid .offset8 {
        margin-left:71.270718232%
    }
}

@media(min-width: 768px)and (max-width: 979px) {
    .row-fluid .offset8:first-child {
        margin-left:68.5082872928%
    }
}

@media(min-width: 768px)and (max-width: 979px) {
    .row-fluid .offset7 {
        margin-left:62.7071823204%
    }
}

@media(min-width: 768px)and (max-width: 979px) {
    .row-fluid .offset7:first-child {
        margin-left:59.9447513812%
    }
}

@media(min-width: 768px)and (max-width: 979px) {
    .row-fluid .offset6 {
        margin-left:54.1436464088%
    }
}

@media(min-width: 768px)and (max-width: 979px) {
    .row-fluid .offset6:first-child {
        margin-left:51.3812154696%
    }
}

@media(min-width: 768px)and (max-width: 979px) {
    .row-fluid .offset5 {
        margin-left:45.5801104972%
    }
}

@media(min-width: 768px)and (max-width: 979px) {
    .row-fluid .offset5:first-child {
        margin-left:42.817679558%
    }
}

@media(min-width: 768px)and (max-width: 979px) {
    .row-fluid .offset4 {
        margin-left:37.0165745856%
    }
}

@media(min-width: 768px)and (max-width: 979px) {
    .row-fluid .offset4:first-child {
        margin-left:34.2541436464%
    }
}

@media(min-width: 768px)and (max-width: 979px) {
    .row-fluid .offset3 {
        margin-left:28.453038674%
    }
}

@media(min-width: 768px)and (max-width: 979px) {
    .row-fluid .offset3:first-child {
        margin-left:25.6906077348%
    }
}

@media(min-width: 768px)and (max-width: 979px) {
    .row-fluid .offset2 {
        margin-left:19.8895027624%
    }
}

@media(min-width: 768px)and (max-width: 979px) {
    .row-fluid .offset2:first-child {
        margin-left:17.1270718232%
    }
}

@media(min-width: 768px)and (max-width: 979px) {
    .row-fluid .offset1 {
        margin-left:11.3259668508%
    }
}

@media(min-width: 768px)and (max-width: 979px) {
    .row-fluid .offset1:first-child {
        margin-left:8.5635359116%
    }
}

@media(min-width: 768px)and (max-width: 979px) {
    input,textarea,.uneditable-input {
        margin-left:0
    }
}

@media(min-width: 768px)and (max-width: 979px) {
    .controls-row [class*=span]+[class*=span] {
        margin-left:20px
    }
}

@media(min-width: 768px)and (max-width: 979px) {
    input.span12,textarea.span12,.uneditable-input.span12 {
        width:710px
    }
}

@media(min-width: 768px)and (max-width: 979px) {
    input.span11,textarea.span11,.uneditable-input.span11 {
        width:648px
    }
}

@media(min-width: 768px)and (max-width: 979px) {
    input.span10,textarea.span10,.uneditable-input.span10 {
        width:586px
    }
}

@media(min-width: 768px)and (max-width: 979px) {
    input.span9,textarea.span9,.uneditable-input.span9 {
        width:524px
    }
}

@media(min-width: 768px)and (max-width: 979px) {
    input.span8,textarea.span8,.uneditable-input.span8 {
        width:462px
    }
}

@media(min-width: 768px)and (max-width: 979px) {
    input.span7,textarea.span7,.uneditable-input.span7 {
        width:400px
    }
}

@media(min-width: 768px)and (max-width: 979px) {
    input.span6,textarea.span6,.uneditable-input.span6 {
        width:338px
    }
}

@media(min-width: 768px)and (max-width: 979px) {
    input.span5,textarea.span5,.uneditable-input.span5 {
        width:276px
    }
}

@media(min-width: 768px)and (max-width: 979px) {
    input.span4,textarea.span4,.uneditable-input.span4 {
        width:214px
    }
}

@media(min-width: 768px)and (max-width: 979px) {
    input.span3,textarea.span3,.uneditable-input.span3 {
        width:152px
    }
}

@media(min-width: 768px)and (max-width: 979px) {
    input.span2,textarea.span2,.uneditable-input.span2 {
        width:90px
    }
}

@media(min-width: 768px)and (max-width: 979px) {
    input.span1,textarea.span1,.uneditable-input.span1 {
        width:28px
    }
}

.grid-row {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-right: -12px;
    margin-left: -12px
}

.grid-row.reverse {
    flex-direction: row-reverse;
    flex-wrap: row-reverse
}

.col.reverse {
    flex-direction: column-reverse;
    flex-wrap: column-reverse
}

.off-xs-12,.col-xs-12,.off-xs-11,.col-xs-11,.off-xs-10,.col-xs-10,.off-xs-9,.col-xs-9,.off-xs-8,.col-xs-8,.off-xs-7,.col-xs-7,.off-xs-6,.col-xs-6,.off-xs-5,.col-xs-5,.off-xs-4,.col-xs-4,.off-xs-3,.col-xs-3,.off-xs-2,.col-xs-2,.off-xs-1,.col-xs-1,.col-xs {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px
}

.col-xs {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%
}

.col-xs-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%
}

.off-xs-1 {
    margin-left: 8.3333333333%
}

.col-xs-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%
}

.off-xs-2 {
    margin-left: 16.6666666667%
}

.col-xs-3 {
    flex-basis: 25%;
    max-width: 25%
}

.off-xs-3 {
    margin-left: 25%
}

.col-xs-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%
}

.off-xs-4 {
    margin-left: 33.3333333333%
}

.col-xs-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%
}

.off-xs-5 {
    margin-left: 41.6666666667%
}

.col-xs-6 {
    flex-basis: 50%;
    max-width: 50%
}

.off-xs-6 {
    margin-left: 50%
}

.col-xs-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%
}

.off-xs-7 {
    margin-left: 58.3333333333%
}

.col-xs-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%
}

.off-xs-8 {
    margin-left: 66.6666666667%
}

.col-xs-9 {
    flex-basis: 75%;
    max-width: 75%
}

.off-xs-9 {
    margin-left: 75%
}

.col-xs-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%
}

.off-xs-10 {
    margin-left: 83.3333333333%
}

.col-xs-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%
}

.off-xs-11 {
    margin-left: 91.6666666667%
}

.col-xs-12 {
    flex-basis: 100%;
    max-width: 100%
}

.start-xs {
    justify-content: flex-start;
    text-align: start
}

.center-xs {
    justify-content: center;
    text-align: center
}

.end-xs {
    justify-content: flex-end;
    text-align: end
}

.top-xs {
    align-items: flex-start
}

.middle-xs {
    align-items: center
}

.bottom-xs {
    align-items: flex-end
}

.around-xs {
    justify-content: space-around
}

.between-xs {
    justify-content: space-between
}

.first-xs {
    order: -1
}

.last-xs {
    order: 1
}

@media only screen and (min-width: 500px) {
    .off-sm-12,.col-sm-12,.off-sm-11,.col-sm-11,.off-sm-10,.col-sm-10,.off-sm-9,.col-sm-9,.off-sm-8,.col-sm-8,.off-sm-7,.col-sm-7,.off-sm-6,.col-sm-6,.off-sm-5,.col-sm-5,.off-sm-4,.col-sm-4,.off-sm-3,.col-sm-3,.off-sm-2,.col-sm-2,.off-sm-1,.col-sm-1,.col-sm {
        box-sizing:border-box;
        display: flex;
        flex-direction: column;
        flex-grow: 0;
        flex-shrink: 0;
        padding-right: 12px;
        padding-left: 12px
    }

    .col-sm {
        flex-grow: 1;
        flex-basis: 0;
        max-width: 100%
    }

    .col-sm-1 {
        flex-basis: 8.3333333333%;
        max-width: 8.3333333333%
    }

    .off-sm-1 {
        margin-left: 8.3333333333%
    }

    .col-sm-2 {
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%
    }

    .off-sm-2 {
        margin-left: 16.6666666667%
    }

    .col-sm-3 {
        flex-basis: 25%;
        max-width: 25%
    }

    .off-sm-3 {
        margin-left: 25%
    }

    .col-sm-4 {
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%
    }

    .off-sm-4 {
        margin-left: 33.3333333333%
    }

    .col-sm-5 {
        flex-basis: 41.6666666667%;
        max-width: 41.6666666667%
    }

    .off-sm-5 {
        margin-left: 41.6666666667%
    }

    .col-sm-6 {
        flex-basis: 50%;
        max-width: 50%
    }

    .off-sm-6 {
        margin-left: 50%
    }

    .col-sm-7 {
        flex-basis: 58.3333333333%;
        max-width: 58.3333333333%
    }

    .off-sm-7 {
        margin-left: 58.3333333333%
    }

    .col-sm-8 {
        flex-basis: 66.6666666667%;
        max-width: 66.6666666667%
    }

    .off-sm-8 {
        margin-left: 66.6666666667%
    }

    .col-sm-9 {
        flex-basis: 75%;
        max-width: 75%
    }

    .off-sm-9 {
        margin-left: 75%
    }

    .col-sm-10 {
        flex-basis: 83.3333333333%;
        max-width: 83.3333333333%
    }

    .off-sm-10 {
        margin-left: 83.3333333333%
    }

    .col-sm-11 {
        flex-basis: 91.6666666667%;
        max-width: 91.6666666667%
    }

    .off-sm-11 {
        margin-left: 91.6666666667%
    }

    .col-sm-12 {
        flex-basis: 100%;
        max-width: 100%
    }

    .start-sm {
        justify-content: flex-start;
        text-align: start
    }

    .center-sm {
        justify-content: center;
        text-align: center
    }

    .end-sm {
        justify-content: flex-end;
        text-align: end
    }

    .top-sm {
        align-items: flex-start
    }

    .middle-sm {
        align-items: center
    }

    .bottom-sm {
        align-items: flex-end
    }

    .around-sm {
        justify-content: space-around
    }

    .between-sm {
        justify-content: space-between
    }

    .first-sm {
        order: -1
    }

    .last-sm {
        order: 1
    }
}

@media only screen and (min-width: 768px) {
    .off-md-12,.col-md-12,.off-md-11,.col-md-11,.off-md-10,.col-md-10,.off-md-9,.col-md-9,.off-md-8,.col-md-8,.off-md-7,.col-md-7,.off-md-6,.col-md-6,.off-md-5,.col-md-5,.off-md-4,.col-md-4,.off-md-3,.col-md-3,.off-md-2,.col-md-2,.off-md-1,.col-md-1,.col-md {
        box-sizing:border-box;
        display: flex;
        flex-direction: column;
        flex-grow: 0;
        flex-shrink: 0;
        padding-right: 12px;
        padding-left: 12px
    }

    .col-md {
        flex-grow: 1;
        flex-basis: 0;
        max-width: 100%
    }

    .col-md-1 {
        flex-basis: 8.3333333333%;
        max-width: 8.3333333333%
    }

    .off-md-1 {
        margin-left: 8.3333333333%
    }

    .col-md-2 {
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%
    }

    .off-md-2 {
        margin-left: 16.6666666667%
    }

    .col-md-3 {
        flex-basis: 25%;
        max-width: 25%
    }

    .off-md-3 {
        margin-left: 25%
    }

    .col-md-4 {
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%
    }

    .off-md-4 {
        margin-left: 33.3333333333%
    }

    .col-md-5 {
        flex-basis: 41.6666666667%;
        max-width: 41.6666666667%
    }

    .off-md-5 {
        margin-left: 41.6666666667%
    }

    .col-md-6 {
        flex-basis: 50%;
        max-width: 50%
    }

    .off-md-6 {
        margin-left: 50%
    }

    .col-md-7 {
        flex-basis: 58.3333333333%;
        max-width: 58.3333333333%
    }

    .off-md-7 {
        margin-left: 58.3333333333%
    }

    .col-md-8 {
        flex-basis: 66.6666666667%;
        max-width: 66.6666666667%
    }

    .off-md-8 {
        margin-left: 66.6666666667%
    }

    .col-md-9 {
        flex-basis: 75%;
        max-width: 75%
    }

    .off-md-9 {
        margin-left: 75%
    }

    .col-md-10 {
        flex-basis: 83.3333333333%;
        max-width: 83.3333333333%
    }

    .off-md-10 {
        margin-left: 83.3333333333%
    }

    .col-md-11 {
        flex-basis: 91.6666666667%;
        max-width: 91.6666666667%
    }

    .off-md-11 {
        margin-left: 91.6666666667%
    }

    .col-md-12 {
        flex-basis: 100%;
        max-width: 100%
    }

    .start-md {
        justify-content: flex-start;
        text-align: start
    }

    .center-md {
        justify-content: center;
        text-align: center
    }

    .end-md {
        justify-content: flex-end;
        text-align: end
    }

    .top-md {
        align-items: flex-start
    }

    .middle-md {
        align-items: center
    }

    .bottom-md {
        align-items: flex-end
    }

    .around-md {
        justify-content: space-around
    }

    .between-md {
        justify-content: space-between
    }

    .first-md {
        order: -1
    }

    .last-md {
        order: 1
    }
}

@media only screen and (min-width: 992px) {
    .off-lg-12,.col-lg-12,.off-lg-11,.col-lg-11,.off-lg-10,.col-lg-10,.off-lg-9,.col-lg-9,.off-lg-8,.col-lg-8,.off-lg-7,.col-lg-7,.off-lg-6,.col-lg-6,.off-lg-5,.col-lg-5,.off-lg-4,.col-lg-4,.off-lg-3,.col-lg-3,.off-lg-2,.col-lg-2,.off-lg-1,.col-lg-1,.col-lg {
        box-sizing:border-box;
        display: flex;
        flex-direction: column;
        flex-grow: 0;
        flex-shrink: 0;
        padding-right: 12px;
        padding-left: 12px
    }

    .col-lg {
        flex-grow: 1;
        flex-basis: 0;
        max-width: 100%
    }

    .col-lg-1 {
        flex-basis: 8.3333333333%;
        max-width: 8.3333333333%
    }

    .off-lg-1 {
        margin-left: 8.3333333333%
    }

    .col-lg-2 {
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%
    }

    .off-lg-2 {
        margin-left: 16.6666666667%
    }

    .col-lg-3 {
        flex-basis: 25%;
        max-width: 25%
    }

    .off-lg-3 {
        margin-left: 25%
    }

    .col-lg-4 {
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%
    }

    .off-lg-4 {
        margin-left: 33.3333333333%
    }

    .col-lg-5 {
        flex-basis: 41.6666666667%;
        max-width: 41.6666666667%
    }

    .off-lg-5 {
        margin-left: 41.6666666667%
    }

    .col-lg-6 {
        flex-basis: 50%;
        max-width: 50%
    }

    .off-lg-6 {
        margin-left: 50%
    }

    .col-lg-7 {
        flex-basis: 58.3333333333%;
        max-width: 58.3333333333%
    }

    .off-lg-7 {
        margin-left: 58.3333333333%
    }

    .col-lg-8 {
        flex-basis: 66.6666666667%;
        max-width: 66.6666666667%
    }

    .off-lg-8 {
        margin-left: 66.6666666667%
    }

    .col-lg-9 {
        flex-basis: 75%;
        max-width: 75%
    }

    .off-lg-9 {
        margin-left: 75%
    }

    .col-lg-10 {
        flex-basis: 83.3333333333%;
        max-width: 83.3333333333%
    }

    .off-lg-10 {
        margin-left: 83.3333333333%
    }

    .col-lg-11 {
        flex-basis: 91.6666666667%;
        max-width: 91.6666666667%
    }

    .off-lg-11 {
        margin-left: 91.6666666667%
    }

    .col-lg-12 {
        flex-basis: 100%;
        max-width: 100%
    }

    .start-lg {
        justify-content: flex-start;
        text-align: start
    }

    .center-lg {
        justify-content: center;
        text-align: center
    }

    .end-lg {
        justify-content: flex-end;
        text-align: end
    }

    .top-lg {
        align-items: flex-start
    }

    .middle-lg {
        align-items: center
    }

    .bottom-lg {
        align-items: flex-end
    }

    .around-lg {
        justify-content: space-around
    }

    .between-lg {
        justify-content: space-between
    }

    .first-lg {
        order: -1
    }

    .last-lg {
        order: 1
    }
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.hide {
    display: none
}

.show {
    display: block
}

.invisible {
    visibility: hidden
}

.affix {
    position: fixed
}

.clearfix:before,.clearfix:after {
    display: table;
    content: "";
    line-height: 0
}

.clearfix:after {
    clear: both
}

.clickthrough-container {
    pointer-events: none
}

.clickthrough-container>* {
    pointer-events: auto
}

.hide-text {
    text-indent: -119988px;
    overflow: hidden;
    text-align: left
}

.input-block-level {
    display: block;
    width: 100%;
    min-height: 40px;
    box-sizing: border-box
}

.hidden {
    display: none;
    visibility: hidden
}

.math_equation_latex {
    display: inline-block;
    text-align: center
}

.fade-in-equation {
    visibility: visible;
    animation: fadein ease .3s
}

@keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.hidden-desktop {
    display: none !important
}

.visible-desktop {
    display: inherit !important
}

@media(min-width: 768px)and (max-width: 979px) {
    .hidden-desktop {
        display:inherit !important
    }

    .visible-desktop {
        display: none !important
    }

    .hidden-tablet {
        display: none !important
    }
}

@media(max-width: 767px) {
    .hidden-desktop {
        display:inherit !important
    }

    .visible-desktop {
        display: none !important
    }

    .hidden-phone {
        display: none !important
    }
}

@media(forced-colors: active) {
    *:not(:focus-visible) {
        outline: none !important
    }
}

.btn,.Button,.ui-button {
    background: #f2f4f4;
    color: #273540;
    border: 1px solid;
    border-color: #e8eaec;
    border-radius: 3px;
    transition: background-color .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;
    min-width: 24px;
    min-height: 24px
}

.btn:focus,.Button:focus,.ui-button:focus {
    color: #273540
}

.btn:hover,.Button:hover,.ui-button:hover {
    background: #e4e8e8;
    color: #273540
}

.btn:hover.ui-state-hover,.Button:hover.ui-state-hover,.ui-button:hover.ui-state-hover {
    background: #e4e8e8;
    color: #273540;
    border-color: #c9d1d1
}

.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,.ui-progressbar .ui-button.ui-widget-header,.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,.ui-progressbar .ui-button.ui-widget-header {
    background: #5e6f6f;
    border-color: #475454;
    color: #fff
}

.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,.ui-progressbar .btn.ui-state-focus.ui-widget-header:focus,.Button.ui-state-focus.ui-state-active:focus,.ui-state-focus.ui-state-active.ui-button:focus,.ui-progressbar .Button.ui-state-focus.ui-widget-header:focus,.ui-progressbar .ui-state-focus.ui-widget-header.ui-button:focus {
    box-shadow: inset 0 0 0 2px #fff
}

.btn:active,.Button:active,.ui-button:active {
    background: #dce1e1
}

.btn:focus,.btn--focus,.Button:focus,.ui-button:focus,.Button--focus,.ui-button.ui-state-focus {
    text-decoration: none;
    outline: 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: .5
}

.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: var(--ic-brand-button--primary-bgd);
    color: var(--ic-brand-button--primary-text);
    border: 1px solid;
    border-color: var(--ic-brand-button--primary-bgd-darkened-15)
}

.btn-primary:focus,.Button--primary:focus {
    color: var(--ic-brand-button--primary-text)
}

.btn-primary:hover,.Button--primary:hover {
    background: var(--ic-brand-button--primary-bgd-darkened-5);
    color: var(--ic-brand-button--primary-text)
}

.btn-primary:hover.ui-state-hover,.Button--primary:hover.ui-state-hover {
    background: var(--ic-brand-button--primary-bgd-darkened-5);
    color: var(--ic-brand-button--primary-text);
    border-color: var(--ic-brand-button--primary-bgd-darkened-15)
}

.btn-primary:focus,.Button--primary:focus {
    box-shadow: inset 0 0 0 2px #fff
}

.btn-primary.active,.btn-primary.Button--active,.btn-primary.ui-button.ui-state-active,.ui-progressbar .btn-primary.ui-button.ui-widget-header,.btn-primary:active,.Button--primary.active,.Button--primary.Button--active,.Button--primary.ui-button.ui-state-active,.ui-progressbar .Button--primary.ui-button.ui-widget-header,.Button--primary:active {
    background: var(--ic-brand-button--primary-bgd-darkened-5);
    box-shadow: none
}

.btn-warning,.Button--warning {
    background: #f06e26;
    color: #fff;
    border: 1px solid;
    border-color: #bc4c0d
}

.btn-warning:focus,.Button--warning:focus {
    color: #fff
}

.btn-warning:hover,.Button--warning:hover {
    background: #ec5f10;
    color: #fff
}

.btn-warning:hover.ui-state-hover,.Button--warning:hover.ui-state-hover {
    background: #ec5f10;
    color: #fff;
    border-color: #bc4c0d
}

.btn-warning:focus,.Button--warning:focus {
    box-shadow: inset 0 0 0 2px #fff
}

.btn-warning.active,.btn-warning.Button--active,.btn-warning.ui-button.ui-state-active,.ui-progressbar .btn-warning.ui-button.ui-widget-header,.btn-warning:active,.Button--warning.active,.Button--warning.Button--active,.Button--warning.ui-button.ui-state-active,.ui-progressbar .Button--warning.ui-button.ui-widget-header,.Button--warning:active {
    background: #ec5f10;
    box-shadow: none
}

.btn-danger,.Button--danger {
    background: #e62429;
    color: #fff;
    border: 1px solid;
    border-color: #aa1317
}

.btn-danger:focus,.Button--danger:focus {
    color: #fff
}

.btn-danger:hover,.Button--danger:hover {
    background: #d8191e;
    color: #fff
}

.btn-danger:hover.ui-state-hover,.Button--danger:hover.ui-state-hover {
    background: #d8191e;
    color: #fff;
    border-color: #aa1317
}

.btn-danger:focus,.Button--danger:focus {
    box-shadow: inset 0 0 0 2px #fff
}

.btn-danger.active,.btn-danger.Button--active,.btn-danger.ui-button.ui-state-active,.ui-progressbar .btn-danger.ui-button.ui-widget-header,.btn-danger:active,.Button--danger.active,.Button--danger.Button--active,.Button--danger.ui-button.ui-state-active,.ui-progressbar .Button--danger.ui-button.ui-widget-header,.Button--danger:active {
    background: #d8191e;
    box-shadow: none
}

.btn-success,.Button--success {
    background: #03893d;
    color: #fff;
    border: 1px solid;
    border-color: #013e1c
}

.btn-success:focus,.Button--success:focus {
    color: #fff
}

.btn-success:hover,.Button--success:hover {
    background: #027032;
    color: #fff
}

.btn-success:hover.ui-state-hover,.Button--success:hover.ui-state-hover {
    background: #027032;
    color: #fff;
    border-color: #013e1c
}

.btn-success:focus,.Button--success:focus {
    box-shadow: inset 0 0 0 2px #fff
}

.btn-success.active,.btn-success.Button--active,.btn-success.ui-button.ui-state-active,.ui-progressbar .btn-success.ui-button.ui-widget-header,.btn-success:active,.Button--success.active,.Button--success.Button--active,.Button--success.ui-button.ui-state-active,.ui-progressbar .Button--success.ui-button.ui-widget-header,.Button--success:active {
    background: #027032;
    box-shadow: none
}

.btn-info,.Button--secondary {
    background: var(--ic-brand-button--secondary-bgd);
    color: var(--ic-brand-button--secondary-text);
    border: 1px solid;
    border-color: var(--ic-brand-button--secondary-bgd-darkened-15)
}

.btn-info:focus,.Button--secondary:focus {
    color: var(--ic-brand-button--secondary-text)
}

.btn-info:hover,.Button--secondary:hover {
    background: var(--ic-brand-button--secondary-bgd-darkened-5);
    color: var(--ic-brand-button--secondary-text)
}

.btn-info:hover.ui-state-hover,.Button--secondary:hover.ui-state-hover {
    background: var(--ic-brand-button--secondary-bgd-darkened-5);
    color: var(--ic-brand-button--secondary-text);
    border-color: var(--ic-brand-button--secondary-bgd-darkened-15)
}

.btn-info:focus,.Button--secondary:focus {
    box-shadow: inset 0 0 0 2px #fff
}

.btn-info.active,.btn-info.Button--active,.btn-info.ui-button.ui-state-active,.ui-progressbar .btn-info.ui-button.ui-widget-header,.btn-info:active,.Button--secondary.active,.Button--secondary.Button--active,.Button--secondary.ui-button.ui-state-active,.ui-progressbar .Button--secondary.ui-button.ui-widget-header,.Button--secondary:active {
    background: var(--ic-brand-button--secondary-bgd-darkened-5);
    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)
}

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
}

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,.ui-progressbar .btn-link.ui-button.ui-widget-header,.btn-link:active,.Button--link.active,.Button--link.Button--active,.Button--link.ui-button.ui-state-active,.ui-progressbar .Button--link.ui-button.ui-widget-header,.Button--link:active {
    background: rgba(39,53,64,.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: var(--ic-brand-font-color-dark);
    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 .2s;
    background: transparent;
    border: none;
    padding: 2px 4px;
    border-radius: 3px;
    color: var(--ic-brand-font-color-dark-lightened-28);
    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: var(--ic-brand-font-color-dark-lightened-15)
}

.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,.ui-progressbar .Button--icon-action.ui-button.ui-widget-header,.Button--active.Button--icon-action-danger,.Button--icon-action-danger.ui-button.ui-state-active,.ui-progressbar .Button--icon-action-danger.ui-button.ui-widget-header,.Button--active.Button--icon-action-rev,.Button--icon-action-rev.ui-button.ui-state-active,.ui-progressbar .Button--icon-action-rev.ui-button.ui-widget-header,.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: #fff
}

.Button--icon-action-rev:hover,.Button--icon-action-rev:focus {
    color: #fff
}

.Button--icon-action-rev:focus {
    box-shadow: inset 0 0 0 2px #fff
}

.Button--icon-action-danger {
    color: #e62429
}

.Button--icon-action-danger:hover,.Button--icon-action-danger:focus {
    color: #e62429
}

.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
}

code,pre {
    font-family: Monaco,Menlo,Consolas,"Courier New",monospace;
    font-size: .75rem;
    border-radius: 6px;
    background-color: #f2f4f4;
    border: 1px solid #e8eaec
}

code {
    padding: .125rem .25rem;
    color: #c71f23
}

pre {
    color: #273540;
    display: block;
    padding: 9px;
    margin: 0 0 12px;
    line-height: 1.2;
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre;
    white-space: pre-wrap
}

pre.prettyprint {
    margin-bottom: 24px
}

pre code {
    padding: 0;
    color: inherit;
    background-color: transparent;
    border: 0
}

.button-container {
    margin-top: .5em
}

#right-side .button-sidebar-wide {
    text-align: left;
    margin: 5px auto;
    display: block
}

#right-side .button-sidebar-wide i[class*=icon-]:before,#right-side .button-sidebar-wide i[class^=icon-]:before {
    color: inherit
}

#right-side button.button-sidebar-wide {
    width: 100%
}

a.external_link {
    padding-right: 15px;
    background: no-repeat right center;
    background-image: url(/dist/images/popout-6a042f140c.png)
}

a.equella_content_link {
    padding-left: 17px;
    background: no-repeat left center;
    background-image: url(/dist/images/equella_icon-3624f403e9.png)
}

a.add {
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 20px;
    padding: 1px 0 1px 26px;
    display: inline-block;
    background-image: url(/dist/images/add-5350c033d2.png)
}

a.add-small {
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 20px;
    padding: 1px 0 1px 26px;
    display: inline-block;
    padding-left: 15px;
    background-image: url(/dist/images/add-small-1efbe5062a.png)
}

a.add-feed {
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 20px;
    padding: 1px 0 1px 26px;
    display: inline-block;
    background-image: url(/dist/images/add_feed-e85d68dfd8.png)
}

a.add-file {
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 20px;
    padding: 1px 0 1px 26px;
    display: inline-block;
    background-image: url(/dist/images/file-95ff332fb8.png)
}

a.announcement-icon-small {
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 20px;
    padding: 1px 0 1px 26px;
    display: inline-block;
    background-image: url(/dist/images/announcement_icon_small-28384d6d1c.png)
}

a.atom {
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 20px;
    padding: 1px 0 1px 26px;
    display: inline-block;
    background-image: url(/dist/images/atom-ba82f9788e.png)
}

a.media-comment {
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 20px;
    padding: 1px 0 1px 26px;
    display: inline-block;
    background-image: url(/dist/images/audio_comment-eeb35d0efe.gif)
}

a.back {
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 20px;
    padding: 1px 0 1px 26px;
    display: inline-block;
    background-image: url(/dist/images/back-5d31875ff2.png)
}

a.calendar {
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 20px;
    padding: 1px 0 1px 26px;
    display: inline-block;
    background-image: url(/dist/images/due_date_icon-9fe551d920.png)
}

a.collapse {
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 20px;
    padding: 1px 0 1px 26px;
    display: inline-block;
    background-image: url(/dist/images/collapse-1bb8975bc7.png)
}

a.delete {
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 20px;
    padding: 1px 0 1px 26px;
    display: inline-block;
    background-image: url(/dist/images/delete-39059ba0a6.png)
}

a.delete-circle {
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 20px;
    padding: 1px 0 1px 26px;
    display: inline-block;
    background-image: url(/dist/images/delete_circle-f4242c3ba6.png)
}

a.discussion-icon-small {
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 20px;
    padding: 1px 0 1px 26px;
    display: inline-block;
    background-image: url(/dist/images/discussion_icon_small-d8a541e68d.png)
}

a.download {
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 20px;
    padding: 1px 0 1px 26px;
    display: inline-block;
    background-image: url(/dist/images/download-e6fb13a9a1.png)
}

a.edit {
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 20px;
    padding: 1px 0 1px 26px;
    display: inline-block;
    background-image: url(/dist/images/edit-f36fae5353.png)
}

a.email {
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 20px;
    padding: 1px 0 1px 26px;
    display: inline-block;
    background-image: url(/dist/images/email-9a971ebcbe.png)
}

a.expand {
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 20px;
    padding: 1px 0 1px 26px;
    display: inline-block;
    background-image: url(/dist/images/expand-04353706d7.png)
}

a.feed {
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 20px;
    padding: 1px 0 1px 26px;
    display: inline-block;
    background-image: url(/dist/images/atom-ba82f9788e.png)
}

a.file-multiple {
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 20px;
    padding: 1px 0 1px 26px;
    display: inline-block;
    background-image: url(/dist/images/file_multiple-ef71b097fc.png)
}

a.file-big {
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 20px;
    padding: 1px 0 1px 26px;
    display: inline-block;
    background-image: url(/dist/images/file_big-fd6585fa5e.png)
}

a.folder-closed {
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 20px;
    padding: 1px 0 1px 26px;
    display: inline-block;
    background-image: url(/dist/images/folder_closed-e941eff464.png)
}

a.forward {
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 20px;
    padding: 1px 0 1px 26px;
    display: inline-block;
    background-image: url(/dist/images/forward-84972cf32a.png)
}

a.find {
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 20px;
    padding: 1px 0 1px 26px;
    display: inline-block;
    background-image: url(/dist/images/find-6164443e2a.png)
}

a.grading_dim {
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 20px;
    padding: 1px 0 1px 26px;
    display: inline-block;
    background-image: url(/dist/images/grading_icon_gray-0920718b56.png)
}

a.grading {
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 20px;
    padding: 1px 0 1px 26px;
    display: inline-block;
    background-image: url(/dist/images/grading_icon-16e9e323ad.png)
}

a.help {
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 20px;
    padding: 1px 0 1px 26px;
    display: inline-block;
    background-image: url(/dist/images/help-4e4782c4ba.png)
}

a.history {
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 20px;
    padding: 1px 0 1px 26px;
    display: inline-block;
    background-image: url(/dist/images/history-214ab216d9.png)
}

a.information {
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 20px;
    padding: 1px 0 1px 26px;
    display: inline-block;
    font-size: .8em;
    background-image: url(/dist/images/information-ca06d18614.png)
}

a.link {
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 20px;
    padding: 1px 0 1px 26px;
    display: inline-block;
    background-image: url(/dist/images/link-cf0b7a38be.png)
}

a.lock {
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 20px;
    padding: 1px 0 1px 26px;
    display: inline-block;
    background-image: url(/dist/images/lock-f04ae1d2a3.png)
}

a.pass {
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 20px;
    padding: 1px 0 1px 26px;
    display: inline-block;
    background-image: url(/dist/images/pass-25e17f592d.png)
}

a.peer-review {
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 20px;
    padding: 1px 0 1px 26px;
    display: inline-block;
    background-image: url(/dist/images/peer_review-33b5edde63.png)
}

a.pending-review {
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 20px;
    padding: 1px 0 1px 26px;
    display: inline-block;
    background-image: url(/dist/images/pending_review-32f22cdb2b.png)
}

a.quiz {
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 20px;
    padding: 1px 0 1px 26px;
    display: inline-block;
    background-image: url(/dist/images/quiz-45e613394a.png)
}

a.refresh {
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 20px;
    padding: 1px 0 1px 26px;
    display: inline-block;
    background-image: url(/dist/images/ajax-reload-a16f5adfe0.gif)
}

a.refreshing {
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 20px;
    padding: 1px 0 1px 26px;
    display: inline-block;
    background-image: url(/dist/images/ajax-reload-animated-8255e06a8a.gif)
}

a.rename {
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 20px;
    padding: 1px 0 1px 26px;
    display: inline-block;
    background-image: url(/dist/images/rename-e68ffb2213.png)
}

a.reply {
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 20px;
    padding: 1px 0 1px 26px;
    display: inline-block;
    background-image: url(/dist/images/reply-8a2bc3988e.png)
}

a.rubric {
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 20px;
    padding: 1px 0 1px 26px;
    display: inline-block;
    background-image: url(/dist/images/rubric-bf27fe7010.png)
}

a.small-calendar {
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 20px;
    padding: 1px 0 1px 26px;
    display: inline-block;
    background-image: url(/dist/images/ical-5dbab75ab6.png)
}

a.speedgrader {
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 20px;
    padding: 1px 0 1px 26px;
    display: inline-block;
    background-image: url(/dist/images/speedgrader_icon-892375741e.png)
}

a.text-entry {
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 20px;
    padding: 1px 0 1px 26px;
    display: inline-block;
    background-image: url(/dist/images/text_entry-8a7631b935.png)
}

a.warning {
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 20px;
    padding: 1px 0 1px 26px;
    display: inline-block;
    background-image: url(/dist/images/warning-5cfa7d66ae.png)
}

a.word-bubble {
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 20px;
    padding: 1px 0 1px 26px;
    display: inline-block;
    background-image: url(/dist/images/word_bubble-2ac7184a98.png)
}

a.unlock {
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 20px;
    padding: 1px 0 1px 26px;
    display: inline-block;
    background-image: url(/dist/images/unlock-f650febf73.png)
}

a.icon-grading {
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 20px;
    padding: 1px 0 1px 26px;
    display: inline-block;
    background-image: url(/dist/images/icon-checkmark-plus-success-69fdf68240.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 18px
}

a.icon-grading-gray {
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 20px;
    padding: 1px 0 1px 26px;
    display: inline-block;
    background: url(/dist/images/icon-checkmark-plus-gray-ef5ac4e469.svg) no-repeat left center;
    background-size: 18px
}

a.admin {
    color: #d15545
}

a.file {
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 12px;
    font-size: 0.75rem;
    padding: 1px 0 2px 20px;
    background-image: url("/dist/images/inst_tree/file_types/page_white-8e05d64f0b.png") !important
}

a.pdf {
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 12px;
    font-size: 0.75rem;
    padding: 1px 0 2px 20px;
    background-image: url("/dist/images/inst_tree/file_types/page_white_acrobat-673fb84236.png") !important
}

a.image {
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 12px;
    font-size: 0.75rem;
    padding: 1px 0 2px 20px;
    background-image: url("/dist/images/inst_tree/file_types/page_white_picture-94db8424e5.png") !important
}

a.spreadsheet {
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 12px;
    font-size: 0.75rem;
    padding: 1px 0 2px 20px;
    background-image: url("/dist/images/inst_tree/file_types/page_white_excel-3f420cf621.png") !important
}

a.xls {
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 12px;
    font-size: 0.75rem;
    padding: 1px 0 2px 20px;
    background-image: url("/dist/images/inst_tree/file_types/page_white_excel-3f420cf621.png") !important
}

a.word,a.doc {
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 12px;
    font-size: 0.75rem;
    padding: 1px 0 2px 20px;
    background-image: url("/dist/images/inst_tree/file_types/page_white_word-ee5daad636.png") !important
}

a.ppt {
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 12px;
    font-size: 0.75rem;
    padding: 1px 0 2px 20px;
    background-image: url("/dist/images/inst_tree/file_types/page_white_powerpoint-21120c1ab1.png") !important
}

a.zip {
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 12px;
    font-size: 0.75rem;
    padding: 1px 0 2px 20px;
    background-image: url("/dist/images/inst_tree/file_types/page_white_zip-c7174da97b.png") !important
}

a.html {
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 12px;
    font-size: 0.75rem;
    padding: 1px 0 2px 20px;
    background-image: url("/dist/images/inst_tree/file_types/page_white_world-2fa59e9ad2.png") !important
}

a.code {
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 12px;
    font-size: 0.75rem;
    padding: 1px 0 2px 20px;
    background-image: url("/dist/images/inst_tree/file_types/page_white_code-3222e663ce.png") !important
}

a.text {
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 12px;
    font-size: 0.75rem;
    padding: 1px 0 2px 20px;
    background-image: url("/dist/images/inst_tree/file_types/page_white_text-ea9b5de535.png") !important
}

a.audio {
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 12px;
    font-size: 0.75rem;
    padding: 1px 0 2px 20px;
    background-image: url("/dist/images/inst_tree/file_types/sound_none-6af2c28cff.png") !important
}

a.video {
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 12px;
    font-size: 0.75rem;
    padding: 1px 0 2px 20px;
    background-image: url("/dist/images/inst_tree/file_types/page_white_camera-08c828542c.png") !important
}

a.flash {
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 12px;
    font-size: 0.75rem;
    padding: 1px 0 2px 20px;
    background-image: url("/dist/images/inst_tree/file_types/page_white_flash-9f6a1ee9d9.png") !important
}

a.no-underline,a.no-underline:hover,a.no-underline:focus {
    text-decoration: none
}

.atr-reply,.atr-edit,.atr-delete {
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 16px;
    height: 16px
}

.atr-reply {
    background-image: url("/dist/images/reply-8a2bc3988e.png")
}

.atr-edit {
    background-image: url("/dist/images/edit-f36fae5353.png")
}

.atr-delete {
    background-image: url("/dist/images/delete-39059ba0a6.png")
}

.tooltip {
    position: relative;
    z-index: 2;
    outline: none
}

.tooltip:hover,.tooltip:active,.tooltip:focus {
    outline: none;
    text-decoration: none
}

.tooltip:hover .tooltip_wrap,.tooltip:hover .tooltip_text,.tooltip:active .tooltip_wrap,.tooltip:active .tooltip_text,.tooltip:focus .tooltip_wrap,.tooltip:focus .tooltip_text {
    visibility: visible
}

.tooltip .tooltip_wrap,.tooltip .tooltip_text {
    display: block;
    visibility: hidden
}

.tooltip .tooltip_wrap {
    background: url(/dist/images/tooltip_carat-3363aaf402.png) no-repeat left bottom;
    bottom: 15px;
    padding-bottom: 3px;
    position: absolute;
    opacity: .9
}

.tooltip .tooltip_text {
    background-color: #444;
    background-position: left bottom;
    color: #fff;
    left: 0px;
    max-width: 250px;
    padding: 2px 7px;
    white-space: nowrap;
    border-radius: 5px;
    font-weight: normal
}

.tooltip .right {
    right: 0px;
    background-position: right bottom
}

#breadcrumbs {
    background-color: #fff
}

#breadcrumbs.k5-breadcrumbs>ul>li:last-of-type a,#breadcrumbs.k5-breadcrumbs>ol>li:last-of-type a {
    color: var(--ic-link-color);
    text-transform: uppercase
}

#breadcrumbs>ul,#breadcrumbs>ol {
    margin: 0;
    padding: 4px 15px;
    list-style: none;
    padding: 0
}

#breadcrumbs>ul>li,#breadcrumbs>ol>li {
    display: inline-block;
    white-space: nowrap;
    vertical-align: top;
    font-size: 18px;
    font-size: 1.125rem
}

#breadcrumbs>ul>li:first-of-type,#breadcrumbs>ol>li:first-of-type {
    visibility: hidden
}

#breadcrumbs>ul>li:nth-child(2):before,#breadcrumbs>ol>li:nth-child(2):before {
    display: none
}

#breadcrumbs>ul>li>a .ellipsis,#breadcrumbs>ol>li>a .ellipsis {
    float: right;
    line-height: inherit
}

.ff #breadcrumbs>ul>li>a .ellipsis,.ff #breadcrumbs>ol>li>a .ellipsis {
    float: none;
    display: inline-block;
    position: relative;
    top: 5px;
    margin-top: -5px
}

#breadcrumbs>ul>li+li:before,#breadcrumbs>ol>li+li:before {
    content: "";
    width: 5px;
    height: 9px;
    display: inline-block;
    margin: 0 9px;
    background: url("/dist/images/breadcrumb-arrow-light-8702eeae02.svg") no-repeat 50% 50%;
    background-size: 5px 9px
}

#breadcrumbs>ul>li+li:last-of-type a,#breadcrumbs>ol>li+li:last-of-type a {
    color: var(--ic-brand-font-color-dark)
}

#breadcrumbs .icon-home:before {
    font-size: 10px;
    font-size: 0.625rem;
    color: var(--ic-brand-font-color-dark-lightened-15)
}

.horizon-back-to-units {
    white-space: nowrap
}

.horizon-heading-course-name {
    font-weight: bold;
    text-align: center;
    display: flex;
    flex: 2;
    justify-content: center;
    margin: 1%
}

@media(max-width: 875px) {
    .horizon-heading-course-name {
        flex:1
    }
}

@keyframes al-slide-down {
    from {
        transform: rotateX(-90deg);
        opacity: .2
    }

    to {
        transform: rotateX(0);
        opacity: 1
    }
}

.admin-links {
    float: right
}

.al-dropdown__container {
    position: relative;
    display: inline-block
}

.al-options {
    display: none;
    -webkit-font-smoothing: antialiased
}

.al-options.ui-menu {
    display: block
}

.al-options {
    box-sizing: border-box;
    background-color: #fff;
    box-shadow: 0px 0px 6px rgba(0,0,0,.1);
    position: absolute;
    padding: 8px 0;
    border-color: #e8eaec;
    text-align: left
}

.al-options * {
    box-sizing: border-box
}

.al-options.ui-state-open {
    animation-duration: .2s;
    animation-name: al-slide-down;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0, 1, 0.5, 1);
    transform-origin: top
}

.al-options .ui-menu-item a {
    background-color: transparent;
    color: var(--ic-brand-font-color-dark);
    white-space: nowrap;
    min-width: 180px;
    padding: 6px 12px
}

.al-options .ui-menu-item a i[class*=icon-]:before,.al-options .ui-menu-item a i[class^=icon-]:before {
    margin-right: 8px
}

.al-options .ui-menu-item a.disabled.ui-state-focus,.al-options .ui-menu-item a.ui-state-focus.ui-button.ui-state-disabled {
    border: solid;
    border-width: 1px;
    border-color: #bec4c9
}

.al-options .ui-menu-item:first-of-type a {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.al-options .ui-menu-item:last-child a {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.al-options .ui-menu-item.ui-menu-item--helper-text {
    color: var(--ic-brand-font-color-dark-lightened-15);
    padding: 0 12px;
    margin: 6px 0
}

.al-options .ui-menu-item a.disabled,.al-options .ui-menu-item a.ui-button.ui-state-disabled,.al-options .ui-menu-item a.disabled.ui-state-focus {
    background: none;
    cursor: not-allowed;
    color: #b3b3b3
}

.al-options .ui-menu-carat span {
    border-color: #fff transparent
}

.al-options .ui-state-focus {
    margin: 0 !important;
    border: none;
    text-shadow: none
}

.al-trigger-gray {
    color: var(--ic-brand-font-color-dark-lightened-15);
    border-radius: 3px;
    outline: none
}

.al-trigger-gray:hover,.al-trigger-gray:focus {
    color: var(--ic-brand-font-color-dark)
}

.al-trigger-gray:focus {
    box-shadow: inset 0 0 0 2px var(--ic-link-color)
}

.admin-link-hover-area:hover .al-trigger,.admin-link-hover-area.active .al-trigger,.al-trigger.ui-state-active,.ui-progressbar .al-trigger.ui-widget-header,.al-trigger:focus,.al-trigger:hover {
    text-decoration: none
}

.al-trigger {
    padding-left: 8px;
    padding-right: 8px;
    cursor: pointer;
    white-space: nowrap;
    text-decoration: none;
    -webkit-user-select: none;
    user-select: none;
    display: inline-block
}

.al-hover-container .al-trigger {
    position: relative
}

.broken-image {
    border: 1px solid #273540;
    padding: 2px
}

.border {
    border-width: 0px;
    border-style: solid;
    border-color: #e8eaec
}

.border-trbl {
    border-width: 1px
}

.border-rbl {
    border-width: 1px;
    border-top: none
}

.border-tbl {
    border-width: 1px;
    border-right: none
}

.border-bl {
    border-bottom-width: 1px;
    border-left-width: 1px
}

.border-tl {
    border-top-width: 1px;
    border-left-width: 1px
}

.border-b {
    border-bottom-width: 1px
}

.border-t {
    border-top-width: 1px
}

.border-r {
    border-right-width: 1px
}

.border-round-b {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.border-round-t {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.border-round-tl {
    border-top-left-radius: 4px
}

.border-round {
    border-radius: 4px
}

.centered-block {
    width: 100%;
    overflow: hidden;
    position: relative
}

.centered-block .centered-block-wrap {
    clear: left;
    margin: 0;
    padding: 0;
    position: relative;
    left: 50%;
    text-align: center
}

.centered-block .centered-block-wrap .centered-block-inner {
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    right: 50%;
    text-align: left
}

.toolbar {
    padding: 4px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 22px
}

.toolbar .header {
    font-size: 18px;
    font-size: 1.125rem
}

.list-view {
    overflow: auto
}

.list-view>header,.list-view #section-tabs-header {
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    margin: 0 0 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.list-view #section-tabs-header-subtitle {
    display: block;
    font-size: 11px;
    font-size: 0.6875rem;
    font-style: italic;
    color: inherit
}

.list-view>*:first-child {
    border-top: 0 !important
}

.list-view>nav.theme-preview {
    padding: 3px
}

.list-view>ul,.list-view>nav>ul,.list-view>div>nav>ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.list-view>ul>li,.list-view>nav>ul>li,.list-view>div>nav>ul>li {
    padding: 0
}

.list-view>ul>li>a,.list-view>nav>ul>li>a,.list-view>div>nav>ul>li>a {
    display: block;
    text-decoration: none;
    border-radius: 3px;
    padding: 8px 0 8px 6px;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: none;
    hyphens: none;
    line-height: 1.3
}

.list-view>ul>li>a:hover,.list-view>nav>ul>li>a:hover,.list-view>div>nav>ul>li>a:hover {
    text-decoration: underline
}

.list-view>ul>li>a:focus,.list-view>nav>ul>li>a:focus,.list-view>div>nav>ul>li>a:focus {
    outline-offset: .0625rem;
    outline-color: var(--ic-link-color);
    outline-width: 2px;
    outline-style: solid
}

.list-view>ul>li>a>span,.list-view>nav>ul>li>a>span,.list-view>div>nav>ul>li>a>span {
    white-space: nowrap
}

.list-view>ul>li:last-child>a,.list-view>nav>ul>li:last-child>a,.list-view>div>nav>ul>li:last-child>a {
    border-bottom: 0
}

.list-view>ul+ul {
    border-top: 1px solid #e8eaec
}

.list-view a.active {
    border-left: 2px solid #273540;
    border-radius: 0px;
    font-weight: bold;
    color: #273540;
    padding-left: 4px
}

.list-view a.active .nav-badge {
    background: #fff;
    color: var(--ic-brand-primary)
}

.image-block {
    display: flex;
    min-width: 1px
}

.image-block .image-block-content {
    flex: 1;
    min-width: 1px;
    padding-left: 12px;
    box-sizing: border-box
}

.box-shadow {
    box-shadow: 0 2px 4px rgba(0,0,0,.25)
}

.page-action-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.page-action-list li {
    margin: 0;
    padding: 0
}

.page-action-list a {
    display: block;
    padding: 8px 0;
    color: var(--ic-brand-font-color-dark);
    font-weight: bold;
    border-bottom: 1px solid #e8eaec
}

.page-action-list a:hover,.page-action-list a:focus {
    color: var(--ic-link-color)
}

.page-action-list a:active {
    color: #999
}

*+.page-action-list {
    margin-top: 12px
}

a.external:hover,a.external:focus,a.external:active {
    text-decoration: none
}

a.external:hover span,a.external:focus span,a.external:active span {
    text-decoration: underline
}

a.external:hover .ui-icon-extlink,a.external:focus .ui-icon-extlink,a.external:active .ui-icon-extlink {
    text-decoration: none
}

a.external .ui-icon-extlink {
    display: inline-block;
    padding: 0;
    vertical-align: middle
}

.v-gutter {
    margin-top: 20px;
    margin-bottom: 20px
}

.v-gutter-large {
    margin-top: 30px;
    margin-bottom: 30px
}

@media(min-width: 1200px) {
    .v-gutter {
        margin-top:30px;
        margin-bottom: 30px
    }

    .v-gutter-large {
        margin-top: 45px;
        margin-bottom: 45px
    }
}

.header-bar {
    background-color: #fff;
    min-height: 33px;
    padding-bottom: 12px;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.header-bar:before,.header-bar:after {
    display: table;
    content: "";
    line-height: 0
}

.header-bar:after {
    clear: both
}

.header-bar.pinned {
    position: fixed;
    top: 0;
    width: 1071px;
    background-color: #fff;
    box-shadow: 0px 2px 3px rgba(0,0,0,.5);
    margin-left: -12px;
    padding: 15px;
    z-index: 100
}

.header-bar.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin-left: 176px;
    margin-right: 287px;
    z-index: 3;
    background: #fff;
    height: 33px;
    min-width: 623px;
    border-color: #c1c7cf;
    box-shadow: 0 1px 2px rgba(0,0,0,.3)
}

.header-bar .header-bar-right {
    margin-left: auto
}

.header-bar .header-bar-right .kebab-trigger {
    margin: 0 12px
}

@media(max-width: 600px) {
    .header-bar .header-bar-right {
        margin-left:0 !important
    }
}

.header-bar .no-font-size {
    font-size: 0
}

.header-bar .header-bar-left {
    margin-right: auto
}

.header-bar .header-bar-left .quizzes-header {
    margin: 0;
    line-height: 1
}

.header-bar.no-line {
    border: none
}

.header-group-left {
    margin-right: 10px
}

.header-group-left,.header-group-right {
    float: left
}

#searchTerm {
    width: 225px;
    margin-bottom: 0
}

@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");
    font-weight: normal;
    font-style: normal;
    font-display: block
}

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");
    font-weight: normal;
    font-style: normal;
    font-display: block
}

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: .75rem
}

a[class*=icon-]:before,a[class^=icon-]:before {
    margin-right: 4px;
    vertical-align: text-bottom
}

.standalone-icon:before {
    color: #555
}

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: ""
}

.icon-a11y:before {
    content: ""
}

.icon-add-folder:before {
    content: ""
}

.icon-add-media:before {
    content: ""
}

.icon-add:before {
    content: ""
}

.icon-address-book:before {
    content: ""
}

.icon-admin-tools:before {
    content: ""
}

.icon-admin:before {
    content: ""
}

.icon-ai:before {
    content: ""
}

.icon-alerts:before {
    content: ""
}

.icon-analytics:before {
    content: ""
}

.icon-android:before {
    content: ""
}

.icon-annotate:before {
    content: ""
}

.icon-announcement:before {
    content: ""
}

.icon-apple:before {
    content: ""
}

.icon-archive:before {
    content: ""
}

.icon-arrow-double-end:before {
    content: ""
}

.icon-arrow-double-start:before {
    content: ""
}

.icon-arrow-down:before {
    content: ""
}

.icon-arrow-end:before {
    content: ""
}

.icon-arrow-left:before {
    content: ""
}

.icon-arrow-nest:before {
    content: ""
}

.icon-arrow-open-down:before {
    content: ""
}

.icon-arrow-open-end:before {
    content: ""
}

.icon-arrow-open-left:before {
    content: ""
}

.icon-arrow-open-right:before {
    content: ""
}

.icon-arrow-open-start:before {
    content: ""
}

.icon-arrow-open-up:before {
    content: ""
}

.icon-arrow-right:before {
    content: ""
}

.icon-arrow-start:before {
    content: ""
}

.icon-arrow-up:before {
    content: ""
}

.icon-assignment:before {
    content: ""
}

.icon-attach-media:before {
    content: ""
}

.icon-audio-off:before {
    content: ""
}

.icon-audio:before {
    content: ""
}

.icon-award:before {
    content: ""
}

.icon-bank:before {
    content: ""
}

.icon-blueprint-lock:before {
    content: ""
}

.icon-blueprint:before {
    content: ""
}

.icon-bold:before {
    content: ""
}

.icon-bookmark:before {
    content: ""
}

.icon-box:before {
    content: ""
}

.icon-bullet-list-alpha:before {
    content: ""
}

.icon-bullet-list-circle-outline:before {
    content: ""
}

.icon-bullet-list-roman:before {
    content: ""
}

.icon-bullet-list-square:before {
    content: ""
}

.icon-bullet-list:before {
    content: ""
}

.icon-button-and-icon-maker:before {
    content: ""
}

.icon-calculator-desmos:before {
    content: ""
}

.icon-calculator:before {
    content: ""
}

.icon-calendar-add:before {
    content: ""
}

.icon-calendar-clock:before {
    content: ""
}

.icon-calendar-day:before {
    content: ""
}

.icon-calendar-days:before {
    content: ""
}

.icon-calendar-month:before {
    content: ""
}

.icon-calendar-reserved:before {
    content: ""
}

.icon-canvas-logo:before {
    content: ""
}

.icon-certified:before {
    content: ""
}

.icon-chart-line:before {
    content: ""
}

.icon-chart-pie:before {
    content: ""
}

.icon-chart-scatter:before {
    content: ""
}

.icon-chat:before {
    content: ""
}

.icon-check-dark:before {
    content: ""
}

.icon-check-mark-indeterminate:before {
    content: ""
}

.icon-check-mark:before {
    content: ""
}

.icon-check-plus:before {
    content: ""
}

.icon-check:before {
    content: ""
}

.icon-circle-arrow-down:before {
    content: ""
}

.icon-circle-arrow-up:before {
    content: ""
}

.icon-clear-text-formatting:before {
    content: ""
}

.icon-clock:before {
    content: ""
}

.icon-closed-captioning-off:before {
    content: ""
}

.icon-closed-captioning-on:before {
    content: ""
}

.icon-closed-captioning:before {
    content: ""
}

.icon-cloud-download:before {
    content: ""
}

.icon-cloud-lock:before {
    content: ""
}

.icon-cloud-upload:before {
    content: ""
}

.icon-code:before {
    content: ""
}

.icon-collapse:before {
    content: ""
}

.icon-collection-save:before {
    content: ""
}

.icon-collection:before {
    content: ""
}

.icon-comment:before {
    content: ""
}

.icon-comments-off:before {
    content: ""
}

.icon-comments-on:before {
    content: ""
}

.icon-commons:before {
    content: ""
}

.icon-compass:before {
    content: ""
}

.icon-complete:before {
    content: ""
}

.icon-compose:before {
    content: ""
}

.icon-configure:before {
    content: ""
}

.icon-copy-course:before {
    content: ""
}

.icon-copy:before {
    content: ""
}

.icon-courses:before {
    content: ""
}

.icon-crop:before {
    content: ""
}

.icon-dashboard:before {
    content: ""
}

.icon-deactivate-user:before {
    content: ""
}

.icon-discussion-check:before {
    content: ""
}

.icon-discussion-new:before {
    content: ""
}

.icon-discussion-reply-2:before {
    content: ""
}

.icon-discussion-reply-dark:before {
    content: ""
}

.icon-discussion-reply:before {
    content: ""
}

.icon-discussion-search:before {
    content: ""
}

.icon-discussion-x:before {
    content: ""
}

.icon-discussion:before {
    content: ""
}

.icon-document:before {
    content: ""
}

.icon-download:before {
    content: ""
}

.icon-drag-handle:before {
    content: ""
}

.icon-drop-down:before {
    content: ""
}

.icon-duplicate:before {
    content: ""
}

.icon-edit:before {
    content: ""
}

.icon-educators:before {
    content: ""
}

.icon-elevate-logo:before {
    content: ""
}

.icon-email:before {
    content: ""
}

.icon-empty:before {
    content: ""
}

.icon-end:before {
    content: ""
}

.icon-eportfolio:before {
    content: ""
}

.icon-equation:before {
    content: ""
}

.icon-equella:before {
    content: ""
}

.icon-essay:before {
    content: ""
}

.icon-exit-full-screen:before {
    content: ""
}

.icon-expand-items:before {
    content: ""
}

.icon-expand-left:before {
    content: ""
}

.icon-expand-start:before {
    content: ""
}

.icon-expand:before {
    content: ""
}

.icon-export-content:before {
    content: ""
}

.icon-export:before {
    content: ""
}

.icon-external-link:before {
    content: ""
}

.icon-eye:before {
    content: ""
}

.icon-facebook-boxed:before {
    content: ""
}

.icon-facebook:before {
    content: ""
}

.icon-fast-forward:before {
    content: ""
}

.icon-feedback:before {
    content: ""
}

.icon-file-locked:before {
    content: ""
}

.icon-files-copyright:before {
    content: ""
}

.icon-files-creative-commons:before {
    content: ""
}

.icon-files-fair-use:before {
    content: ""
}

.icon-files-obtained-permission:before {
    content: ""
}

.icon-files-public-domain:before {
    content: ""
}

.icon-filmstrip:before {
    content: ""
}

.icon-filter:before {
    content: ""
}

.icon-flag:before {
    content: ""
}

.icon-folder-locked:before {
    content: ""
}

.icon-folder:before {
    content: ""
}

.icon-forward:before {
    content: ""
}

.icon-full-screen:before {
    content: ""
}

.icon-github:before {
    content: ""
}

.icon-give-award:before {
    content: ""
}

.icon-gradebook-export:before {
    content: ""
}

.icon-gradebook-import:before {
    content: ""
}

.icon-gradebook:before {
    content: ""
}

.icon-grid-view:before {
    content: ""
}

.icon-group-dark-new:before {
    content: ""
}

.icon-group-new:before {
    content: ""
}

.icon-group:before {
    content: ""
}

.icon-hamburger:before {
    content: ""
}

.icon-header:before {
    content: ""
}

.icon-heart:before {
    content: ""
}

.icon-highlighter:before {
    content: ""
}

.icon-home:before {
    content: ""
}

.icon-hour-glass:before {
    content: ""
}

.icon-image:before {
    content: ""
}

.icon-immersive-reader:before {
    content: ""
}

.icon-impact-logo:before {
    content: ""
}

.icon-import-content:before {
    content: ""
}

.icon-import:before {
    content: ""
}

.icon-important-dates:before {
    content: ""
}

.icon-inbox:before {
    content: ""
}

.icon-indent-2:before {
    content: ""
}

.icon-indent:before {
    content: ""
}

.icon-info-borderless:before {
    content: ""
}

.icon-info:before {
    content: ""
}

.icon-instructure-logo:before {
    content: ""
}

.icon-instructure:before {
    content: ""
}

.icon-integrations:before {
    content: ""
}

.icon-invitation:before {
    content: ""
}

.icon-italic:before {
    content: ""
}

.icon-keyboard-shortcuts:before {
    content: ""
}

.icon-launch:before {
    content: ""
}

.icon-learnplatform:before {
    content: ""
}

.icon-life-preserver:before {
    content: ""
}

.icon-like:before {
    content: ""
}

.icon-line-reader:before {
    content: ""
}

.icon-link:before {
    content: ""
}

.icon-linkedin:before {
    content: ""
}

.icon-list-view:before {
    content: ""
}

.icon-lock:before {
    content: ""
}

.icon-lti:before {
    content: ""
}

.icon-mark-as-read:before {
    content: ""
}

.icon-marker:before {
    content: ""
}

.icon-masquerade:before {
    content: ""
}

.icon-mastery-logo:before {
    content: ""
}

.icon-mastery-paths:before {
    content: ""
}

.icon-materials-required-light:before {
    content: ""
}

.icon-materials-required:before {
    content: ""
}

.icon-mature-light:before {
    content: ""
}

.icon-mature:before {
    content: ""
}

.icon-media:before {
    content: ""
}

.icon-message:before {
    content: ""
}

.icon-mic-off:before {
    content: ""
}

.icon-mic:before {
    content: ""
}

.icon-mini-arrow-double:before {
    content: ""
}

.icon-mini-arrow-down:before {
    content: ""
}

.icon-mini-arrow-end:before {
    content: ""
}

.icon-mini-arrow-left:before {
    content: ""
}

.icon-mini-arrow-right:before {
    content: ""
}

.icon-mini-arrow-start:before {
    content: ""
}

.icon-mini-arrow-up:before {
    content: ""
}

.icon-minimize:before {
    content: ""
}

.icon-module:before {
    content: ""
}

.icon-more:before {
    content: ""
}

.icon-move-down-bottom:before {
    content: ""
}

.icon-move-down:before {
    content: ""
}

.icon-move-end:before {
    content: ""
}

.icon-move-left:before {
    content: ""
}

.icon-move-right:before {
    content: ""
}

.icon-move-start:before {
    content: ""
}

.icon-move-up-top:before {
    content: ""
}

.icon-move-up:before {
    content: ""
}

.icon-ms-excel:before {
    content: ""
}

.icon-ms-ppt:before {
    content: ""
}

.icon-ms-word:before {
    content: ""
}

.icon-muted:before {
    content: ""
}

.icon-next-unread:before {
    content: ""
}

.icon-no:before {
    content: ""
}

.icon-not-graded:before {
    content: ""
}

.icon-note-dark:before {
    content: ""
}

.icon-note-light:before {
    content: ""
}

.icon-note:before {
    content: ""
}

.icon-notepad:before {
    content: ""
}

.icon-numbered-list:before {
    content: ""
}

.icon-off:before {
    content: ""
}

.icon-open-folder:before {
    content: ""
}

.icon-outcomes:before {
    content: ""
}

.icon-outdent:before {
    content: ""
}

.icon-outdent2:before {
    content: ""
}

.icon-oval-half:before {
    content: ""
}

.icon-page-down:before {
    content: ""
}

.icon-page-up:before {
    content: ""
}

.icon-paint:before {
    content: ""
}

.icon-paperclip:before {
    content: ""
}

.icon-partial:before {
    content: ""
}

.icon-pause:before {
    content: ""
}

.icon-pdf:before {
    content: ""
}

.icon-peer-graded:before {
    content: ""
}

.icon-peer-review:before {
    content: ""
}

.icon-permissions:before {
    content: ""
}

.icon-pin:before {
    content: ""
}

.icon-pinterest:before {
    content: ""
}

.icon-play:before {
    content: ""
}

.icon-plus:before {
    content: ""
}

.icon-post-to-sis:before {
    content: ""
}

.icon-predictive:before {
    content: ""
}

.icon-prerequisite:before {
    content: ""
}

.icon-printer:before {
    content: ""
}

.icon-progress:before {
    content: ""
}

.icon-protractor:before {
    content: ""
}

.icon-publish:before {
    content: ""
}

.icon-question:before {
    content: ""
}

.icon-quiz-instructions:before {
    content: ""
}

.icon-quiz-stats-avg:before {
    content: ""
}

.icon-quiz-stats-cronbachs-alpha:before {
    content: ""
}

.icon-quiz-stats-deviation:before {
    content: ""
}

.icon-quiz-stats-high:before {
    content: ""
}

.icon-quiz-stats-low:before {
    content: ""
}

.icon-quiz-stats-time:before {
    content: ""
}

.icon-quiz-title:before {
    content: ""
}

.icon-quiz:before {
    content: ""
}

.icon-record:before {
    content: ""
}

.icon-refresh:before {
    content: ""
}

.icon-remove-bookmark:before {
    content: ""
}

.icon-remove-from-collection:before {
    content: ""
}

.icon-remove-link:before {
    content: ""
}

.icon-replied:before {
    content: ""
}

.icon-reply-2:before {
    content: ""
}

.icon-reply-all-2:before {
    content: ""
}

.icon-reply:before {
    content: ""
}

.icon-reset:before {
    content: ""
}

.icon-review-screen:before {
    content: ""
}

.icon-rewind:before {
    content: ""
}

.icon-rotate-left:before {
    content: ""
}

.icon-rotate-right:before {
    content: ""
}

.icon-rss-add:before {
    content: ""
}

.icon-rss:before {
    content: ""
}

.icon-rubric-dark:before {
    content: ""
}

.icon-rubric:before {
    content: ""
}

.icon-ruler:before {
    content: ""
}

.icon-save:before {
    content: ""
}

.icon-screen-capture:before {
    content: ""
}

.icon-search-address-book:before {
    content: ""
}

.icon-search-ai:before {
    content: ""
}

.icon-search:before {
    content: ""
}

.icon-settings-2:before {
    content: ""
}

.icon-settings:before {
    content: ""
}

.icon-shape-oval:before {
    content: ""
}

.icon-shape-polygon:before {
    content: ""
}

.icon-shape-rectangle:before {
    content: ""
}

.icon-share:before {
    content: ""
}

.icon-single-metric:before {
    content: ""
}

.icon-sis-imported:before {
    content: ""
}

.icon-sis-not-synced:before {
    content: ""
}

.icon-sis-synced:before {
    content: ""
}

.icon-skype:before {
    content: ""
}

.icon-sort:before {
    content: ""
}

.icon-speed-grader:before {
    content: ""
}

.icon-standards:before {
    content: ""
}

.icon-star-light:before {
    content: ""
}

.icon-star:before {
    content: ""
}

.icon-stats:before {
    content: ""
}

.icon-stop:before {
    content: ""
}

.icon-strikethrough:before {
    content: ""
}

.icon-student-view:before {
    content: ""
}

.icon-studio:before {
    content: ""
}

.icon-subaccounts:before {
    content: ""
}

.icon-subtitles:before {
    content: ""
}

.icon-syllabus:before {
    content: ""
}

.icon-table-cell-select-all:before {
    content: ""
}

.icon-table-delete-column:before {
    content: ""
}

.icon-table-delete-row:before {
    content: ""
}

.icon-table-delete-table:before {
    content: ""
}

.icon-table-insert-column-after:before {
    content: ""
}

.icon-table-insert-column-before:before {
    content: ""
}

.icon-table-insert-row-above:before {
    content: ""
}

.icon-table-insert-row-after:before {
    content: ""
}

.icon-table-left-header:before {
    content: ""
}

.icon-table-merge-cells:before {
    content: ""
}

.icon-table-row-properties:before {
    content: ""
}

.icon-table-split-cells:before {
    content: ""
}

.icon-table-top-header:before {
    content: ""
}

.icon-table:before {
    content: ""
}

.icon-tag:before {
    content: ""
}

.icon-target:before {
    content: ""
}

.icon-text-background-color:before {
    content: ""
}

.icon-text-centered:before {
    content: ""
}

.icon-text-color:before {
    content: ""
}

.icon-text-direction-ltr:before {
    content: ""
}

.icon-text-direction-rtl:before {
    content: ""
}

.icon-text-end:before {
    content: ""
}

.icon-text-left:before {
    content: ""
}

.icon-text-right:before {
    content: ""
}

.icon-text-start:before {
    content: ""
}

.icon-text-subscript:before {
    content: ""
}

.icon-text-superscript:before {
    content: ""
}

.icon-text:before {
    content: ""
}

.icon-textarea:before {
    content: ""
}

.icon-timer:before {
    content: ""
}

.icon-toggle-end:before {
    content: ""
}

.icon-toggle-left:before {
    content: ""
}

.icon-toggle-right:before {
    content: ""
}

.icon-toggle-start:before {
    content: ""
}

.icon-trash:before {
    content: ""
}

.icon-trouble:before {
    content: ""
}

.icon-twitter-boxed:before {
    content: ""
}

.icon-twitter:before {
    content: ""
}

.icon-unarchive:before {
    content: ""
}

.icon-underline:before {
    content: ""
}

.icon-unlock:before {
    content: ""
}

.icon-unmuted:before {
    content: ""
}

.icon-unpublish:before {
    content: ""
}

.icon-unpublished:before {
    content: ""
}

.icon-updown:before {
    content: ""
}

.icon-upload:before {
    content: ""
}

.icon-user-add:before {
    content: ""
}

.icon-user:before {
    content: ""
}

.icon-video-camera-off:before {
    content: ""
}

.icon-video-camera:before {
    content: ""
}

.icon-video:before {
    content: ""
}

.icon-warning-borderless:before {
    content: ""
}

.icon-warning:before {
    content: ""
}

.icon-windows:before {
    content: ""
}

.icon-wordpress:before {
    content: ""
}

.icon-x:before {
    content: ""
}

.icon-zipped:before {
    content: ""
}

.icon-zoom-in:before {
    content: ""
}

.icon-zoom-out:before {
    content: ""
}

.icon-Arc.icon-Solid:before {
    content: ""
}

.icon-a11y.icon-Solid:before {
    content: ""
}

.icon-add-folder.icon-Solid:before {
    content: ""
}

.icon-add-media.icon-Solid:before {
    content: ""
}

.icon-add.icon-Solid:before {
    content: ""
}

.icon-address-book.icon-Solid:before {
    content: ""
}

.icon-admin-tools.icon-Solid:before {
    content: ""
}

.icon-admin.icon-Solid:before {
    content: ""
}

.icon-ai.icon-Solid:before {
    content: ""
}

.icon-alerts.icon-Solid:before {
    content: ""
}

.icon-analytics.icon-Solid:before {
    content: ""
}

.icon-android.icon-Solid:before {
    content: ""
}

.icon-annotate.icon-Solid:before {
    content: ""
}

.icon-announcement.icon-Solid:before {
    content: ""
}

.icon-apple.icon-Solid:before {
    content: ""
}

.icon-archive.icon-Solid:before {
    content: ""
}

.icon-arrow-double-end.icon-Solid:before {
    content: ""
}

.icon-arrow-double-start.icon-Solid:before {
    content: ""
}

.icon-arrow-down.icon-Solid:before {
    content: ""
}

.icon-arrow-end.icon-Solid:before {
    content: ""
}

.icon-arrow-left.icon-Solid:before {
    content: ""
}

.icon-arrow-nest.icon-Solid:before {
    content: ""
}

.icon-arrow-open-down.icon-Solid:before {
    content: ""
}

.icon-arrow-open-end.icon-Solid:before {
    content: ""
}

.icon-arrow-open-left.icon-Solid:before {
    content: ""
}

.icon-arrow-open-right.icon-Solid:before {
    content: ""
}

.icon-arrow-open-start.icon-Solid:before {
    content: ""
}

.icon-arrow-open-up.icon-Solid:before {
    content: ""
}

.icon-arrow-right.icon-Solid:before {
    content: ""
}

.icon-arrow-start.icon-Solid:before {
    content: ""
}

.icon-arrow-up.icon-Solid:before {
    content: ""
}

.icon-assignment.icon-Solid:before {
    content: ""
}

.icon-attach-media.icon-Solid:before {
    content: ""
}

.icon-audio-off.icon-Solid:before {
    content: ""
}

.icon-audio.icon-Solid:before {
    content: ""
}

.icon-award.icon-Solid:before {
    content: ""
}

.icon-bank.icon-Solid:before {
    content: ""
}

.icon-blueprint-lock.icon-Solid:before {
    content: ""
}

.icon-blueprint.icon-Solid:before {
    content: ""
}

.icon-bold.icon-Solid:before {
    content: ""
}

.icon-bookmark.icon-Solid:before {
    content: ""
}

.icon-box.icon-Solid:before {
    content: ""
}

.icon-bullet-list-alpha.icon-Solid:before {
    content: ""
}

.icon-bullet-list-circle-outline.icon-Solid:before {
    content: ""
}

.icon-bullet-list-roman.icon-Solid:before {
    content: ""
}

.icon-bullet-list-square.icon-Solid:before {
    content: ""
}

.icon-bullet-list.icon-Solid:before {
    content: ""
}

.icon-button-and-icon-maker.icon-Solid:before {
    content: ""
}

.icon-calculator-desmos.icon-Solid:before {
    content: ""
}

.icon-calculator.icon-Solid:before {
    content: ""
}

.icon-calendar-add.icon-Solid:before {
    content: ""
}

.icon-calendar-clock.icon-Solid:before {
    content: ""
}

.icon-calendar-day.icon-Solid:before {
    content: ""
}

.icon-calendar-days.icon-Solid:before {
    content: ""
}

.icon-calendar-month.icon-Solid:before {
    content: ""
}

.icon-calendar-reserved.icon-Solid:before {
    content: ""
}

.icon-canvas-logo.icon-Solid:before {
    content: ""
}

.icon-certified.icon-Solid:before {
    content: ""
}

.icon-chart-line.icon-Solid:before {
    content: ""
}

.icon-chart-pie.icon-Solid:before {
    content: ""
}

.icon-chart-scatter.icon-Solid:before {
    content: ""
}

.icon-chat.icon-Solid:before {
    content: ""
}

.icon-check-dark.icon-Solid:before {
    content: ""
}

.icon-check-mark-indeterminate.icon-Solid:before {
    content: ""
}

.icon-check-mark.icon-Solid:before {
    content: ""
}

.icon-check-plus.icon-Solid:before {
    content: ""
}

.icon-check.icon-Solid:before {
    content: ""
}

.icon-circle-arrow-down.icon-Solid:before {
    content: ""
}

.icon-circle-arrow-up.icon-Solid:before {
    content: ""
}

.icon-clear-text-formatting.icon-Solid:before {
    content: ""
}

.icon-clock.icon-Solid:before {
    content: ""
}

.icon-closed-captioning-off.icon-Solid:before {
    content: ""
}

.icon-closed-captioning-on.icon-Solid:before {
    content: ""
}

.icon-closed-captioning.icon-Solid:before {
    content: ""
}

.icon-cloud-download.icon-Solid:before {
    content: ""
}

.icon-cloud-lock.icon-Solid:before {
    content: ""
}

.icon-cloud-upload.icon-Solid:before {
    content: ""
}

.icon-code.icon-Solid:before {
    content: ""
}

.icon-collapse.icon-Solid:before {
    content: ""
}

.icon-collection-save.icon-Solid:before {
    content: ""
}

.icon-collection.icon-Solid:before {
    content: ""
}

.icon-comment.icon-Solid:before {
    content: ""
}

.icon-comments-off.icon-Solid:before {
    content: ""
}

.icon-comments-on.icon-Solid:before {
    content: ""
}

.icon-commons.icon-Solid:before {
    content: ""
}

.icon-compass.icon-Solid:before {
    content: ""
}

.icon-complete.icon-Solid:before {
    content: ""
}

.icon-compose.icon-Solid:before {
    content: ""
}

.icon-configure.icon-Solid:before {
    content: ""
}

.icon-copy-course.icon-Solid:before {
    content: ""
}

.icon-copy.icon-Solid:before {
    content: ""
}

.icon-courses.icon-Solid:before {
    content: ""
}

.icon-crop.icon-Solid:before {
    content: ""
}

.icon-dashboard.icon-Solid:before {
    content: ""
}

.icon-deactivate-user.icon-Solid:before {
    content: ""
}

.icon-discussion-check.icon-Solid:before {
    content: ""
}

.icon-discussion-new.icon-Solid:before {
    content: ""
}

.icon-discussion-reply-2.icon-Solid:before {
    content: ""
}

.icon-discussion-reply-dark.icon-Solid:before {
    content: ""
}

.icon-discussion-reply.icon-Solid:before {
    content: ""
}

.icon-discussion-search.icon-Solid:before {
    content: ""
}

.icon-discussion-x.icon-Solid:before {
    content: ""
}

.icon-discussion.icon-Solid:before {
    content: ""
}

.icon-document.icon-Solid:before {
    content: ""
}

.icon-download.icon-Solid:before {
    content: ""
}

.icon-drag-handle.icon-Solid:before {
    content: ""
}

.icon-drop-down.icon-Solid:before {
    content: ""
}

.icon-duplicate.icon-Solid:before {
    content: ""
}

.icon-edit.icon-Solid:before {
    content: ""
}

.icon-educators.icon-Solid:before {
    content: ""
}

.icon-elevate-logo.icon-Solid:before {
    content: ""
}

.icon-email.icon-Solid:before {
    content: ""
}

.icon-empty.icon-Solid:before {
    content: ""
}

.icon-end.icon-Solid:before {
    content: ""
}

.icon-eportfolio.icon-Solid:before {
    content: ""
}

.icon-equation.icon-Solid:before {
    content: ""
}

.icon-equella.icon-Solid:before {
    content: ""
}

.icon-essay.icon-Solid:before {
    content: ""
}

.icon-exit-full-screen.icon-Solid:before {
    content: ""
}

.icon-expand-items.icon-Solid:before {
    content: ""
}

.icon-expand-left.icon-Solid:before {
    content: ""
}

.icon-expand-start.icon-Solid:before {
    content: ""
}

.icon-expand.icon-Solid:before {
    content: ""
}

.icon-export-content.icon-Solid:before {
    content: ""
}

.icon-export.icon-Solid:before {
    content: ""
}

.icon-external-link.icon-Solid:before {
    content: ""
}

.icon-eye.icon-Solid:before {
    content: ""
}

.icon-facebook-boxed.icon-Solid:before {
    content: ""
}

.icon-facebook.icon-Solid:before {
    content: ""
}

.icon-fast-forward.icon-Solid:before {
    content: ""
}

.icon-feedback.icon-Solid:before {
    content: ""
}

.icon-file-locked.icon-Solid:before {
    content: ""
}

.icon-files-copyright.icon-Solid:before {
    content: ""
}

.icon-files-creative-commons.icon-Solid:before {
    content: ""
}

.icon-files-fair-use.icon-Solid:before {
    content: ""
}

.icon-files-obtained-permission.icon-Solid:before {
    content: ""
}

.icon-files-public-domain.icon-Solid:before {
    content: ""
}

.icon-filmstrip.icon-Solid:before {
    content: ""
}

.icon-filter.icon-Solid:before {
    content: ""
}

.icon-flag.icon-Solid:before {
    content: ""
}

.icon-folder-locked.icon-Solid:before {
    content: ""
}

.icon-folder.icon-Solid:before {
    content: ""
}

.icon-forward.icon-Solid:before {
    content: ""
}

.icon-full-screen.icon-Solid:before {
    content: ""
}

.icon-github.icon-Solid:before {
    content: ""
}

.icon-give-award.icon-Solid:before {
    content: ""
}

.icon-gradebook-export.icon-Solid:before {
    content: ""
}

.icon-gradebook-import.icon-Solid:before {
    content: ""
}

.icon-gradebook.icon-Solid:before {
    content: ""
}

.icon-grid-view.icon-Solid:before {
    content: ""
}

.icon-group-dark-new.icon-Solid:before {
    content: ""
}

.icon-group-new.icon-Solid:before {
    content: ""
}

.icon-group.icon-Solid:before {
    content: ""
}

.icon-hamburger.icon-Solid:before {
    content: ""
}

.icon-header.icon-Solid:before {
    content: ""
}

.icon-heart.icon-Solid:before {
    content: ""
}

.icon-highlighter.icon-Solid:before {
    content: ""
}

.icon-home.icon-Solid:before {
    content: ""
}

.icon-hour-glass.icon-Solid:before {
    content: ""
}

.icon-image.icon-Solid:before {
    content: ""
}

.icon-immersive-reader.icon-Solid:before {
    content: ""
}

.icon-impact-logo.icon-Solid:before {
    content: ""
}

.icon-import-content.icon-Solid:before {
    content: ""
}

.icon-import.icon-Solid:before {
    content: ""
}

.icon-important-dates.icon-Solid:before {
    content: ""
}

.icon-inbox.icon-Solid:before {
    content: ""
}

.icon-indent-2.icon-Solid:before {
    content: ""
}

.icon-indent.icon-Solid:before {
    content: ""
}

.icon-info-borderless.icon-Solid:before {
    content: ""
}

.icon-info.icon-Solid:before {
    content: ""
}

.icon-instructure-logo.icon-Solid:before {
    content: ""
}

.icon-instructure.icon-Solid:before {
    content: ""
}

.icon-integrations.icon-Solid:before {
    content: ""
}

.icon-invitation.icon-Solid:before {
    content: ""
}

.icon-italic.icon-Solid:before {
    content: ""
}

.icon-keyboard-shortcuts.icon-Solid:before {
    content: ""
}

.icon-launch.icon-Solid:before {
    content: ""
}

.icon-learnplatform.icon-Solid:before {
    content: ""
}

.icon-life-preserver.icon-Solid:before {
    content: ""
}

.icon-like.icon-Solid:before {
    content: ""
}

.icon-line-reader.icon-Solid:before {
    content: ""
}

.icon-link.icon-Solid:before {
    content: ""
}

.icon-linkedin.icon-Solid:before {
    content: ""
}

.icon-list-view.icon-Solid:before {
    content: ""
}

.icon-lock.icon-Solid:before {
    content: ""
}

.icon-lti.icon-Solid:before {
    content: ""
}

.icon-mark-as-read.icon-Solid:before {
    content: ""
}

.icon-marker.icon-Solid:before {
    content: ""
}

.icon-masquerade.icon-Solid:before {
    content: ""
}

.icon-mastery-logo.icon-Solid:before {
    content: ""
}

.icon-mastery-paths.icon-Solid:before {
    content: ""
}

.icon-materials-required-light.icon-Solid:before {
    content: ""
}

.icon-materials-required.icon-Solid:before {
    content: ""
}

.icon-mature-light.icon-Solid:before {
    content: ""
}

.icon-mature.icon-Solid:before {
    content: ""
}

.icon-media.icon-Solid:before {
    content: ""
}

.icon-message.icon-Solid:before {
    content: ""
}

.icon-mic-off.icon-Solid:before {
    content: ""
}

.icon-mic.icon-Solid:before {
    content: ""
}

.icon-mini-arrow-double.icon-Solid:before {
    content: ""
}

.icon-mini-arrow-down.icon-Solid:before {
    content: ""
}

.icon-mini-arrow-end.icon-Solid:before {
    content: ""
}

.icon-mini-arrow-left.icon-Solid:before {
    content: ""
}

.icon-mini-arrow-right.icon-Solid:before {
    content: ""
}

.icon-mini-arrow-start.icon-Solid:before {
    content: ""
}

.icon-mini-arrow-up.icon-Solid:before {
    content: ""
}

.icon-minimize.icon-Solid:before {
    content: ""
}

.icon-module.icon-Solid:before {
    content: ""
}

.icon-more.icon-Solid:before {
    content: ""
}

.icon-move-down-bottom.icon-Solid:before {
    content: ""
}

.icon-move-down.icon-Solid:before {
    content: ""
}

.icon-move-end.icon-Solid:before {
    content: ""
}

.icon-move-left.icon-Solid:before {
    content: ""
}

.icon-move-right.icon-Solid:before {
    content: ""
}

.icon-move-start.icon-Solid:before {
    content: ""
}

.icon-move-up-top.icon-Solid:before {
    content: ""
}

.icon-move-up.icon-Solid:before {
    content: ""
}

.icon-ms-excel.icon-Solid:before {
    content: ""
}

.icon-ms-ppt.icon-Solid:before {
    content: ""
}

.icon-ms-word.icon-Solid:before {
    content: ""
}

.icon-muted.icon-Solid:before {
    content: ""
}

.icon-next-unread.icon-Solid:before {
    content: ""
}

.icon-no.icon-Solid:before {
    content: ""
}

.icon-not-graded.icon-Solid:before {
    content: ""
}

.icon-note-dark.icon-Solid:before {
    content: ""
}

.icon-note-light.icon-Solid:before {
    content: ""
}

.icon-note.icon-Solid:before {
    content: ""
}

.icon-notepad.icon-Solid:before {
    content: ""
}

.icon-numbered-list.icon-Solid:before {
    content: ""
}

.icon-off.icon-Solid:before {
    content: ""
}

.icon-open-folder.icon-Solid:before {
    content: ""
}

.icon-outcomes.icon-Solid:before {
    content: ""
}

.icon-outdent.icon-Solid:before {
    content: ""
}

.icon-outdent2.icon-Solid:before {
    content: ""
}

.icon-oval-half.icon-Solid:before {
    content: ""
}

.icon-page-down.icon-Solid:before {
    content: ""
}

.icon-page-up.icon-Solid:before {
    content: ""
}

.icon-paint.icon-Solid:before {
    content: ""
}

.icon-paperclip.icon-Solid:before {
    content: ""
}

.icon-partial.icon-Solid:before {
    content: ""
}

.icon-pause.icon-Solid:before {
    content: ""
}

.icon-pdf.icon-Solid:before {
    content: ""
}

.icon-peer-graded.icon-Solid:before {
    content: ""
}

.icon-peer-review.icon-Solid:before {
    content: ""
}

.icon-permissions.icon-Solid:before {
    content: ""
}

.icon-pin.icon-Solid:before {
    content: ""
}

.icon-pinterest.icon-Solid:before {
    content: ""
}

.icon-play.icon-Solid:before {
    content: ""
}

.icon-plus.icon-Solid:before {
    content: ""
}

.icon-post-to-sis.icon-Solid:before {
    content: ""
}

.icon-predictive.icon-Solid:before {
    content: ""
}

.icon-prerequisite.icon-Solid:before {
    content: ""
}

.icon-printer.icon-Solid:before {
    content: ""
}

.icon-progress.icon-Solid:before {
    content: ""
}

.icon-protractor.icon-Solid:before {
    content: ""
}

.icon-publish.icon-Solid:before {
    content: ""
}

.icon-question.icon-Solid:before {
    content: ""
}

.icon-quiz-instructions.icon-Solid:before {
    content: ""
}

.icon-quiz-stats-avg.icon-Solid:before {
    content: ""
}

.icon-quiz-stats-cronbachs-alpha.icon-Solid:before {
    content: ""
}

.icon-quiz-stats-deviation.icon-Solid:before {
    content: ""
}

.icon-quiz-stats-high.icon-Solid:before {
    content: ""
}

.icon-quiz-stats-low.icon-Solid:before {
    content: ""
}

.icon-quiz-stats-time.icon-Solid:before {
    content: ""
}

.icon-quiz-title.icon-Solid:before {
    content: ""
}

.icon-quiz.icon-Solid:before {
    content: ""
}

.icon-record.icon-Solid:before {
    content: ""
}

.icon-refresh.icon-Solid:before {
    content: ""
}

.icon-remove-bookmark.icon-Solid:before {
    content: ""
}

.icon-remove-from-collection.icon-Solid:before {
    content: ""
}

.icon-remove-link.icon-Solid:before {
    content: ""
}

.icon-replied.icon-Solid:before {
    content: ""
}

.icon-reply-2.icon-Solid:before {
    content: ""
}

.icon-reply-all-2.icon-Solid:before {
    content: ""
}

.icon-reply.icon-Solid:before {
    content: ""
}

.icon-reset.icon-Solid:before {
    content: ""
}

.icon-review-screen.icon-Solid:before {
    content: ""
}

.icon-rewind.icon-Solid:before {
    content: ""
}

.icon-rotate-left.icon-Solid:before {
    content: ""
}

.icon-rotate-right.icon-Solid:before {
    content: ""
}

.icon-rss-add.icon-Solid:before {
    content: ""
}

.icon-rss.icon-Solid:before {
    content: ""
}

.icon-rubric-dark.icon-Solid:before {
    content: ""
}

.icon-rubric.icon-Solid:before {
    content: ""
}

.icon-ruler.icon-Solid:before {
    content: ""
}

.icon-save.icon-Solid:before {
    content: ""
}

.icon-screen-capture.icon-Solid:before {
    content: ""
}

.icon-search-address-book.icon-Solid:before {
    content: ""
}

.icon-search-ai.icon-Solid:before {
    content: ""
}

.icon-search.icon-Solid:before {
    content: ""
}

.icon-settings-2.icon-Solid:before {
    content: ""
}

.icon-settings.icon-Solid:before {
    content: ""
}

.icon-shape-oval.icon-Solid:before {
    content: ""
}

.icon-shape-polygon.icon-Solid:before {
    content: ""
}

.icon-shape-rectangle.icon-Solid:before {
    content: ""
}

.icon-share.icon-Solid:before {
    content: ""
}

.icon-single-metric.icon-Solid:before {
    content: ""
}

.icon-sis-imported.icon-Solid:before {
    content: ""
}

.icon-sis-not-synced.icon-Solid:before {
    content: ""
}

.icon-sis-synced.icon-Solid:before {
    content: ""
}

.icon-skype.icon-Solid:before {
    content: ""
}

.icon-sort.icon-Solid:before {
    content: ""
}

.icon-speed-grader.icon-Solid:before {
    content: ""
}

.icon-standards.icon-Solid:before {
    content: ""
}

.icon-star-light.icon-Solid:before {
    content: ""
}

.icon-star.icon-Solid:before {
    content: ""
}

.icon-stats.icon-Solid:before {
    content: ""
}

.icon-stop.icon-Solid:before {
    content: ""
}

.icon-strikethrough.icon-Solid:before {
    content: ""
}

.icon-student-view.icon-Solid:before {
    content: ""
}

.icon-studio.icon-Solid:before {
    content: ""
}

.icon-subaccounts.icon-Solid:before {
    content: ""
}

.icon-subtitles.icon-Solid:before {
    content: ""
}

.icon-syllabus.icon-Solid:before {
    content: ""
}

.icon-table-cell-select-all.icon-Solid:before {
    content: ""
}

.icon-table-delete-column.icon-Solid:before {
    content: ""
}

.icon-table-delete-row.icon-Solid:before {
    content: ""
}

.icon-table-delete-table.icon-Solid:before {
    content: ""
}

.icon-table-insert-column-after.icon-Solid:before {
    content: ""
}

.icon-table-insert-column-before.icon-Solid:before {
    content: ""
}

.icon-table-insert-row-above.icon-Solid:before {
    content: ""
}

.icon-table-insert-row-after.icon-Solid:before {
    content: ""
}

.icon-table-left-header.icon-Solid:before {
    content: ""
}

.icon-table-merge-cells.icon-Solid:before {
    content: ""
}

.icon-table-row-properties.icon-Solid:before {
    content: ""
}

.icon-table-split-cells.icon-Solid:before {
    content: ""
}

.icon-table-top-header.icon-Solid:before {
    content: ""
}

.icon-table.icon-Solid:before {
    content: ""
}

.icon-tag.icon-Solid:before {
    content: ""
}

.icon-target.icon-Solid:before {
    content: ""
}

.icon-text-background-color.icon-Solid:before {
    content: ""
}

.icon-text-centered.icon-Solid:before {
    content: ""
}

.icon-text-color.icon-Solid:before {
    content: ""
}

.icon-text-direction-ltr.icon-Solid:before {
    content: ""
}

.icon-text-direction-rtl.icon-Solid:before {
    content: ""
}

.icon-text-end.icon-Solid:before {
    content: ""
}

.icon-text-left.icon-Solid:before {
    content: ""
}

.icon-text-right.icon-Solid:before {
    content: ""
}

.icon-text-start.icon-Solid:before {
    content: ""
}

.icon-text-subscript.icon-Solid:before {
    content: ""
}

.icon-text-superscript.icon-Solid:before {
    content: ""
}

.icon-text.icon-Solid:before {
    content: ""
}

.icon-textarea.icon-Solid:before {
    content: ""
}

.icon-timer.icon-Solid:before {
    content: ""
}

.icon-toggle-end.icon-Solid:before {
    content: ""
}

.icon-toggle-left.icon-Solid:before {
    content: ""
}

.icon-toggle-right.icon-Solid:before {
    content: ""
}

.icon-toggle-start.icon-Solid:before {
    content: ""
}

.icon-trash.icon-Solid:before {
    content: ""
}

.icon-trouble.icon-Solid:before {
    content: ""
}

.icon-twitter-boxed.icon-Solid:before {
    content: ""
}

.icon-twitter.icon-Solid:before {
    content: ""
}

.icon-unarchive.icon-Solid:before {
    content: ""
}

.icon-underline.icon-Solid:before {
    content: ""
}

.icon-unlock.icon-Solid:before {
    content: ""
}

.icon-unmuted.icon-Solid:before {
    content: ""
}

.icon-unpublish.icon-Solid:before {
    content: ""
}

.icon-unpublished.icon-Solid:before {
    content: ""
}

.icon-updown.icon-Solid:before {
    content: ""
}

.icon-upload.icon-Solid:before {
    content: ""
}

.icon-user-add.icon-Solid:before {
    content: ""
}

.icon-user.icon-Solid:before {
    content: ""
}

.icon-video-camera-off.icon-Solid:before {
    content: ""
}

.icon-video-camera.icon-Solid:before {
    content: ""
}

.icon-video.icon-Solid:before {
    content: ""
}

.icon-warning-borderless.icon-Solid:before {
    content: ""
}

.icon-warning.icon-Solid:before {
    content: ""
}

.icon-windows.icon-Solid:before {
    content: ""
}

.icon-wordpress.icon-Solid:before {
    content: ""
}

.icon-x.icon-Solid:before {
    content: ""
}

.icon-zipped.icon-Solid:before {
    content: ""
}

.icon-zoom-in.icon-Solid:before {
    content: ""
}

.icon-zoom-out.icon-Solid:before {
    content: ""
}

.unstyled_list {
    margin: 0;
    padding: 0;
    list-style: none
}

.unstyled_list.wide_spacing {
    line-height: 1.7em
}

.ui-dialog-no-close-button .ui-dialog-titlebar-close {
    display: none
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

a:hover>[id^=MathJax],a:focus>[id^=MathJax] {
    border-bottom-color: var(--ic-brand-font-color-dark);
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.new-and-total-badge .new-items,.new-and-total-badge .total-items {
    color: #fff;
    border-radius: 3px;
    padding: 0 5px;
    font-weight: bold;
    font-size: 11px;
    font-size: 0.6875rem;
    float: left;
    color: #fff
}

.new-and-total-badge .new-items {
    background-color: var(--ic-brand-primary);
    margin-right: -3px;
    padding-right: 8px
}

.new-and-total-badge .total-items {
    background-color: #f5f5f5;
    color: gray
}

.ReactModal__Overlay {
    transition: opacity .2s ease-out;
    overflow-x: hidden;
    overflow-y: auto;
    background: rgba(39,53,64,.75);
    z-index: 150;
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.ReactModal__Overlay.ReactModal__Overlay--after-open {
    opacity: 1
}

.ReactModal__Content {
    position: absolute;
    overflow: auto;
    border-radius: 4px;
    outline: none;
    padding: 20px;
    top: 40px;
    left: 40px;
    right: 40px;
    bottom: 40px
}

.ReactModal__Content.ReactModal__Content--canvas {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 6px
}

@media only screen and (min-width: 500px) {
    .ReactModal__Content.ReactModal__Content--canvas {
        padding:12px
    }
}

@media only screen and (min-width: 768px) {
    .ReactModal__Content.ReactModal__Content--canvas {
        padding:0
    }
}

.ReactModal__Content.ReactModal__Content--canvas form {
    margin: 0
}

.ReactModal__Content.ReactModal__Content--canvas .ReactModal__Layout {
    max-height: 100%;
    overflow: auto;
    border-radius: 3px;
    box-shadow: 0 1px 4px 1px rgba(39,53,64,.95)
}

@media only screen and (min-width: 768px) {
    .ReactModal__Content.ReactModal__Content--canvas .ReactModal__Layout {
        width:696px;
        transition: all .5s cubic-bezier(0, 1, 0.5, 1);
        opacity: 0;
        transform: rotateX(60deg) scale(0.8)
    }
}

@media only screen and (min-width: 768px) {
    .ReactModal__Content.ReactModal__Content--canvas.ReactModal__Content--after-open .ReactModal__Layout {
        opacity:1;
        transform: rotateX(0) scale(1)
    }
}

@media only screen and (min-width: 768px) {
    .ReactModal__Content.ReactModal__Content--canvas.ReactModal__Content--mini-modal .ReactModal__Layout {
        max-width:384px
    }
}

.ReactModal__Content.ReactModal__Content--canvas .ReactModal__Header {
    padding: 6px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    display: flex;
    align-items: center;
    background: #fff;
    border-bottom: 1px solid #e8eaec
}

@media only screen and (min-width: 768px) {
    .ReactModal__Content.ReactModal__Content--canvas .ReactModal__Header {
        padding:12px
    }
}

.ReactModal__Content.ReactModal__Content--canvas .ReactModal__Header+.ReactModal__Body,.ReactModal__Content.ReactModal__Content--canvas .ReactModal__Header+*>.ReactModal__Body:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.ReactModal__Content.ReactModal__Content--canvas .ReactModal__Header-Title {
    flex: 1;
    overflow: hidden
}

.ReactModal__Content.ReactModal__Content--canvas .ReactModal__Header-Title * {
    margin: 0
}

.ReactModal__Content.ReactModal__Content--canvas .ReactModal__Header-Actions {
    text-align: right
}

.ReactModal__Content.ReactModal__Content--canvas .ReactModal__Body {
    padding: 12px;
    background: #fff;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

@media only screen and (min-width: 992px) {
    .ReactModal__Content.ReactModal__Content--canvas .ReactModal__Body {
        padding:18px
    }
}

.ReactModal__Content.ReactModal__Content--canvas .ReactModal__Body:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.ReactModal__Content.ReactModal__Content--canvas .ReactModal__Body.ReactModal__Body--force-no-padding {
    padding: 0
}

.ReactModal__Content.ReactModal__Content--canvas .ReactModal__Footer {
    padding: 6px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    background: #f2f4f4;
    border-top: 1px solid #e8eaec
}

@media only screen and (min-width: 768px) {
    .ReactModal__Content.ReactModal__Content--canvas .ReactModal__Footer {
        padding:12px
    }
}

@media only screen and (min-width: 500px) {
    .ReactModal__Content.ReactModal__Content--canvas .ReactModal__Footer {
        display:flex;
        align-items: center
    }
}

@media only screen and (min-width: 500px) {
    .ReactModal__Content.ReactModal__Content--canvas .ReactModal__Footer-Actions {
        flex:1;
        display: flex;
        justify-content: flex-end
    }
}

.ReactModal__Content.ReactModal__Content--canvas .ReactModal__Footer-Actions .Button,.ReactModal__Content.ReactModal__Content--canvas .ReactModal__Footer-Actions .ui-button,.ReactModal__Content.ReactModal__Content--canvas .ReactModal__Footer-Actions .btn {
    margin-left: 4px
}

.ReactModal__Content.ReactModal__Content--canvas .ReactModal__Footer-Actions .Button:first-of-type,.ReactModal__Content.ReactModal__Content--canvas .ReactModal__Footer-Actions .ui-button:first-of-type,.ReactModal__Content.ReactModal__Content--canvas .ReactModal__Footer-Actions .btn:first-of-type {
    margin-left: 0
}

.hide-till-hover {
    opacity: 0
}

.touch .hide-till-hover,.hover-container:hover .hide-till-hover,.hover-container:focus .hide-till-hover {
    opacity: .6
}

.hide-till-hover:focus,.hide-till-hover:hover {
    opacity: 1 !important
}

.dim-till-hover {
    opacity: .6
}

.dim-till-hover:hover,.dim-till-hover:focus {
    opacity: 1
}

.screenreader-only,.screenreader-only-tool {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    transform: translatez(0)
}

.screenreader-only-tool {
    margin-top: 0px;
    position: relative;
    clip-path: inset(50%);
    -webkit-clip-path: inset(50%)
}

[class*=content-box] {
    clear: both;
    position: relative
}

[class*=content-box]:before,[class*=content-box]:after {
    display: table;
    content: "";
    line-height: 0
}

[class*=content-box]:after {
    clear: both
}

.content-box {
    margin: 20px 0
}

.content-box-mini {
    margin: 10px 0
}

.content-box-micro {
    margin: 6.6666666667px 0
}

.pad-box {
    padding: 20px
}

.pad-box-mega {
    padding: 40px
}

.pad-box-mini {
    padding: 10px
}

.pad-box-micro {
    padding: 5px
}

.pad-box.no-sides,.pad-box-mega.no-sides,.pad-box-mini.no-sides,.pad-box-micro.no-sides {
    padding-left: 0;
    padding-right: 0
}

.pad-box.no-top,.pad-box-mega.no-top,.pad-box-mini.no-top,.pad-box-micro.no-top {
    padding-top: 0
}

.pad-box.sides-only,.pad-box-mega.sides-only,.pad-box-mini.sides-only,.pad-box-micro.sides-only {
    padding-top: 0;
    padding-bottom: 0
}

.pad-box.top-only,.pad-box-mega.top-only,.pad-box-mini.top-only,.pad-box-micro.top-only {
    padding-bottom: 0;
    padding-right: 0;
    padding-left: 0
}

.pad-box.bottom-only,.pad-box-mega.bottom-only,.pad-box-mini.bottom-only,.pad-box-micro.bottom-only {
    padding-top: 0;
    padding-right: 0;
    padding-left: 0
}

.align-right,.text-right {
    text-align: right
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.inline-block {
    display: inline-block
}

input[type=text].loading {
    background-image: url("/dist/images/ajax-reload-animated-8255e06a8a.gif");
    background-repeat: no-repeat;
    background-position: 98% center
}

.hint-text {
    font-size: 12px;
    font-size: 0.75rem;
    color: var(--ic-brand-font-color-dark-lightened-28)
}

.error-outline,.error-textarea {
    outline: 1px solid #e62429 !important;
    border-radius: 3px
}

.error-textarea {
    border: none !important
}

.error-text {
    color: #e62429 !important
}

input+.hint-text {
    margin-top: -8px;
    margin-bottom: 10px
}

.formtable td:first-child {
    padding-top: 6px
}

.form-dialog {
    padding-bottom: 70px !important;
    margin-bottom: 0
}

.form-dialog .form-controls {
    padding: 10px;
    margin: 0;
    background-color: #f2f2f2;
    border-top: 1px solid #e8eaec;
    text-align: right;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px
}

.form-dialog .form-dialog-content {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 60px;
    overflow: auto;
    padding: 20px
}

.avatar {
    width: 50px;
    height: 50px;
    border: 2px solid #d3d9d9;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fff;
    border-radius: 500px;
    display: block;
    overflow: hidden
}

#avatars tr .avatar_state {
    text-align: center
}

.profile-link,.report_avatar_link,.profile_pic_link {
    overflow: visible
}

.item-group {
    border: 1px solid #e8eaec;
    padding: 12px;
    border-radius: 0;
    background-color: #f2f4f4;
    margin-bottom: 12px
}

.ig-header .name {
    color: #3d454c;
    font-size: 16px;
    font-size: 1rem;
    text-shadow: 1px 1px 0 rgba(255,255,255,.5);
    font-weight: bold
}

.ig-text {
    padding-top: 10px;
    padding-bottom: 10px
}

.ig-header {
    min-height: 38px;
    padding-top: 6px;
    padding-bottom: 6px
}

.ig-header .ig-header-title {
    text-decoration: none;
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    line-height: 20px;
    margin: auto;
    display: inline-block;
    flex: 1 1 auto
}

.ig-header .ig-header-title .icon-mini-arrow-down {
    vertical-align: middle
}

.ig-header .ig-header-title .icon-mini-arrow-right {
    position: relative;
    top: -1px;
    vertical-align: middle
}

.ig-header .ig-header-title .estimated_duration_header_title {
    margin-left: 8px
}

.ig-header .ig-header-title .estimated_duration_header_minutes {
    font-weight: normal;
    line-height: 24px
}

.ig-header .btn {
    vertical-align: text-bottom
}

.ig-list {
    list-style: none;
    padding: 0;
    margin: 0
}

.ig-list li {
    margin: 6px 0
}

.ig-row__layout {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    position: relative
}

.ig-info {
    word-wrap: break-word;
    overflow-wrap: break-word;
    flex: 1;
    min-width: 1px;
    margin: 0 12px
}

@media only screen and (min-width: 992px) {
    .ig-info {
        margin-left:12px;
        margin-right: 24px
    }
}

.ig-list .ig-row {
    position: relative;
    display: block;
    padding: 12px 6px 12px 10px;
    box-sizing: border-box;
    border-radius: 0;
    color: var(--ic-brand-font-color-dark-lightened-15);
    border: 1px solid #e8eaec;
    background: #fff
}

.ig-list .ig-row a.ig-title {
    color: var(--ic-brand-font-color-dark);
    text-decoration: none
}

.ig-list .ig-row a.ig-title:hover,.ig-list .ig-row a.ig-title:focus {
    text-decoration: underline
}

.ig-list .ig-row .ellipses {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ig-list .ig-row:hover {
    background-color: #eef7ff
}

.ig-list .ig-row:focus {
    background-color: #eef7ff
}

.ig-list .ig-row.ig-published:not(.student-view):before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    top: -1px;
    left: -1px;
    width: .25rem;
    height: calc(100% + 2px);
    background-color: #03893d;
    border-top: 1px solid #02612b;
    border-bottom: 1px solid #02612b
}

.ig-list .ig-row.ig-published:not(.student-view).student-view .ig-title {
    color: var(--ic-brand-font-color-dark)
}

.ig-list .ig-row.ig-row-empty {
    box-sizing: border-box;
    height: 36px;
    line-height: 36px;
    padding: 0;
    border: 1px solid #e8eaec;
    background: #fff
}

.ig-list .ig-row .ig-empty-msg {
    text-align: center;
    color: var(--ic-brand-font-color-dark-lightened-15)
}

.ig-type-icon {
    width: 1.875rem;
    height: 1.875rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.ig-published:not(.student-view) .ig-type-icon {
    color: #03893d
}

.ig-handle+.ig-type-icon {
    margin-left: 9px
}

.ig-title {
    box-sizing: border-box;
    font-weight: bold;
    padding-right: 12px;
    line-height: 1.3;
    margin-bottom: 3px;
    min-width: 1px
}

.ig-details {
    font-size: 12px;
    font-size: 0.75rem;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap
}

.ig-details__item {
    white-space: nowrap
}

.ig-details__item--wrap-text {
    white-space: normal
}

.ig-details__item:after {
    content: "    "
}

.ig-details__item:last-of-type:after {
    display: none
}

.assignment_group .ig-details__item:after,.ui-sortable .rendered .ig-details__item:after {
    content: "  |  "
}

.assignment_group .ig-details__item:last-of-type:after,.ui-sortable .rendered .ig-details__item:last-of-type:after {
    display: none
}

.ig-admin {
    box-sizing: border-box;
    white-space: nowrap;
    padding-left: 12px
}

@media only screen and (min-width: 992px) {
    .ig-admin {
        padding-left:0
    }
}

.ig-admin .publish-icon,.ig-admin .lock-icon {
    margin-right: 6px
}

.ig-admin .publish-icon i[class*=icon-]:before,.ig-admin .publish-icon i[class^=icon-]:before,.ig-admin .lock-icon i[class*=icon-]:before,.ig-admin .lock-icon i[class^=icon-]:before {
    font-size: 18px;
    font-size: 1.125rem
}

.ig-admin>a {
    margin-right: 10px
}

.ig-admin .mastery-path-icon {
    margin-right: 10px;
    padding: 2px 7px;
    font-size: .8em
}

.ig-admin .mastery-path-icon i {
    margin-right: 5px
}

.ig-list .icon-drag-handle {
    color: var(--ic-brand-font-color-dark)
}

.ig-details [class^=span] {
    white-space: nowrap
}

[class^=ig-indent] {
    margin-left: 60px
}

.ig-indent1 {
    margin-left: 20px
}

.ig-indent2 {
    margin-left: 40px
}

.ig-text {
    color: #3d454c;
    font-size: 15px;
    font-size: 0.9375rem
}

.item-group-container {
    background: #fff;
    padding-bottom: 72px;
    border: 0
}

.item-group-container .item-group-condensed:last-child,.item-group-container .item-group-condensed:last-of-type,.item-group-container .item-group-condensed.last {
    border-bottom: 0
}

.item-group-container .ig-list li {
    margin: 0
}

.item-group-condensed {
    padding: 9px 0
}

.item-group-condensed .ig-header {
    margin-top: 15px;
    background-color: #f2f4f4;
    border: 1px solid #e8eaec;
    padding: 12px 6px;
    color: var(--ic-brand-font-color-dark);
    position: relative;
    display: flex;
    flex-wrap: wrap
}

.item-group-condensed .ig-header .links {
    float: right
}

.item-group-condensed .ig-row {
    border-top-width: 0;
    border-radius: 0;
    background: #fff;
    border-bottom: 1px solid #e8eaec
}

.item-group-condensed .ig-list li:first-child .ig-row,.item-group-condensed .ig-list li:first-of-type .ig-row,.item-group-condensed .first_visible .ig-row {
    border-top: 0
}

.item-group-condensed .ig-list li:last-child .ig-row.ig-row-empty,.item-group-condensed .ig-list li:last-of-type .ig-row.ig-row-empty,.item-group-condensed .last_visible .ig-row.ig-row-empty {
    border-bottom: 1px solid #e8eaec
}

.item-group-condensed .item-group-expandable {
    background-color: #fff;
    border: 1px solid #e8eaec;
    border-top: none
}

.item-group-condensed .item-group-expandable .ig-list li {
    margin: 0
}

.item-group-condensed .item-group-expandable .ig-list li .ig-row {
    background: none;
    border: none;
    border-radius: 0
}

.item-group-condensed .item-group-expandable .ig-list li:last-child .ig-row,.item-group-condensed .item-group-expandable .ig-list li:last-of-type .ig-row {
    box-shadow: none
}

.item-group-condensed .item-group-expandable .ig-list li:last-child .ig-sublist,.item-group-condensed .item-group-expandable .ig-list li:last-of-type .ig-sublist {
    border-bottom: none
}

.item-group-condensed .item-group-expandable li:not(:last-child) .ig-sublist,.item-group-condensed .item-group-expandable li:not(:last-of-type) .ig-sublist {
    box-shadow: inset 0 1px 0 #f0f0f0,inset 0 -1px 0 #f0f0f0
}

.item-group-condensed .item-group-expandable .ig-button {
    white-space: nowrap
}

.item-group-condensed .item-group-expandable .ig-sublist {
    background-color: #f2f4f4;
    box-shadow: inset 0 1px 0 #f0f0f0;
    border-top: 1px solid #e8eaec;
    border-bottom: 1px solid #e8eaec
}

.item-group-condensed .item-group-expandable .ig-sublist ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.item-group-condensed .item-group-expandable .ig-sublist ul li:first-child,.item-group-condensed .item-group-expandable .ig-sublist ul li:first-of-type {
    margin-top: 0px
}

.item-group-condensed .item-group-expandable .ig-sublist ul li:last-child .ig-row,.item-group-condensed .item-group-expandable .ig-sublist ul li:last-of-type .ig-row {
    border-bottom: none
}

.item-group-condensed .item-group-expandable .ig-sublist ul li .ig-row {
    box-shadow: none;
    margin: 0;
    border-bottom: 1px dotted #e1e2e3;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 30px
}

.item-group-condensed .item-group-expandable .ig-sublist ul li .ig-row .ig-title {
    color: var(--ic-brand-font-color-dark)
}

.btn-publish,.btn-published,.btn-unpublish,.btn-unpublished {
    transition: none;
    padding-left: 9px
}

.btn-publish i,.btn-published i,.btn-unpublish i,.btn-unpublished i {
    margin-right: 4px;
    vertical-align: text-top;
    line-height: 17px
}

.btn-publish i:before,.btn-published i:before,.btn-unpublish i:before,.btn-unpublished i:before {
    font-size: 18px;
    font-size: 1.125rem;
    color: inherit
}

.btn-published,.btn-published:hover {
    background: #03893d;
    border: 1px solid #013e1c;
    color: #fff
}

.btn-published:focus {
    box-shadow: inset 0 0 0 2px #fff;
    background: #025727;
    color: #fff
}

.btn-published.disabled,.btn-published.ui-button.ui-state-disabled,.btn-published.disabled:hover {
    border: 1px solid #256f1e;
    background: #35842c;
    box-shadow: none;
    color: #fff
}

.btn-unpublished {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
    background-color: #d2413d;
    background-image: linear-gradient(to bottom, #ee5f5b, #a4100c);
    background-repeat: repeat-x;
    border-color: #a4100c #a4100c #5d0907;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    box-shadow: none
}

.btn-unpublished:hover,.btn-unpublished:active,.btn-unpublished.active,.btn-unpublished.disabled,.btn-unpublished.ui-button.ui-state-disabled,.btn-unpublished[disabled] {
    color: #fff;
    background-color: #a4100c
}

.btn-unpublished:focus {
    color: #fff;
    background: #a4100c;
    text-decoration: none
}

.btn-unpublished:focus {
    box-shadow: inset 0 0 0 2px #fff
}

.publish-icon {
    outline-width: .125rem;
    outline-color: transparent;
    outline-style: solid;
    display: inline-block;
    color: gray;
    cursor: pointer;
    border-radius: 3px;
    outline: none;
    padding: 2px 4px
}

.publish-icon:focus {
    box-shadow: inset 0 0 0 2px var(--ic-link-color)
}

.publish-icon.publish-icon-unpublish {
    color: gray
}

.publish-icon.publish-icon-published {
    color: #03893d
}

.publish-icon .publish-text {
    display: none
}

.publish-icon.disabled,.publish-icon.ui-button.ui-state-disabled {
    opacity: .5
}

.published-status.published {
    font-weight: bold;
    color: #03893d
}

.published-status.unpublished {
    font-weight: normal;
    color: gray
}

.published-status.hiddenState {
    font-weight: normal;
    color: #f06e26
}

.published-status.restricted {
    font-weight: normal;
    color: #f06e26
}

.published-status.published-course {
    font-weight: bold;
    color: #03893d
}

.published-status.unpublished-course {
    font-weight: bold;
    color: #273540
}

.published-status.completed-course {
    font-weight: bold;
    color: #2b7abc
}

.lock-icon {
    outline-width: .125rem;
    outline-color: transparent;
    outline-style: solid;
    display: inline-block;
    color: gray;
    cursor: pointer
}

.lock-icon:focus {
    outline-offset: 0;
    outline-color: var(--ic-link-color)
}

.lock-icon.lock-icon-unlocked {
    color: gray
}

.lock-icon.lock-icon-locked {
    color: var(--ic-brand-primary)
}

.lock-icon.disabled,.lock-icon.ui-button.ui-state-disabled {
    color: gray
}

.lock-icon.disabled,.lock-icon.ui-button.ui-state-disabled {
    cursor: default
}

.lock-text {
    display: inline
}

.post-to-sis-status {
    transition: none;
    margin-right: 12px;
    cursor: pointer
}

.post-to-sis-status input {
    width: 16px;
    height: 20px
}

.post-to-sis-status.enabled {
    font-weight: bold;
    color: #03893d
}

.post-to-sis-status.disabled,.post-to-sis-status.ui-button.ui-state-disabled {
    font-weight: normal;
    color: gray
}

.pill {
    display: inline-block;
    margin: 0;
    list-style: none;
    border-radius: 1em;
    border: 1px solid rgba(0,0,0,.25);
    box-shadow: 0 1px 0 #fff
}

.pill>li {
    float: left;
    padding: 0 10px;
    border-right: solid 1px rgba(0,0,0,.25);
    font-size: 14px;
    font-size: 0.875rem
}

.pill>li:first-child {
    padding-left: 10px;
    border-radius: 1em 0 0 1em
}

.pill>li:last-child {
    padding-right: 10px;
    border-right: none;
    border-radius: 0 1em 1em 0
}

.alert {
    padding: 12px 36px 12px 12px;
    background-color: #fce4e5;
    border-radius: 6px;
    color: #cf4a00
}

.alert h4 {
    margin: 0
}

.alert .close {
    position: relative;
    top: -2px;
    right: -21px;
    line-height: 22px
}

.alert-success {
    background-color: #dceee4;
    color: #03893d
}

.alert-danger,.alert-error {
    background-color: #fce4e5;
    color: #e62429
}

.alert-info {
    background-color: #e0ebf5;
    color: #334451
}

.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,.25);
    border: 2px solid;
    border-radius: 6px;
    background-color: #fff
}

.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: #fff
}

.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: #03893d
}

.ic-flash-success .ic-flash__icon {
    background-color: #03893d
}

.ic-flash-warning {
    border-color: #f06e26
}

.ic-flash-warning .ic-flash__icon {
    background-color: #f06e26
}

.ic-flash-error {
    border-color: #e62429
}

.ic-flash-error .ic-flash__icon {
    background-color: #e62429
}

.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
}

.ic-alert-masquerade-student-view {
    padding: 6px 12px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    background: #c54396;
    color: #fff
}

.ic-alert-masquerade-student-view:after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #c54396
}

.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 #c54396
}

body.is-masquerading-or-student-view:not(.bare-layout):not(.embedded):not(.content-only) .ic-app-header {
    border-left: 3px solid #c54396
}

body.is-masquerading-or-student-view.bare-layout:not(.embedded):not(.content-only) {
    border: 3px solid #c54396
}

.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,.2);
    border-radius: 3px;
    box-sizing: border-box
}

.ic-notification form {
    margin: 0
}

.ic-notification.ic-notification--success {
    border-color: #03893d
}

.ic-notification.ic-notification--success .ic-notification__icon {
    background: #03893d
}

.ic-notification.ic-notification--alert {
    border-color: #f06e26
}

.ic-notification.ic-notification--alert .ic-notification__icon {
    background: #f06e26
}

.ic-notification.ic-notification--danger {
    border-color: #e62429
}

.ic-notification.ic-notification--danger .ic-notification__icon {
    background: #e62429
}

.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: #fff;
    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: #fff;
    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: .8em;
    padding-left: 12px;
    line-height: 22px
}

.element_toggler,.element_toggler_inst_focus_ring {
    outline-width: .125rem;
    outline-color: transparent;
    outline-style: solid;
    cursor: pointer
}

.element_toggler:focus,.element_toggler_inst_focus_ring:focus {
    outline-offset: 0;
    outline-color: var(--ic-link-color)
}

.element_toggler_inst_focus_ring:focus {
    border-radius: 6px;
    outline-width: .125rem;
    outline-offset: 2px;
    outline-color: var(--ic-link-color);
    outline-style: solid;
    box-shadow: none
}

.ic-Super-toggle__container {
    box-sizing: border-box;
    margin: 0;
    -webkit-user-select: none;
    user-select: none
}

.ic-Super-toggle__input {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0
}

.ic-Super-toggle__switch {
    transition: background .1s,border-color .1s;
    position: relative;
    line-height: 1;
    background-clip: padding-box
}

.ic-Super-toggle__switch::after {
    transition: all .1s ease-in-out;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    transform: translate3d(0, 0, 0);
    border-radius: 100%;
    box-shadow: 0 3px 6px rgba(0,0,0,.3);
    background-image: url("/dist/images/toggle-handle-139e09819b.svg");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 20px
}

[class^=ic-Super-toggle__option--] {
    transition: all .2s ease-out;
    text-align: center;
    position: relative;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1;
    speak: none;
    box-sizing: border-box
}

[class^=ic-Super-toggle__option--] i[class*=icon-],[class^=ic-Super-toggle__option--] i[class^=icon-] {
    line-height: 1
}

[class^=ic-Super-toggle__option--] i[class*=icon-]:before,[class^=ic-Super-toggle__option--] i[class^=icon-]:before {
    font-size: 18px
}

.ic-Super-toggle__input:checked~.ic-Super-toggle__container .ic-Super-toggle__switch::after {
    transform: translate3d(100%, 0, 0)
}

.ic-Super-toggle__input:disabled~.ic-Super-toggle__container .ic-Super-toggle__switch,.ic-Super-toggle__input:disabled~.ic-Super-toggle__container [class^=ic-Super-toggle__option--] {
    display: none
}

.ic-Super-toggle__input:disabled~.ic-Super-toggle__container::before {
    opacity: .8;
    content: attr(data-unchecked)
}

.ic-Super-toggle__input:disabled:checked~.ic-Super-toggle__container::before {
    content: attr(data-checked)
}

.ic-Super-toggle--on-off {
    position: relative;
    margin-bottom: 0
}

@media only screen and (min-width: 768px) {
    .ic-Form-group.ic-Form-group--horizontal .ic-Super-toggle--on-off {
        display:flex;
        align-items: center;
        flex-wrap: wrap;
        width: 100%
    }

    .ic-Form-group.ic-Form-group--horizontal .ic-Super-toggle--on-off .ic-Super-toggle__container {
        flex: 1
    }
}

.ic-Super-toggle--on-off .ic-Super-toggle__switch {
    width: 60px;
    height: 30px;
    background: #334451;
    border: 2px solid #334451;
    border-radius: 17px
}

.ic-Super-toggle--on-off .ic-Super-toggle__switch::after {
    background-color: #fff;
    width: 30px;
    height: 30px
}

.ic-Super-toggle--on-off .ic-Super-toggle__switch::before {
    content: "";
    position: absolute;
    top: -0.375rem;
    left: -0.375rem;
    width: calc(100% + .75rem);
    height: calc(100% + .75rem);
    box-sizing: border-box;
    border: 1px solid var(--ic-brand-primary);
    border-radius: 30px;
    opacity: 0
}

.ic-Super-toggle--on-off .ic-Super-toggle__option--LEFT {
    color: #fff
}

.ic-Super-toggle--on-off .ic-Super-toggle__option--LEFT svg>* {
    fill: #fff
}

.ic-Super-toggle--on-off .ic-Super-toggle__option--RIGHT {
    color: #fff
}

.ic-Super-toggle--on-off .ic-Super-toggle__option--RIGHT svg>* {
    fill: #fff
}

.ic-Super-toggle--on-off svg {
    max-width: 15px;
    max-height: 15px;
    display: inline-block;
    vertical-align: middle
}

.ic-Super-toggle--on-off .ic-Super-toggle__input:checked~.ic-Super-toggle__container .ic-Super-toggle__switch {
    background: #03893d;
    border-color: #03893d
}

.ic-Super-toggle--on-off .ic-Super-toggle__input:checked~.ic-Super-toggle__container .ic-Super-toggle__option--LEFT {
    color: #fff
}

.ic-Super-toggle--on-off .ic-Super-toggle__input:checked~.ic-Super-toggle__container .ic-Super-toggle__option--LEFT svg>* {
    fill: #fff
}

.ic-Super-toggle--on-off .ic-Super-toggle__input:checked~.ic-Super-toggle__container .ic-Super-toggle__option--RIGHT {
    color: #fff
}

.ic-Super-toggle--on-off .ic-Super-toggle__input:checked~.ic-Super-toggle__container .ic-Super-toggle__option--RIGHT svg>* {
    fill: #fff
}

.ic-Super-toggle--on-off .ic-Super-toggle__input:focus~.ic-Super-toggle__container .ic-Super-toggle__switch::before {
    opacity: 1
}

.ic-Super-toggle--on-off .ic-Super-toggle__input:focus:checked~.ic-Super-toggle__container .ic-Super-toggle__switch::before {
    opacity: 1
}

.ic-Super-toggle--on-off .ic-Super-toggle__switch {
    display: flex;
    align-items: center
}

.ic-Super-toggle--on-off [class^=ic-Super-toggle__option--] {
    transition-delay: .1s;
    flex: 0 0 50%
}

.ic-Super-toggle--on-off .ic-Super-toggle__option--LEFT {
    transform: scale(0.1);
    opacity: 0
}

.ic-Super-toggle--on-off .ic-Super-toggle__option--RIGHT {
    transform: scale(1);
    opacity: 1
}

.ic-Super-toggle--on-off .ic-Super-toggle__input:checked~.ic-Super-toggle__container .ic-Super-toggle__option--LEFT {
    transform: scale(1);
    opacity: 1
}

.ic-Super-toggle--on-off .ic-Super-toggle__input:checked~.ic-Super-toggle__container .ic-Super-toggle__option--RIGHT {
    transform: scale(0.1);
    opacity: 0
}

.ic-Super-toggle--ui-switch {
    position: relative;
    margin-bottom: 0
}

@media only screen and (min-width: 768px) {
    .ic-Form-group.ic-Form-group--horizontal .ic-Super-toggle--ui-switch {
        display:flex;
        align-items: center;
        flex-wrap: wrap;
        width: 100%
    }

    .ic-Form-group.ic-Form-group--horizontal .ic-Super-toggle--ui-switch .ic-Super-toggle__container {
        flex: 1
    }
}

.ic-Super-toggle--ui-switch .ic-Super-toggle__switch {
    width: 60px;
    height: 30px;
    background: #273540;
    border: 2px solid #273540;
    border-radius: 17px
}

.ic-Super-toggle--ui-switch .ic-Super-toggle__switch::after {
    background-color: #fff;
    width: 30px;
    height: 30px
}

.ic-Super-toggle--ui-switch .ic-Super-toggle__switch::before {
    content: "";
    position: absolute;
    top: -0.375rem;
    left: -0.375rem;
    width: calc(100% + .75rem);
    height: calc(100% + .75rem);
    box-sizing: border-box;
    border: 1px solid var(--ic-brand-primary);
    border-radius: 30px;
    opacity: 0
}

.ic-Super-toggle--ui-switch .ic-Super-toggle__option--LEFT {
    color: var(--ic-brand-primary)
}

.ic-Super-toggle--ui-switch .ic-Super-toggle__option--LEFT svg>* {
    fill: var(--ic-brand-primary)
}

.ic-Super-toggle--ui-switch .ic-Super-toggle__option--RIGHT {
    color: var(--ic-brand-font-color-dark-lightened-28)
}

.ic-Super-toggle--ui-switch .ic-Super-toggle__option--RIGHT svg>* {
    fill: var(--ic-brand-font-color-dark-lightened-28)
}

.ic-Super-toggle--ui-switch svg {
    max-width: 15px;
    max-height: 15px;
    display: inline-block;
    vertical-align: middle
}

.ic-Super-toggle--ui-switch .ic-Super-toggle__input:checked~.ic-Super-toggle__container .ic-Super-toggle__switch {
    background: #273540;
    border-color: #273540
}

.ic-Super-toggle--ui-switch .ic-Super-toggle__input:checked~.ic-Super-toggle__container .ic-Super-toggle__option--LEFT {
    color: var(--ic-brand-font-color-dark-lightened-28)
}

.ic-Super-toggle--ui-switch .ic-Super-toggle__input:checked~.ic-Super-toggle__container .ic-Super-toggle__option--LEFT svg>* {
    fill: var(--ic-brand-font-color-dark-lightened-28)
}

.ic-Super-toggle--ui-switch .ic-Super-toggle__input:checked~.ic-Super-toggle__container .ic-Super-toggle__option--RIGHT {
    color: var(--ic-brand-primary)
}

.ic-Super-toggle--ui-switch .ic-Super-toggle__input:checked~.ic-Super-toggle__container .ic-Super-toggle__option--RIGHT svg>* {
    fill: var(--ic-brand-primary)
}

.ic-Super-toggle--ui-switch .ic-Super-toggle__input:focus~.ic-Super-toggle__container .ic-Super-toggle__switch::before {
    opacity: 1
}

.ic-Super-toggle--ui-switch .ic-Super-toggle__input:focus:checked~.ic-Super-toggle__container .ic-Super-toggle__switch::before {
    opacity: 1
}

.ic-Super-toggle--ui-switch .ic-Super-toggle__container {
    display: inline-flex;
    align-items: center
}

.ic-Super-toggle--ui-switch .ic-Super-toggle__switch {
    display: block
}

.ic-Super-toggle--ui-switch svg {
    max-width: 18px;
    max-height: 18px
}

.ic-Super-toggle--ui-switch [class^=ic-Super-toggle__option--] {
    min-width: 24px
}

.ic-Super-toggle--ui-switch .ic-Super-toggle__option--LEFT {
    text-align: left;
    transform: scale(1.1)
}

.ic-Super-toggle--ui-switch .ic-Super-toggle__option--RIGHT {
    text-align: right;
    transform: scale(0.9)
}

.ic-Super-toggle--ui-switch .ic-Super-toggle__input:checked~.ic-Super-toggle__container .ic-Super-toggle__option--LEFT {
    transform: scale(0.9)
}

.ic-Super-toggle--ui-switch .ic-Super-toggle__input:checked~.ic-Super-toggle__container .ic-Super-toggle__option--RIGHT {
    transform: scale(1.1)
}

.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
}

@keyframes color-picker-enter {
    from {
        opacity: 0;
        transform: translate3d(-20%, 0, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.ColorPicker__Overlay {
    background-color: rgba(0,0,0,0)
}

.ColorPicker__Title {
    margin: 0 0 12px;
    padding: 0;
    line-height: 1.1;
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold
}

.ColorPicker__Container.with-animation {
    animation-name: color-picker-enter;
    animation-duration: .2s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out
}

.ColorPicker__Container {
    width: 174px;
    background: #fff;
    box-sizing: border-box;
    padding: 12px;
    position: relative
}

.ColorPicker__Container.with-border {
    box-shadow: 0 1px 8px rgba(0,0,0,.2);
    border-radius: 3px;
    border: 1px solid #e8eaec
}

.ColorPicker__Container.with-arrow:after,.ColorPicker__Container.with-arrow:before {
    right: 100%;
    top: 24px;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.ColorPicker__Container.with-arrow:after {
    border-color: rgba(255,255,255,0);
    border-right-color: #fff;
    border-width: 11px;
    margin-top: -11px
}

.ColorPicker__Container.with-arrow:before {
    border-color: rgba(215,215,215,0);
    border-right-color: #dde0e3;
    border-width: 12px;
    margin-top: -12px
}

.right>.ColorPicker__Container {
    transform: translate3d(20%, 0, 0)
}

.right>.ColorPicker__Container:after,.right>.ColorPicker__Container:before {
    right: auto;
    left: 100%
}

.right>.ColorPicker__Container:after {
    border-right-color: rgba(255,255,255,0);
    border-left-color: #fff
}

.right>.ColorPicker__Container:before {
    border-right-color: rgba(255,255,255,0);
    border-left-color: #dde0e3
}

.middle>.ColorPicker__Container:after,.middle>.ColorPicker__Container:before {
    top: 50%
}

.ColorPicker__ColorContainer {
    margin-top: 12px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.ColorPicker__ColorBlock {
    transition: all .2s;
    transform: translate3d(0, 0, 0);
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 0 7px 7px 0;
    padding: 0;
    -webkit-appearance: none;
    appearance: none;
    box-shadow: none;
    text-align: center;
    color: #fff;
    border-radius: 3px;
    border-style: solid;
    border: 2px solid #e8eaec
}

.ColorPicker__ColorBlock:before {
    content: "";
    position: absolute;
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
    border: 1px solid var(--ic-brand-primary);
    border-radius: 5px;
    transform: scale(0.01);
    transition: all .2s;
    opacity: 0
}

.ColorPicker__ColorBlock:focus {
    outline: none
}

.ColorPicker__ColorBlock:focus:before {
    opacity: 1;
    transform: scale(1)
}

.ColorPicker__ColorBlock:hover,.ColorPicker__ColorBlock:focus {
    transform: scale(1.15)
}

.ColorPicker__ColorBlock i[class*=icon-]:before,.ColorPicker__ColorBlock i[class^=icon-]:before {
    vertical-align: text-bottom
}

.ColorPicker__ColorBlock:nth-child(5n) {
    margin-right: 0
}

.ColorPicker__ColorBlock-line {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    stroke: red;
    stroke-width: 1
}

.ColorPicker__ColorBlock.with-dark-check i[class*=icon-],.ColorPicker__ColorBlock.with-dark-check i[class^=icon-] {
    color: #273540
}

.ColorPicker__ColorBlock.with-box-shadow:hover {
    box-shadow: 0 1px 2px rgba(0,0,0,.25)
}

.ColorPicker__ColorBlock.with-box-shadow:focus {
    box-shadow: 0 1px 2px rgba(0,0,0,.25),inset 0 0 0 1px #fff;
    outline: none
}

.ColorPicker__CustomInputContainer {
    margin-top: 5px;
    display: flex;
    align-items: center
}

.ColorPicker__ColorPreview {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    border-style: solid;
    border-color: #e8eaec;
    border-radius: 3px;
    border-width: 1px;
    margin-right: 2px
}

.ColorPicker__ColorPreview:focus {
    outline: none
}

.ColorPicker__ColorPreview i[class*=icon-],.ColorPicker__ColorPreview i[class^=icon-] {
    margin: 0 auto;
    color: #f06e26
}

.ColorPicker__Actions {
    margin-top: 6px;
    display: flex;
    justify-content: flex-end
}

body.chrome .ColorPicker__Actions .Button:first-of-type,body.chrome .ColorPicker__Actions .ui-button:first-of-type {
    margin-left: 1px
}

select.ic-Input,textarea.ic-Input,input[type=text].ic-Input,input[type=password].ic-Input,input[type=datetime].ic-Input,input[type=datetime-local].ic-Input,input[type=date].ic-Input,input[type=month].ic-Input,input[type=time].ic-Input,input[type=week].ic-Input,input[type=number].ic-Input,input[type=email].ic-Input,input[type=url].ic-Input,input[type=search].ic-Input,input[type=tel].ic-Input,input[type=color].ic-Input,.uneditable-input.ic-Input {
    width: 100%;
    height: 38px;
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    box-shadow: none;
    box-sizing: border-box;
    transition: all .2s ease-out;
    border-width: 1px;
    border-style: solid;
    outline-color: transparent;
    outline-offset: -12px;
    background: #fff;
    padding: 8px 12px;
    appearance: none;
    -webkit-appearance: none;
    border-color: #d0dae2;
    outline-style: solid;
    outline-width: 12px
}

select.ic-Input:focus,textarea.ic-Input:focus,input[type=text].ic-Input:focus,input[type=password].ic-Input:focus,input[type=datetime].ic-Input:focus,input[type=datetime-local].ic-Input:focus,input[type=date].ic-Input:focus,input[type=month].ic-Input:focus,input[type=time].ic-Input:focus,input[type=week].ic-Input:focus,input[type=number].ic-Input:focus,input[type=email].ic-Input:focus,input[type=url].ic-Input:focus,input[type=search].ic-Input:focus,input[type=tel].ic-Input:focus,input[type=color].ic-Input:focus,.uneditable-input.ic-Input:focus {
    border-color: var(--ic-brand-primary);
    outline-color: var(--ic-brand-primary-lightened-15)
}

select.ic-Input:focus,textarea.ic-Input:focus,input[type=text].ic-Input:focus,input[type=password].ic-Input:focus,input[type=datetime].ic-Input:focus,input[type=datetime-local].ic-Input:focus,input[type=date].ic-Input:focus,input[type=month].ic-Input:focus,input[type=time].ic-Input:focus,input[type=week].ic-Input:focus,input[type=number].ic-Input:focus,input[type=email].ic-Input:focus,input[type=url].ic-Input:focus,input[type=search].ic-Input:focus,input[type=tel].ic-Input:focus,input[type=color].ic-Input:focus,.uneditable-input.ic-Input:focus {
    outline-width: 2px;
    outline-offset: -2px
}

select.ic-Input~.ic-Form-message,textarea.ic-Input~.ic-Form-message,input[type=text].ic-Input~.ic-Form-message,input[type=password].ic-Input~.ic-Form-message,input[type=datetime].ic-Input~.ic-Form-message,input[type=datetime-local].ic-Input~.ic-Form-message,input[type=date].ic-Input~.ic-Form-message,input[type=month].ic-Input~.ic-Form-message,input[type=time].ic-Input~.ic-Form-message,input[type=week].ic-Input~.ic-Form-message,input[type=number].ic-Input~.ic-Form-message,input[type=email].ic-Input~.ic-Form-message,input[type=url].ic-Input~.ic-Form-message,input[type=search].ic-Input~.ic-Form-message,input[type=tel].ic-Input~.ic-Form-message,input[type=color].ic-Input~.ic-Form-message,.uneditable-input.ic-Input~.ic-Form-message {
    transform: translate3d(0, -4px, 0)
}

select.ic-Input:focus~.ic-Form-message,textarea.ic-Input:focus~.ic-Form-message,input[type=text].ic-Input:focus~.ic-Form-message,input[type=password].ic-Input:focus~.ic-Form-message,input[type=datetime].ic-Input:focus~.ic-Form-message,input[type=datetime-local].ic-Input:focus~.ic-Form-message,input[type=date].ic-Input:focus~.ic-Form-message,input[type=month].ic-Input:focus~.ic-Form-message,input[type=time].ic-Input:focus~.ic-Form-message,input[type=week].ic-Input:focus~.ic-Form-message,input[type=number].ic-Input:focus~.ic-Form-message,input[type=email].ic-Input:focus~.ic-Form-message,input[type=url].ic-Input:focus~.ic-Form-message,input[type=search].ic-Input:focus~.ic-Form-message,input[type=tel].ic-Input:focus~.ic-Form-message,input[type=color].ic-Input:focus~.ic-Form-message,.uneditable-input.ic-Input:focus~.ic-Form-message {
    transform: translate3d(0, 6px, 0)
}

select.ic-Input[disabled],select.ic-Input[readonly],textarea.ic-Input[disabled],textarea.ic-Input[readonly],input[type=text].ic-Input[disabled],input[type=text].ic-Input[readonly],input[type=password].ic-Input[disabled],input[type=password].ic-Input[readonly],input[type=datetime].ic-Input[disabled],input[type=datetime].ic-Input[readonly],input[type=datetime-local].ic-Input[disabled],input[type=datetime-local].ic-Input[readonly],input[type=date].ic-Input[disabled],input[type=date].ic-Input[readonly],input[type=month].ic-Input[disabled],input[type=month].ic-Input[readonly],input[type=time].ic-Input[disabled],input[type=time].ic-Input[readonly],input[type=week].ic-Input[disabled],input[type=week].ic-Input[readonly],input[type=number].ic-Input[disabled],input[type=number].ic-Input[readonly],input[type=email].ic-Input[disabled],input[type=email].ic-Input[readonly],input[type=url].ic-Input[disabled],input[type=url].ic-Input[readonly],input[type=search].ic-Input[disabled],input[type=search].ic-Input[readonly],input[type=tel].ic-Input[disabled],input[type=tel].ic-Input[readonly],input[type=color].ic-Input[disabled],input[type=color].ic-Input[readonly],.uneditable-input.ic-Input[disabled],.uneditable-input.ic-Input[readonly] {
    cursor: not-allowed;
    background-color: #f2f2f2;
    opacity: .8
}

select.ic-Input.ic-Input--has-error,.ic-Form-control--has-error select.ic-Input,textarea.ic-Input.ic-Input--has-error,.ic-Form-control--has-error textarea.ic-Input,input[type=text].ic-Input.ic-Input--has-error,.ic-Form-control--has-error input[type=text].ic-Input,input[type=password].ic-Input.ic-Input--has-error,.ic-Form-control--has-error input[type=password].ic-Input,input[type=datetime].ic-Input.ic-Input--has-error,.ic-Form-control--has-error input[type=datetime].ic-Input,input[type=datetime-local].ic-Input.ic-Input--has-error,.ic-Form-control--has-error input[type=datetime-local].ic-Input,input[type=date].ic-Input.ic-Input--has-error,.ic-Form-control--has-error input[type=date].ic-Input,input[type=month].ic-Input.ic-Input--has-error,.ic-Form-control--has-error input[type=month].ic-Input,input[type=time].ic-Input.ic-Input--has-error,.ic-Form-control--has-error input[type=time].ic-Input,input[type=week].ic-Input.ic-Input--has-error,.ic-Form-control--has-error input[type=week].ic-Input,input[type=number].ic-Input.ic-Input--has-error,.ic-Form-control--has-error input[type=number].ic-Input,input[type=email].ic-Input.ic-Input--has-error,.ic-Form-control--has-error input[type=email].ic-Input,input[type=url].ic-Input.ic-Input--has-error,.ic-Form-control--has-error input[type=url].ic-Input,input[type=search].ic-Input.ic-Input--has-error,.ic-Form-control--has-error input[type=search].ic-Input,input[type=tel].ic-Input.ic-Input--has-error,.ic-Form-control--has-error input[type=tel].ic-Input,input[type=color].ic-Input.ic-Input--has-error,.ic-Form-control--has-error input[type=color].ic-Input,.uneditable-input.ic-Input.ic-Input--has-error,.ic-Form-control--has-error .uneditable-input.ic-Input {
    border-color: #e62429
}

select.ic-Input.ic-Input--has-error:focus,.ic-Form-control--has-error select.ic-Input:focus,textarea.ic-Input.ic-Input--has-error:focus,.ic-Form-control--has-error textarea.ic-Input:focus,input[type=text].ic-Input.ic-Input--has-error:focus,.ic-Form-control--has-error input[type=text].ic-Input:focus,input[type=password].ic-Input.ic-Input--has-error:focus,.ic-Form-control--has-error input[type=password].ic-Input:focus,input[type=datetime].ic-Input.ic-Input--has-error:focus,.ic-Form-control--has-error input[type=datetime].ic-Input:focus,input[type=datetime-local].ic-Input.ic-Input--has-error:focus,.ic-Form-control--has-error input[type=datetime-local].ic-Input:focus,input[type=date].ic-Input.ic-Input--has-error:focus,.ic-Form-control--has-error input[type=date].ic-Input:focus,input[type=month].ic-Input.ic-Input--has-error:focus,.ic-Form-control--has-error input[type=month].ic-Input:focus,input[type=time].ic-Input.ic-Input--has-error:focus,.ic-Form-control--has-error input[type=time].ic-Input:focus,input[type=week].ic-Input.ic-Input--has-error:focus,.ic-Form-control--has-error input[type=week].ic-Input:focus,input[type=number].ic-Input.ic-Input--has-error:focus,.ic-Form-control--has-error input[type=number].ic-Input:focus,input[type=email].ic-Input.ic-Input--has-error:focus,.ic-Form-control--has-error input[type=email].ic-Input:focus,input[type=url].ic-Input.ic-Input--has-error:focus,.ic-Form-control--has-error input[type=url].ic-Input:focus,input[type=search].ic-Input.ic-Input--has-error:focus,.ic-Form-control--has-error input[type=search].ic-Input:focus,input[type=tel].ic-Input.ic-Input--has-error:focus,.ic-Form-control--has-error input[type=tel].ic-Input:focus,input[type=color].ic-Input.ic-Input--has-error:focus,.ic-Form-control--has-error input[type=color].ic-Input:focus,.uneditable-input.ic-Input.ic-Input--has-error:focus,.ic-Form-control--has-error .uneditable-input.ic-Input:focus {
    border-color: #e62429;
    outline-color: rgba(230,36,41,.2)
}

select.ic-Input.ic-Input--has-warning,.ic-Form-control--has-warning select.ic-Input,textarea.ic-Input.ic-Input--has-warning,.ic-Form-control--has-warning textarea.ic-Input,input[type=text].ic-Input.ic-Input--has-warning,.ic-Form-control--has-warning input[type=text].ic-Input,input[type=password].ic-Input.ic-Input--has-warning,.ic-Form-control--has-warning input[type=password].ic-Input,input[type=datetime].ic-Input.ic-Input--has-warning,.ic-Form-control--has-warning input[type=datetime].ic-Input,input[type=datetime-local].ic-Input.ic-Input--has-warning,.ic-Form-control--has-warning input[type=datetime-local].ic-Input,input[type=date].ic-Input.ic-Input--has-warning,.ic-Form-control--has-warning input[type=date].ic-Input,input[type=month].ic-Input.ic-Input--has-warning,.ic-Form-control--has-warning input[type=month].ic-Input,input[type=time].ic-Input.ic-Input--has-warning,.ic-Form-control--has-warning input[type=time].ic-Input,input[type=week].ic-Input.ic-Input--has-warning,.ic-Form-control--has-warning input[type=week].ic-Input,input[type=number].ic-Input.ic-Input--has-warning,.ic-Form-control--has-warning input[type=number].ic-Input,input[type=email].ic-Input.ic-Input--has-warning,.ic-Form-control--has-warning input[type=email].ic-Input,input[type=url].ic-Input.ic-Input--has-warning,.ic-Form-control--has-warning input[type=url].ic-Input,input[type=search].ic-Input.ic-Input--has-warning,.ic-Form-control--has-warning input[type=search].ic-Input,input[type=tel].ic-Input.ic-Input--has-warning,.ic-Form-control--has-warning input[type=tel].ic-Input,input[type=color].ic-Input.ic-Input--has-warning,.ic-Form-control--has-warning input[type=color].ic-Input,.uneditable-input.ic-Input.ic-Input--has-warning,.ic-Form-control--has-warning .uneditable-input.ic-Input {
    border-color: #f06e26
}

select.ic-Input.ic-Input--has-warning:focus,.ic-Form-control--has-warning select.ic-Input:focus,textarea.ic-Input.ic-Input--has-warning:focus,.ic-Form-control--has-warning textarea.ic-Input:focus,input[type=text].ic-Input.ic-Input--has-warning:focus,.ic-Form-control--has-warning input[type=text].ic-Input:focus,input[type=password].ic-Input.ic-Input--has-warning:focus,.ic-Form-control--has-warning input[type=password].ic-Input:focus,input[type=datetime].ic-Input.ic-Input--has-warning:focus,.ic-Form-control--has-warning input[type=datetime].ic-Input:focus,input[type=datetime-local].ic-Input.ic-Input--has-warning:focus,.ic-Form-control--has-warning input[type=datetime-local].ic-Input:focus,input[type=date].ic-Input.ic-Input--has-warning:focus,.ic-Form-control--has-warning input[type=date].ic-Input:focus,input[type=month].ic-Input.ic-Input--has-warning:focus,.ic-Form-control--has-warning input[type=month].ic-Input:focus,input[type=time].ic-Input.ic-Input--has-warning:focus,.ic-Form-control--has-warning input[type=time].ic-Input:focus,input[type=week].ic-Input.ic-Input--has-warning:focus,.ic-Form-control--has-warning input[type=week].ic-Input:focus,input[type=number].ic-Input.ic-Input--has-warning:focus,.ic-Form-control--has-warning input[type=number].ic-Input:focus,input[type=email].ic-Input.ic-Input--has-warning:focus,.ic-Form-control--has-warning input[type=email].ic-Input:focus,input[type=url].ic-Input.ic-Input--has-warning:focus,.ic-Form-control--has-warning input[type=url].ic-Input:focus,input[type=search].ic-Input.ic-Input--has-warning:focus,.ic-Form-control--has-warning input[type=search].ic-Input:focus,input[type=tel].ic-Input.ic-Input--has-warning:focus,.ic-Form-control--has-warning input[type=tel].ic-Input:focus,input[type=color].ic-Input.ic-Input--has-warning:focus,.ic-Form-control--has-warning input[type=color].ic-Input:focus,.uneditable-input.ic-Input.ic-Input--has-warning:focus,.ic-Form-control--has-warning .uneditable-input.ic-Input:focus {
    border-color: #f06e26;
    outline-color: rgba(240,110,38,.2)
}

select.ic-Input.ic-Input--has-success,.ic-Form-control--has-success select.ic-Input,textarea.ic-Input.ic-Input--has-success,.ic-Form-control--has-success textarea.ic-Input,input[type=text].ic-Input.ic-Input--has-success,.ic-Form-control--has-success input[type=text].ic-Input,input[type=password].ic-Input.ic-Input--has-success,.ic-Form-control--has-success input[type=password].ic-Input,input[type=datetime].ic-Input.ic-Input--has-success,.ic-Form-control--has-success input[type=datetime].ic-Input,input[type=datetime-local].ic-Input.ic-Input--has-success,.ic-Form-control--has-success input[type=datetime-local].ic-Input,input[type=date].ic-Input.ic-Input--has-success,.ic-Form-control--has-success input[type=date].ic-Input,input[type=month].ic-Input.ic-Input--has-success,.ic-Form-control--has-success input[type=month].ic-Input,input[type=time].ic-Input.ic-Input--has-success,.ic-Form-control--has-success input[type=time].ic-Input,input[type=week].ic-Input.ic-Input--has-success,.ic-Form-control--has-success input[type=week].ic-Input,input[type=number].ic-Input.ic-Input--has-success,.ic-Form-control--has-success input[type=number].ic-Input,input[type=email].ic-Input.ic-Input--has-success,.ic-Form-control--has-success input[type=email].ic-Input,input[type=url].ic-Input.ic-Input--has-success,.ic-Form-control--has-success input[type=url].ic-Input,input[type=search].ic-Input.ic-Input--has-success,.ic-Form-control--has-success input[type=search].ic-Input,input[type=tel].ic-Input.ic-Input--has-success,.ic-Form-control--has-success input[type=tel].ic-Input,input[type=color].ic-Input.ic-Input--has-success,.ic-Form-control--has-success input[type=color].ic-Input,.uneditable-input.ic-Input.ic-Input--has-success,.ic-Form-control--has-success .uneditable-input.ic-Input {
    border-color: #03893d
}

select.ic-Input.ic-Input--has-success:focus,.ic-Form-control--has-success select.ic-Input:focus,textarea.ic-Input.ic-Input--has-success:focus,.ic-Form-control--has-success textarea.ic-Input:focus,input[type=text].ic-Input.ic-Input--has-success:focus,.ic-Form-control--has-success input[type=text].ic-Input:focus,input[type=password].ic-Input.ic-Input--has-success:focus,.ic-Form-control--has-success input[type=password].ic-Input:focus,input[type=datetime].ic-Input.ic-Input--has-success:focus,.ic-Form-control--has-success input[type=datetime].ic-Input:focus,input[type=datetime-local].ic-Input.ic-Input--has-success:focus,.ic-Form-control--has-success input[type=datetime-local].ic-Input:focus,input[type=date].ic-Input.ic-Input--has-success:focus,.ic-Form-control--has-success input[type=date].ic-Input:focus,input[type=month].ic-Input.ic-Input--has-success:focus,.ic-Form-control--has-success input[type=month].ic-Input:focus,input[type=time].ic-Input.ic-Input--has-success:focus,.ic-Form-control--has-success input[type=time].ic-Input:focus,input[type=week].ic-Input.ic-Input--has-success:focus,.ic-Form-control--has-success input[type=week].ic-Input:focus,input[type=number].ic-Input.ic-Input--has-success:focus,.ic-Form-control--has-success input[type=number].ic-Input:focus,input[type=email].ic-Input.ic-Input--has-success:focus,.ic-Form-control--has-success input[type=email].ic-Input:focus,input[type=url].ic-Input.ic-Input--has-success:focus,.ic-Form-control--has-success input[type=url].ic-Input:focus,input[type=search].ic-Input.ic-Input--has-success:focus,.ic-Form-control--has-success input[type=search].ic-Input:focus,input[type=tel].ic-Input.ic-Input--has-success:focus,.ic-Form-control--has-success input[type=tel].ic-Input:focus,input[type=color].ic-Input.ic-Input--has-success:focus,.ic-Form-control--has-success input[type=color].ic-Input:focus,.uneditable-input.ic-Input.ic-Input--has-success:focus,.ic-Form-control--has-success .uneditable-input.ic-Input:focus {
    border-color: #03893d;
    outline-color: rgba(3,137,61,.2)
}

select.ic-Input,input[type=file].ic-Input {
    padding: 0 0 0 12px
}

textarea.ic-Input {
    height: auto;
    resize: vertical
}

select.ic-Input {
    background-color: #fff;
    background-image: url("/dist/images/forms/ic-icon-arrow-down-0a55c3d1bf.svg");
    background-repeat: no-repeat;
    background-size: 10px 5.667px;
    background-position: calc(100% - 8px) 50%;
    padding: 0 24px 0 12px
}

@supports(-ms-accelerator: true) {
    select.ic-Input {
        background-color: #fff;
        background-image: url("/dist/images/forms/ic-icon-arrow-down-0a55c3d1bf.svg");
        background-repeat: no-repeat;
        background-size: 10px 5.667px;
        background-position: 99% 50%;
        padding: 0 24px 0 12px
    }
}

@media only screen and (min-width: 768px) {
    .ic-Form-group.ic-Form-group--inline {
        display:flex;
        align-items: flex-end
    }

    .ic-Form-group.ic-Form-group--inline .ic-Form-actions {
        margin-top: 0;
        border: none;
        padding: 0 0 0 12px;
        background: transparent
    }

    .ic-Form-group.ic-Form-group--inline .ic-Form-control:not(.ic-Form-control--checkbox):not(.ic-Form-control--radio),.ic-Form-group.ic-Form-group--inline .ic-Checkbox-group {
        flex: 1;
        margin: 0 6px
    }

    .ic-Form-group.ic-Form-group--inline .ic-Form-control:not(.ic-Form-control--checkbox):not(.ic-Form-control--radio):first-child,.ic-Form-group.ic-Form-group--inline .ic-Checkbox-group:first-child {
        margin-left: 0
    }

    .ic-Form-group.ic-Form-group--inline .ic-Form-control:not(.ic-Form-control--checkbox):not(.ic-Form-control--radio):last-child,.ic-Form-group.ic-Form-group--inline .ic-Checkbox-group:last-child {
        margin-right: 0
    }

    .ic-Form-group.ic-Form-group--inline .ic-Form-control:not(.ic-Form-control--checkbox):not(.ic-Form-control--radio) .ic-Form-message,.ic-Form-group.ic-Form-group--inline .ic-Checkbox-group .ic-Form-message {
        margin-left: 0
    }
}

@media only screen and (min-width: 768px) {
    .ic-Form-group.ic-Form-group--horizontal>.ic-Form-control:not(.ic-Form-control--checkbox):not(.ic-Form-control--radio) {
        display:flex;
        flex-wrap: wrap
    }

    .ic-Form-group.ic-Form-group--horizontal>.ic-Form-control:not(.ic-Form-control--checkbox):not(.ic-Form-control--radio)>.ic-Label {
        margin-bottom: 0;
        flex: 0 0 192px;
        padding-right: 24px
    }

    .ic-Form-group.ic-Form-group--horizontal>.ic-Form-control:not(.ic-Form-control--checkbox):not(.ic-Form-control--radio)>.ic-Input,.ic-Form-group.ic-Form-group--horizontal>.ic-Form-control:not(.ic-Form-control--checkbox):not(.ic-Form-control--radio)>.ic-Input-group,.ic-Form-group.ic-Form-group--horizontal>.ic-Form-control:not(.ic-Form-control--checkbox):not(.ic-Form-control--radio)>.ic-Multi-input,.ic-Form-group.ic-Form-group--horizontal>.ic-Form-control:not(.ic-Form-control--checkbox):not(.ic-Form-control--radio)>.ic-Forms-component {
        flex: 1
    }

    .ic-Form-group.ic-Form-group--horizontal>.ic-Form-control:not(.ic-Form-control--checkbox):not(.ic-Form-control--radio)>.ic-Form-message {
        display: block;
        margin-left: 0;
        width: 100%
    }

    .ic-Form-group.ic-Form-group--horizontal>.ic-Form-control:not(.ic-Form-control--checkbox):not(.ic-Form-control--radio)>.ic-Form-message .ic-Form-message__Layout {
        margin-left: 204px;
        display: inline-flex
    }

    .ic-Form-group.ic-Form-group--horizontal>.ic-Form-control:not(.ic-Form-control--checkbox):not(.ic-Form-control--radio)>.ic-Form-help-text {
        padding-left: 192px
    }

    .ic-Form-group.ic-Form-group--horizontal>.ic-Form-control:not(.ic-Form-control--checkbox):not(.ic-Form-control--radio):not(.ic-Form-control--top-align-label) {
        align-items: center
    }

    .ic-Form-group.ic-Form-group--horizontal>.ic-Form-control.ic-Form-control--top-align-label>.ic-Label {
        transform: translateY(2px)
    }

    .ic-Form-group.ic-Form-group--horizontal>.ic-Fieldset--radio-checkbox {
        position: relative;
        padding-left: 192px;
        min-height: 30px
    }

    .ic-Form-group.ic-Form-group--horizontal>.ic-Fieldset--radio-checkbox>.ic-Legend {
        position: absolute;
        top: 5px;
        left: 0;
        width: 168px;
        margin-bottom: 0
    }
}

.ic-Form-message {
    display: inline-block;
    margin-left: 12px;
    position: relative;
    z-index: 1;
    transition: all .2s cubic-bezier(0, 1, 0.5, 1);
    box-sizing: border-box
}

.ic-Form-message.ic-Form-message--error .ic-Form-message__Layout {
    background: #e62429
}

.ic-Form-message.ic-Form-message--error .ic-Form-message__Layout:before {
    background: #d8191e;
    border-right: 1px solid #b81519
}

.ic-Form-message.ic-Form-message--error .ic-Form-message__Layout:after {
    border-bottom-color: #d8191e
}

.ic-Form-message.ic-Form-message--success .ic-Form-message__Layout {
    background: #03893d
}

.ic-Form-message.ic-Form-message--success .ic-Form-message__Layout:before {
    background: #027032;
    border-right: 1px solid #024d22
}

.ic-Form-message.ic-Form-message--success .ic-Form-message__Layout:after {
    border-bottom-color: #027032
}

.ic-Form-message.ic-Form-message--warning .ic-Form-message__Layout {
    background: #f06e26
}

.ic-Form-message.ic-Form-message--warning .ic-Form-message__Layout:before {
    background: #ec5f10;
    border-right: 1px solid #cb510e
}

.ic-Form-message.ic-Form-message--warning .ic-Form-message__Layout:after {
    border-bottom-color: #ec5f10
}

.ic-Form-group:not(.ic-Form-group--horizontal) [class^=ic-Super-toggle--]+.ic-Form-message {
    display: block;
    margin-left: 0
}

.ic-Form-group:not(.ic-Form-group--horizontal) [class^=ic-Super-toggle--]+.ic-Form-message .ic-Form-message__Layout {
    display: inline-flex
}

.ic-Input-group+.ic-Form-message {
    margin-left: 0
}

.ic-Form-message__Layout {
    position: relative;
    display: flex;
    align-items: center;
    padding: 8px 8px 8px 0;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.2;
    color: #fff;
    box-shadow: 0 2px 2px rgba(0,0,0,.2);
    box-sizing: border-box
}

.ic-Form-message__Layout:before {
    content: "";
    width: 32px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    box-sizing: border-box
}

.ic-Form-message__Layout:after {
    bottom: 100%;
    left: 16px;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255,255,255,0);
    border-width: 6px;
    margin-left: -6px;
    box-sizing: border-box
}

.ic-Form-message__Layout a {
    color: #fff;
    text-decoration: underline
}

.ic-Form-message__Layout a:hover,.ic-Form-message__Layout a:focus {
    color: #fff;
    text-decoration: none
}

.ic-Form-message__Layout i[class*=icon-],.ic-Form-message__Layout i[class^=icon-] {
    width: 32px;
    height: auto;
    flex: 0 0 32px;
    line-height: 1;
    margin-right: 8px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center
}

form.ic-Form-group {
    margin: 0
}

.ic-Form-control {
    display: block;
    box-sizing: border-box;
    margin-bottom: 18px;
    position: relative;
    display: block
}

.ic-Form-control .ic-Form-control--radio {
    margin-bottom: 0
}

.ic-Form-control.ic-Form-control--checkbox-inline,.ic-Form-control.ic-Form-control--radio-inline {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.ic-Form-control.ic-Form-control--checkbox-inline .ic-Form-message__Layout:after,.ic-Form-control.ic-Form-control--radio-inline .ic-Form-message__Layout:after {
    display: none
}

.ic-Form-control.ic-Form-control--checkbox-inline.ic-Form-control--checkbox,.ic-Form-control.ic-Form-control--checkbox-inline .ic-Radio,.ic-Form-control.ic-Form-control--radio-inline.ic-Form-control--checkbox,.ic-Form-control.ic-Form-control--radio-inline .ic-Radio {
    padding-right: 18px
}

.ic-Form-control.ic-Form-control--has-error .ic-Label,.ic-Form-control.ic-Form-control--has-error .ic-Input-group__add-on {
    color: #e62429
}

.ic-Form-control.ic-Form-control--has-warning .ic-Label,.ic-Form-control.ic-Form-control--has-warning .ic-Input-group__add-on {
    color: #f06e26
}

.ic-Form-control.ic-Form-control--has-success .ic-Label,.ic-Form-control.ic-Form-control--has-success .ic-Input-group__add-on {
    color: #03893d
}

@media only screen and (min-width: 500px) {
    .ic-Multi-input {
        display:flex;
        align-items: center
    }

    .ic-Multi-input>.ic-Input,.ic-Multi-input>.ic-Input-group {
        margin: 0 4px;
        flex: 1
    }

    .ic-Multi-input>.ic-Input:first-child,.ic-Multi-input>.ic-Input-group:first-child {
        margin-left: 0
    }

    .ic-Multi-input>.ic-Input:last-child,.ic-Multi-input>.ic-Input-group:last-child {
        margin-right: 0
    }
}

.ic-Label {
    box-sizing: border-box;
    -webkit-user-select: none;
    user-select: none;
    margin: 0 0 6px;
    display: block;
    line-height: 1.3;
    font-weight: bold;
    font-size: 16px;
    font-size: 1rem
}

.ic-Form-actions {
    box-sizing: border-box;
    margin-top: 12px;
    border: 1px solid #e8eaec;
    padding: 12px;
    text-align: right;
    background: #f7f7f7;
    white-space: nowrap
}

.ic-Fieldset {
    box-sizing: border-box;
    margin: 0 0 18px;
    padding: 0;
    border: none;
    width: 100%
}

.ic-Fieldset.ic-Fieldset--radio-checkbox {
    margin-bottom: 21px
}

.ic-Fieldset.ic-Fieldset--radio-checkbox .ic-Legend {
    margin-bottom: 6px;
    font-weight: bold;
    font-size: 16px;
    font-size: 1rem;
    border-bottom: none;
    padding-bottom: 0
}

.ic-Fieldset.ic-Fieldset--radio-checkbox .ic-Form-control--radio {
    margin-bottom: 0
}

.ic-Legend {
    box-sizing: border-box;
    width: 100%;
    border: none;
    padding: 0 0 6px;
    margin: 0 0 24px;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.3;
    color: var(--ic-brand-font-color-dark);
    border-bottom: 1px solid #e8eaec
}

.ic-Radio {
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    padding: 0 4px
}

.ic-Radio .ic-Label {
    margin: 0;
    position: relative;
    padding: 4px 0 4px 22px;
    font-weight: normal;
    display: inline-block
}

.ic-Radio .ic-Label:before {
    transition: all .2s ease-out;
    content: "";
    box-sizing: border-box;
    position: absolute;
    top: 5px;
    left: 0;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background: #fff;
    border: 1px solid #d0dae2;
    outline: 2px solid transparent;
    outline-offset: -2px
}

.ic-Radio~.ic-Form-message {
    margin-left: 22px
}

.ic-Radio input[type=radio] {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0
}

.ic-Radio input[type=radio]~.ic-Label {
    vertical-align: baseline
}

.ic-Radio input[type=radio]:not([disabled]):hover~.ic-Label:before {
    border-color: var(--ic-brand-font-color-dark)
}

.ic-Radio input[type=radio]:focus~.ic-Label:before {
    border-color: var(--ic-brand-font-color-dark);
    outline-offset: 2px;
    outline-color: var(--ic-brand-primary)
}

.ic-Radio input[type=radio]:checked~.ic-Label:before {
    box-shadow: inset 0 0 0 4px var(--ic-brand-font-color-dark);
    border-color: var(--ic-brand-font-color-dark)
}

.ic-Radio input[type=radio]:checked:focus~.ic-Label:before {
    border-color: var(--ic-brand-font-color-dark)
}

.ic-Radio input[type=radio][disabled]~.ic-Label {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none
}

.ic-Radio.ic-Radio--icon-only {
    height: 2.75rem
}

.ic-Radio.ic-Radio--icon-only .ic-Label {
    transition: all .2s;
    padding: .5rem;
    background-color: #fff;
    border: 2px solid transparent;
    border-radius: 4px;
    color: var(--ic-brand-font-color-dark)
}

.ic-Radio.ic-Radio--icon-only .ic-Label:hover {
    border-color: #e8eaec
}

.ic-Radio.ic-Radio--icon-only .ic-Label:before {
    display: none
}

.ic-Radio.ic-Radio--icon-only .ic-Label>svg {
    display: block;
    width: 1.5rem;
    height: 1.5rem
}

.ic-Radio.ic-Radio--icon-only input[type=radio]:checked~.ic-Label {
    border-color: var(--ic-brand-primary);
    color: var(--ic-brand-primary)
}

.ic-Radio.ic-Radio--icon-only input[type=radio]:focus~.ic-Label {
    box-shadow: inset 0 0 0 3px var(--ic-brand-primary-lightened-15)
}

.ic-Checkbox-group {
    padding: 0 4px
}

@media only screen and (min-width: 768px) {
    .ic-Checkbox-group.ic-Checkbox-group--inline {
        display:flex;
        flex-wrap: wrap
    }

    .ic-Checkbox-group.ic-Checkbox-group--inline .ic-Form-control.ic-Form-control--checkbox {
        margin-right: 18px
    }

    .ic-Checkbox-group.ic-Checkbox-group--inline .ic-Form-message {
        display: block
    }
}

.ic-Form-control.ic-Form-control--checkbox {
    line-height: 1;
    margin-bottom: 0
}

.ic-Form-control.ic-Form-control--checkbox.ic-Form-control--has-error .ic-Label,.ic-Form-control.ic-Form-control--checkbox.ic-Form-control--has-success .ic-Label,.ic-Form-control.ic-Form-control--checkbox.ic-Form-control--has-warning .ic-Label {
    display: block
}

.ic-Form-control.ic-Form-control--checkbox .ic-Label {
    margin-bottom: 0;
    position: relative;
    padding: 4px 0 4px 22px;
    font-weight: normal;
    display: inline-block
}

.ic-Form-control.ic-Form-control--checkbox .ic-Label:before {
    content: "";
    transition: border-color .2s ease-out,outline-offset .2s ease-out,outline-color .2s ease-out;
    box-sizing: border-box;
    position: absolute;
    top: 5px;
    left: 0;
    width: 16px;
    height: 16px;
    border-radius: 3px;
    background: url("/dist/images/forms/ic-checkbox-bg-0a15011a47.svg") no-repeat center bottom #fff;
    background-size: 16px 48px;
    border: 1px solid #d0dae2;
    outline: 2px solid transparent;
    outline-offset: -2px
}

.ic-Form-control.ic-Form-control--checkbox .ic-Form-message {
    margin-left: 22px;
    vertical-align: middle
}

.ic-Form-control.ic-Form-control--checkbox input[type=checkbox] {
    margin: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0
}

.ic-Form-control.ic-Form-control--checkbox input[type=checkbox]:not([disabled]):hover~.ic-Label:before {
    border-color: var(--ic-brand-font-color-dark)
}

.ic-Form-control.ic-Form-control--checkbox input[type=checkbox]:focus~.ic-Label:before {
    border-color: var(--ic-brand-font-color-dark);
    outline-offset: 2px;
    outline-color: var(--ic-brand-primary)
}

.ic-Form-control.ic-Form-control--checkbox input[type=checkbox]:checked~.ic-Label:before {
    background-color: var(--ic-brand-font-color-dark);
    background-position: center -1px;
    border-color: var(--ic-brand-font-color-dark)
}

.ic-Form-control.ic-Form-control--checkbox input[type=checkbox]:checked:focus~.ic-Label:before {
    border-color: var(--ic-brand-font-color-dark)
}

.ic-Form-control.ic-Form-control--checkbox input[type=checkbox][disabled]~.ic-Label {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none
}

.ic-Input-group {
    display: flex;
    box-sizing: border-box
}

.ic-Action-header__Primary .ic-Input-group {
    flex: 1
}

.ic-Input-group .ic-Input {
    width: auto;
    flex: 1
}

.ic-Input-group .ic-Input:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.ic-Input-group .ic-Input:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.ic-Input-group .Button:first-child,.ic-Input-group .ui-button:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.ic-Input-group .Button:first-child:not(.Button--primary):not(.Button--secondary):not(.Button--success):not(.Button--warning):not(.Button--danger),.ic-Input-group .ui-button:first-child:not(.Button--primary):not(.Button--secondary):not(.Button--success):not(.Button--warning):not(.Button--danger) {
    border-right: none
}

.ic-Input-group .Button:last-child,.ic-Input-group .ui-button:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.ic-Input-group .Button:last-child:not(.Button--primary):not(.Button--secondary):not(.Button--success):not(.Button--warning):not(.Button--danger),.ic-Input-group .ui-button:last-child:not(.Button--primary):not(.Button--secondary):not(.Button--success):not(.Button--warning):not(.Button--danger) {
    border-left: none
}

.ic-Input-group .ic-Input-group__add-on,.ic-Input-group .ic-Label {
    height: 38px;
    background: #fff;
    border: 1px solid #d0dae2;
    display: flex;
    align-items: center;
    padding: 6px 8px
}

.ic-Input-group .ic-Input-group__add-on:first-child,.ic-Input-group .ic-Label:first-child {
    border-right: none;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.ic-Input-group .ic-Input-group__add-on:last-child,.ic-Input-group .ic-Label:last-child {
    border-left: none;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.ic-Input-group .ic-Input-group__add-on {
    color: var(--ic-brand-font-color-dark-lightened-15);
    box-sizing: border-box
}

.ic-Input-group .ic-Label {
    margin-bottom: 0
}

.ic-Search {
    position: relative
}

.ic-Search input.ic-Input.ic-Search-input {
    border-color: #819cb2;
    padding-left: calc(14px + 24px);
    font-size: 1rem
}

.ic-Search input.ic-Input.ic-Search-input:focus {
    border-color: var(--ic-brand-primary)
}

.ic-Search input.ic-Input.ic-Search-input[disabled],.ic-Search input.ic-Input.ic-Search-input[readonly] {
    background-color: #f2f2f2
}

.ic-Search input.ic-Input.ic-Search-input::placeholder {
    color: var(--ic-brand-font-color-dark-lightened-15);
    opacity: .8
}

.ic-Search input.ic-Input.ic-Search-input::-webkit-input-placeholder {
    color: var(--ic-brand-font-color-dark-lightened-15);
    opacity: .8
}

.ic-Search input.ic-Input.ic-Search-input::-moz-placeholder {
    color: var(--ic-brand-font-color-dark-lightened-15);
    opacity: .8
}

.ic-Search input.ic-Input.ic-Search-input:-ms-input-placeholder {
    color: var(--ic-brand-font-color-dark-lightened-15);
    opacity: .8
}

.ic-Search .ic-Search-icon-container {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 12px;
    width: 14px;
    height: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    z-index: 10
}

.ic-Search .ic-Search-icon-container .ic-Search-icon {
    width: 14px;
    height: 14px;
    color: var(--ic-brand-font-color-dark-lightened-15);
    fill: currentColor
}

.ic-Search:focus-within .ic-Search-icon-container .ic-Search-icon {
    color: var(--ic-brand-primary)
}

.ic-Action-header {
    margin-bottom: 24px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: start
}

.ic-Action-header.ic-Action-header--before-item-groups {
    margin-bottom: 0;
    padding-bottom: 12px;
    border-bottom: 1px solid #e8eaec
}

@media only screen and (min-width: 768px) {
    .ic-Action-header {
        align-items:center;
        box-sizing: border-box;
        flex-direction: row;
        justify-content: space-between
    }

    .ic-Action-header .ic-Action-header__Primary {
        flex-grow: 1;
        margin-bottom: 0;
        box-sizing: border-box
    }

    .ic-Action-header .ic-Action-header__Secondary {
        box-sizing: border-box;
        text-align: right
    }

    .ic-Action-header .ic-Action-header__Secondary--auto {
        flex: 0 0 auto
    }

    .ic-Action-header .ic-Action-header__Secondary>.Button,.ic-Action-header .ic-Action-header__Secondary>.btn,.ic-Action-header .ic-Action-header__Secondary>.ui-button {
        margin-left: 3px
    }

    .ic-Action-header .ic-Action-header__Primary+.ic-Action-header__Secondary {
        padding-left: 24px
    }
}

.ic-Action-header__Heading {
    margin: 0;
    word-break: break-word;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto
}

.ic-Action-header__Primary {
    margin-bottom: 6px
}

.ic-Action-header-title {
    font-weight: 700;
    line-height: 1.05;
    font-size: 2.375rem;
    margin: 0
}

.ic-Action-header-secondary-title {
    font-size: 1.375rem;
    font-weight: 400;
    line-height: 1.25;
    margin: 0
}

.ic-Form-action-box {
    display: flex;
    align-items: flex-start;
    box-sizing: border-box;
    margin-bottom: 24px
}

@media only screen and (min-width: 992px) {
    .ic-Form-action-box {
        margin-bottom:12px
    }
}

.ic-Form-action-box .ic-Form-control {
    margin-bottom: 6px
}

@media only screen and (min-width: 992px) {
    .ic-Form-action-box .ic-Form-control {
        margin:0 4px;
        flex: 1
    }

    .ic-Form-action-box .ic-Form-control:first-child {
        margin-left: 0
    }

    .ic-Form-action-box .ic-Form-control:last-of-type {
        margin-right: 0
    }
}

.ic-Form-action-box__Form {
    flex: 1;
    box-sizing: border-box
}

@media only screen and (min-width: 992px) {
    .ic-Form-action-box__Form {
        display:flex;
        align-items: center
    }
}

.ic-Form-action-box__Actions {
    box-sizing: border-box
}

@media only screen and (min-width: 992px) {
    .ic-Form-action-box__Actions {
        padding-left:48px
    }
}

.ic-Form-help-text {
    font-size: 12px;
    font-size: 0.75rem;
    display: block;
    margin-top: 6px;
    color: var(--ic-brand-font-color-dark-lightened-15);
    width: 100%;
    line-height: 1.5
}

.ic-badge {
    font-size: 11px;
    font-size: 0.6875rem;
    min-width: 20px;
    line-height: 20px;
    border-radius: 10px;
    background: var(--ic-brand-primary);
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    box-sizing: border-box;
    padding: 0 6px
}

.ic-badge.ic-badge--neutral {
    background: #f2f4f4;
    color: var(--ic-brand-font-color-dark)
}

.ic-badge.ic-badge--success {
    background: #03893d
}

.ic-badge.ic-badge--alert {
    background: #f06e26
}

.ic-badge.ic-badge--danger {
    background: #e62429
}

body {
    min-height: 100vh;
    background: #fff;
    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.embedded #application {
    height: 100%
}

body.embedded h2,body.embedded .h2 {
    border: 1px solid #e8eaec;
    background: #f2f4f4;
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    margin: -0.95em -0.95em 1em;
    padding: .4em 1em;
    line-height: 20px
}

body.embedded.no-headers h2,body.embedded.no-headers .h2 {
    display: none
}

body.embedded #modal-box {
    background: #fff !important;
    color: var(--ic-brand-font-color-dark) !important;
    height: auto !important
}

.with-left-side #left-side {
    display: block;
    overflow: visible;
    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;
    display: inline-block;
    height: 16px;
    margin: 0 20px 0 0;
    width: 114px
}

@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
    }
}

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: .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: #fff;
    text-decoration: none;
    border-radius: 4px;
    border: 1px dashed rgba(255,255,255,.8);
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden
}

#skip_navigation_link:focus {
    color: #fff
}

#skip_navigation_link:focus {
    text-decoration: underline
}

#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
    }
}

body:not(.ic-no-flex-layout):not(.embedded) .ic-app-main-content {
    box-sizing: border-box;
    flex: 1;
    min-width: 1px
}

.ic-Layout-contentWrapper {
    box-sizing: border-box
}

.ic-Layout-contentMain {
    padding: 36px 48px 48px 48px
}

.ic-Layout-contentMain:focus {
    outline-color: var(--ic-link-color);
    outline-width: 2px;
    outline-offset: -2px;
    outline-style: solid
}

@media not all and (min-width: 768px) {
    .ic-Layout-contentMain {
        padding-left:12px;
        padding-right: 12px
    }
}

body.is-inside-submission-frame .ic-Layout-contentMain {
    padding-left: 12px;
    padding-right: 12px
}

body.no-headers .ic-Layout-contentMain {
    padding-top: 0
}

body.embedded .ic-Layout-contentMain {
    padding: 0 1em 1em
}

body.content-only .ic-Layout-contentMain {
    padding: 0
}

body.ic-framed-lti-tool .ic-Layout-contentMain {
    padding: 0 24px
}

@media(max-width: 368px) {
    body.ic-framed-lti-tool .ic-Layout-contentMain iframe.tool_launch {
        width:100vw;
        min-width: 100vw;
        margin-left: -24px;
        overflow-x: auto
    }
}

body.ic-full-screen-lti-tool .ic-Layout-contentMain {
    padding: 0
}

.ic-app-main-content__secondary {
    box-sizing: border-box;
    min-width: 1px;
    padding: 24px;
    position: relative;
    -webkit-transform: translate3d(0, 0, 0)
}

@media not all and (min-width: 768px) {
    .ic-app-main-content__secondary {
        padding-left:12px;
        padding-right: 12px
    }
}

@media only screen and (min-width: 1140px) {
    body.course-menu-expanded:not(.ic-no-flex-layout):not(.embedded) .ic-app-main-content {
        display:flex
    }
}

@media only screen and (min-width: 1140px) {
    body.course-menu-expanded:not(.ic-no-flex-layout):not(.embedded) .ic-Layout-contentWrapper {
        flex:1;
        min-width: 1px
    }
}

@media only screen and (min-width: 1140px) {
    body.course-menu-expanded .ic-app-main-content__secondary {
        width:288px;
        padding-left: 24px
    }
}

@media only screen and (min-width: 992px) {
    body:not(.course-menu-expanded):not(.ic-no-flex-layout):not(.embedded) .ic-app-main-content {
        display:flex
    }
}

@media only screen and (min-width: 992px) {
    body:not(.course-menu-expanded):not(.ic-no-flex-layout):not(.embedded) .ic-Layout-contentWrapper {
        flex:1;
        min-width: 1px
    }
}

@media only screen and (min-width: 992px) {
    body:not(.course-menu-expanded) .ic-app-main-content__secondary {
        width:288px;
        padding-left: 24px
    }
}

.ic-app-footer {
    box-sizing: border-box;
    padding: 12px 0;
    margin: 0 24px;
    border-top: 1px solid #e8eaec
}

.ic-app-footer .terms-of-service__link {
    margin-top: -2px !important;
    color: var(--ic-brand-font-color-dark-lightened-15) !important
}

.ic-app-footer .terms-of-service__link a {
    outline-width: .125rem;
    outline-color: transparent;
    outline-style: solid
}

.ic-app-footer .terms-of-service__link a:focus {
    outline-offset: 0;
    outline-color: var(--ic-link-color)
}

@media only screen and (min-width: 992px) {
    .ic-app-footer {
        display:flex;
        align-items: center
    }
}

body.modal .ic-app-footer {
    margin: 0;
    padding: 12px 24px
}

.ic-app-footer__links {
    flex: 1;
    display: flex
}

.ic-app-footer__links a {
    color: var(--ic-brand-font-color-dark-lightened-15);
    margin-right: 12px;
    font-size: 14px;
    font-size: 0.875rem
}

.ic-app-footer__links a:focus {
    border-radius: 6px;
    outline-width: .125rem;
    outline-offset: 2px;
    outline-color: var(--ic-link-color);
    outline-style: solid;
    box-shadow: none
}

@media not all and (min-width: 768px) {
    .ic-app-footer__links a {
        display:inline-block;
        width: 100%
    }
}

@media only screen and (min-width: 992px) {
    .ic-app-footer__links {
        justify-content:flex-end
    }

    .ic-app-footer__links a {
        margin-right: 0;
        margin-left: 12px
    }
}

@media not all and (min-width: 768px) {
    .ic-app-footer__links {
        display:block
    }
}

.ic-app {
    box-sizing: border-box;
    min-height: 100vh
}

.ic-Layout-wrapper {
    box-sizing: border-box;
    min-height: 100vh
}

body:not(.full-width):not(.outcomes):not(.body--login-confirmation):not(.content-only) .ic-Layout-wrapper {
    max-width: 1366px
}

body:not(.ic-no-flex-layout):not(.embedded) .ic-Layout-wrapper {
    display: flex;
    flex-direction: column
}

@media(min-width: 768px) {
    body:not(.no-headers):not(.content-only) .ic-Layout-wrapper {
        margin-left:54px
    }

    body:not(.no-headers):not(.content-only).primary-nav-expanded .ic-Layout-wrapper {
        margin-left: 84px
    }
}

body.embedded .ic-Layout-wrapper {
    height: 100%
}

.ic-Layout-columns {
    position: relative;
    box-sizing: border-box;
    z-index: 10
}

body:not(.ic-no-flex-layout):not(.embedded):not(.is-inside-submission-frame) .ic-Layout-columns {
    flex: 1 0 auto;
    min-width: 1px
}

@media(min-width: 768px) {
    body.course-menu-expanded:not(.ic-no-flex-layout):not(.embedded):not(.is-inside-submission-frame):not(.content-only) .ic-Layout-columns {
        margin-left:192px
    }

    body.course-menu-expanded:not(.ic-no-flex-layout):not(.embedded):not(.is-inside-submission-frame):not(.content-only) .ic-Layout-columns .ic-Layout-watermark {
        left: -192px
    }
}

body.ic-no-flex-layout .ic-Layout-columns {
    min-height: 100vh
}

body.no-headers .ic-Layout-columns,body.embedded .ic-Layout-columns {
    margin: 0;
    border: 0 none;
    background-color: transparent
}

body.embedded .ic-Layout-columns {
    min-height: 0;
    height: 100%
}

.ic-Layout-watermark {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    opacity: var(--ic-brand-watermark-opacity);
    background-image: var(--ic-brand-watermark);
    background-repeat: no-repeat;
    background-position: left bottom
}

.ic-app-course-menu {
    transition: transform 1s ease-in-out;
    transition-delay: .75s;
    transform: translate3d(0, 0, 0);
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 100%;
    width: 192px;
    padding: 24px 12px 12px 24px;
    opacity: 0
}

body.course-menu-expanded .ic-app-course-menu {
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

.ic-app-course-menu.ic-sticky-on {
    bottom: 0;
    padding: 0
}

.ic-app-course-menu #section-tabs-header-subtitle {
    padding: 0 0 12px 12px
}

.ic-sticky-frame {
    position: sticky;
    top: 0;
    max-height: 100vh;
    padding: 24px 12px 4.5rem 24px;
    box-sizing: border-box;
    overflow-y: auto;
    overscroll-behavior-y: contain
}

.ic-sticky-frame.has-scrollbar {
    padding: 24px 2.4px 4.5rem 24px
}

.ic-sticky-frame.has-scrollbar .nav-icon {
    padding: 0 3px
}

.instui-topnav-container {
    margin: 0;
    min-height: 4.5rem;
    display: none
}

@media(min-width: 768px) {
    .instui-topnav-container {
        display:block
    }
}

.ic-app-nav-toggle-and-crumbs {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e8eaec;
    margin: 0 24px;
    min-height: 4.5rem;
    box-sizing: border-box
}

.ic-app-nav-toggle-and-crumbs .right-of-crumbs {
    display: flex;
    flex-direction: row-reverse;
    align-items: center
}

.ic-app-nav-toggle-and-crumbs .right-of-crumbs.right-of-crumbs-no-reverse {
    flex-direction: unset;
    justify-content: flex-end
}

.ic-app-nav-toggle-and-crumbs .right-of-crumbs>* {
    margin-left: 12px
}

body.full-width .right-of-crumbs.bp-sync-button-exists {
    margin-right: 3rem
}

@media(max-width: 1495px) {
    .right-of-crumbs.bp-sync-button-exists {
        margin-right:3rem
    }
}

.ic-app-course-nav-toggle {
    margin-right: 12px;
    padding: 0;
    width: 36px;
    height: 30px
}

.ic-app-course-nav-toggle i[class*=icon-],.ic-app-course-nav-toggle i[class^=icon-] {
    line-height: 1
}

.ic-app-course-nav-toggle i[class*=icon-]:before,.ic-app-course-nav-toggle i[class^=icon-]:before {
    font-size: 1.5rem
}

.ic-app-course-nav-toggle i[class*=icon-],.ic-app-course-nav-toggle i[class^=icon-] {
    margin-right: 0
}

.ic-app-crumbs {
    flex: 1;
    display: flex;
    align-items: center;
    box-sizing: border-box
}

.ic-app-crumbs-enhanced-rubrics {
    flex: 1;
    display: block;
    align-items: center;
    box-sizing: border-box
}

@media(min-width: 768px) {
    .tray-with-space-for-global-nav {
        margin-left:54px
    }

    body.primary-nav-expanded .tray-with-space-for-global-nav {
        margin-left: 84px
    }

    .navigation-tray-container {
        min-height: 100vh
    }
}

.ic-app-header {
    box-sizing: border-box;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    width: 54px;
    z-index: 100;
    background-color: var(--ic-brand-global-nav-bgd)
}

.ic-app-header__main-navigation {
    box-sizing: border-box;
    flex: 1 0 auto
}

.ic-app-header__main-navigation a {
    text-decoration: inherit
}

.ic-app-header__secondary-navigation {
    box-sizing: border-box;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%
}

.ic-app-header__menu-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.ic-app-header__menu-list li {
    margin: 0;
    padding: 0
}

.ic-app-header__menu-list-item {
    box-sizing: border-box
}

.ic-app-header__menu-list-item svg {
    width: 1.625rem;
    height: 1.625rem
}

.ic-app-header__menu-list-item.ic-app-header__menu-list-item--active .ic-app-header__menu-list-link {
    background: #fff
}

body:not(.primary-nav-expanded) .ic-app-header__menu-list-item.ic-app-header__menu-list-item--active .ic-app-header__menu-list-link:hover .menu-item__text,body:not(.primary-nav-expanded) .ic-app-header__menu-list-item.ic-app-header__menu-list-item--active .ic-app-header__menu-list-link:focus .menu-item__text {
    transition: none;
    transition-delay: 0;
    transform: none;
    opacity: 0
}

.ic-app-header__menu-list-item.ic-app-header__menu-list-item--active .ic-app-header__menu-list-link:focus {
    box-shadow: inset 0 0 0 .125rem #fff,inset 0 0 0 .25rem var(--ic-brand-global-nav-menu-item__text-color--active)
}

.ic-app-header__menu-list-item.ic-app-header__menu-list-item--active .ic-icon-svg {
    fill: var(--ic-brand-global-nav-ic-icon-svg-fill--active)
}

.ic-app-header__menu-list-item.ic-app-header__menu-list-item--active .menu-item__badge {
    background: var(--ic-brand-global-nav-menu-item__badge-bgd--active);
    color: var(--ic-brand-global-nav-menu-item__badge-text--active)
}

.ic-app-header__menu-list-item.ic-app-header__menu-list-item--active .ic-avatar {
    border-color: #e8eaec
}

.ic-app-header__menu-list-item.ic-app-header__menu-list-item--active .ic-avatar.ic-avatar--fake-student {
    border-color: #c54396
}

.ic-app-header__menu-list-item.ic-app-header__menu-list-item--active .menu-item-icon-container {
    color: var(--ic-brand-global-nav-ic-icon-svg-fill--active)
}

.ic-app-header__menu-list-link {
    box-sizing: border-box;
    transition: background-color .3s,padding .3s;
    position: relative;
    text-align: center;
    display: block;
    color: var(--ic-brand-global-nav-menu-item__text-color);
    border-style: none
}

.ic-app-header__menu-list-link:not(.ic-app-header__menu-list-link--nav-toggle) {
    padding: .25rem 0
}

@media only screen and (min-height: 400px) {
    .ic-app-header__menu-list-link:not(.ic-app-header__menu-list-link--nav-toggle) {
        padding:.4375rem 0
    }
}

.ic-app-header__menu-list-link.ic-app-header__menu-list-link--nav-toggle {
    width: 100%;
    perspective: 600px
}

.ic-app-header__menu-list-link.ic-app-header__menu-list-link--nav-toggle .ic-icon-svg--navtoggle {
    transition: all .4s
}

.ic-app-header__menu-list-link:hover,.ic-app-header__menu-list-link:focus {
    background-color: rgba(0,0,0,.2);
    text-decoration: none;
    outline: none
}

.ic-app-header__menu-list-link:hover .ic-avatar,.ic-app-header__menu-list-link:focus .ic-avatar {
    border-color: var(--ic-brand-global-nav-avatar-border)
}

.ic-app-header__menu-list-link:hover .ic-avatar.ic-avatar--fake-student,.ic-app-header__menu-list-link:focus .ic-avatar.ic-avatar--fake-student {
    border-color: #c54396
}

.ic-app-header__menu-list-link:hover .menu-item__text,.ic-app-header__menu-list-link:focus .menu-item__text {
    transform: translate3d(0.375rem, 0, 0);
    opacity: 1
}

.ic-app-header__menu-list-link:focus {
    box-shadow: inset 0 0 0 .125rem #6a7883,inset 0 0 0 .25rem var(--ic-brand-global-nav-menu-item__text-color)
}

.ic-app-header__menu-list-link:active {
    background-color: rgba(0,0,0,.4);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.3)
}

.ic-app-header__menu-list-link .ic-icon-svg {
    width: 26px;
    display: inline-block;
    vertical-align: middle;
    fill: var(--ic-brand-global-nav-ic-icon-svg-fill)
}

button.ic-app-header__menu-list-link {
    background: transparent;
    outline: none;
    width: 100%
}

.ic-avatar {
    overflow: hidden;
    border-radius: 100%;
    border: 2px solid var(--ic-brand-global-nav-avatar-border);
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle
}

.ic-avatar.ic-avatar--fake-student {
    border-color: #c54396
}

.menu-item-icon-container {
    transform: translate3d(0, 0, 0);
    position: relative;
    z-index: 1;
    width: 48px;
    margin: 0 auto;
    color: var(--ic-brand-global-nav-ic-icon-svg-fill)
}

.menu-item-icon-container .ic-avatar {
    transform: translate3d(0, 0, 0);
    width: 32.4px;
    height: 32.4px
}

body.primary-nav-expanded .menu-item-icon-container .ic-avatar {
    width: 36px;
    height: 36px
}

.menu-item__text {
    transform: translate3d(-100%, 0, 0);
    opacity: 0;
    pointer-events: none;
    box-sizing: border-box;
    background-color: var(--ic-brand-global-nav-ic-icon-svg-fill--active);
    position: absolute;
    left: 100%;
    top: 50%;
    padding: 0 12px;
    line-height: 1.8rem;
    margin-top: -0.9rem;
    font-size: 14px;
    font-size: 0.875rem;
    border-radius: 3px;
    color: #fff;
    white-space: nowrap
}

body.primary-nav-transitions .menu-item__text {
    transition: transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275),opacity .3s;
    transition-delay: .3s
}

.menu-item__text::after {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-right-color: var(--ic-brand-global-nav-ic-icon-svg-fill--active);
    border-width: .375rem;
    margin-top: -0.375rem
}

.menu-item__badge {
    font-size: 11px;
    font-size: 0.6875rem;
    min-width: 20px;
    line-height: 20px;
    border-radius: 10px;
    background: var(--ic-brand-primary);
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    box-sizing: border-box;
    padding: 0 6px;
    transition: all .3s ease-out;
    position: absolute;
    top: -0.5em;
    right: 0;
    background: var(--ic-brand-global-nav-menu-item__badge-bgd);
    color: var(--ic-brand-global-nav-menu-item__badge-text)
}

.ic-app-header__logomark-container {
    width: 100%;
    background-color: var(--ic-brand-global-nav-logo-bgd);
    box-sizing: border-box
}

.ic-app-header__logomark {
    display: block;
    overflow: hidden;
    background-image: var(--ic-brand-header-image);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    transition: transform .3s;
    height: 75px
}

body.primary-nav-expanded .ic-app-header__logomark {
    height: 85px
}

.ic-app-header__logomark:focus {
    outline-style: none;
    box-shadow: inset 0 0 0 .125rem var(--ic-brand-global-nav-bgd),inset 0 0 0 .25rem var(--ic-brand-global-nav-menu-item__text-color)
}

.ic-app-header__uploaded-logo {
    display: block
}

.ic-app-header__menu-list-link {
    padding: .5625rem 0
}

body.primary-nav-expanded .ic-app-header {
    width: 84px;
    overflow-y: auto;
    -ms-overflow-style: none
}

body.primary-nav-expanded .ic-app-header__secondary-navigation {
    position: static;
    left: auto;
    bottom: auto;
    z-index: auto;
    width: auto
}

body.primary-nav-expanded .ic-app-header__menu-list-item.ic-app-header__menu-list-item--active .menu-item__text {
    color: var(--ic-brand-global-nav-menu-item__text-color--active)
}

body.primary-nav-expanded .ic-app-header__menu-list-link.ic-app-header__menu-list-link--nav-toggle .ic-icon-svg--navtoggle {
    transform: rotate3d(0, 1, 0, -180deg)
}

body.primary-nav-expanded .ic-app-header__menu-list-link:hover .menu-item__text,body.primary-nav-expanded .ic-app-header__menu-list-link:focus .menu-item__text {
    transform: none
}

body.primary-nav-expanded .menu-item__text {
    transition: none;
    position: static;
    left: auto;
    top: auto;
    transform: none;
    opacity: 1;
    text-align: center;
    display: block;
    line-height: 1.4;
    border-radius: 0;
    margin: 3px 0 0;
    padding: 0;
    background: transparent;
    color: var(--ic-brand-global-nav-menu-item__text-color);
    white-space: normal;
    word-wrap: break-word
}

body.primary-nav-expanded .menu-item__text::after {
    display: none
}

.ic-HelpDialog__form-legend {
    display: table;
    font-size: 1em;
    line-height: inherit;
    font-weight: bold;
    margin: 0;
    padding: 0;
    border: 0;
    min-width: 0
}

.ic-HelpDialog__form-fieldset {
    border: 0;
    padding: .01em 0 0;
    min-width: 0;
    margin: 0 0 10px 0
}

.ic-HelpDialog__form-actions {
    display: flex;
    justify-content: flex-end
}

#mobile-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    z-index: 100;
    background-color: var(--ic-brand-global-nav-bgd)
}

#mobile-header * {
    color: var(--ic-brand-global-nav-menu-item__text-color)
}

#mobileContextNavContainer {
    overflow: hidden;
    transition: max-height 1.5s ease-out;
    max-height: 0px
}

#mobileContextNavContainer[aria-expanded=true] {
    max-height: 3000px;
    margin-bottom: 50px;
    box-shadow: 0 .375rem .4375rem rgba(0,0,0,.1),0 .625rem 1.75rem rgba(0,0,0,.25)
}

@media(min-width: 768px) {
    #mobile-header,#mobileContextNavContainer {
        display:none
    }
}

.mobile-header-title {
    text-align: center;
    display: block;
    flex-grow: 1
}

.mobile-header-hamburger,.mobile-header-student-view,.mobile-header-arrow,.mobile-header-title,.mobile-header-space {
    padding: 15.6px
}

.mobile-header-student-view {
    padding-right: 7.8px;
    padding-left: 7.8px
}

.mobile-header-arrow {
    padding-left: 7.8px
}

.ic-brand-mobile-global-nav-logo {
    height: 48px;
    display: block;
    background-image: var(--ic-brand-mobile-global-nav-logo);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: contain
}

#___reactour .reactour__helper {
    background-color: #fff;
    color: unset;
    max-width: 515px;
    width: calc(100vw - 20px)
}

#___reactour .tour-star-image {
    max-width: 120px;
    padding: 1rem 0;
    margin: 0 auto;
    text-align: center
}

#instui-sidenav {
    width: 100%;
    height: 100vh;
    overflow: hidden
}

#instui-sidenav li a::after {
    color: var(--ic-brand-global-nav-menu-item__text-color)
}

#instui-sidenav li a::after:hover {
    color: var(--ic-brand-global-nav-menu-item__text-color)
}

#instui-sidenav li a::after[data-selected=true]:hover {
    color: var(--ic-brand-global-nav-menu-item__text-color--active)
}

#logomark {
    background: var(--ic-brand-global-nav-logo-bgd) 50%/contain no-repeat var(--ic-brand-header-image);
    display: block;
    height: 75px;
    overflow: hidden;
    transition: transform .3s
}

#logomark:focus {
    box-shadow: inset 0 0 0 .125rem var(--ic-brand-global-nav-bgd),inset 0 0 0 .25rem var(--ic-brand-global-nav-menu-item__text-color);
    outline-style: none
}

body.primary-nav-expanded #logomark {
    height: 85px
}

#user-avatar {
    --size: 30px;
    box-sizing: border-box;
    height: var(--size);
    width: var(--size)
}

body.primary-nav-expanded #user-avatar {
    --size: 36px
}

#profile-tray,#accounts-tray,#dashboard-tray,#courses-tray,#calendar-tray,#conversations-tray,#history-tray,#help-tray,[id$=-external-tool-tray] {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 4px 0 !important;
    text-decoration: none
}

#profile-tray>:first-child,#accounts-tray>:first-child,#dashboard-tray>:first-child,#courses-tray>:first-child,#calendar-tray>:first-child,#conversations-tray>:first-child,#history-tray>:first-child,#help-tray>:first-child,[id$=-external-tool-tray]>:first-child {
    font-size: 1rem
}

#profile-tray>:first-child svg,#accounts-tray>:first-child svg,#dashboard-tray>:first-child svg,#courses-tray>:first-child svg,#calendar-tray>:first-child svg,#conversations-tray>:first-child svg,#history-tray>:first-child svg,#help-tray>:first-child svg,[id$=-external-tool-tray]>:first-child svg {
    fill: var(--ic-brand-global-nav-ic-icon-svg-fill);
    font-size: 1.625rem
}

body.primary-nav-expanded #profile-tray>:last-child,body.primary-nav-expanded #accounts-tray>:last-child,body.primary-nav-expanded #dashboard-tray>:last-child,body.primary-nav-expanded #courses-tray>:last-child,body.primary-nav-expanded #calendar-tray>:last-child,body.primary-nav-expanded #conversations-tray>:last-child,body.primary-nav-expanded #history-tray>:last-child,body.primary-nav-expanded #help-tray>:last-child,body.primary-nav-expanded [id$=-external-tool-tray]>:last-child {
    line-height: 1.4;
    margin-top: 3px
}

#profile-tray:hover,#profile-tray:focus,#accounts-tray:hover,#accounts-tray:focus,#dashboard-tray:hover,#dashboard-tray:focus,#courses-tray:hover,#courses-tray:focus,#calendar-tray:hover,#calendar-tray:focus,#conversations-tray:hover,#conversations-tray:focus,#history-tray:hover,#history-tray:focus,#help-tray:hover,#help-tray:focus,[id$=-external-tool-tray]:hover,[id$=-external-tool-tray]:focus {
    background-color: rgba(0,0,0,.2) !important;
    color: var(--ic-brand-global-nav-menu-item__text-color);
    text-decoration: none
}

#profile-tray[data-selected=true] svg,#accounts-tray[data-selected=true] svg,#dashboard-tray[data-selected=true] svg,#courses-tray[data-selected=true] svg,#calendar-tray[data-selected=true] svg,#conversations-tray[data-selected=true] svg,#history-tray[data-selected=true] svg,#help-tray[data-selected=true] svg,[id$=-external-tool-tray][data-selected=true] svg {
    fill: var(--ic-brand-global-nav-ic-icon-svg-fill--active)
}

#profile-tray[data-selected=true]:hover,#profile-tray[data-selected=true]:focus,#accounts-tray[data-selected=true]:hover,#accounts-tray[data-selected=true]:focus,#dashboard-tray[data-selected=true]:hover,#dashboard-tray[data-selected=true]:focus,#courses-tray[data-selected=true]:hover,#courses-tray[data-selected=true]:focus,#calendar-tray[data-selected=true]:hover,#calendar-tray[data-selected=true]:focus,#conversations-tray[data-selected=true]:hover,#conversations-tray[data-selected=true]:focus,#history-tray[data-selected=true]:hover,#history-tray[data-selected=true]:focus,#help-tray[data-selected=true]:hover,#help-tray[data-selected=true]:focus,[id$=-external-tool-tray][data-selected=true]:hover,[id$=-external-tool-tray][data-selected=true]:focus {
    background: #fff !important;
    color: var(--ic-brand-global-nav-menu-item__text-color--active)
}

@media(min-height: 400px) {
    #profile-tray,#accounts-tray,#dashboard-tray,#courses-tray,#calendar-tray,#conversations-tray,#history-tray,#help-tray,[id$=-external-tool-tray] {
        padding:7px 0 !important
    }
}

#left-side {
    display: none
}

#right-side-wrapper {
    display: none;
    position: relative
}

#right-side {
    position: relative;
    z-index: 10;
    min-height: 20px
}

#right-side hr {
    border: dotted #aaa;
    border-width: 1px 0 0;
    margin: 17px 0 20px
}

#right-side h2,#right-side .h2 {
    font-size: 16px;
    font-size: 1rem;
    overflow: hidden;
    border-bottom: 1px solid #e8eaec;
    padding-bottom: 6px;
    margin: 0 0 6px;
    font-weight: bold
}

#right-side .shared-space {
    padding-bottom: 0
}

#right-side .shared-space h2 {
    display: inline-block;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom-style: none
}

.rs-margin-bottom {
    margin-bottom: 13px
}

#right-side .right-side-list {
    margin: 0;
    padding: 0;
    list-style: none;
    margin: -6px 0 12px
}

#right-side .right-side-list li {
    margin: 0;
    padding: 0
}

#right-side .right-side-list li a {
    font-size: 14px;
    font-size: 0.875rem;
    padding-top: 12px;
    padding-bottom: 12px;
    display: flex
}

#right-side .right-side-list li a>i {
    min-width: 24px;
    padding-right: 12px;
    box-sizing: border-box;
    color: #595959
}

#right-side .right-side-list li:last-child a {
    border-bottom: none;
    box-shadow: none
}

#right-side .right-side-list li small {
    display: block;
    font-size: 13px;
    font-size: 0.8125rem
}

#right-side .right-side-list li b,#right-side .right-side-list li em,#right-side .right-side-list li p {
    font-weight: normal;
    display: block;
    line-height: 1.3
}

#right-side .right-side-list li p,#right-side .right-side-list li .more_link {
    font-size: 12px;
    font-size: 0.75rem;
    margin-bottom: 0
}

#right-side .right-side-list li em,#right-side .right-side-list li p {
    color: #777
}

#right-side .right-side-list li .more_link {
    padding-top: 6px
}

#right-side .right-side-list .recent_feedback_icon {
    background-position: 0 9px
}

#right-side .right-side-list .recent_feedback_title {
    line-height: 1.3;
    margin-bottom: 3px
}

#right-side .right-side-list .recent_feedback_comment {
    color: #f2f4f4;
    border: 0;
    font-size: 100%
}

#right-side .right-side-list .tooltip .tooltip_wrap {
    left: -185px;
    width: 185px;
    height: 70px;
    top: 0;
    font-size: .9em;
    background-image: none
}

#right-side .right-side-list .tooltip .tooltip_text {
    margin-right: 15px;
    min-height: 30px
}

#right-side .right-side-list .tooltip .tooltip-carat {
    border-bottom: 7px solid transparent;
    border-left: 14px solid #444;
    border-top: 7px solid transparent;
    display: block;
    margin-top: 12px;
    float: right;
    width: 1px;
    height: 1px
}

#right-side .right-side-list.to-do-list li {
    position: relative
}

#right-side .right-side-list.to-do-list li a.item {
    display: flex
}

#right-side .todo-list-header {
    margin-top: 1.0625rem
}

#right-side .right-side-list .todo-badge-wrapper {
    display: inline-block;
    vertical-align: top;
    min-width: 40px;
    text-align: right;
    padding-right: 12px;
    box-sizing: border-box
}

#right-side .right-side-list .disable_item_link {
    position: absolute;
    right: 0;
    top: .5rem;
    z-index: 2;
    padding: 0
}

#right-side .right-side-list .disable_item_link i[class*=icon-],#right-side .right-side-list .disable_item_link i[class^=icon-] {
    line-height: 1
}

#right-side .right-side-list .disable_item_link i[class*=icon-]:before,#right-side .right-side-list .disable_item_link i[class^=icon-]:before {
    font-size: .75rem
}

.ic-sidebar-logo {
    display: none;
    margin-bottom: 24px;
    text-align: center
}

.ic-sidebar-logo__image {
    max-width: 180px;
    max-height: 70px;
    display: inline-block
}

@media only screen and (min-width: 992px) {
    body:not(.course-menu-expanded) .ic-sidebar-logo {
        display:block
    }
}

@media only screen and (min-width: 1140px) {
    body.course-menu-expanded .ic-sidebar-logo {
        display:block
    }
}

@media print {
    html,body {
        font-family: Arial,Helvetica,sans-serif;
        color: #000 !important;
        font-size: 10pt;
        background: transparent none !important
    }

    .no-print,#header,#footer,#right-side-wrapper,#left-side {
        display: none !important
    }

    .ic-Layout-columns,.ic-Layout-wrapper {
        margin: 0 !important;
        border: 0 none !important
    }

    .ic-Layout-wrapper,.ic-Layout-columns {
        margin-left: 0 !important
    }

    .ic-Layout-wrapper,.ic-Layout-contentMain,#wiki_show_view_main {
        overflow: visible !important
    }

    .ic-Layout-wrapper,.ic-Layout-columns,.ic-app-main-content {
        display: block !important
    }

    .ic-Layout-contentMain {
        width: auto;
        padding: 0 !important
    }

    .ic-Layout-contentMain .fill_height_div {
        overflow: visible !important
    }

    a:link,a:visited {
        font-weight: bold;
        text-decoration: underline
    }

    a:link:after,a:visited:after {
        content: " (" attr(href) ") ";
        font-size: 90%
    }

    a[href^="/"]:after,a[href^="#"]:after {
        content: ""
    }

    #breadcrumbs {
        margin: 0;
        padding: 0;
        margin-bottom: 10px;
        box-shadow: 0 0 0 #fff
    }

    #breadcrumbs ul {
        margin: 0;
        padding: 0
    }

    #breadcrumbs ul li {
        margin: 0;
        padding: 0;
        padding-left: 10px
    }

    #breadcrumbs ul li:after {
        content: "   →   "
    }

    #breadcrumbs ul li:last-child:after {
        content: ""
    }

    #breadcrumbs ul li:first-of-type {
        padding-left: 0
    }

    #breadcrumbs ul li.home {
        display: none
    }

    #breadcrumbs ul a {
        text-decoration: none !important;
        padding-right: 10px
    }

    .rating-tier.selected {
        position: relative;
        padding-bottom: 1em
    }

    .rating-tier.selected .shader {
        width: 100%;
        height: .3em;
        position: absolute;
        bottom: 0;
        left: 0
    }

    .rating-tier.selected .shader .triangle {
        width: 0;
        height: 0;
        border-left: .5em solid transparent;
        border-right: .5em solid transparent;
        border-bottom: .8em solid;
        position: relative;
        margin: 0 auto;
        bottom: .4em
    }

    .rating-tier.selected .exceedsMasteryShader {
        border-bottom: .3em solid #02672d
    }

    .rating-tier.selected .exceedsMasteryShader .triangle {
        color: #02672d
    }

    .rating-tier.selected .meetsMasteryShader {
        border-bottom: .3em solid #03893d
    }

    .rating-tier.selected .meetsMasteryShader .triangle {
        color: #03893d
    }

    .rating-tier.selected .nearMasteryShader {
        border-bottom: .3em solid #f06e26
    }

    .rating-tier.selected .nearMasteryShader .triangle {
        color: #f06e26
    }

    .rating-tier.selected .wellBelowMasteryShader {
        border-bottom: .3em solid #e62429
    }

    .rating-tier.selected .wellBelowMasteryShader .triangle {
        color: #e62429
    }

    #drawer-layout-content {
        overflow: visible
    }
}

.module-sequence-footer {
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    height: 65px
}

.module-sequence-footer .hidden-aria-title {
    display: none
}

.module-sequence-footer .module-sequence-footer-content {
    height: 64px;
    background: #fff;
    border-top: 1px solid #e8eaec;
    box-sizing: border-box;
    padding-top: 12px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.module-sequence-footer .module-sequence-footer-content a {
    text-decoration: none
}

@keyframes module-sequence-footer-animation {
    from {
        transform: translate3d(0, 100%, 0);
        opacity: 0
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.module-sequence-footer-content:not(.no-animation) {
    animation: module-sequence-footer-animation .5s ease-out
}

.module-sequence-footer-button--next {
    float: right
}

.module-sequence-footer-button--previous {
    float: left
}

@media print {
    .module-sequence-padding,.module-sequence-footer {
        display: none
    }
}

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: var(--ic-brand-font-color-dark);
    -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: var(--ic-brand-font-color-dark-lightened-28)
}

.text-warning {
    color: #f06e26
}

a.text-warning:hover {
    color: #d4550f
}

.text-error {
    color: #e62429
}

a.text-error:hover {
    color: #c1161a
}

.text-info {
    color: var(--ic-brand-primary)
}

a.text-info:hover {
    color: var(--ic-brand-primary-darkened-10)
}

.text-success {
    color: #03893d
}

a.text-success:hover {
    color: #025727
}

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: var(--ic-brand-font-color-dark-lightened-15)
}

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);
    text-decoration: none
}

a:focus,a:hover {
    color: var(--ic-link-color-darkened-10)
}

a:focus,a:hover {
    text-decoration: underline
}

.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: .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: #e6e6e6
}

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: var(--ic-brand-font-color-dark-lightened-15)
}

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: #6a7883;
    text-align: left;
    text-decoration: none;
    background-color: #fff;
    opacity: 1;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(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,.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: #f7f7f7;
    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,.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,.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,.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 #52a8ec
    }

    to {
        box-shadow: none
    }
}

.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: #397af4
}

.turnitin_score_container_caret.acceptable_score {
    border-right-color: #009917
}

.turnitin_score_container_caret.warning_score {
    border-right-color: #897b01
}

.turnitin_score_container_caret.problem_score {
    border-right-color: #c86604
}

.turnitin_score_container_caret.failure_score {
    border-right-color: #ad393a
}

.turnitin_score_container_caret.submission_error,.turnitin_score_container_caret.submission_pending {
    border-right-color: gray
}

.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: #fff;
    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: #397af4
}

.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: #009917
}

.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: #897b01
}

.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: #c86604
}

.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: #ad393a
}

.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: gray
}

.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: .8em
}

#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,.25);
    border-bottom-color: rgba(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: #fff;
    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 iframe[data-media-id] {
    background-color: #eee
}

.user_content a:focus {
    outline-offset: .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: .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: .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: .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: #03893d
}

#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: #fff;
    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%, white 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%, white 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;
    margin: 4px
}

#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:focus {
    border-radius: 6px;
    outline-width: .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: #fff
}

table.summary table.subtable th,table.summary table.subtable td {
    border-top: 0;
    padding: 1px 5px 1px 0;
    font-size: .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: var(--ic-brand-font-color-dark-lightened-15)
}

.courses .unpublished i,.groups .unpublished i,.accounts .unpublished i {
    color: var(--ic-brand-font-color-dark-lightened-15)
}

.courses .details,.groups .details,.accounts .details {
    font-size: .8em;
    margin: 0 0 0 10px
}

.courses .info,.groups .info,.accounts .info {
    clear: left;
    font-size: .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: var(--ic-brand-font-color-dark-lightened-15)
}

.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: var(--ic-brand-font-color-dark-lightened-28)
}

.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: var(--ic-brand-font-color-dark)
}

span.hint {
    color: var(--ic-brand-font-color-dark);
    font-size: .8em
}

.event_pending {
    opacity: .4
}

.error_message {
    color: #e62429
}

.formError {
    color: #e62429;
    font-size: .8em;
    padding-left: 15px
}

.nobr {
    white-space: nowrap
}

.mini_discussion {
    font-size: .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: #fff
}

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: .375rem
}

.labeled-error-message .icon-warning {
    margin-right: .375rem
}

.datetime_suggest {
    font-size: .8em;
    padding-left: 10px;
    color: #737373
}

.datetime_suggest .error-message {
    display: flex;
    justify-content: left;
    align-items: center;
    color: #e62429
}

.datetime_suggest .error-message i.icon-warning.icon-Solid {
    margin-right: 8px
}

.hasDatepicker.error,.hasDatepicker.error:focus {
    border: 1px solid #e62429
}

#submission_preview {
    background-color: #fff;
    padding: 4rem 6rem;
    margin: 8px auto;
    box-sizing: content-box;
    box-shadow: 0 0 10px rgba(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: #eee;
    border-top: 1px solid #888;
    padding: 10px;
    box-shadow: 0 0 10px #333
}

#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 .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:hover {
    background-color: #fff
}

#wizard_box .wizard_content .wizard_options_list .option.completed a {
    color: #aaa
}

#wizard_box .wizard_content .wizard_options_list .option.selected {
    background-color: #fff
}

#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 .3s;
    height: 100%;
    border: none;
    background-size: cover;
    background: url("/dist/images/wizard-bg-dbbd15d1dc.jpg") no-repeat center center #273540
}

#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,.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: .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: #fff;
    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;
    background: linear-gradient(to bottom, rgba(39, 53, 64, 0.75) 0%, rgba(0, 0, 0, 0) 100%)
}

#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: #fff;
    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(18,24,29,.9)
}

@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,.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: #fff;
    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,.95);
    border-bottom: none;
    flex: .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,.85);
    padding: 24px;
    overflow: visible !important;
    animation-duration: .5s;
    animation-name: icon-slide-up;
    animation-timing-function: cubic-bezier(0, 1, 0.5, 1);
    background: rgba(255,255,255,.85);
    color: #000101
}

@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: .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: .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 .5em .5em;
    padding: 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;
    _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: .8em
}

.communication_message div.header .context_code {
    font-size: .8em;
    padding-right: 5px;
    padding-left: 0
}

.communication_message div.header .context_name {
    font-size: .8em;
    padding: 0 5px;
    color: inherit;
    text-decoration: none
}

.communication_message div.header .points_possible {
    font-size: .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: .8em
}

.communication_message div.header .post_date {
    float: right;
    padding-right: 10px;
    font-size: .8em;
    padding-top: .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: .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: .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: .8em
}

.communication_message div.content .original_post_date {
    text-align: right;
    font-size: .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: .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: .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: .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: .8em
}

.communication_message.pinned_notification .user_content p:last-child {
    margin-bottom: 0
}

.communication_message.has_podcast .header .podcast {
    display: block;
    float: right;
    opacity: .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: .5
}

.communication_message_hover a.disable_item_link {
    visibility: visible;
    opacity: .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: .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: .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: .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: .9em;
    padding-top: .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: .8em
}

.module_legend .context_module_item .criterion {
    width: 16px;
    height: 16px
}

.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 img {
    visibility: hidden
}

.module_legend .context_module_item .criterion.completed:hover {
    background: transparent
}

.module_legend .context_module_item .criterion.completed:hover img {
    visibility: visible
}

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: .2em;
    margin-right: 2px
}

.communication_message .media_comment_thumbnail {
    margin: 3px 0
}

.quoted_text_holder .show_quoted_text_link {
    font-size: .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: .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: .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: #6a7883
}

#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: .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: #6a7883
}

#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;
    font-size: 14px;
    font-size: 0.875rem;
    font-family: GillSans,Calibri,Trebuchet,sans-serif;
    border: 1px solid #1e7eca;
    color: #fff !important;
    text-shadow: rgba(0,0,0,.5) 1px 0 1px;
    -moz-user-select: none;
    cursor: pointer
}

#change_calendar_version_link_holder a:hover,.dashboard-toggle a:hover {
    border-color: #165a92;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.5)
}

.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: #fcc;
    border-width: 2px 0 0;
    border-style: solid;
    border-color: #000;
    padding: 15px;
    opacity: .9;
    color: #000;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

#fixed_bottom .fixed_warning a {
    color: #000;
    text-decoration: underline
}

#fixed_bottom .fixed_warning a:hover,#fixed_bottom .fixed_warning a:focus {
    color: #000
}

#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: #000
}

#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: #000
}

#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: #fff;
    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: #fff;
    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
}

table {
    max-width: 100%;
    background-color: transparent
}

:not(.user_content)>table,.user_content table:not([cellspacing]) {
    border-collapse: collapse;
    border-spacing: 0
}

.ic-Table-responsive-x-scroll {
    overflow-x: auto
}

.ic-Table {
    max-width: 100%;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0
}

.ic-Table th,.ic-Table td {
    padding: 14px 7px;
    line-height: 1.3;
    text-align: left;
    vertical-align: middle;
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.ic-Table tr.ic-Table__row--bg-neutral {
    background-color: #f2f4f4
}

.ic-Table tr.ic-Table__row--bg-success {
    background-color: #dceee4
}

.ic-Table tr.ic-Table__row--bg-alert {
    background-color: #fce4e5
}

.ic-Table tr.ic-Table__row--bg-danger {
    background-color: #fce4e5
}

.ic-Table th {
    border-bottom-color: #6a7883;
    padding-bottom: 7px;
    font-weight: bold
}

.ic-Table th.ic-Table--header-row {
    border-bottom-color: #e8eaec
}

.ic-Table tbody th {
    border-bottom-color: #e8eaec;
    padding-bottom: 14px
}

.ic-Table td {
    border-bottom-color: #e8eaec
}

.ic-Table td .ic-Table__actions {
    position: relative;
    text-align: right
}

.ic-Table.ic-Table--condensed td {
    padding: 7px;
    font-size: 14px;
    font-size: 0.875rem
}

.ic-Table.ic-Table--condensed th {
    padding: 7px;
    padding-bottom: 3.5px
}

.ic-Table.ic-Table--condensed tbody th {
    padding-bottom: 7px;
    font-size: 14px;
    font-size: 0.875rem
}

.ic-Table.ic-Table--striped tbody tr:nth-child(odd) {
    background-color: #f2f4f4
}

.ic-Table.ic-Table--hover-row tbody tr {
    transition: background-color .3s
}

.ic-Table.ic-Table--hover-row tbody tr:hover,.ic-Table.ic-Table--hover-row tbody tr.ic-Table__row--bg-neutral:hover,.ic-Table.ic-Table--hover-row tbody tr.ic-Table__row--bg-success:hover,.ic-Table.ic-Table--hover-row tbody tr.ic-Table__row--bg-alert:hover,.ic-Table.ic-Table--hover-row tbody tr.ic-Table__row--bg-danger:hover {
    background-color: #e0ebf5
}

.ic-Table-scroll-container {
    overflow-x: auto;
    white-space: nowrap;
    max-width: 100vw;
    -webkit-overflow-scrolling: touch
}

.ic-Table-scroll-container::-webkit-scrollbar {
    height: .5rem;
    background: rgba(0,0,0,.1)
}

.ic-Table-scroll-container::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.5);
    border-radius: .25rem
}

.ui-tabs .ui-tabs-panel {
    border-color: #e8eaec;
    padding: 14px
}

.ui-tabs .ui-tabs-nav {
    border-bottom-color: #e8eaec
}

.ui-tabs .ui-tabs-nav li {
    background: transparent;
    border-color: transparent;
    box-shadow: none
}

.ui-tabs .ui-tabs-nav li a {
    outline-width: .125rem;
    outline-color: transparent;
    outline-style: solid;
    color: var(--ic-link-color);
    font-weight: normal;
    padding: 8px 14px;
    text-shadow: none
}

.ui-tabs .ui-tabs-nav li a:focus {
    text-decoration: underline;
    outline: none
}

#edit_event .ui-tabs .ui-tabs-nav li a {
    color: #fff
}

.ui-tabs .ui-tabs-nav li.ui-state-hover,.ui-tabs .ui-tabs-nav li:hover {
    background: #fff;
    border-color: #e8eaec
}

.ui-tabs .ui-tabs-nav li.ui-state-hover a,.ui-tabs .ui-tabs-nav li:hover a {
    color: var(--ic-brand-font-color-dark)
}

#edit_event .ui-tabs .ui-tabs-nav li.ui-state-hover a,#edit_event .ui-tabs .ui-tabs-nav li:hover a {
    color: var(--ic-link-color)
}

.ui-tabs .ui-tabs-nav li.ui-state-focus,.ui-tabs .ui-tabs-nav li.ui-state-focus.ui-tabs-active {
    outline: none;
    border-color: #e8eaec;
    background: #fff
}

.ui-tabs .ui-tabs-nav li.ui-state-focus a,.ui-tabs .ui-tabs-nav li.ui-state-focus.ui-tabs-active a {
    text-decoration: underline;
    outline: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active,.ui-tabs .ui-tabs-nav li.ui-tabs-active.ui-state-hover,.ui-tabs .ui-tabs-nav li.ui-tabs-active:hover {
    border-color: #e8eaec;
    background: #fff
}

#edit_event .ui-tabs .ui-tabs-nav li.ui-tabs-active a,#edit_event .ui-tabs .ui-tabs-nav li.ui-tabs-active.ui-state-hover a,#edit_event .ui-tabs .ui-tabs-nav li.ui-tabs-active:hover a {
    color: var(--ic-brand-font-color-dark)
}

.ui-tabs.ui-tabs--mini .ui-tabs-nav li a {
    padding: 4px 8px
}

.ui-tabs.ui-tabs-minimal .ui-tabs-panel {
    border-width: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0
}

#auth-config-right-side a img {
    margin-right: 5px
}

.debug_data .debug_label {
    font-weight: bold
}

.debug_data pre {
    margin: auto;
    overflow: auto;
    margin-left: 10px;
    font-family: monospace
}

#groups .move_icon,#groups .group_move_icon {
    cursor: move
}

#groups .move_icon,#groups .group_move_icon,#groups .links a {
    left: -10000px;
    position: relative
}

#groups .move_icon:focus,#groups .move_icon.focus,#groups .group_move_icon:focus,#groups .group_move_icon.focus,#groups .links a:focus,#groups .links a.focus {
    left: auto;
    text-decoration: none
}

#groups .group_assignment .content:hover .move_icon,#groups .group_assignment .content:hover .group_move_icon,#groups .group_assignment .content:hover .links a,#groups .header_content:hover .move_icon,#groups .header_content:hover .group_move_icon,#groups .header_content:hover .links a {
    left: auto;
    text-decoration: none;
    opacity: .5
}

#groups .group_assignment .content:hover .move_icon:hover,#groups .group_assignment .content:hover .group_move_icon:hover,#groups .group_assignment .content:hover .links a:hover,#groups .header_content:hover .move_icon:hover,#groups .header_content:hover .group_move_icon:hover,#groups .header_content:hover .links a:hover {
    opacity: 1
}

#groups .assignment_group {
    background: #f2f4f4;
    border: 1px solid #e8eaec;
    margin-bottom: 16px
}

#groups .group_header {
    color: #6a7883;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
    background-color: #eeefef;
    background-image: linear-gradient(to bottom, #F2F4F4, #e6e6e6);
    background-repeat: repeat-x;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    border-bottom: 1px solid #e8eaec;
    padding: 4px 12px;
    text-shadow: none
}

#groups .group_header:before,#groups .group_header:after {
    display: table;
    content: "";
    line-height: 0
}

#groups .group_header:after {
    clear: both
}

#groups .group_header:hover,#groups .group_header:active,#groups .group_header.active,#groups .group_header.disabled,#groups .group_header.ui-button.ui-state-disabled,#groups .group_header[disabled] {
    color: #6a7883;
    background-color: #e6e6e6
}

#groups .group_header:focus {
    color: #6a7883;
    background: #e6e6e6;
    text-decoration: none
}

#groups .group_header .name {
    font-weight: bold
}

#groups .assignment_list {
    min-height: 8px
}

#groups .group_assignment {
    display: table;
    width: 100%
}

#groups .group_assignment .content {
    display: table-row
}

#groups .data,#groups .cell {
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    display: table-cell;
    padding: 4px 0;
    vertical-align: middle
}

#groups .data.move,#groups .cell.move {
    padding-left: 12px;
    width: 20px
}

#groups .data.assignment_title,#groups .cell.assignment_title {
    max-width: 200px;
    min-width: 200px;
    width: 25%
}

#groups .data.assignment_due,#groups .cell.assignment_due {
    width: 25%
}

#groups .data.links,#groups .cell.links {
    padding-right: 12px;
    width: 40px
}

#groups .load_pending {
    background: url(/dist/images/ajax-loader-small-ccc-03b5adf6b7.gif) center left no-repeat
}

#groups .add_assignment_form {
    display: table-row
}

#groups .add_assignment_form .vdd_no_edit {
    margin-top: 5px;
    display: inline-block
}

#groups .add_assignment_form .cell.first {
    padding-left: 6px
}

#groups .add_assignment_form .cell.last {
    padding-right: 6px
}

#groups .add_assignment_form .no_points {
    display: none
}

#groups .add_assignment_form .points_uneditable .points {
    display: none
}

#groups .add_assignment_form .points_uneditable .no_points {
    display: inline
}

#groups .add_assignment_form label,#groups .add_assignment_form select {
    font-size: .8em
}

#groups .add_assignment_form .input-append {
    display: inline
}

#assignments_for_student .group_assignment {
    min-height: 40px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 3px
}

#assignments_for_student .group_assignment:before,#assignments_for_student .group_assignment:after {
    display: table;
    content: "";
    line-height: 0
}

#assignments_for_student .group_assignment:after {
    clear: both
}

#assignments_for_student .group_assignment.last {
    border-bottom-width: 0px
}

#assignments_for_student .group_assignment .content {
    padding-top: 9px
}

#assignments_for_student .group_assignment .details {
    display: block;
    margin-left: 60px;
    font-size: .8em;
    margin-bottom: 5px
}

#assignments_for_student .group_assignment .grade {
    display: none
}

#assignments_for_student .group_assignment.group_assignment_graded {
    color: #aaa
}

#assignments_for_student .group_assignment.group_assignment_graded a {
    color: #888
}

#assignments_for_student .group_assignment.group_assignment_graded a.grade {
    color: #444;
    font-weight: bold;
    display: inline
}

#assignments_for_student .group_assignment.group_assignment_ungraded .assignment_due {
    font-weight: bold;
    color: #882
}

#assignments_for_student .group_assignment.group_assignment_overdue .assignment_due {
    font-weight: bold;
    color: #c00
}

#assignments_for_student .group_assignment:hover {
    background-color: #eee
}

#assignments_for_student .group_assignment:hover .course_name {
    opacity: 1 !important
}

#assignments_for_student .group_assignment div.data {
    float: left;
    border: 0px;
    padding: 2px 5px
}

#assignments_for_student .group_assignment div.data.assignment_title {
    width: 40%;
    margin-left: 30px
}

#assignments_for_student .group_assignment div.data.assignment_title .title {
    font-size: 1.3em;
    font-weight: bold
}

#assignments_for_student .group_assignment div.data.assignment_title .course_name {
    font-size: .8em;
    line-height: 1.2em;
    padding: 2px 7px;
    color: inherit;
    opacity: .75;
    border-radius: 10px
}

#assignments_for_student .group_assignment div.data.assignment_due {
    width: 30%;
    font-size: 1em;
    display: block
}

#assignments_for_student .group_assignment div.data.assignment_points {
    font-size: 1em
}

#assignments_for_student .group_assignment div.data.links {
    display: none
}

#assignments_for_student .group_assignment div.data.move {
    display: none
}

#assignments_for_student .assignment_list.show_context .group_assignment .context_name {
    display: block
}

#groups_for_student .assignment_group {
    margin: 0 .5em 1.5em;
    width: auto;
    border: 1px solid #999;
    color: #000;
    border-radius: 5px
}

#groups_for_student .assignment_group .group_move_icon,#groups_for_student .assignment_group .add_assignment_link,#groups_for_student .assignment_group .edit_group_link,#groups_for_student .assignment_group .delete_group_link {
    display: none
}

#groups_for_student .assignment_group .group_move {
    visibility: hidden
}

#groups_for_student .assignment_group div.header {
    width: auto;
    border-bottom: 1px solid #999;
    background-color: #ddd;
    padding-left: 25px;
    color: #666;
    margin-bottom: 0px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

#groups_for_student .assignment_group div.header .group_name {
    font-size: 1.5em;
    font-weight: bold
}

#groups_for_student .assignment_group div.header .more_info_brief {
    line-height: 1.7em
}

#groups_for_student .assignment_group div.header .links {
    display: none
}

#groups_for_student .assignment_group div.padding {
    padding: 0px 0px 5px;
    display: none
}

#groups_for_student .assignment_group .group_assignment {
    min-height: 30px;
    border-radius: 3px;
    color: #444;
    border-bottom: 1px solid #eee
}

#groups_for_student .assignment_group .group_assignment:hover {
    background-color: #eee
}

#groups_for_student .assignment_group .group_assignment .content {
    padding-top: 3px
}

#groups_for_student .assignment_group .group_assignment.group_assignment_graded {
    color: #aaa
}

#groups_for_student .assignment_group .group_assignment.group_assignment_graded a {
    color: #888
}

#groups_for_student .assignment_group .group_assignment.group_assignment_overdue .assignment_due {
    font-weight: bold;
    color: #c00
}

#groups_for_student .assignment_group .group_assignment div.data {
    float: left;
    border: 0px;
    padding: 2px 5px
}

#groups_for_student .assignment_group .group_assignment div.data.assignment_title {
    width: 40%;
    font-weight: bold;
    margin-left: 30px
}

#groups_for_student .assignment_group .group_assignment div.data.assignment_title .context_name {
    font-weight: normal;
    font-size: .7em;
    padding-left: 10px;
    color: #888
}

#groups_for_student .assignment_group .group_assignment div.data.assignment_due {
    width: 30%;
    font-size: .8em;
    display: block
}

#groups_for_student .assignment_group .group_assignment div.data.assignment_points {
    font-size: .8em
}

#groups_for_student .assignment_group .group_assignment div.data.buttons {
    float: right
}

#groups_for_student .assignment_group .group_assignment div.data.links {
    display: none
}

#groups_for_student .assignment_group .group_assignment div.data.name {
    margin-right: 10px;
    font-weight: bold;
    width: 200px
}

#groups_for_student .assignment_group .group_assignment div.data.move {
    display: none
}

#group_weight_table input.weight {
    width: 35px
}

#group_weight_table th,#group_weight_table td {
    padding: 1px
}

#group_weight_table th {
    font-weight: bold;
    border-bottom: 1px solid #888
}

#group_weight_table td.total {
    font-weight: bold
}

#group_weight_table tr.group_weight .move {
    cursor: move;
    visibility: hidden
}

#group_weight_table tr.group_weight td {
    border-bottom: 1px solid #aaa
}

#group_weight_table .group_weight_hover .move {
    visibility: visible
}

.show-only-from a {
    display: block;
    margin-top: 3px;
    color: var(--ic-brand-font-color-dark);
    padding-left: 5px
}

table.full_assignment_table select {
    width: 140px !important
}

.vdd_tooltip_link {
    cursor: pointer
}

.ui-widget.ui-tooltip {
    max-width: 240px
}

input[type=checkbox].post_to_sis_checkbox {
    margin-left: 20px
}

.dl-horizontal.vdd_tooltip_content {
    margin: 7px 0
}

.dl-horizontal.vdd_tooltip_content dt {
    width: 115px;
    white-space: normal;
    line-height: 12px;
    margin-bottom: 5px
}

.dl-horizontal.vdd_tooltip_content dd {
    margin-left: 125px;
    width: 115px;
    line-height: 12px;
    text-align: left
}

.assignment-search {
    margin-bottom: 0
}

.assignment-search select {
    min-width: 170px
}

.assignment-search input {
    min-width: 210px
}

.Submission__Link--has-icon .icon-rubric,.Submission__Link--has-icon .icon-check,.Submission__Link--has-icon .icon-warning,.Submission__List .icon-rubric,.Submission__List .icon-check,.Submission__List .icon-warning {
    color: #334451
}

.assignment .ig-row .options-spacer {
    width: 48px
}

.group_list {
    list-style: none
}

.group_list .group .group_name {
    clear: left;
    position: relative;
    border-top: 1px dotted #aaa;
    padding-top: 5px;
    margin: 1em;
    margin-bottom: -2px
}

.group_list .group .group_name .management {
    float: left;
    position: absolute;
    right: 0
}

.group_list .group .group_name .name {
    font-size: 1.5em;
    padding-left: 20px;
    background: url(/dist/images/group-6f0ea57c9d.png) no-repeat center left
}

.group_list .group.teacher_group .name {
    background: url(/dist/images/assignment-e807a4c93b.png) no-repeat center left
}

.group_list .group .group_info {
    margin-top: -2px;
    padding-left: 3em
}

.group_list .group .member_list {
    list-style: none;
    max-height: 150px;
    overflow: auto
}

.left_side a.assign_students_link {
    display: none
}

.student-groups {
    border: 1px solid #c1c7cf;
    border-radius: 3px
}

.student-groups .student-group-header {
    padding: 16px 16px 16px 10px;
    display: flex;
    align-items: center
}

.student-groups .icon-mini-arrow-right,.student-groups .icon-mini-arrow-down {
    order: -1
}

.student-groups .icon-mini-arrow-down {
    display: none
}

.student-groups.show-body .student-group-header {
    background-color: #f2f4f4;
    border-bottom: 1px solid #c1c7cf;
    cursor: pointer;
    position: relative
}

.student-groups.show-body .icon-mini-arrow-right {
    display: none
}

.student-groups.show-body .icon-mini-arrow-down {
    display: block
}

.student-groups .student-group-title {
    display: inline-flex;
    align-items: center;
    flex-grow: 1;
    max-width: 70%
}

.student-groups .student-group-title h2 {
    margin: 0 7px 0 5px;
    font-weight: bold;
    font-size: 16px;
    font-size: 1rem;
    line-height: 18px;
    text-overflow: ellipsis;
    overflow: hidden
}

.student-groups .student-group-title h2 small {
    font-size: 14px;
    font-size: 0.875rem
}

.student-groups .student-group-title h2 a {
    color: #555
}

.student-groups .student-group-title a {
    padding-right: 5px
}

.student-groups .student-group-students {
    color: #555;
    font-weight: normal;
    flex-basis: 10rem
}

.student-groups .student-group-students i {
    padding-right: 5px
}

.student-groups .student-group-join {
    flex-basis: 7rem
}

.student-groups .student-group-join button {
    display: block
}

.student-groups .student-group-body {
    padding: 16px 16px 16px 36px
}

.student-groups .student-group-body:last-child {
    border-bottom: 0
}

.student-groups .student-group-body .student-group-list {
    list-style: none;
    margin: 0
}

.student-groups .student-group-body .student-group-list li {
    float: left;
    width: 25%
}

.student-groups .student-group-body .student-group-list li i {
    padding-left: 5px
}

.empty-groupset-instructions .group-categories-actions {
    top: 55px
}

.group-categories-actions {
    height: 36px;
    z-index: 1;
    position: absolute;
    top: 0;
    right: 14px
}

#group_categories_tabs {
    margin: 0 -1em -1em
}

#group_categories_tabs>.collectionViewItems {
    padding: 10px 130px 0 1em
}

#group_categories_tabs>.roster-tab {
    padding-left: 1em;
    padding-right: 1em
}

.spinner-container {
    width: 100%;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center
}

.al-trigger--within-left-menu {
    margin: 0 0 12px 6px
}

.al-trigger--within-left-menu.ui-menu-item {
    max-width: 200px
}

.al-options .ui-menu-item a {
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.al-options .ui-menu-item:first-of-type {
    margin-top: 8px
}

.al-options .ui-menu-item:last-of-type {
    margin-bottom: 8px
}

.active-selection.ui-menu-item .ui-corner-all {
    color: var(--ic-brand-font-color-dark-lightened-15)
}

.active-selection.ui-menu-item .ui-corner-all.ui-state-focus,.active-selection.ui-menu-item .ui-corner-all:hover,.active-selection.ui-menu-item .ui-corner-all:focus {
    background: #6a7883;
    color: #fff;
    font-weight: bold
}

.active-selection.ui-menu-item:first-of-type .ui-corner-all.ui-state-focus {
    background: #6a7883
}

.roster-empty-state {
    max-width: 400px;
    margin: auto;
    text-align: center;
    font-size: 16px
}

.roster-empty-state .empty-state-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.roster-empty-state .empty-state-list .empty-state-list-item {
    display: inline;
    margin-inline-start:.5rem;margin-inline-end:.5rem}

#media_record_option_holder .record_option {
    display: block;
    margin: 0 2px 2px;
    padding: 4px;
    border: 2px solid #fff;
    border-radius: 3px
}

#media_record_option_holder .record_option:hover {
    border: 2px solid #aaa;
    background: #eee
}

#media_record_option_holder,#video_record_holder_holder,#audio_record_holder_holder {
    float: left
}

#media_record_option_holder .record_option.selected_option {
    border: 2px solid #888;
    background: #ccc
}

#audio_record_holder_holder,#video_record_holder_holder {
    overflow: hidden;
    position: relative
}

#audio_record_holder_holder #audio_record_holder_message,#audio_record_holder_holder #video_record_holder_message,#video_record_holder_holder #audio_record_holder_message,#video_record_holder_holder #video_record_holder_message {
    width: 600px;
    height: 600px;
    z-index: 9999;
    background-color: #666;
    position: absolute;
    display: none
}

#audio_record_holder_holder #audio_record_holder_message .recorder_message,#audio_record_holder_holder #video_record_holder_message .recorder_message,#video_record_holder_holder #audio_record_holder_message .recorder_message,#video_record_holder_holder #video_record_holder_message .recorder_message {
    color: #eee;
    font-size: 1.5em;
    opacity: 1;
    margin: 120px 55px;
    width: 300px;
    text-align: center
}

#audio_record_holder_holder #audio_record_holder_message.saving,#audio_record_holder_holder #video_record_holder_message.saving,#video_record_holder_holder #audio_record_holder_message.saving,#video_record_holder_holder #video_record_holder_message.saving {
    display: block
}

#audio_upload_under button,#video_upload_under button {
    width: 180px;
    height: 50px;
    font-size: 1.2em;
    font-weight: bold
}

#audio_upload,#video_upload {
    position: absolute;
    z-index: 9999
}

div#audio_upload,div#video_upload {
    background: #fff;
    font-size: 1.2em
}

.media_tab {
    height: 360px
}

#record_media_tab {
    padding-bottom: 35px
}

#media_upload_holder {
    height: 240px
}

#media_upload_title {
    width: 200px
}

#media_upload_holder .content {
    margin-top: 8px
}

#media_upload_file_size {
    font-size: .8em;
    padding-left: 20px
}

#media_upload_progress {
    width: 300px;
    height: 15px
}

#media_upload_submit {
    font-size: 1.2em;
    font-weight: bold
}

#audio_record_holder,#video_record_holder {
    width: 400px;
    height: 300px;
    overflow: hidden;
    position: relative;
    border: 0;
    background: #fff url(/dist/images/ajax-loader-medium-444-ed8f74efc3.gif) no-repeat 10px 10px;
    box-shadow: 0 0 10px #000;
    margin: 10px
}

#audio_record,#video_record {
    border: 0px solid #888;
    height: 300px
}

.volume_meter {
    width: 20px;
    height: 240px;
    float: right;
    border: 0px solid #888;
    border-left-width: 0;
    position: absolute;
    top: 0;
    left: 400px;
    z-index: 9999
}

.volume_meter .audio_level {
    width: 14px;
    height: 14px;
    border: 1px solid #666;
    display: block;
    margin: 2px;
    background-color: lime;
    visibility: hidden;
    border-radius: 2px
}

.volume_meter .level_6 {
    background-color: #ff0
}

.volume_meter .level_7 {
    background-color: #ff0
}

.volume_meter .level_8 {
    background-color: #ff0
}

.volume_meter .level_9 {
    background-color: red
}

.volume_meter.band_1 .level_0,.volume_meter.band_2 .level_0,.volume_meter.band_2 .level_1,.volume_meter.band_3 .level_0,.volume_meter.band_3 .level_1,.volume_meter.band_3 .level_2,.volume_meter.band_4 .level_0,.volume_meter.band_4 .level_1,.volume_meter.band_4 .level_2,.volume_meter.band_4 .level_3,.volume_meter.band_5 .level_0,.volume_meter.band_5 .level_1,.volume_meter.band_5 .level_2,.volume_meter.band_5 .level_3,.volume_meter.band_5 .level_4,.volume_meter.band_6 .level_0,.volume_meter.band_6 .level_1,.volume_meter.band_6 .level_2,.volume_meter.band_6 .level_3,.volume_meter.band_6 .level_4,.volume_meter.band_6 .level_5,.volume_meter.band_7 .level_0,.volume_meter.band_7 .level_1,.volume_meter.band_7 .level_2,.volume_meter.band_7 .level_3,.volume_meter.band_7 .level_4,.volume_meter.band_7 .level_5,.volume_meter.band_7 .level_6,.volume_meter.band_8 .level_0,.volume_meter.band_8 .level_1,.volume_meter.band_8 .level_2,.volume_meter.band_8 .level_3,.volume_meter.band_8 .level_4,.volume_meter.band_8 .level_5,.volume_meter.band_8 .level_6,.volume_meter.band_8 .level_7,.volume_meter.band_9 .level_0,.volume_meter.band_9 .level_1,.volume_meter.band_9 .level_2,.volume_meter.band_9 .level_3,.volume_meter.band_9 .level_4,.volume_meter.band_9 .level_5,.volume_meter.band_9 .level_6,.volume_meter.band_9 .level_7,.volume_meter.band_9 .level_8,.volume_meter.band_10 .level_0,.volume_meter.band_10 .level_1,.volume_meter.band_10 .level_2,.volume_meter.band_10 .level_3,.volume_meter.band_10 .level_4,.volume_meter.band_10 .level_5,.volume_meter.band_10 .level_6,.volume_meter.band_10 .level_7,.volume_meter.band_10 .level_8,.volume_meter.band_10 .level_9 {
    visibility: visible
}

.youtubed {
    display: block
}

.media_comment_thumbnail {
    width: 140px;
    height: 100px;
    margin: 3px 5px;
    box-sizing: border-box;
    background: url(/dist/images/blank-7bf2b2cd6a.png) no-repeat center center;
    background-color: #2b7abc;
    background-size: cover;
    display: flex;
    justify-content: space-around;
    align-items: center;
    align-content: center;
    padding: 0
}

.media_comment_thumbnail.media_comment_thumbnail-small {
    width: 70px;
    height: 50px
}

.media_comment_thumbnail_play_button {
    width: 50px;
    height: 50px;
    text-align: center;
    background-image: url(/dist/images/icon-arrow-right-white-a54e57acde.svg);
    background-repeat: no-repeat;
    background-size: 40%;
    background-position: 55%;
    background-color: #2b7abc;
    border-radius: 50%
}

.media_comment_thumbnail-small .media_comment_thumbnail_play_button {
    width: 25px;
    height: 25px
}

a.menu_tool_link img.icon,a.menu_tray_tool_link img.icon {
    max-width: 16px
}

#context_modules {
    min-width: 20px
}

.context_module {
    border: 0;
    background-color: #fff;
    min-width: 20px;
    margin-top: 15px
}

.context_module .links a,.context_module .reorder_module_link,.context_module .move_item_link {
    opacity: .5;
    text-decoration: none
}

.context_module .links a:hover,.context_module .reorder_module_link:hover,.context_module .move_item_link:hover {
    opacity: 1
}

.context_module .links {
    padding-right: 10px;
    text-align: right;
    white-space: nowrap
}

.context_module .icon-minimize {
    color: #f06e26
}

.context_module .icon-info {
    color: var(--ic-brand-primary)
}

.context_module .icon-check {
    color: #03893d
}

.context_module .ig-row {
    display: flex;
    align-items: center
}

.context_module .ig-row .module-item-status-icon {
    width: 16px;
    padding-right: 10px
}

.context_module .ig-row .module-item-status-icon .icon-mark-as-read {
    opacity: .4
}

.context_module .ig-row .module-item-status-icon+.ig-admin {
    margin-left: 12px
}

.context_module .ig-row:not(.with-completion-requirements) .ig-details__item:nth-last-child(2):after {
    display: none
}

.context_module .ig-row:not(.with-completion-requirements).no-estimated-duration .ig-details__item:nth-last-child(3):after {
    display: none
}

.context_module .ig-row.with-completion-requirements.no-estimated-duration .ig-details__item:nth-last-child(2):after {
    display: none
}

.context_module h2 .name {
    display: inline;
    position: absolute;
    left: 45px;
    right: 140px;
    top: 6px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.context_module.student-view h2 .name {
    left: 20px
}

.context_module h2 .name {
    display: inline;
    position: absolute;
    left: 45px;
    right: 140px;
    top: 6px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.context_module.student-view h2 .name {
    left: 20px
}

.context_module .completion_status .complete_icon,.context_module .locked_icon,.context_module .in_progress_icon,.context_module .progression_details_link,.context_module .header .links,.context_module .add_module_item_link,.context_module .manage_module,.context_module .delete_prerequisite_link,.context_module .expand_module_link,.context_module .collapsed,.context_module .context_module_item .links {
    display: none
}

.context_module.editable_context_module .progression_details_link,.context_module.editable_context_module .reorder_module_link,.context_module.editable_context_module .add_module_item_link,.context_module.editable_context_module .edit_module_link,.context_module.editable_context_module .delete_module_link,.context_module.editable_context_module .delete_prerequisite_link {
    display: inline
}

.context_module.editable_context_module .delete_prerequisite_link {
    text-decoration: none;
    padding-left: 3px
}

.context_module.editable_context_module .header .links,.context_module.editable_context_module .manage_module {
    display: block
}

.context_module.editable_context_module .completion_status {
    visibility: hidden
}

.context_module.editable_context_module .context_module_item td.links {
    display: table-cell
}

.context_module.collapsed_module .expand_module_link {
    display: inline
}

.context_module.collapsed_module .collapse_module_link,.context_module.collapsed_module .content {
    display: none
}

.context_module.collapsed_module .collapsed {
    display: block
}

.context_module.completed.has_requirements .completion_status .complete_icon {
    display: inline
}

.context_module.completed.has_requirements .completion_status .in_progress_icon,.context_module.completed.has_requirements .completion_status .locked_icon {
    display: none
}

.context_module.started .completion_status .in_progress_icon {
    display: inline
}

.context_module.started .completion_status .complete_icon,.context_module.started .completion_status .locked_icon {
    display: none
}

.context_module.unlocked .completion_status .in_progress_icon,.context_module.unlocked .completion_status .complete_icon,.context_module.unlocked .completion_status .locked_icon {
    display: none
}

.context_module.locked .context_module_item {
    opacity: .5
}

.context_module.locked .context_module_item .title {
    display: none
}

.context_module.locked .context_module_item .locked_title {
    display: inline
}

.context_module.locked .context_module_item .completion_requirement {
    color: #aaa
}

.context_module.locked .completion_status .locked_icon {
    display: inline
}

.context_module.locked .completion_status .complete_icon,.context_module.locked .completion_status .in_progress_icon {
    display: none
}

.context_module.locked .module_item_icons {
    opacity: .8
}

.context_module .manage_module,.context_module .show_hide,.context_module .progression_container {
    font-size: .8em;
    float: left;
    padding-left: 15px
}

.context_module .progression_container {
    float: right
}

.context_module a.add-small {
    line-height: normal
}

.context_module div.footer {
    padding: 13px 10px 2px;
    margin-left: 15px;
    color: #666
}

.context_module div.footer:before,.context_module div.footer:after {
    display: table;
    content: "";
    line-height: 0
}

.context_module div.footer:after {
    clear: both
}

.context_module .prerequisites .criterion {
    float: left;
    border: 1px solid #aaa;
    background-color: #def;
    margin-left: 3px;
    padding: .2em 4px;
    font-size: .8em;
    color: #444
}

.context_module_item {
    border-bottom: 1px dotted #e0e0e0
}

.context_module_item.indent_0 td .type_icon {
    padding-right: 15px
}

.context_module_item.indent_0 li:has(a.outdent_item_link) {
    display: none !important
}

.context_module_item.indent_1 td .type_icon {
    padding-right: 15px
}

.context_module_item.indent_1 .type_icon {
    padding-left: 20px
}

.context_module_item.indent_2 td .type_icon {
    padding-right: 15px
}

.context_module_item.indent_2 .type_icon {
    padding-left: 40px
}

.context_module_item.indent_3 td .type_icon {
    padding-right: 15px
}

.context_module_item.indent_3 .type_icon {
    padding-left: 60px
}

.context_module_item.indent_4 td .type_icon {
    padding-right: 15px
}

.context_module_item.indent_4 .type_icon {
    padding-left: 80px
}

.context_module_item.indent_5 td .type_icon {
    padding-right: 15px
}

.context_module_item.indent_5 .type_icon {
    padding-left: 100px
}

.context_module_item.indent_5 .indent_item_link {
    display: none !important
}

.context_module_item .type_icon i {
    color: #777;
    display: none
}

.context_module_item .type_icon .icon-document {
    display: inline-block
}

.context_module_item .type_icon.display_icons i {
    display: inline-block
}

.context_module_item .display_icons .icon-forward {
    transform: scaleY(-1)
}

.context_module_item.attachment .icon-document {
    display: none
}

.context_module_item.attachment .icon-paperclip {
    display: inline-block
}

.context_module_item.discussion_topic .icon-document {
    display: none
}

.context_module_item.discussion_topic .icon-discussion {
    display: inline-block
}

.context_module_item.assignment .icon-document {
    display: none
}

.context_module_item.assignment .icon-assignment {
    display: inline-block
}

.context_module_item.quiz .icon-document {
    display: none
}

.context_module_item.quiz .icon-quiz:not(.icon-Solid) {
    display: inline-block
}

.context_module_item.lti-quiz .icon-document {
    display: none
}

.context_module_item.lti-quiz .icon-Solid {
    display: inline-block
}

.context_module_item.external_url .icon-document,.context_module_item.context_external_tool .icon-document,.context_module_item.lti\/message_handler .icon-document {
    display: none
}

.context_module_item.external_url .icon-link,.context_module_item.context_external_tool .icon-link,.context_module_item.lti\/message_handler .icon-link {
    display: inline-block
}

.context_module_item.context_module_sub_header .type_icon i {
    display: none
}

.context_module_item.context_module_sub_header .completion_status {
    display: none
}

.context_module_item .completion_requirement {
    font-size: .8em;
    padding-left: 5px;
    margin-top: -4px;
    color: #888;
    display: inline
}

.context_module_item .completion_requirement .requirement_type {
    display: none
}

.context_module_item .completion_requirement .requirement_type .fulfilled {
    display: none
}

.context_module_item.min_score_requirement .completion_requirement,.context_module_item.min_score_requirement .min_score_requirement {
    display: inline
}

.context_module_item.min_percentage_requirement .completion_requirement,.context_module_item.min_percentage_requirement .min_percentage_requirement {
    display: inline
}

.context_module_item.must_view_requirement .completion_requirement,.context_module_item.must_view_requirement .must_view_requirement {
    display: inline
}

.context_module_item.must_mark_done_requirement .completion_requirement,.context_module_item.must_mark_done_requirement .must_mark_done_requirement {
    display: inline
}

.context_module_item.must_contribute_requirement .completion_requirement,.context_module_item.must_contribute_requirement .must_contribute_requirement {
    display: inline
}

.context_module_item.must_submit_requirement .completion_requirement,.context_module_item.must_submit_requirement .must_submit_requirement {
    display: inline
}

.context_module_item .complete_item_icon {
    display: none
}

.context_module_item.completed_item .completion_requirement .requirement_type .fulfilled {
    display: inline
}

.context_module_item.completed_item .completion_requirement .requirement_type .unfulfilled {
    display: none
}

.context_module_item.after_current_position .item_name {
    opacity: .5
}

.context_module_item.after_current_position .item_name .title {
    display: none
}

.context_module_item.after_current_position .item_name .locked_title {
    display: inline
}

.context_module_item.after_current_position .item_name .completion_requirement {
    color: #aaa
}

.context_module_item .module_item_icons {
    text-align: left;
    white-space: nowrap;
    width: 3.2em
}

#context_modules.editable .context_module_item.after_current_position {
    opacity: 1
}

#context_modules.editable .context_module_item.after_current_position .title {
    display: inline-block
}

#context_modules.editable .context_module_item.after_current_position .locked_title {
    display: none
}

.module_item_select {
    min-height: 175px;
    min-width: 200px;
    width: 100%
}

.context_module_item .item_name .locked_title {
    display: none
}

.context_module_item .move_item_link,.context_module_item .links a {
    visibility: hidden
}

.locked .context_module_item .title {
    display: none
}

.locked .context_module_item .locked_title {
    display: inline
}

.context_module_item.context_module_sub_header .title {
    display: none
}

.context_module_item.context_module_sub_header .type_icon {
    width: 0px
}

.context_module_item.context_module_sub_header .ig-type-icon {
    display: none
}

.context_module_item.context_module_sub_header .ig-info {
    margin-left: 3px
}

.context_module_item.context_module_sub_header .criterion img {
    display: none
}

.context_module_item.context_module_sub_header .locked_title {
    font-size: 18px;
    font-size: 1.125rem;
    display: inline;
    font-weight: bold
}

.context_module_item .links {
    width: 80px;
    vertical-align: top;
    padding-top: 2px
}

.context_module_item.context_module_item_hover,.context_module_item:hover {
    background-color: #f9f9f9
}

.context_module_item.context_module_item_hover .move_item_link,.context_module_item.context_module_item_hover .links a,.context_module_item:hover .move_item_link,.context_module_item:hover .links a {
    visibility: visible
}

.context_module_item td.points_possible_display,.context_module_item td.due_date_display {
    padding-top: 5px;
    vertical-align: top;
    color: #888;
    font-size: .8em;
    text-align: left;
    white-space: nowrap
}

.context_module_item td.points_possible_display {
    padding-right: 15px;
    width: 40px
}

.context_module_item td.due_date_display {
    padding-right: 5px;
    padding-left: 15px;
    width: 40px
}

.context_module_placeholder {
    height: 15px;
    border: 1px dashed #888;
    margin: 3px 0
}

.context_module .context_module_items {
    border-collapse: collapse
}

.context_module .context_module_items .context_module_item .move_item_link {
    display: none
}

.context_module .context_module_items .context_module_item .completion_status {
    display: inline
}

.context_module .context_module_items .context_module_item .links a {
    display: none
}

.context_module .context_module_items.manageable .context_module_item .move_item_link {
    display: inline
}

.context_module .context_module_items.manageable .context_module_item .completion_status {
    display: none
}

.context_module .context_module_items.manageable .context_module_item .links a {
    display: inline
}

.context_module_item:not(.show_assignment_menu) li.assignment_menu {
    display: none
}

.context_module_item:not(.discussion_topic) li.discussion_topic_menu {
    display: none
}

.context_module_item:not(.attachment) li.file_menu {
    display: none
}

.context_module_item:not(.quiz) li.quiz_menu {
    display: none
}

.context_module_item:not(.wiki_page) li.wiki_page_menu {
    display: none
}

.context_module_item:not(.dupeable) .dupe-option {
    display: none
}

.context_module_item h3.module-item-title {
    margin: 0
}

div.completion_criterion_option select.assignment_picker {
    width: 175px
}

div.completion_criterion_option select.assignment_requirement_picker {
    width: 175px
}

.publish-icon button {
    outline-width: .125rem;
    outline-color: transparent;
    outline-style: solid;
    border: 0;
    border-radius: 3px;
    outline: none;
    padding: 4px;
    margin-right: -7px
}

.publish-icon button:focus {
    box-shadow: inset 0 0 0 2px var(--ic-link-color)
}

.radio-description {
    font-size: .8em;
    padding-left: 1.375rem;
    max-width: 25rem
}

.ui-widget-overlay {
    background-color: rgba(255,255,255,.75)
}

.ui-dialog.ui-widget-content {
    box-shadow: 0 .375rem .4375rem rgba(0,0,0,.1),0 .625rem 1.75rem rgba(0,0,0,.25)
}

.page_header_container {
    margin-bottom: 36px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 1.5rem;
    column-gap: 15px
}

@media(max-width: 1024px) {
    .page_header_container {
        margin-bottom:24px;
        flex-direction: column;
        align-items: flex-start
    }
}

.page_header_container .collab-page_header {
    font-size: 38px;
    font-size: 2.375rem;
    margin: 0;
    font-weight: 700
}

@media(max-width: 991px) {
    .page_header_container .collab-page_header {
        font-size:28px;
        font-size: 1.75rem
    }
}

.page_header_container .actions_buttons-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: .75rem;
    flex-wrap: nowrap
}

@media(max-width: 767px) {
    .page_header_container .actions_buttons-container {
        flex-wrap:wrap;
        flex-direction: column;
        width: 100%
    }
}

.collaborations-header {
    display: flex;
    overflow: hidden;
    margin-bottom: 14px
}

.collaborations-header h1,.collaborations-header .h1 {
    float: left;
    margin: 0
}

.collaborations-header .add_collaboration_link {
    float: right
}

#new_collaboration .ic-Input,.edit_collaboration .ic-Input {
    max-width: 28.75rem
}

#new_collaboration textarea.ic-Input,.edit_collaboration textarea.ic-Input {
    height: 126px
}

#new_collaboration {
    margin-top: .625rem
}

#new_collaboration .collaboration_type_descriptions {
    margin-bottom: 1.125rem
}

#new_collaboration #collaborate_authorize_google_docs {
    margin-top: 1.25rem
}

.collaboration {
    border: 1px solid #e8eaec;
    border-radius: 6px;
    margin: 0 0 10px;
    padding: 10px
}

.collaboration.etherpad {
    padding: 10px
}

.collaboration .collaboration-header h2,.collaboration .collaboration-header .h2 {
    float: left;
    font-family: arial,sans-serif;
    font-size: 1.2em;
    line-height: inherit;
    margin: 0;
    border-bottom: 1px solid #e8eaec
}

.collaboration .collaboration-header .links {
    float: right;
    line-height: .8em
}

.collaboration .description {
    margin-bottom: 5px
}

.collaborator-picker .list-wrapper {
    float: left;
    height: 300px;
    overflow-y: scroll;
    width: 50%
}

.collaborator-picker .list-wrapper li {
    position: relative
}

.collaborator-picker .list-wrapper li .icon-end,.collaborator-picker .list-wrapper li .icon-add {
    display: none;
    position: absolute;
    right: 5px;
    top: 4px
}

.collaborator-picker .list-wrapper li:hover .icon-end,.collaborator-picker .list-wrapper li:hover .icon-add,.collaborator-picker .list-wrapper li a:focus .icon-end,.collaborator-picker .list-wrapper li a:focus .icon-add {
    display: block
}

.collaborator-picker .loading-wrapper {
    text-align: center
}

.collaborator-picker .loading-wrapper img {
    margin: 16px auto
}

.collaborator-picker .list-wrapper ul {
    display: none
}

.collaborator-picker .list-wrapper ul:first-child {
    display: block
}

.collaborator-picker .members-list-wrapper ul {
    display: block
}

.collaborator-picker .box-with-header .box-content {
    overflow: hidden;
    padding: 0
}

.collaborator-picker .ui-state-active i,.collaborator-picker .ui-progressbar .ui-widget-header i,.ui-progressbar .collaborator-picker .ui-widget-header i {
    color: #00b5fe !important
}

.collaborator-picker .filters {
    display: inline-block;
    padding-right: 5px
}

.collaborator-picker .radio-group-outline {
    outline: var(--ic-brand-primary) solid 2px
}

.collaboration-actions.form-actions {
    background: none;
    border: none;
    padding: 0
}

.collaborator-list>ul>li {
    background: none;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    color: #6a7883;
    display: block;
    padding: 4px 12px
}

.collaborator-list>ul>li:hover {
    background: #edf4fc
}

.collaborator-list>ul>li>a {
    border: none;
    padding: 0
}

.collaborator-list>ul>li>a:hover {
    background: none
}

.members-list-wrapper li {
    background: #f5fbf7
}

.members-list-wrapper li:hover,.members-list-wrapper li:hover a,.members-list-wrapper li a:focus {
    background: none;
    color: #b72d1e;
    outline: 0
}

.members-list-wrapper a {
    cursor: pointer
}

.members-list-wrapper .remove-button {
    display: none
}

.members-list-wrapper .remove-button a {
    color: #333;
    cursor: pointer;
    display: block;
    text-align: center
}

.members-list-wrapper .member-instructions {
    border: 2px dashed #999;
    border-radius: 10px;
    color: #777;
    font-size: 18px;
    font-size: 1.125rem;
    margin: 36px 8px 8px;
    padding: 4px;
    text-align: center
}

@keyframes page-changed-alert {
    from {
        height: 0
    }

    to {
        height: 39px
    }
}

@keyframes page-changed-header-bar {
    from {
        height: 64px
    }

    to {
        height: 103px
    }
}

a.menu_tool_link img.icon,a.menu_tray_tool_link img.icon {
    max-width: 16px
}

.pages .sticky-toolbar .sticky {
    position: fixed;
    z-index: 1000;
    top: 0px;
    left: 0px;
    right: 0px;
    margin-left: 1px;
    background: #fff;
    height: 33px;
    max-width: 1100px;
    border-color: #ccd1d5
}

.pages.with-left-side .sticky-toolbar .sticky {
    margin-left: 176px
}

.pages.with-right-side .sticky-toolbar .sticky {
    margin-right: 287px
}

.delete_criterion_link {
    border: none;
    background: none;
    padding: 0px
}

.add_prerequisite_or_requirement_link {
    color: var(--ic-link-color);
    border: none;
    background: none;
    padding: 0px
}

.add_prerequisite_or_requirement_link:hover {
    color: var(--ic-link-color-darkened-10);
    background: none;
    text-decoration: underline
}

.pages .header-bar-outer-container {
    min-height: 64px;
    clear: right
}

.pages .header-bar-outer-container .header-bar-container {
    min-width: 508px;
    min-height: 64px
}

@media not all and (min-width: 768px) {
    .pages .header-bar-outer-container .header-bar-container {
        min-width:100%
    }
}

.pages .header-bar-outer-container .header-bar-container .page-changed-alert {
    overflow: hidden;
    height: 0
}

.pages .header-bar-outer-container .header-bar-container .page-changed-alert .alert {
    border-radius: 0
}

.pages .header-bar-outer-container .header-bar-container .header-left-flex {
    flex: 1;
    float: none;
    white-space: nowrap;
    overflow: hidden
}

.pages .header-bar-outer-container .header-bar-container .header-left-flex .course-title {
    text-overflow: ellipsis;
    overflow: hidden
}

.pages .header-bar-outer-container .header-bar-container .header-right-flex {
    padding-left: 12px
}

.pages .header-bar-outer-container .header-bar-container .flex-container {
    display: flex
}

.pages .header-bar-outer-container.page-changed {
    height: 103px;
    animation: page-changed-header-bar 1.15s
}

.pages .header-bar-outer-container.page-changed .header-bar-container {
    height: 103px;
    animation: page-changed-header-bar 1.15s
}

.pages .header-bar-outer-container.page-changed .header-bar-container .page-changed-alert {
    margin: -1px 0 0 0;
    border-bottom: 1px solid #e8eaec;
    box-shadow: 0 1px 0 rgba(0,0,0,.15);
    height: 39px;
    animation: page-changed-alert 1.15s
}

.pages.index .index-content-container {
    margin-top: 1px
}

.pages.index .page-edit-dialog .edit-content {
    margin: 8px 5px
}

.pages.index .page-edit-dialog .edit-content .edit-label {
    padding-top: 8px;
    width: 75px;
    float: left;
    text-align: right
}

@media not all and (min-width: 768px) {
    .pages.index .page-edit-dialog .edit-content .edit-label {
        width:auto
    }
}

.pages.index .page-edit-dialog .edit-content .edit-controls {
    margin-left: 85px
}

@media not all and (min-width: 768px) {
    .pages.index .page-edit-dialog .edit-content .edit-controls {
        float:right;
        margin-left: 0px
    }
}

.pages.index .page-edit-dialog .edit-content .edit-control-text {
    width: 270px
}

@media not all and (min-width: 768px) {
    .pages.index .page-edit-dialog .edit-content .edit-control-text {
        width:140px
    }
}

.pages.index .index-content .table {
    margin-bottom: 0;
    border-collapse: separate;
    border-spacing: 0
}

.pages.index .index-content .table td:first-child,.pages.index .index-content .table th:first-child {
    padding-left: 12px
}

.pages.index .index-content .table td:last-child,.pages.index .index-content .table th:last-child {
    padding-right: 12px
}

.pages.index .index-content .table thead {
    background: #fff
}

.pages.index .index-content .table thead tr {
    height: 40px
}

.pages.index .index-content .table thead th {
    vertical-align: middle;
    font-weight: bold
}

.pages.index .index-content .table tbody .page_title {
    font-weight: bold
}

.pages.index .index-content .table tbody .front-page {
    margin: auto .5em
}

.pages.index .index-content .table tbody tr {
    background: #f2f4f4;
    text-decoration: inherit;
    color: inherit
}

.pages.index .index-content .table tbody tr.clickable:hover {
    background: #eef7ff;
    text-decoration: inherit;
    color: inherit
}

.pages.index .index-content .table tbody tr td:first-child {
    border-left: 1px solid #e8eaec
}

.pages.index .index-content .table tbody tr td:last-child {
    border-right: 1px solid #e8eaec
}

.pages.index .index-content .table tbody tr:first-child td {
    border-top: 1px solid #e8eaec
}

.pages.index .index-content .table tbody tr:first-child td:first-child {
    border-top-left-radius: 3px
}

.pages.index .index-content .table tbody tr:first-child td:last-child {
    border-top-right-radius: 3px
}

.pages.index .index-content .table tbody tr:last-child td {
    border-bottom: 1px solid #e8eaec
}

.pages.index .index-content .table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 3px
}

.pages.index .index-content .table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 3px
}

.pages.index .index-content .table tbody td {
    font-size: 11px;
    font-size: 0.6875rem;
    color: dimgray;
    border-top: 1px solid #e8eaec;
    vertical-align: middle;
    line-height: 1.5
}

.pages.index .index-content .table tbody td .wiki-page-link {
    font-size: 13px;
    font-size: 0.8125rem;
    color: #4d4d4d;
    font-weight: bold
}

.pages.index .index-content .table tbody td .wiki-page-link.published {
    color: #03893d
}

.pages.index .index-content .table tbody td .wiki-page-link.unpublished {
    color: var(--ic-brand-font-color-dark-lightened-15)
}

.pages.index .index-content .table tbody td .icon-publish {
    color: #03893d
}

.pages.index .index-content .table tbody td .icon-unpublished {
    color: var(--ic-brand-font-color-dark-lightened-28)
}

.pages.index .index-content .table .no-pages .no-pages-cell {
    border: 1px dashed #e8eaec
}

.pages.index .index-content .loading {
    text-align: center;
    color: #8f9295
}

.pages.index .index-content .loading img {
    margin-top: -3px;
    opacity: .75
}

.pages.index .index-content .loading.loading {
    border: 1px solid transparent
}

.pages.index .index-content .loading.loading-more {
    border: 1px dashed #e8eaec;
    border-top-width: 0;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-top: 1px;
    padding: 4px 12px;
    background: #f4f6f8
}

.header-row a.sort-field {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    color: inherit;
    white-space: nowrap
}

.header-row a.sort-field i {
    color: #ccc
}

.header-row a.sort-field:hover {
    text-decoration: none
}

.header-row a.sort-field:hover i {
    color: #08c
}

.header-row a.sort-field-active i {
    color: #000
}

.pages.show .course-title {
    display: none;
    font-size: 1.8em;
    font-weight: bold;
    margin: 0;
    color: #666
}

.pages.show .page-title {
    font-size: 2.5em;
    font-weight: 200;
    margin: 15px 0;
    color: #666
}

.pages.show .header-bar .front-page.label {
    margin: 11px 12px 11px 0
}

.pages.show .locked-alert ul {
    margin: 4px 0 6px 25px
}

.pages.show .show-content {
    word-wrap: break-word;
    overflow-x: auto;
    box-sizing: border-box;
    padding: 0 12px
}

@media only screen and (min-width: 992px) {
    .pages.show .show-content {
        padding:0 24px 0 12px
    }
}

@media(max-width: 368px) {
    .pages.show .show-content.lti-content {
        overflow-x:visible
    }

    .pages.show .show-content.lti-content p.lti-embed-container {
        width: 100vw;
        min-width: 100vw;
        margin-left: -24px;
        overflow-x: auto
    }

    .pages.show .show-content.lti-content p.lti-embed-container iframe.lti-embed {
        min-width: 320px
    }
}

.pages.show .floating_links {
    margin-right: 15px
}

.pages.show .public-license {
    margin-left: 15px;
    margin-bottom: 15px
}

.pages.show.home .course-title {
    display: block
}

.pages.show.home .page-title {
    display: none
}

.pages.show.home .show-content {
    padding-top: 25px
}

.pages.edit .form-actions {
    padding-left: 1em
}

@media not all and (min-width: 768px) {
    .pages.edit .form-actions label {
        text-align:left
    }
}

@media not all and (min-width: 768px) {
    .pages.edit .edit-content #title {
        max-width:90%
    }
}

.pages.edit .page-edit__action_buttons {
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start
}

.pages.edit .page-edit__action_buttons button {
    margin-top: 10px
}

@media only screen and (min-width: 500px) {
    .pages.edit .page-edit__action_buttons {
        display:inline-block;
        width: unset
    }

    .pages.edit .page-edit__action_buttons button {
        margin-top: 0px
    }
}

@media not all and (min-width: 768px) {
    .pages.edit .control-group.options .controls {
        margin-left:0
    }

    .pages.edit .control-group.options .control-label {
        float: none;
        text-align: left;
        width: 100%
    }
}

.pages.edit .edit-form {
    margin: 0
}

.pages.edit .edit-form .edit-content {
    padding: 1em
}

.pages.edit .edit-form .edit-content .edit-header {
    position: relative;
    margin-bottom: 1em
}

.pages.edit .edit-form .edit-content .edit-header h2 {
    margin: 0
}

.pages.edit .edit-form .edit-content .switch_views_container {
    display: flex;
    justify-content: flex-end
}

.pages.edit .edit-form .edit-content .body {
    width: 98.5%
}

.pages.edit .edit-form .edit-content .mceLayout {
    margin: 0
}

.pages.edit .edit-form .edit-content .options {
    margin-top: 1em
}

.pages.edit .edit-form .form-actions {
    margin-top: 0;
    margin-bottom: 0
}

.pages.edit .edit-form #editing_roles_label {
    display: block
}

.pages.show.revisions #wiki_page_revisions {
    position: relative
}

@media only screen and (min-width: 992px) {
    .pages.show.revisions #wiki_page_revisions {
        min-height:502px
    }
}

@media only screen and (min-width: 992px) {
    .pages.show.revisions .show-content {
        margin-right:270px
    }
}

.pages.show.revisions .show-revisions {
    border-bottom: 1px solid #e8eaec
}

@media only screen and (min-width: 992px) {
    .pages.show.revisions .show-revisions {
        border-bottom:none;
        position: absolute;
        top: 0;
        right: 0;
        width: 270px
    }

    .pages.show.revisions .show-revisions aside {
        width: 270px;
        position: fixed;
        padding-top: 24px
    }
}

.pages.show.revisions .show-revisions .revision-history {
    font-size: 16px;
    font-size: 1rem;
    position: relative;
    font-weight: bold;
    margin-bottom: 12px;
    font-size: 16px;
    font-size: 1rem
}

.pages.show.revisions .show-revisions .revision-history .close-button {
    position: absolute;
    top: 3px;
    bottom: 3px;
    right: 3px;
    width: 42px;
    text-align: center;
    color: dimgray
}

.pages.show.revisions .show-revisions .revision-history .close-button:hover {
    color: var(--ic-brand-primary)
}

.pages.show.revisions .show-revisions .revision-history .close-button i.icon-x {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 13px
}

.pages.show.revisions .show-revisions ul.revisions-list {
    margin: 0;
    overflow-y: auto
}

.pages.show.revisions .revision {
    list-style-type: none;
    overflow: hidden;
    border-left: 2px solid transparent
}

.pages.show.revisions .revision .revision-content {
    padding: 7px 8px;
    font-size: 14px;
    font-size: 0.875rem
}

.pages.show.revisions .revision .revision-content .revision-details {
    padding-left: 3px;
    text-align: left;
    font-size: 12px;
    color: #333
}

.pages.show.revisions .revision .revision-content .revision-actions {
    padding-left: 3px
}

.pages.show.revisions .revision:not(.selected):hover {
    border-left-color: var(--ic-link-color)
}

.pages.show.revisions .revision:not(.selected):hover .revision-content {
    cursor: pointer
}

.pages.show.revisions .revision .revision-actions {
    margin-top: 2px;
    font-style: italic;
    color: #737373
}

.pages.show.revisions .revision .revision-actions a.restore-link {
    font-style: normal;
    cursor: pointer
}

.pages.show.revisions .revision.selected {
    border-left-color: var(--ic-link-color);
    background: #e0ebf5
}

.pages.show.revisions .revision-nav-buttons {
    position: relative;
    height: 36px
}

.pages.show.revisions .revision-nav-buttons a {
    -webkit-user-select: none;
    user-select: none;
    text-transform: uppercase;
    font-weight: bold
}

.pages.show.revisions .revision-nav-buttons a:hover {
    text-decoration: none;
    cursor: pointer;
    color: var(--revision-button-hover-color);
    border-radius: 3px
}

.pages.show.revisions .revision-nav-buttons .prev-button {
    position: absolute;
    left: 0;
    top: 0
}

.pages.show.revisions .revision-nav-buttons .next-button {
    position: absolute;
    right: 0;
    top: 0
}

@media print {
    #breadcrumbs,.header-bar-outer-container {
        display: none
    }

    .pages.show.revisions .show-revisions {
        display: none
    }

    .pages.show.revisions .show-content {
        margin-right: 0
    }
}

#wiki_show_view_main {
    overflow: auto
}

#last_edited_by {
    border: solid #eee;
    border-width: 0 0 1px;
    font-size: .8em;
    margin-bottom: 10px;
    margin-right: 2px
}

#last_edited_by h3,#last_edited_by .h3 {
    margin: 0px 20px 10px;
    font-size: 1.5em;
    color: #444
}

#page_history {
    float: right
}

#wiki_page_body_parent.mceEditor {
    display: block;
    overflow: auto
}

.page-toolbar {
    display: flex;
    align-items: stretch
}

.page-toolbar.header-bar {
    padding-bottom: 6px
}

.page-toolbar .page-toolbar-start {
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch
}

.page-toolbar .page-toolbar-start>div {
    padding-bottom: 6px
}

.page-toolbar .page-toolbar-end {
    display: flex;
    flex-grow: 0;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: stretch;
    align-content: center;
    white-space: nowrap
}

.page-toolbar .page-toolbar-end>div {
    padding-bottom: 6px
}

.page-toolbar .publishing {
    display: flex
}

.page-toolbar .publishing>div {
    padding-left: 4px
}

.page-toolbar .buttons {
    margin-left: 4px
}

@media only screen and (max-width: 500px) {
    .page-toolbar .hide-when-small,.page-toolbar .publish-text {
        border:0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
        transform: translatez(0)
    }

    .page-toolbar .btn-published {
        padding-right: 9px
    }

    .page-toolbar .publish-button button {
        padding-left: 9px
    }

    .page-toolbar .btn.edit-wiki {
        padding-left: .5rem;
        padding-right: .5rem
    }
}

#wiki_page_body_error {
    color: #e62429;
    margin: 12px 0 12px 0 !important
}

.has_body_errors .RceHtmlEditor,.has_body_errors textarea#wiki_page_body,.has_body_errors .tox-edit-area iframe {
    border: 1px solid #e62429 !important
}

.has_body_errors .cm-editor.cm-focused,.has_body_errors .tox .tox-edit-area {
    outline: none !important;
    border: none !important
}

.controls-section .format_example,.controls-section .datetime_suggest {
    font-size: 14px;
    padding-left: 0;
    color: inherit
}

.controls-section .format_example .error-message,.controls-section .datetime_suggest .error-message {
    display: initial;
    justify-content: initial;
    align-items: initial;
    color: #e62429
}

.controls-section .format_example .error-message i.icon-warning.icon-Solid,.controls-section .datetime_suggest .error-message i.icon-warning.icon-Solid {
    margin-right: 4px
}

#members_list {
    margin: 0;
    list-style-type: none
}

#members_list .member {
    font-size: .8em
}

.rubric_container {
    display: flex;
    flex-direction: column;
    margin-top: 20px
}

.rubric_container tr.criterion .links {
    float: right;
    text-align: right
}

.rubric_container .small_description {
    font-weight: normal;
    margin: .25rem 0
}

.rubric_container .rubric_table {
    border-collapse: collapse;
    width: 100%;
    height: 100%;
    page-break-inside: avoid
}

.rubric_container .rubric_table .find_outcome_link {
    margin-left: 10px
}

.rubric_container thead th {
    background-color: #f2f4f4
}

.rubric_container td,.rubric_container th {
    border: 1px solid #e8eaec;
    padding: 7px 10px
}

.rubric_container .rubric_title {
    background-color: #f2f4f4;
    border-top: 1px solid #e8eaec;
    border-left: 1px solid #e8eaec;
    border-right: 1px solid #e8eaec;
    padding: 5px;
    font-weight: bold;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.rubric_container .rubric_title .displaying:not(.pull-right) {
    flex: 1
}

.rubric_container .rubric_title .links.displaying.pull-right {
    order: 2;
    margin-left: auto
}

.rubric_container .has-assessments-warning {
    font-size: .8em;
    font-weight: normal
}

.rubric_container tr.criterion td.criterion_description {
    height: 100%;
    vertical-align: top;
    padding: 12px 10px
}

.rubric_container tr.criterion td.criterion_description .container {
    margin-left: 0;
    margin-right: 0;
    width: auto;
    position: relative;
    font-size: .85rem;
    display: table;
    width: 100%
}

.rubric_container tr.criterion td.criterion_description .criterion_description_container {
    display: flex;
    flex-direction: column-reverse
}

.rubric_container tr.criterion td.criterion_description .description_content {
    display: table-cell;
    vertical-align: middle
}

.rubric_container tr.criterion td.criterion_description .learning_outcome_flag,.rubric_container tr.criterion td.criterion_description .threshold {
    display: none
}

.rubric_container tr.criterion td.criterion_description .long_description_holder {
    font-size: .8em;
    display: block
}

.rubric_container tr.criterion td.criterion_description .long_description_holder.empty {
    display: none
}

.rubric_container tr.criterion td.criterion_description .assessment-comments {
    font-size: 10px;
    font-size: 0.625rem
}

.rubric_container tr.criterion td.criterion_description .assessment-comments h6,.rubric_container tr.criterion td.criterion_description .assessment-comments .h6 {
    margin-top: 10px
}

.rubric_container tr.criterion.learning_outcome_criterion td.criterion_description .learning_outcome_flag {
    display: inline
}

.rubric_container tr.criterion.learning_outcome_criterion td.criterion_description .threshold {
    font-size: .8em;
    display: block;
    white-space: nowrap
}

.rubric_container tr.criterion.learning_outcome_criterion td.criterion_description.points_form .editing {
    display: none
}

.rubric_container tr.criterion.learning_outcome_criterion td.criterion_description.points_form .displaying {
    display: block
}

.rubric_container tr.criterion.learning_outcome_criterion td.criterion_description.points_form .ignoring {
    display: none
}

.rubric_container tr.criterion.learning_outcome_criterion.ignore_criterion_for_scoring .points_form .editing {
    display: none
}

.rubric_container tr.criterion.learning_outcome_criterion.ignore_criterion_for_scoring .points_form .displaying {
    display: none
}

.rubric_container tr.criterion.learning_outcome_criterion.ignore_criterion_for_scoring .points_form .ignoring {
    display: block
}

.rubric_container div.ratings {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row
}

.rubric_container div.ratings div.rating {
    flex: 1;
    display: flex;
    flex-direction: column;
    vertical-align: top;
    font-size: .85em;
    font-weight: bold
}

.rubric_container div.ratings div.rating .container {
    margin-left: 0;
    margin-right: 0;
    width: auto;
    position: relative;
    height: 100%;
    flex: 1
}

.rubric_container div.ratings div.rating .container .rating-main {
    padding: 12px 10px;
    flex: 1;
    display: flex;
    flex-direction: column-reverse;
    justify-content: start
}

.rubric_container div.ratings div.rating .container .rating-main .rating-content-wrapper {
    display: flex;
    flex-direction: column
}

.rubric_container div.ratings div.rating:not(:last-child) {
    border-right: 1px solid #e8eaec
}

.rubric_container div.ratings div.rating.edge_rating .delete_rating_link {
    display: none
}

.rubric_container div.ratings div.rating.infinitesimal .range_rating {
    display: none
}

.rubric_container .editing {
    display: none
}

.rubric_container .displaying {
    display: block
}

.rubric_container .ignoring {
    display: none
}

.rubric_container .assessing {
    display: none
}

.rubric_container td.criterion_description.completed {
    background-color: #ddd
}

.rubric_container td.points_form .criterion_comments {
    display: none
}

.rubric_container td.points_form .displaying .criterion_comments {
    display: inline
}

.rubric_container td.points_form .displaying .criterion_comments.empty {
    display: none
}

.rubric_container.assessing .points_form .editing {
    display: block
}

.rubric_container.assessing .points_form .displaying {
    display: none
}

.rubric_container.assessing .points_form .ignoring {
    display: none
}

.rubric_container.assessing .points_form .criterion_comments {
    display: inline
}

.rubric_container.assessing .points_form .criterion_comments.empty {
    opacity: .7
}

.rubric_container.assessing .points_form .criterion_comments.empty:hover {
    opacity: .9
}

.rubric_container.assessing span.assessing {
    display: inline
}

.rubric_container.assessing div.assessing {
    display: block
}

.rubric_container.assessing div.not_assessing {
    display: none
}

.rubric_container.assessing div.rating:hover {
    background-color: #ad9;
    cursor: pointer
}

.rubric_container.assessing tr.criterion.learning_outcome_criterion td.points_form .editing {
    display: block
}

.rubric_container.assessing tr.criterion.learning_outcome_criterion td.points_form .displaying {
    display: none
}

.rubric_container.assessing tr.criterion.learning_outcome_criterion td.points_form .ignoring {
    display: none
}

.rubric_container.assessing tr.criterion.learning_outcome_criterion.ignore_criterion_for_scoring td.points_form .editing {
    display: none
}

.rubric_container.assessing tr.criterion.learning_outcome_criterion.ignore_criterion_for_scoring td.points_form .displaying {
    display: none
}

.rubric_container.assessing tr.criterion.learning_outcome_criterion.ignore_criterion_for_scoring td.points_form .ignoring {
    display: block
}

.rubric_container.editing tr.criterion .links {
    display: inline-block
}

.rubric_container.editing tr.criterion .description {
    clear: both
}

.rubric_container.editing tr.criterion .criterion_range_label {
    display: flex;
    flex-direction: row-reverse;
    justify-content: start;
    align-items: center;
    gap: .5rem;
    cursor: pointer
}

.rubric_container.editing label.rubric-title-label {
    font-weight: bold
}

.rubric_container.editing tr.criterion .add_rating_link {
    line-height: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(50%, -50%);
    z-index: 1
}

.rubric_container.editing tr.criterion div.rating>div.container {
    display: flex
}

.rubric_container.editing .add_rating_link_after {
    border-radius: 1rem;
    background-color: var(--ic-link-color);
    text-align: center;
    vertical-align: middle;
    display: table-cell
}

.rubric_container.editing .add_rating_link i::before {
    font-size: .75rem;
    padding: .1875rem
}

.rubric_container.editing .add_rating_link i {
    color: #fff
}

.rubric_container.editing tr.criterion td.criterion_description .description_content {
    float: left;
    clear: both
}

.rubric_container.editing .editing {
    display: block
}

.rubric_container.editing .displaying {
    display: none
}

.rubric_container.editing .ignoring {
    display: none
}

.rubric_container.editing td.editing,.rubric_container.editing th.editing {
    display: table-cell
}

.rubric_container.editing div.ratings div.rating:not(:last-child) {
    border-right-style: dashed;
    border-right-color: #6a7883
}

.rubric_container.editing div.ratings div.add_right {
    border-right-color: #000;
    background: url(/dist/images/add_right-5625036f7a.png) no-repeat center right
}

.rubric_container.editing div.ratings div.add_left {
    border-left-color: #000;
    background: url(/dist/images/add_left-98f1da4be8.png) no-repeat center left
}

.rubric_container.editing div.ratings div.add_column {
    cursor: pointer
}

.rubric_container.editing tr.criterion td.criterion_description .container {
    height: 100%
}

.rubric_container.editing tr.criterion td.criterion_description .long_description_holder {
    font-size: .8em;
    font-weight: bold
}

.rubric_container.editing tr.criterion td.criterion_description .long_description_holder.empty {
    font-weight: normal;
    display: block
}

.rubric_container.editing tr.criterion.learning_outcome_criterion td.points_form .editing {
    display: none
}

.rubric_container.editing tr.criterion.learning_outcome_criterion td.points_form .displaying {
    display: block
}

.rubric_container.editing tr.criterion.learning_outcome_criterion td.points_form .ignoring {
    display: none
}

.rubric_container .has-assessments-warning {
    font-size: .8em;
    font-weight: normal;
    text-align: left
}

.rubric_summary {
    margin-top: 0 !important
}

.rubric_summary .rating_holder {
    margin-bottom: 3px
}

.rubric_summary .rating {
    color: #777;
    text-align: left
}

.rubric_summary .rating_comments_dialog_link {
    font-size: .8em;
    max-height: 2.7em;
    cursor: pointer;
    overflow: hidden
}

.rubric_summary .x_out_of_x {
    float: right
}

.rubric_summary.free_form .rating.description {
    display: none
}

.rubric_summary .points_form {
    font-size: .85rem
}

.rubric_summary .points_form .rating_custom {
    height: 15px
}

.edit-rubric-form .button-container {
    margin: 8px 0;
    text-align: right
}

#rubric_holder .rubric_title {
    margin-right: 0
}

#rubric_holder .hide_rubric_link {
    color: #333;
    cursor: pointer
}

.ic-Action-header--half-margin {
    margin-top: 6px;
    margin-bottom: 6px
}

#edit_rating_form div,#edit_criterion_form div {
    margin-top: 30px;
    width: 100%
}

.rating_form_label {
    font-size: 1rem
}

.popover_menu_width {
    max-width: 15em
}

#edit_criterion_form label {
    width: 100%;
    margin-bottom: 0px
}

#edit_criterion_form textarea {
    margin-top: 5px;
    width: 90%
}

div.rubric-footer {
    padding: 7px 10px;
    border: 1px solid #e8eaec;
    border-top-style: none;
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}

div.rubric-footer .total_points_holder {
    order: 2;
    margin-left: auto
}

div.rubric-footer #add_criterion_container>span {
    display: flex;
    flex-direction: row;
    gap: .5rem
}

div.edit_rubric {
    padding: 7px 10px;
    border: 1px solid #e8eaec;
    border-top-style: none;
    flex: 1
}

div.edit_rubric>form.edit-rubric-form {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

div.edit_rubric>form.edit-rubric-form>div {
    display: flex;
    gap: .5rem
}

div.edit_rubric>form.edit-rubric-form>div>input {
    margin: 0
}

div.edit_rubric>form.edit-rubric-form>div>label {
    line-height: normal;
    display: flex;
    gap: .5rem;
    align-items: center
}

.mini_month {
    padding: 12px 0 0;
    margin-bottom: 24px
}

.mini-cal-header {
    text-align: center;
    padding: 12px 6px;
    font-weight: bold;
    border: 1px solid #e8eaec;
    color: var(--ic-brand-font-color-dark-lightened-15)
}

.mini-cal-header img {
    vertical-align: middle
}

.mini-cal-header .prev_month_link {
    float: left
}

.mini-cal-header .next_month_link {
    float: right
}

.mini_calendar {
    width: 100%;
    border: 1px solid #e8eaec;
    border-top: none
}

.mini_calendar .day {
    padding: 0;
    height: 21px;
    color: #444;
    text-align: center;
    cursor: pointer;
    width: 14%;
    font-size: 14px;
    font-size: 0.875rem;
    border-radius: 3px
}

.mini_calendar .day.has_event {
    background-color: #e7ebeb
}

.mini_calendar .day.today {
    background-color: #fce4e5
}

.mini_calendar .day .event_link_text,.mini_calendar .day .today_text,.mini_calendar .day .previous_month_text,.mini_calendar .day .next_month_text {
    display: none
}

.mini_calendar .day.other_month {
    color: var(--ic-brand-font-color-dark-lightened-28)
}

.mini_calendar .day:hover,.mini_calendar .day.related,.mini_calendar .day.drop_target {
    background-image: url("/dist/images/4_percent_opacity-c554512ede.png")
}

.mini_calendar .day.drop_target {
    background-color: #aaa
}

.mini_calendar .day.today .today_text {
    display: block
}

.mini_calendar .day.previous_month .previous_month_text {
    display: block
}

.mini_calendar .day.next_month .next_month_text {
    display: block
}

.mini_calendar .day.has_event .event_link_text {
    display: block
}

#help-dialog {
    padding: 0;
    overflow: visible;
    position: relative
}

#help-dialog #help-dialog-options {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: auto
}

#help-dialog #help-dialog-options li a {
    border-bottom: 1px solid #e8eaec;
    display: block;
    padding: 12px;
    text-decoration: none;
    font-weight: bold
}

#help-dialog #help-dialog-options li a .subtext {
    display: block;
    font-size: 12px;
    font-size: 0.75rem;
    color: var(--ic-brand-font-color-dark-lightened-15);
    font-weight: normal
}

#help-dialog #help-dialog-options li a:focus {
    outline: none;
    box-shadow: inset 0 0 0 1px var(--ic-link-color)
}

#help-dialog #help-dialog-options li a:focus,#help-dialog #help-dialog-options li a:hover {
    background-color: #f2f4f4
}

#help-dialog #help-dialog-options li a:focus .text,#help-dialog #help-dialog-options li a:hover .text {
    text-decoration: underline
}

#help-dialog #help-dialog-options li.user li.user,#help-dialog #help-dialog-options li.student li.student,#help-dialog #help-dialog-options li.teacher li.teacher,#help-dialog #help-dialog-options li.admin li.admin {
    display: block
}

#help-dialog form {
    padding: 10px 10px 6px;
    width: 380px;
    position: absolute;
    left: 400px;
    top: 0
}

#help-dialog textarea {
    height: 100px;
    resize: none
}

#help-dialog small {
    font-size: 10px;
    font-size: 0.625rem;
    display: block;
    color: #555;
    margin-top: -6px
}

#help-dialog .ui-state-error,#help-dialog .ui-state-highlight {
    border-radius: 4px !important;
    padding: 10px 10px 10px 35px;
    position: relative
}

#help-dialog .ui-state-error a,#help-dialog .ui-state-highlight a {
    text-decoration: underline
}

#help-dialog .ui-state-error .ui-icon,#help-dialog .ui-state-highlight .ui-icon {
    position: absolute;
    left: 10px;
    top: 10px
}

.ui-dialog-header-backlink {
    display: block;
    float: left;
    overflow: hidden;
    text-indent: -999px;
    width: 16px;
    height: 16px;
    margin-left: -4px;
    margin-top: 2px;
    margin-right: 10px;
    background: url(/dist/images/jqueryui/icon_sprite-30c4d78a47.png) no-repeat left -32px
}

.ui-dialog-header-backlink:hover {
    background-position: left -48px
}

.ic-Expand-link {
    display: flex;
    overflow: hidden
}

.ic-Expand-link * {
    box-sizing: border-box
}

.ic-Expand-link .ic-Expand-link__trigger {
    transition: all 1s cubic-bezier(0, 1, 0.5, 1);
    transform: translateX(-100%) translateX(48px);
    text-transform: uppercase;
    overflow: hidden
}

.ic-Expand-link .ic-Expand-link__trigger:hover,.ic-Expand-link .ic-Expand-link__trigger:focus {
    transform: translateX(0);
    text-decoration: none;
    outline: none
}

.ic-Expand-link .ic-Expand-link__trigger:hover .ic-Expand-link__icon,.ic-Expand-link .ic-Expand-link__trigger:focus .ic-Expand-link__icon {
    background: rgba(0,0,0,.15)
}

.ic-Expand-link .ic-Expand-link__layout {
    position: relative;
    display: flex;
    padding: 0 48px 0 0;
    min-height: 48px
}

.ic-Expand-link .ic-Expand-link__text {
    display: flex;
    align-items: center;
    padding: 12px;
    line-height: 1.1;
    min-height: 48px
}

.ic-Expand-link .ic-Expand-link__icon {
    transition: all .3s;
    width: 48px;
    height: 48px;
    line-height: 1;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center
}

.ic-Expand-link .ic-Expand-link__icon:before {
    top: 6px;
    font-size: 36px
}

.ic-Expand-link.ic-Expand-link--active .ic-Expand-link__trigger {
    transform: translateX(0)
}

.ic-Expand-link.ic-Expand-link--active .ic-Expand-link__trigger .ic-Expand-link__icon {
    background: rgba(0,0,0,.15)
}

.ic-Expand-link.ic-Expand-link--from-right {
    justify-content: flex-end
}

.ic-Expand-link.ic-Expand-link--from-right .ic-Expand-link__trigger {
    transform: translateX(100%) translateX(-48px)
}

.ic-Expand-link.ic-Expand-link--from-right .ic-Expand-link__trigger:hover,.ic-Expand-link.ic-Expand-link--from-right .ic-Expand-link__trigger:focus {
    transform: translateX(0)
}

.ic-Expand-link.ic-Expand-link--from-right .ic-Expand-link__trigger:hover .ic-Expand-link__icon,.ic-Expand-link.ic-Expand-link--from-right .ic-Expand-link__trigger:focus .ic-Expand-link__icon {
    background: rgba(0,0,0,.15)
}

.ic-Expand-link.ic-Expand-link--from-right .ic-Expand-link__layout {
    padding: 0 0 0 48px
}

.ic-Expand-link.ic-Expand-link--from-right .ic-Expand-link__icon {
    right: auto;
    left: 0
}

.ic-Expand-link.ic-Expand-link--from-right.ic-Expand-link--active .ic-Expand-link__trigger {
    transform: translateX(0)
}

.ic-Expand-link.ic-Expand-link--from-right.ic-Expand-link--active .ic-Expand-link__trigger .ic-Expand-link__icon {
    background: rgba(0,0,0,.15)
}

.ic-Expand-link .ic-Expand-link__trigger .ic-Expand-link__layout {
    background: rgba(39,53,64,.8);
    color: #fff
}

.ic-Expand-link .ic-Expand-link__trigger:hover .ic-Expand-link__layout,.ic-Expand-link .ic-Expand-link__trigger:focus .ic-Expand-link__layout {
    background: #273540
}

.ic-Expand-link.ic-Expand-link--from-right .ic-Expand-link__trigger:hover,.ic-Expand-link.ic-Expand-link--from-right .ic-Expand-link__trigger:focus {
    background: #273540
}

.ic-Expand-link.ic-Expand-link--Success .ic-Expand-link__trigger .ic-Expand-link__layout {
    background: rgba(3,137,61,.8);
    color: #fff
}

.ic-Expand-link.ic-Expand-link--Success .ic-Expand-link__trigger:hover .ic-Expand-link__layout,.ic-Expand-link.ic-Expand-link--Success .ic-Expand-link__trigger:focus .ic-Expand-link__layout {
    background: #03893d
}

.ic-Expand-link.ic-Expand-link--Success.ic-Expand-link--from-right .ic-Expand-link__trigger:hover,.ic-Expand-link.ic-Expand-link--Success.ic-Expand-link--from-right .ic-Expand-link__trigger:focus {
    background: #03893d
}

.ic-Expand-link.ic-Expand-link--Danger .ic-Expand-link__trigger .ic-Expand-link__layout {
    background: rgba(230,36,41,.8);
    color: #fff
}

.ic-Expand-link.ic-Expand-link--Danger .ic-Expand-link__trigger:hover .ic-Expand-link__layout,.ic-Expand-link.ic-Expand-link--Danger .ic-Expand-link__trigger:focus .ic-Expand-link__layout {
    background: #e62429
}

.ic-Expand-link.ic-Expand-link--Danger.ic-Expand-link--from-right .ic-Expand-link__trigger:hover,.ic-Expand-link.ic-Expand-link--Danger.ic-Expand-link--from-right .ic-Expand-link__trigger:focus {
    background: #e62429
}

.ic-Expand-link.ic-Expand-link--Light .ic-Expand-link__trigger .ic-Expand-link__layout {
    background: rgba(255,255,255,.8);
    color: #273540
}

.ic-Expand-link.ic-Expand-link--Light .ic-Expand-link__trigger:hover .ic-Expand-link__layout,.ic-Expand-link.ic-Expand-link--Light .ic-Expand-link__trigger:focus .ic-Expand-link__layout {
    background: #fff
}

.ic-Expand-link.ic-Expand-link--Light.ic-Expand-link--from-right .ic-Expand-link__trigger:hover,.ic-Expand-link.ic-Expand-link--Light.ic-Expand-link--from-right .ic-Expand-link__trigger:focus {
    background: #fff
}

ul.ac-token-list,ul.ac-result-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.ac {
    position: relative;
    display: table;
    width: 100%
}

.ac-row {
    display: table-row
}

.ac-input-cell {
    display: table-cell;
    width: 93%
}

.ac-input-box {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px 0 0 3px;
    box-shadow: 0 1px 1px rgba(0,0,0,.075) inset;
    box-sizing: border-box;
    cursor: text;
    min-height: 30px;
    overflow: hidden;
    padding: 8px;
    position: relative;
    transition: border .2s linear 0s,box-shadow .2s linear 0s;
    width: 100%
}

.ac-input-box.focused {
    border-color: var(--ic-link-color)
}

.ac-input-box.disabled,.ac-input-box.ui-button.ui-state-disabled {
    background-color: #ddd
}

.ac .btn {
    border-left: none;
    border-radius: 0 3px 3px 0;
    display: table-cell
}

.ac .btn.disabled,.ac .btn.ui-button.ui-state-disabled {
    color: #a6a6a6
}

.ac-input-box .ac-input {
    background: transparent;
    border: none;
    box-shadow: none;
    display: inline;
    margin: 0;
    margin-left: 8px;
    min-width: 15px;
    padding: 0;
    width: 15px;
    vertical-align: middle
}

.ac-input-box .ac-input:focus {
    box-shadow: none
}

.ac-placeholder {
    color: #999;
    left: 12px;
    position: absolute;
    top: 5px;
    transition: opacity .2s linear
}

.ac-clear {
    display: none;
    position: absolute;
    right: 4px;
    top: 5px;
    z-index: 10
}

.ac-clear i:before {
    color: #999;
    font-size: 20px;
    font-size: 1.25rem
}

.ac-clear:hover,.ac-clear:focus {
    outline: none
}

.ac-clear:hover i:before,.ac-clear:focus i:before {
    color: inherit
}

.ac-token-list {
    display: inline;
    position: relative;
    z-index: 2
}

.ac-token {
    background: #dee7fa;
    border: 1px solid #85ace0;
    border-radius: 14px;
    box-sizing: border-box;
    cursor: default;
    display: inline-block;
    line-height: normal;
    margin: 2px 4px 2px 0;
    overflow: hidden;
    padding: 0 18px 0 8px;
    position: relative;
    vertical-align: middle;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 85%
}

.ac-token:hover {
    background: #bccef4;
    border-color: #6f94e6
}

.ac-token:hover a,.ac-token a:focus {
    right: -1px
}

.ac-token a {
    position: absolute;
    right: -9999em;
    top: 0
}

.ac-token a,.ac-token a i:before {
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-size: 0.875rem;
    text-shadow: 1px 1px 0 rgba(0,0,0,.4)
}

i[class*=icon-].icon-messageRecipient--cancel:before {
    background: var(--ic-brand-primary);
    border-radius: 10px;
    padding: 2px;
    font-size: 9px;
    font-size: 0.5625rem;
    line-height: 9px;
    top: 0;
    text-shadow: none
}

.ac-result-wrapper {
    display: none
}

.ac-result-wrapper:before,.ac-result-wrapper:after {
    content: "";
    height: 0;
    position: absolute;
    right: 15px;
    width: 0;
    z-index: 3
}

.ac-result-wrapper:before {
    border-bottom: 10px solid #e8eaec;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    top: 26px
}

.ac-result-wrapper:after {
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    top: 27px
}

.ac-result-container {
    background: #fff;
    border: 1px solid #e8eaec;
    border-radius: 10px;
    box-sizing: border-box;
    box-shadow: 0 2px 5px rgba(0,0,0,.2);
    font-size: 14px;
    font-size: 0.875rem;
    max-height: 250px;
    min-height: 50px;
    left: 0;
    overflow: auto;
    position: absolute;
    top: 36px;
    width: 100%;
    z-index: 2
}

.ac-result {
    cursor: pointer;
    line-height: 16px;
    padding: 5px 8px 2px
}

.ac-result:first-child {
    border-radius: 10px 10px 0 0 !important
}

.ac-result:last-child {
    border-radius: 0 0 10px 10px
}

.ac-result.selected,.ac-result:hover {
    background: #2b7abc;
    color: #fff
}

.ac-result:hover .result-name {
    color: #fff
}

.ac-result.selected .result-name {
    color: #fff
}

.ac-result:hover .icon-mini-arrow-right {
    color: #fff
}

.ac-result.selected .icon-mini-arrow-right {
    color: #fff
}

.ac-result:hover .icon-mini-arrow-left {
    color: #fff
}

.ac-result.selected .icon-mini-arrow-left {
    color: #fff
}

.ac-result-list .context,.ac-result-list .everyone {
    border: none;
    color: var(--ic-brand-primary)
}

.ac-result-list .back {
    color: #333
}

.ac-result-list .no-result {
    display: block
}

.ac-result-list .result-name {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80%
}

.MessageStudents__Alert {
    margin-bottom: 24px
}

.MessageStudents__Form {
    margin-bottom: 0
}

.MessageStudents__FormField {
    margin-bottom: 24px
}

.MessageStudents__FormField:last-of-type {
    margin-bottom: 0
}

.StudentContextTray {
    box-sizing: border-box;
    padding: 36px 18px 12px
}

@media only screen and (min-width: 768px) {
    .StudentContextTray {
        padding-left:24px;
        padding-right: 24px
    }
}

.StudentContextTray--withAvatar {
    padding-top: -12px
}

.StudentContextTray__Avatar,.StudentContextTray__Spinner {
    text-align: center;
    margin-bottom: 12px
}

.StudentContextTray-Header {
    margin-bottom: 18px
}

.StudentContextTray-Header__Layout {
    display: flex
}

.StudentContextTray-Header__Content {
    flex: 1;
    min-width: 1px;
    box-sizing: border-box;
    padding-right: 24px
}

.StudentContextTray-Header__Actions {
    min-width: 1px
}

.StudentContextTray-Header__Actions i[class*=icon-],.StudentContextTray-Header__Actions i[class^=icon-] {
    line-height: 1
}

.StudentContextTray-Header__Actions i[class*=icon-]:before,.StudentContextTray-Header__Actions i[class^=icon-]:before {
    font-size: 1.25rem
}

.StudentContextTray-Header__Name {
    margin-bottom: 9px
}

.StudentContextTray-Header__CourseName {
    margin-bottom: 4px
}

.StudentContextTray__Section {
    margin-bottom: 24px
}

.StudentContextTray__Section:last-of-type {
    margin-bottom: 0
}

.StudentContextTray-QuickLinks {
    display: flex
}

.StudentContextTray-QuickLinks__Link {
    flex: 1;
    box-sizing: border-box;
    padding: 0 6px
}

.StudentContextTray-QuickLinks__Link:first-of-type {
    padding-left: 0
}

.StudentContextTray-QuickLinks__Link:last-of-type {
    padding-right: 0
}

.StudentContextTray-QuickLinks__Link .StudentContextTray-QuickLinks__Link-text {
    display: inline-block;
    width: 100%;
    text-align: center;
    line-height: 1rem
}

.StudentContextTray-Progress__Bar {
    margin-top: 9px
}

.StudentContextTray-Ratings__Layout {
    display: flex;
    justify-content: space-around;
    padding-top: 12px
}

.StudentContextTray-Rating {
    text-align: center
}

.StudentContextTray-Rating__Stars {
    margin-top: 4px
}

[data-btn-id=rce-a11y-btn],span>[data-btn-id=rce-a11y-btn]+span,.mce-i-a11y {
    display: inline-block !important
}

body.student-annotation-container .ic-Layout-contentMain {
    padding: 0
}

.ef-file-arrow_container {
    flex: 0 0 auto;
    justify-content: center
}

.ef-file-preview-overlay {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

.ef-file-preview-stretch {
    flex: 1 1 auto;
    display: flex
}

.ef-file-studio-player-container {
    display: flex;
    flex: 1 1 auto;
    margin: 2% 0;
    place-items: center;
    justify-content: center
}

.ef-file-preview-information-container {
    flex: 0 0 216px;
    box-sizing: border-box
}

@media only screen and (min-width: 992px) {
    .ef-file-preview-information-container {
        flex:2
    }
}

.ef-file-preview-viewer-content {
    text-align: center
}

.ef-file-preview-header {
    height: 9vh;
    color: #fff;
    font-weight: normal;
    flex: 0 0 9vh;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    border-bottom: 1px solid #8c8c8c;
    background-color: rgba(15,19,23,.9)
}

.ef-file-preview-header * {
    box-sizing: border-box
}

.ef-file-preview-header-filename {
    font-size: 18px;
    font-size: 1.125rem;
    padding: 0;
    padding-left: 24px;
    margin: 0;
    flex: 1 0 264px;
    height: 9vh;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #8c8c8c
}

.ef-file-preview-viewer-content {
    flex: 4 4 144px;
    display: flex;
    align-items: center;
    justify-content: center
}

.ef-file-preview-viewer-content .ef-file-preview-not-available {
    padding: 100px 0
}

.ef-file-preview-frame {
    border: none
}

.ef-file-preview-header-buttons {
    display: flex;
    height: 9vh;
    justify-content: flex-end;
    border-bottom: 1px solid #8c8c8c
}

.ef-file-preview-button {
    transition: all .2s;
    color: #8c8c8c !important;
    cursor: pointer;
    padding: 0 12px;
    font-size: 16px;
    font-size: 1rem;
    border: none;
    outline: none;
    box-sizing: border-box;
    text-align: center;
    align-items: center;
    background: transparent !important;
    white-space: nowrap;
    place-items: center !important
}

@media only screen and (min-width: 992px) {
    .ef-file-preview-button {
        padding:0 24px
    }
}

.ef-file-preview-button:hover,.ef-file-preview-button:focus {
    color: #fff;
    text-decoration: none
}

.ef-file-preview-button [class^=icon-] {
    margin-right: 3px
}

.ef-file-preview-button:focus {
    text-decoration: underline
}

.ef-file-preview-button:focus,.ef-file-preview-button:hover {
    background: var(--ic-brand-primary);
    color: #fff
}

.ef-file-preview-button.ef-file-preview-button--active {
    color: #fff !important;
    background: transparent;
    background: rgba(25,32,38,.9);
    border-bottom-color: transparent;
    border-left: 1px solid #8c8c8c;
    border-right: 1px solid #8c8c8c
}

a.ef-file-preview-button,button.ef-file-preview-button div {
    display: flex
}

#media_preview {
    color: #fff
}

.ef-file-not-found {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #fff;
    font-size: 2.5em
}

.ef-file-align-center {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center
}

.ef-not-found-icon {
    width: 100px;
    height: 100px;
    margin-bottom: 10px;
    background-size: 70px
}

.ef-file-preview-item {
    padding: 10px
}

.ef-file-preview-container-arrow-link {
    align-self: center;
    outline: none
}

.ef-file-preview-container-arrow-link:hover .ef-file-preview-arrow-link,.ef-file-preview-container-arrow-link:focus .ef-file-preview-arrow-link {
    background: var(--ic-brand-primary);
    border-color: var(--ic-brand-primary);
    color: #fff
}

.ef-file-preview-arrow-link {
    transition: all .2s;
    display: block;
    background: rgba(15,19,23,.9);
    border: 1px solid #8c8c8c;
    border-radius: 6px;
    padding: 20px 10px 24px;
    text-align: center;
    box-sizing: border-box;
    color: #fff
}

.ef-file-preview-arrow-link i[class*=icon-],.ef-file-preview-arrow-link i[class^=icon-] {
    line-height: 1
}

.ef-file-preview-arrow-link i[class*=icon-]:before,.ef-file-preview-arrow-link i[class^=icon-]:before {
    font-size: 1.75rem
}

.ef-file-preview-viewer-content .ef-file-preview-not-available {
    padding: 100px 0
}

.ef-file-preview-frame {
    flex: 1 1 auto;
    border: none;
    height: 91vh
}

.ef-file-preview-frame {
    border: none
}

.ef-file-preview-information-container {
    background: rgba(25,32,38,.9);
    border-left: 1px solid #8c8c8c;
    padding: 24px
}

.ef-file-preview-infotable {
    transition: width .3s;
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed
}

.ef-file-preview-infotable td,.ef-file-preview-infotable th,.ef-file-preview-infotable a {
    text-align: left;
    color: #fff
}

.ef-file-preview-infotable th {
    width: 40%;
    color: #e6e6e6;
    padding: 5px 0;
    font-weight: normal
}

.ef-file-preview-image {
    width: 500px;
    height: auto
}

.ef-file-preview-item {
    align-items: center
}

.ef-file-preview-not-available {
    color: #fff;
    padding: 40px
}

.FilePreviewInfoPanel__usageRights {
    vertical-align: top
}

.ef-file-preview-frame-html {
    background-color: #f5f5f5
}

.RecordingBar {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .8625rem
}

.RecordingBar__time {
    display: flex;
    align-items: center;
    gap: .5rem
}

.RecordingBar__icon {
    display: inline-flex;
    font-size: 1.125rem
}