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: 0.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 black
}

/*!
 * 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
}

.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: white
}

.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: 0.5em 0 0 0;
  padding: 0.3em 1em 0.5em 0.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: 0.5em 0.4em 0.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 0.2s;
  background: url(/dist/images/icon-x-black-163c6230a4.svg) 50% 50% no-repeat;
  background-size: 10px;
  opacity: 0.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: 0.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 #C7CDD1
}

.ui-dialog.ui-widget-content {
  border: none;
  box-shadow: 0 1px 4px 1px rgba(45, 59, 69, 0.95)
}

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

.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,
.ui-dialog .ui-datepicker .ui-datepicker-header,
.ui-datepicker .ui-dialog .ui-datepicker-header {
  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: .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 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, 0.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: 0.2em 0.6em 0.3em 0.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,
.ui-datepicker .ui-progressbar .ui-state-hover.ui-widget-header,
.ui-progressbar .ui-datepicker .ui-state-hover.ui-widget-header {
  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, 0.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: .75rem
}

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

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

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

.ui-datepicker.ui-widget-content {
  border-color: #C7CDD1;
  box-shadow: 0 1px 2px rgba(45, 59, 69, 0.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: 0.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: #C7CDD1;
  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: #C7CDD1;
  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: #C7CDD1
}

/*!
 * 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: .6875rem;
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  opacity: 0.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: .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 #C7CDD1;
  background: #f5f5f5
}

.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, #fff, #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, 0.5);
  border-color: #eedc94 #eedc94 #e4c652;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.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,
.ui-widget-header .ui-progressbar .ui-widget-header,
.ui-progressbar .ui-widget-header .ui-widget-header {
  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-progressbar .ui-widget-header a:link,
.ui-state-active a:visited,
.ui-progressbar .ui-widget-header 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, 0.25);
  border-color: #c43c35 #c43c35 #882a25;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.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: 0.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, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  color: #EE0612
}

.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 {
  background-image: linear-gradient(to bottom, #fbb450, #f89406)
}

.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(45, 59, 69, 0.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: 0.7em 0.4em 0.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: .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: #bfc6ca 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 #C7CDD1;
  box-shadow: 0px 0px 6px rgba(0, 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 #C7CDD1
}

.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: .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: .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
}

.span12 {
  width: 940px
}

.span11 {
  width: 860px
}

.span10 {
  width: 780px
}

.span9 {
  width: 700px
}

.span8 {
  width: 620px
}

.span7 {
  width: 540px
}

.span6 {
  width: 460px
}

.span5 {
  width: 380px
}

.span4 {
  width: 300px
}

.span3 {
  width: 220px
}

.span2 {
  width: 140px
}

.span1 {
  width: 60px
}

.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: 30px;
  box-sizing: border-box;
  float: left;
  margin-left: 2.12766%
}

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

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

.row-fluid .span12 {
  width: 100%
}

.row-fluid .span11 {
  width: 91.48936%
}

.row-fluid .span10 {
  width: 82.97872%
}

.row-fluid .span9 {
  width: 74.46809%
}

.row-fluid .span8 {
  width: 65.95745%
}

.row-fluid .span7 {
  width: 57.44681%
}

.row-fluid .span6 {
  width: 48.93617%
}

.row-fluid .span5 {
  width: 40.42553%
}

.row-fluid .span4 {
  width: 31.91489%
}

.row-fluid .span3 {
  width: 23.40426%
}

.row-fluid .span2 {
  width: 14.89362%
}

.row-fluid .span1 {
  width: 6.38298%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[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 20px
}

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

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

legend small {
  font-size: 15px;
  font-size: .9375rem;
  color: #999
}

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

input,
button,
select,
textarea {
  font-family: "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: 20px;
  padding: 8px;
  margin-bottom: 10px;
  font-size: 14px;
  font-size: .875rem;
  line-height: 20px;
  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 #ccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border linear 0.2s, box-shadow linear 0.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: 38px;
  line-height: 38px
}

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

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: #ccc;
  box-shadow: inset 0 1px 2px rgba(0, 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: 20px;
  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, 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, 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, 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, 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, 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, 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, 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, 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
}

input[type]:required:invalid,
textarea:required:invalid,
select:required:invalid {
  color: #b94a48;
  border-color: #ee5f5b;
  box-shadow: 0 0 6px #f8b9b7
}

input[type]:required:invalid:focus,
textarea:required:invalid:focus,
select:required:invalid:focus {
  border-color: #e9322d
}

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

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

.form-actions:after {
  clear: both
}

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

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

.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: .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: 20px;
  min-width: 16px;
  padding: 8px;
  font-size: 14px;
  font-size: .875rem;
  font-weight: normal;
  line-height: 20px;
  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 {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle
}

.form-search .hide,
.form-inline .hide,
.form-horizontal .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: 10px
}

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

.form-horizontal .control-group {
  margin-bottom: 20px
}

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

.form-horizontal .control-group:after {
  clear: both
}

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

.form-horizontal .controls {
  margin-left: 180px
}

.form-horizontal .help-block {
  margin-bottom: 0
}

.form-horizontal input+.help-block,
.form-horizontal select+.help-block,
.form-horizontal textarea+.help-block {
  margin-top: 10px
}

.form-horizontal .form-actions {
  padding-left: 180px
}

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

.table th,
.table td {
  padding: 8px;
  line-height: 20px;
  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: #f5f5f5
}

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, 0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  border-radius: 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  background-clip: padding-box
}

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

.dropdown-menu .divider {
  height: 1px;
  margin: 9px 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: 20px;
  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 .disabled>a:hover {
  color: #999
}

.dropdown-menu .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: 20px;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.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: 20px;
  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: 20px 0
}

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

.pagination ul>li {
  display: inline
}

.pagination ul>li>a,
.pagination ul>li>span {
  float: left;
  padding: 4px 12px;
  line-height: 20px;
  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: #f5f5f5
}

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

.pagination ul>.disabled>span,
.pagination ul>.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: .74375rem
}

.pagination-mini ul>li>a,
.pagination-mini ul>li>span {
  padding: 1px 6px;
  font-size: 10.5px;
  font-size: .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, 0.2);
  border-radius: 6px;
  box-shadow: 0 0 10px rgba(0, 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: .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, 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, 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, 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, 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: 20px;
  margin-left: 20px
}

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

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

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

.thumbnail .caption {
  padding: 9px;
  color: #73818C
}

.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: 20px;
  margin-left: 20px
}

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

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

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

.thumbnail .caption {
  padding: 9px;
  color: #73818C
}

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

.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: 20px;
  margin-bottom: 20px;
  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, 0.1);
  border-radius: 3px
}

.progress .bar {
  width: 0%;
  height: 100%;
  color: #fff;
  float: left;
  font-size: 12px;
  font-size: .75rem;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 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, 0.15);
  box-sizing: border-box;
  transition: width 0.6s ease
}

.progress .bar+.bar {
  box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 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
  }

  .span12 {
    width: 1170px
  }

  .span11 {
    width: 1070px
  }

  .span10 {
    width: 970px
  }

  .span9 {
    width: 870px
  }

  .span8 {
    width: 770px
  }

  .span7 {
    width: 670px
  }

  .span6 {
    width: 570px
  }

  .span5 {
    width: 470px
  }

  .span4 {
    width: 370px
  }

  .span3 {
    width: 270px
  }

  .span2 {
    width: 170px
  }

  .span1 {
    width: 70px
  }

  .offset12 {
    margin-left: 1230px
  }

  .offset11 {
    margin-left: 1130px
  }

  .offset10 {
    margin-left: 1030px
  }

  .offset9 {
    margin-left: 930px
  }

  .offset8 {
    margin-left: 830px
  }

  .offset7 {
    margin-left: 730px
  }

  .offset6 {
    margin-left: 630px
  }

  .offset5 {
    margin-left: 530px
  }

  .offset4 {
    margin-left: 430px
  }

  .offset3 {
    margin-left: 330px
  }

  .offset2 {
    margin-left: 230px
  }

  .offset1 {
    margin-left: 130px
  }

  .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: 30px;
    box-sizing: border-box;
    float: left;
    margin-left: 2.5641%
  }

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

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

  .row-fluid .span12 {
    width: 100%
  }

  .row-fluid .span11 {
    width: 91.45299%
  }

  .row-fluid .span10 {
    width: 82.90598%
  }

  .row-fluid .span9 {
    width: 74.35897%
  }

  .row-fluid .span8 {
    width: 65.81197%
  }

  .row-fluid .span7 {
    width: 57.26496%
  }

  .row-fluid .span6 {
    width: 48.71795%
  }

  .row-fluid .span5 {
    width: 40.17094%
  }

  .row-fluid .span4 {
    width: 31.62393%
  }

  .row-fluid .span3 {
    width: 23.07692%
  }

  .row-fluid .span2 {
    width: 14.52991%
  }

  .row-fluid .span1 {
    width: 5.98291%
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .thumbnails {
    margin-left: -30px
  }

  .thumbnails>li {
    margin-left: 30px
  }

  .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
  }

  .span12 {
    width: 724px
  }

  .span11 {
    width: 662px
  }

  .span10 {
    width: 600px
  }

  .span9 {
    width: 538px
  }

  .span8 {
    width: 476px
  }

  .span7 {
    width: 414px
  }

  .span6 {
    width: 352px
  }

  .span5 {
    width: 290px
  }

  .span4 {
    width: 228px
  }

  .span3 {
    width: 166px
  }

  .span2 {
    width: 104px
  }

  .span1 {
    width: 42px
  }

  .offset12 {
    margin-left: 764px
  }

  .offset11 {
    margin-left: 702px
  }

  .offset10 {
    margin-left: 640px
  }

  .offset9 {
    margin-left: 578px
  }

  .offset8 {
    margin-left: 516px
  }

  .offset7 {
    margin-left: 454px
  }

  .offset6 {
    margin-left: 392px
  }

  .offset5 {
    margin-left: 330px
  }

  .offset4 {
    margin-left: 268px
  }

  .offset3 {
    margin-left: 206px
  }

  .offset2 {
    margin-left: 144px
  }

  .offset1 {
    margin-left: 82px
  }

  .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: 30px;
    box-sizing: border-box;
    float: left;
    margin-left: 2.76243%
  }

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

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

  .row-fluid .span12 {
    width: 100%
  }

  .row-fluid .span11 {
    width: 91.43646%
  }

  .row-fluid .span10 {
    width: 82.87293%
  }

  .row-fluid .span9 {
    width: 74.30939%
  }

  .row-fluid .span8 {
    width: 65.74586%
  }

  .row-fluid .span7 {
    width: 57.18232%
  }

  .row-fluid .span6 {
    width: 48.61878%
  }

  .row-fluid .span5 {
    width: 40.05525%
  }

  .row-fluid .span4 {
    width: 31.49171%
  }

  .row-fluid .span3 {
    width: 22.92818%
  }

  .row-fluid .span2 {
    width: 14.36464%
  }

  .row-fluid .span1 {
    width: 5.8011%
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  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
}

.col-xs,
.col-xs-1,
.off-xs-1,
.col-xs-2,
.off-xs-2,
.col-xs-3,
.off-xs-3,
.col-xs-4,
.off-xs-4,
.col-xs-5,
.off-xs-5,
.col-xs-6,
.off-xs-6,
.col-xs-7,
.off-xs-7,
.col-xs-8,
.off-xs-8,
.col-xs-9,
.off-xs-9,
.col-xs-10,
.off-xs-10,
.col-xs-11,
.off-xs-11,
.col-xs-12,
.off-xs-12 {
  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.33333%;
  max-width: 8.33333%
}

.off-xs-1 {
  margin-left: 8.33333%
}

.col-xs-2 {
  flex-basis: 16.66667%;
  max-width: 16.66667%
}

.off-xs-2 {
  margin-left: 16.66667%
}

.col-xs-3 {
  flex-basis: 25%;
  max-width: 25%
}

.off-xs-3 {
  margin-left: 25%
}

.col-xs-4 {
  flex-basis: 33.33333%;
  max-width: 33.33333%
}

.off-xs-4 {
  margin-left: 33.33333%
}

.col-xs-5 {
  flex-basis: 41.66667%;
  max-width: 41.66667%
}

.off-xs-5 {
  margin-left: 41.66667%
}

.col-xs-6 {
  flex-basis: 50%;
  max-width: 50%
}

.off-xs-6 {
  margin-left: 50%
}

.col-xs-7 {
  flex-basis: 58.33333%;
  max-width: 58.33333%
}

.off-xs-7 {
  margin-left: 58.33333%
}

.col-xs-8 {
  flex-basis: 66.66667%;
  max-width: 66.66667%
}

.off-xs-8 {
  margin-left: 66.66667%
}

.col-xs-9 {
  flex-basis: 75%;
  max-width: 75%
}

.off-xs-9 {
  margin-left: 75%
}

.col-xs-10 {
  flex-basis: 83.33333%;
  max-width: 83.33333%
}

.off-xs-10 {
  margin-left: 83.33333%
}

.col-xs-11 {
  flex-basis: 91.66667%;
  max-width: 91.66667%
}

.off-xs-11 {
  margin-left: 91.66667%
}

.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) {

  .col-sm,
  .col-sm-1,
  .off-sm-1,
  .col-sm-2,
  .off-sm-2,
  .col-sm-3,
  .off-sm-3,
  .col-sm-4,
  .off-sm-4,
  .col-sm-5,
  .off-sm-5,
  .col-sm-6,
  .off-sm-6,
  .col-sm-7,
  .off-sm-7,
  .col-sm-8,
  .off-sm-8,
  .col-sm-9,
  .off-sm-9,
  .col-sm-10,
  .off-sm-10,
  .col-sm-11,
  .off-sm-11,
  .col-sm-12,
  .off-sm-12 {
    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.33333%;
    max-width: 8.33333%
  }

  .off-sm-1 {
    margin-left: 8.33333%
  }

  .col-sm-2 {
    flex-basis: 16.66667%;
    max-width: 16.66667%
  }

  .off-sm-2 {
    margin-left: 16.66667%
  }

  .col-sm-3 {
    flex-basis: 25%;
    max-width: 25%
  }

  .off-sm-3 {
    margin-left: 25%
  }

  .col-sm-4 {
    flex-basis: 33.33333%;
    max-width: 33.33333%
  }

  .off-sm-4 {
    margin-left: 33.33333%
  }

  .col-sm-5 {
    flex-basis: 41.66667%;
    max-width: 41.66667%
  }

  .off-sm-5 {
    margin-left: 41.66667%
  }

  .col-sm-6 {
    flex-basis: 50%;
    max-width: 50%
  }

  .off-sm-6 {
    margin-left: 50%
  }

  .col-sm-7 {
    flex-basis: 58.33333%;
    max-width: 58.33333%
  }

  .off-sm-7 {
    margin-left: 58.33333%
  }

  .col-sm-8 {
    flex-basis: 66.66667%;
    max-width: 66.66667%
  }

  .off-sm-8 {
    margin-left: 66.66667%
  }

  .col-sm-9 {
    flex-basis: 75%;
    max-width: 75%
  }

  .off-sm-9 {
    margin-left: 75%
  }

  .col-sm-10 {
    flex-basis: 83.33333%;
    max-width: 83.33333%
  }

  .off-sm-10 {
    margin-left: 83.33333%
  }

  .col-sm-11 {
    flex-basis: 91.66667%;
    max-width: 91.66667%
  }

  .off-sm-11 {
    margin-left: 91.66667%
  }

  .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) {

  .col-md,
  .col-md-1,
  .off-md-1,
  .col-md-2,
  .off-md-2,
  .col-md-3,
  .off-md-3,
  .col-md-4,
  .off-md-4,
  .col-md-5,
  .off-md-5,
  .col-md-6,
  .off-md-6,
  .col-md-7,
  .off-md-7,
  .col-md-8,
  .off-md-8,
  .col-md-9,
  .off-md-9,
  .col-md-10,
  .off-md-10,
  .col-md-11,
  .off-md-11,
  .col-md-12,
  .off-md-12 {
    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.33333%;
    max-width: 8.33333%
  }

  .off-md-1 {
    margin-left: 8.33333%
  }

  .col-md-2 {
    flex-basis: 16.66667%;
    max-width: 16.66667%
  }

  .off-md-2 {
    margin-left: 16.66667%
  }

  .col-md-3 {
    flex-basis: 25%;
    max-width: 25%
  }

  .off-md-3 {
    margin-left: 25%
  }

  .col-md-4 {
    flex-basis: 33.33333%;
    max-width: 33.33333%
  }

  .off-md-4 {
    margin-left: 33.33333%
  }

  .col-md-5 {
    flex-basis: 41.66667%;
    max-width: 41.66667%
  }

  .off-md-5 {
    margin-left: 41.66667%
  }

  .col-md-6 {
    flex-basis: 50%;
    max-width: 50%
  }

  .off-md-6 {
    margin-left: 50%
  }

  .col-md-7 {
    flex-basis: 58.33333%;
    max-width: 58.33333%
  }

  .off-md-7 {
    margin-left: 58.33333%
  }

  .col-md-8 {
    flex-basis: 66.66667%;
    max-width: 66.66667%
  }

  .off-md-8 {
    margin-left: 66.66667%
  }

  .col-md-9 {
    flex-basis: 75%;
    max-width: 75%
  }

  .off-md-9 {
    margin-left: 75%
  }

  .col-md-10 {
    flex-basis: 83.33333%;
    max-width: 83.33333%
  }

  .off-md-10 {
    margin-left: 83.33333%
  }

  .col-md-11 {
    flex-basis: 91.66667%;
    max-width: 91.66667%
  }

  .off-md-11 {
    margin-left: 91.66667%
  }

  .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) {

  .col-lg,
  .col-lg-1,
  .off-lg-1,
  .col-lg-2,
  .off-lg-2,
  .col-lg-3,
  .off-lg-3,
  .col-lg-4,
  .off-lg-4,
  .col-lg-5,
  .off-lg-5,
  .col-lg-6,
  .off-lg-6,
  .col-lg-7,
  .off-lg-7,
  .col-lg-8,
  .off-lg-8,
  .col-lg-9,
  .off-lg-9,
  .col-lg-10,
  .off-lg-10,
  .col-lg-11,
  .off-lg-11,
  .col-lg-12,
  .off-lg-12 {
    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.33333%;
    max-width: 8.33333%
  }

  .off-lg-1 {
    margin-left: 8.33333%
  }

  .col-lg-2 {
    flex-basis: 16.66667%;
    max-width: 16.66667%
  }

  .off-lg-2 {
    margin-left: 16.66667%
  }

  .col-lg-3 {
    flex-basis: 25%;
    max-width: 25%
  }

  .off-lg-3 {
    margin-left: 25%
  }

  .col-lg-4 {
    flex-basis: 33.33333%;
    max-width: 33.33333%
  }

  .off-lg-4 {
    margin-left: 33.33333%
  }

  .col-lg-5 {
    flex-basis: 41.66667%;
    max-width: 41.66667%
  }

  .off-lg-5 {
    margin-left: 41.66667%
  }

  .col-lg-6 {
    flex-basis: 50%;
    max-width: 50%
  }

  .off-lg-6 {
    margin-left: 50%
  }

  .col-lg-7 {
    flex-basis: 58.33333%;
    max-width: 58.33333%
  }

  .off-lg-7 {
    margin-left: 58.33333%
  }

  .col-lg-8 {
    flex-basis: 66.66667%;
    max-width: 66.66667%
  }

  .off-lg-8 {
    margin-left: 66.66667%
  }

  .col-lg-9 {
    flex-basis: 75%;
    max-width: 75%
  }

  .off-lg-9 {
    margin-left: 75%
  }

  .col-lg-10 {
    flex-basis: 83.33333%;
    max-width: 83.33333%
  }

  .off-lg-10 {
    margin-left: 83.33333%
  }

  .col-lg-11 {
    flex-basis: 91.66667%;
    max-width: 91.66667%
  }

  .off-lg-11 {
    margin-left: 91.66667%
  }

  .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: 38px;
  box-sizing: border-box
}

.hidden {
  display: none;
  visibility: hidden
}

.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
  }
}



.btn,
.Button,
.ui-button {
  background: #f5f5f5;
  color: #2D3B45;
  border: 1px solid;
  border-color: #C7CDD1;
  border-radius: 3px;
  transition: background-color 0.2s ease-in-out;
  display: inline-block;
  position: relative;
  padding: 8px 14px;
  margin-bottom: 0;
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  text-decoration: none;
  overflow: hidden;
  text-shadow: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.botao-voltar {
  position: fixed !important;
  color: #fff !important;
  background-color: #17a2b8 !important;
  border-color: #17a2b8 !important;
  top: 10px;
  right: 10px;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  margin-left: 73%;
  z-index: 1;
}



.botao-voltar:before {
  content: "← Voltar";
}

@media only screen and (max-width: 700px) {
  .botao-voltar:before {
    content: "←";
  }

  .botao-voltar {
    right: 1px;
    width: 7%;
    padding: 3px 4px 4px 3px;
  }
}


.botao-voltar:hover {
  opacity: 85%;

}

.btn:focus,
.Button:focus,
.ui-button:focus,
.ui-button.ui-state-focus {
  color: #2D3B45
}

.btn:hover,
.Button:hover,
.ui-button:hover,
.ui-button.ui-state-hover {
  background: #e8e8e8;
  color: #2D3B45
}

.btn:hover.ui-state-hover,
.Button:hover.ui-state-hover,
.ui-state-hover.ui-button {
  background: #e8e8e8;
  color: #2D3B45;
  border-color: #cfcfcf
}

.btn.active,
.btn.Button--active,
.btn.ui-button.ui-state-active,
.ui-progressbar .btn.ui-button.ui-widget-header,
.btn:active,
.Button.active,
.active.ui-button,
.Button.Button--active,
.Button--active.ui-button,
.ui-button.ui-state-active,
.ui-progressbar .ui-button.ui-widget-header,
.ui-button.ui-state-active:hover,
.ui-button.ui-state-active.ui-state-hover,
.Button:active,
.ui-button:active {
  box-shadow: none
}

.btn.active,
.btn.Button--active,
.btn.ui-button.ui-state-active,
.ui-progressbar .btn.ui-button.ui-widget-header,
.Button.active,
.active.ui-button,
.Button.Button--active,
.Button--active.ui-button,
.ui-button.ui-state-active,
.ui-progressbar .ui-button.ui-widget-header,
.ui-button.ui-state-active:hover,
.ui-button.ui-state-active.ui-state-hover {
  background: dimgray;
  border-color: #4f4f4f;
  color: #fff
}

.btn:focus,
.Button:focus,
.ui-button:focus,
.ui-button.ui-state-focus {
  box-shadow: inset 0 0 0 1px 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-progressbar .Button.ui-state-focus.ui-widget-header:focus,
.ui-progressbar .ui-state-focus.ui-widget-header.ui-button,
.ui-state-focus.ui-state-active.ui-button {
  box-shadow: inset 0 0 0 1px #fff
}

.btn:active,
.Button:active,
.ui-button:active {
  background: #e1e1e1
}

.btn:focus,
.Button:focus,
.ui-button:focus,
.ui-button.ui-state-focus {
  text-decoration: none;
  outline: none;
  outline: none
}

.btn:hover,
.Button:hover,
.ui-button:hover,
.ui-button.ui-state-hover {
  text-decoration: none
}

.btn.disabled,
.btn[disabled],
.Button.disabled,
.disabled.ui-button,
.ui-button.ui-state-disabled,
.Button[disabled],
[disabled].ui-button {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.5
}

.btn-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: .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: .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 1px #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: #FC5E13;
  color: #fff;
  border: 1px solid;
  border-color: #c03f02
}

.btn-warning:focus,
.Button--warning:focus {
  color: #fff
}

.btn-warning:hover,
.Button--warning:hover {
  background: #f25003;
  color: #fff
}

.btn-warning:hover.ui-state-hover,
.Button--warning:hover.ui-state-hover {
  background: #f25003;
  color: #fff;
  border-color: #c03f02
}

.btn-warning:focus,
.Button--warning:focus {
  box-shadow: inset 0 0 0 1px #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: #f25003;
  box-shadow: none
}

.btn-danger,
.Button--danger {
  background: #EE0612;
  color: #fff;
  border: 1px solid;
  border-color: #a3040c
}

.btn-danger:focus,
.Button--danger:focus {
  color: #fff
}

.btn-danger:hover,
.Button--danger:hover {
  background: #d50510;
  color: #fff
}

.btn-danger:hover.ui-state-hover,
.Button--danger:hover.ui-state-hover {
  background: #d50510;
  color: #fff;
  border-color: #a3040c
}

.btn-danger:focus,
.Button--danger:focus {
  box-shadow: inset 0 0 0 1px #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: #d50510;
  box-shadow: none
}

.btn-success,
.Button--success {
  background: #00AC18;
  color: #fff;
  border: 1px solid;
  border-color: #00600d
}

.btn-success:focus,
.Button--success:focus {
  color: #fff
}

.btn-success:hover,
.Button--success:hover {
  background: #009314;
  color: #fff
}

.btn-success:hover.ui-state-hover,
.Button--success:hover.ui-state-hover {
  background: #009314;
  color: #fff;
  border-color: #00600d
}

.btn-success:focus,
.Button--success:focus {
  box-shadow: inset 0 0 0 1px #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: #009314;
  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 1px #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(45, 59, 69, 0.05);
  box-shadow: none;
  border-color: transparent;
  color: var(--ic-link-color)
}

.btn-link.disabled,
.btn-link[disabled],
.Button--link.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 #C7CDD1;
  color: #2D3B45;
  padding: 12px
}

.Button--icon-action,
.Button--icon-action-rev {
  transition: color 0.2s;
  background: transparent;
  border: none;
  padding: 2px 4px;
  border-radius: 0;
  color: var(--ic-brand-font-color-dark-lightened-30)
}

.Button--icon-action:hover,
.Button--icon-action-rev:hover,
.Button--icon-action:focus,
.Button--icon-action-rev:focus {
  background: transparent;
  color: var(--ic-brand-font-color-dark-lightened-15)
}

.Button--icon-action.active,
.active.Button--icon-action-rev,
.Button--icon-action.Button--active,
.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.ui-button.ui-state-active,
.ui-progressbar .Button--icon-action.ui-button.ui-widget-header,
.Button--icon-action: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 1px #fff
}

.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%
}

code,
pre {
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  font-size: 0.75rem;
  border-radius: 6px;
  background-color: #f5f5f5;
  border: 1px solid #C7CDD1
}

code {
  padding: 0.125rem 0.25rem;
  color: #EE0612
}

pre {
  color: #2D3B45;
  display: block;
  padding: 9px;
  margin: 0 0 12px;
  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: 0.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: 0.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: .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: .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: .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: .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: .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: .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: .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: .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: .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: .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: .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: .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: .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: .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: 0.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>ul {
  margin: 0;
  padding: 4px 15px;
  list-style: none;
  padding: 0
}

#breadcrumbs>ul>li {
  display: inline-block;
  white-space: nowrap;
  vertical-align: top;
  font-size: 18px;
  font-size: 1.125rem
}

#breadcrumbs>ul>li:first-of-type {
  display: none
}

#breadcrumbs>ul>li:nth-child(2):before {
  display: none
}

#breadcrumbs>ul>li>a .ellipsis {
  float: right;
  line-height: inherit
}

.ff #breadcrumbs>ul>li>a .ellipsis {
  float: none;
  display: inline-block;
  position: relative;
  top: 5px;
  margin-top: -5px
}

#breadcrumbs>ul>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 {
  color: var(--ic-brand-font-color-dark)
}

#breadcrumbs .icon-home:before {
  font-size: 10px;
  font-size: .625rem;
  color: var(--ic-brand-font-color-dark-lightened-15)
}

@keyframes al-slide-down {
  from {
    transform: rotateX(-90deg);
    opacity: 0.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, 0.1);
  position: absolute;
  padding: 8px 0;
  border-color: #C7CDD1;
  text-align: left
}

.al-options * {
  box-sizing: border-box
}

.al-options.ui-state-open {
  animation-duration: 0.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 {
  border: solid;
  border-width: 1px;
  border-color: #9da8af
}

.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.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)
}

.al-trigger-gray:hover,
.al-trigger-gray:focus {
  color: var(--ic-brand-font-color-dark)
}

.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;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block
}

.al-hover-container .al-trigger {
  position: relative
}

.broken-image {
  border: 1px solid #2D3B45;
  padding: 2px
}

.border {
  border-width: 0px;
  border-style: solid;
  border-color: #C7CDD1
}

.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-size: 1px;
  border-left-size: 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: 20px
}

.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: .6875rem;
  font-style: italic;
  color: inherit
}

.list-view>*:first-child {
  border-top: 0 !important
}

.list-view>ul,
.list-view>nav>ul {
  list-style: none;
  margin: 0;
  padding: 0
}

.list-view>ul>li,
.list-view>nav>ul>li {
  padding: 0
}

.list-view>ul>li>a,
.list-view>nav>ul>li>a {
  display: block;
  text-decoration: none;
  color: var(--ic-brand-font-color-dark);
  border-radius: 3px;
  padding: 8px 12px;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  line-height: 1.3
}

.list-view>ul>li>a:hover,
.list-view>ul>li>a:focus,
.list-view>nav>ul>li>a:hover,
.list-view>nav>ul>li>a:focus {
  background: #f2f2f2
}

.list-view>ul>li>a>span,
.list-view>nav>ul>li>a>span {
  white-space: nowrap
}

.list-view>ul>li:last-child>a,
.list-view>nav>ul>li:last-child>a {
  border-bottom: 0
}

.list-view>ul+ul {
  border-top: 1px solid #C7CDD1
}

.list-view a.active {
  background-color: var(--ic-brand-primary);
  font-weight: bold;
  color: #fff
}

.list-view a.active:focus {
  outline-offset: .0625rem;
  outline-color: var(--ic-link-color)
}

.list-view a.active:hover,
.list-view a.active:focus {
  background-color: var(--ic-brand-primary)
}

.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, 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 #C7CDD1
}

.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 {
  border-bottom: 1px solid #C7CDD1;
  background-color: #fff;
  min-height: 33px;
  padding-bottom: 12px
}

.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: white;
  box-shadow: 0px 2px 3px rgba(0, 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: white;
  height: 33px;
  min-width: 623px;
  border-color: #c1c7cf;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3)
}

.header-bar .header-bar-right {
  float: right
}

.header-bar .header-bar-left {
  float: left
}

.header-bar.no-line {
  border: none
}

.header-group-left {
  margin-right: 10px
}

.header-group-left,
.header-group-right {
  float: left
}

#searchTerm {
  width: 225px
}

@font-face {
  font-family: "InstructureIcons-Line";
  src: url("/dist/fonts/instructure_icons/Line/InstructureIcons-Line-0f1770af94.woff2") format("woff2"), url("/dist/fonts/instructure_icons/Line/InstructureIcons-Line-d4741f7d88.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-0dfb2f77ab.woff2") format("woff2"), url("/dist/fonts/instructure_icons/Solid/InstructureIcons-Solid-d3a10309d0.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: 0.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:before {
  content: ""
}

.icon-address-book:before {
  content: ""
}

.icon-admin: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-arrow-down:before {
  content: ""
}

.icon-arrow-end:before {
  content: ""
}

.icon-arrow-left: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: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: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-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-cloud-download:before {
  content: ""
}

.icon-cloud-lock:before {
  content: ""
}

.icon-collapse:before {
  content: ""
}

.icon-collection-save:before {
  content: ""
}

.icon-collection:before {
  content: ""
}

.icon-comment:before {
  content: ""
}

.icon-commons:before {
  content: ""
}

.icon-complete:before {
  content: ""
}

.icon-compose:before {
  content: ""
}

.icon-copy-course:before {
  content: ""
}

.icon-copy:before {
  content: ""
}

.icon-courses: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-email:before {
  content: ""
}

.icon-empty:before {
  content: ""
}

.icon-end: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-gradebook-export:before {
  content: ""
}

.icon-gradebook-import:before {
  content: ""
}

.icon-gradebook:before {
  content: ""
}

.icon-group-dark-new:before {
  content: ""
}

.icon-group-new:before {
  content: ""
}

.icon-group:before {
  content: ""
}

.icon-hamburger:before {
  content: ""
}

.icon-heart:before {
  content: ""
}

.icon-highlighter:before {
  content: ""
}

.icon-home:before {
  content: ""
}

.icon-hour-glass:before {
  content: ""
}

.icon-image:before {
  content: ""
}

.icon-import-content:before {
  content: ""
}

.icon-import: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:before {
  content: ""
}

.icon-integrations:before {
  content: ""
}

.icon-invitation:before {
  content: ""
}

.icon-italic:before {
  content: ""
}

.icon-keyboard-shortcuts:before {
  content: ""
}

.icon-launch:before {
  content: ""
}

.icon-life-preserver:before {
  content: ""
}

.icon-like:before {
  content: ""
}

.icon-link:before {
  content: ""
}

.icon-linkedin: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-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: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-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-pin:before {
  content: ""
}

.icon-pinterest:before {
  content: ""
}

.icon-play:before {
  content: ""
}

.icon-plus:before {
  content: ""
}

.icon-post-to-sis:before {
  content: ""
}

.icon-prerequisite:before {
  content: ""
}

.icon-printer:before {
  content: ""
}

.icon-progress: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-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-rewind:before {
  content: ""
}

.icon-rss-add:before {
  content: ""
}

.icon-rss:before {
  content: ""
}

.icon-rubric-dark:before {
  content: ""
}

.icon-rubric:before {
  content: ""
}

.icon-save:before {
  content: ""
}

.icon-search-address-book: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-sis-imported:before {
  content: ""
}

.icon-sis-not-synced:before {
  content: ""
}

.icon-sis-synced:before {
  content: ""
}

.icon-skype: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-syllabus: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-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-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.icon-Solid:before {
  content: ""
}

.icon-address-book.icon-Solid:before {
  content: ""
}

.icon-admin.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-arrow-down.icon-Solid:before {
  content: ""
}

.icon-arrow-end.icon-Solid:before {
  content: ""
}

.icon-arrow-left.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.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.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-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-cloud-download.icon-Solid:before {
  content: ""
}

.icon-cloud-lock.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-commons.icon-Solid:before {
  content: ""
}

.icon-complete.icon-Solid:before {
  content: ""
}

.icon-compose.icon-Solid:before {
  content: ""
}

.icon-copy-course.icon-Solid:before {
  content: ""
}

.icon-copy.icon-Solid:before {
  content: ""
}

.icon-courses.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-email.icon-Solid:before {
  content: ""
}

.icon-empty.icon-Solid:before {
  content: ""
}

.icon-end.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-gradebook-export.icon-Solid:before {
  content: ""
}

.icon-gradebook-import.icon-Solid:before {
  content: ""
}

.icon-gradebook.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-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-import-content.icon-Solid:before {
  content: ""
}

.icon-import.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.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-life-preserver.icon-Solid:before {
  content: ""
}

.icon-like.icon-Solid:before {
  content: ""
}

.icon-link.icon-Solid:before {
  content: ""
}

.icon-linkedin.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-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.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-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-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-prerequisite.icon-Solid:before {
  content: ""
}

.icon-printer.icon-Solid:before {
  content: ""
}

.icon-progress.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-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-rewind.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-save.icon-Solid:before {
  content: ""
}

.icon-search-address-book.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-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-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-syllabus.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-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-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
}

.new-and-total-badge .new-items,
.new-and-total-badge .total-items {
  color: white;
  border-radius: 3px;
  padding: 0 5px;
  font-weight: bold;
  font-size: 11px;
  font-size: .6875rem;
  float: left;
  color: white
}

.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 0.2s ease-out;
  overflow-x: hidden;
  overflow-y: auto;
  background: rgba(45, 59, 69, 0.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(45, 59, 69, 0.95)
}

@media only screen and (min-width: 768px) {
  .ReactModal__Content.ReactModal__Content--canvas .ReactModal__Layout {
    width: 696px;
    transition: all 0.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 #C7CDD1
}

@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: #f5f5f5;
  border-top: 1px solid #C7CDD1
}

@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 {
  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.66667px 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.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
}

.loadingIndicator,
.paginatedLoadingIndicator {
  background-image: url("/dist/images/ajax-reload-animated-8255e06a8a.gif");
  background-repeat: no-repeat;
  background-position: center center;
  height: 20px
}

.hint-text {
  font-size: 12px;
  font-size: .75rem;
  color: var(--ic-brand-font-color-dark-lightened-30)
}

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 #C7CDD1;
  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: 51px;
  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: white;
  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 #C7CDD1;
  padding: 12px;
  border-radius: 3px;
  margin-bottom: 24px;
  background-color: #f5f5f5
}

.ig-header .name {
  color: #3d454c;
  font-size: 16px;
  font-size: 1rem;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
  font-weight: bold
}

.ig-text {
  padding-top: 10px;
  padding-bottom: 10px
}

.ig-header {
  min-height: 30px;
  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
}

.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 .btn {
  vertical-align: text-bottom
}

.ig-list {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: 10px
}

.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: 3px;
  color: var(--ic-brand-font-color-dark-lightened-15);
  border: 1px solid #C7CDD1;
  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: 0.25rem;
  height: calc(100% + 2px);
  background-color: #00AC18;
  border-top: 1px solid #008312;
  border-bottom: 1px solid #008312
}

.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 #C7CDD1;
  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: #00AC18
}

.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: .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: "\00a0\00a0|\00a0\00a0"
}

.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: 0.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: .9375rem
}

.item-group-container {
  background: #f5f5f5;
  padding-bottom: 72px;
  border: 1px solid #C7CDD1;
  border-top: none
}

.item-group-container .item-group-condensed {
  border-bottom: 1px dashed #A5AFB5;
  padding: 18px
}

.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 {
  margin-top: 0
}

.item-group-container .ig-list li {
  margin: 0
}

.item-group-condensed {
  padding: 9px
}

.item-group-condensed .ig-header {
  padding-left: 0px
}

.item-group-condensed .ig-row {
  border-top-width: 0;
  border-radius: 0;
  background: #fff;
  border-bottom: 1px solid #C7CDD1
}

.item-group-condensed .ig-list li:first-child,
.item-group-condensed .ig-list li:first-of-type {
  margin-top: 6px
}

.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-left-radius: 3px;
  border-top-right-radius: 3px;
  border-top: 1px solid #C7CDD1
}

.item-group-condensed .ig-list li:first-child .ig-row.ig-row-empty,
.item-group-condensed .ig-list li:first-of-type .ig-row.ig-row-empty,
.item-group-condensed .first_visible .ig-row.ig-row-empty {
  border-top: 1px solid #dcdee0
}

.item-group-condensed .ig-list li:last-child .ig-row,
.item-group-condensed .ig-list li:last-of-type .ig-row,
.item-group-condensed .last_visible .ig-row {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px
}

.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 #C7CDD1
}

.item-group-condensed .item-group-expandable {
  border-radius: 3px;
  background-color: #fff;
  border: 1px solid #C7CDD1
}

.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: inherit
}

.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-left-radius: 3px;
  border-bottom-right-radius: 3px;
  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: #f5f5f5;
  box-shadow: inset 0 1px 0 #f0f0f0;
  border-top: 1px solid #C7CDD1;
  border-bottom: 1px solid #C7CDD1
}

.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 {
  transition: none;
  padding-left: 9px
}

.btn-publish i,
.btn-published i,
.btn-unpublish i {
  margin-right: 4px;
  vertical-align: text-top;
  line-height: 17px
}

.btn-publish i:before,
.btn-published i:before,
.btn-unpublish i:before {
  font-size: 18px;
  font-size: 1.125rem;
  color: inherit
}

.btn-published,
.btn-published:hover {
  background: #00AC18;
  border: 1px solid #00600d;
  color: #fff
}

.btn-published:focus {
  box-shadow: inset 0 0 0 1px #fff;
  background: #007911;
  color: #fff
}

.btn-published.disabled,
.btn-published.disabled:hover {
  border: 1px solid #256f1e;
  background: #35842c;
  box-shadow: none;
  color: #fff
}

.btn-unpublish {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 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, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  box-shadow: none
}

.btn-unpublish:hover,
.btn-unpublish:active,
.btn-unpublish.active,
.btn-unpublish.disabled,
.btn-unpublish[disabled] {
  color: #fff;
  background-color: #a4100c
}

.btn-unpublish:focus {
  color: #fff;
  background: #a4100c;
  text-decoration: none
}

.btn-unpublish:focus {
  box-shadow: inset 0 0 0 1px #fff
}

.publish-icon {
  outline-width: 0.125rem;
  outline-color: transparent;
  outline-style: solid;
  display: inline-block;
  color: gray;
  cursor: pointer
}

.publish-icon:focus {
  outline-offset: 0;
  outline-color: var(--ic-link-color)
}

.publish-icon.publish-icon-unpublish {
  color: gray
}

.publish-icon.publish-icon-published {
  color: #00AC18
}

.publish-icon .publish-text {
  display: none
}

.published-status.published {
  font-weight: bold;
  color: #00AC18
}

.published-status.unpublished {
  font-weight: normal;
  color: gray
}

.published-status.hiddenState {
  font-weight: normal;
  color: #FC5E13
}

.published-status.restricted {
  font-weight: normal;
  color: #FC5E13
}

.lock-icon {
  outline-width: 0.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 {
  color: gray
}

.lock-icon.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: #00AC18
}

.post-to-sis-status.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, 0.25);
  box-shadow: 0 1px 0 #fff
}

.pill>li {
  float: left;
  padding: 0 10px;
  border-right: solid 1px rgba(0, 0, 0, 0.25);
  font-size: 14px;
  font-size: .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: #FBEDE7;
  border-radius: 6px;
  color: #D14604
}

.alert h4 {
  margin: 0
}

.alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 20px
}

.alert-success {
  background-color: #E8F6E9;
  color: #008A13
}

.alert-danger,
.alert-error {
  background-color: #FCE8E7;
  color: #EE0612
}

.alert-info {
  background-color: #E5F2F8;
  color: #0078BD
}

.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;
  width: 475px;
  min-height: 20px;
  line-height: 1.3;
  z-index: 2;
  vertical-align: middle;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25);
  border: 2px solid;
  border-radius: 6px;
  background-color: #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: #00AC18
}

.ic-flash-success .ic-flash__icon {
  background-color: #00AC18
}

.ic-flash-warning {
  border-color: #FC5E13
}

.ic-flash-warning .ic-flash__icon {
  background-color: #FC5E13
}

.ic-flash-error {
  border-color: #EE0612
}

.ic-flash-error .ic-flash__icon {
  background-color: #EE0612
}

.ic-flash--Theme-Editor {
  border-color: #2D3B45;
  text-align: center
}

.ic-flash--Theme-Editor .ic-flash__icon {
  background-color: #2D3B45
}

.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: #BF32A4;
  color: #fff
}

.ic-alert-masquerade-student-view:after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: #BF32A4
}

.ic-alert-masquerade-student-view .avatar {
  width: 36px;
  height: 36px
}

body.is-masquerading-or-student-view {
  border-right: 3px solid #BF32A4
}

body.is-masquerading-or-student-view .ic-app-header {
  border-left: 3px solid #BF32A4
}

.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: .875rem;
  line-height: 1.3
}

.ic-notification {
  display: flex;
  border: 2px solid var(--ic-brand-primary);
  margin-bottom: 12px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  box-sizing: border-box
}

.ic-notification form {
  margin: 0
}

.ic-notification.ic-notification--success {
  border-color: #00AC18
}

.ic-notification.ic-notification--success .ic-notification__icon {
  background: #00AC18
}

.ic-notification.ic-notification--alert {
  border-color: #FC5E13
}

.ic-notification.ic-notification--alert .ic-notification__icon {
  background: #FC5E13
}

.ic-notification.ic-notification--danger {
  border-color: #EE0612
}

.ic-notification.ic-notification--danger .ic-notification__icon {
  background: #EE0612
}

.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
}

.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: 0.8em;
  padding-left: 12px;
  line-height: 22px
}

.element_toggler {
  outline-width: 0.125rem;
  outline-color: transparent;
  outline-style: solid;
  cursor: pointer
}

.element_toggler:focus {
  outline-offset: 0;
  outline-color: var(--ic-link-color)
}

.ic-Super-toggle__container {
  box-sizing: border-box;
  margin: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.ic-Super-toggle__input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0
}

.ic-Super-toggle__switch {
  transition: background 0.1s, border-color 0.1s;
  position: relative;
  line-height: 1;
  background-clip: padding-box
}

.ic-Super-toggle__switch::after {
  transition: all 0.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, 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 0.2s ease-out;
  text-align: center;
  position: relative;
  z-index: 1;
  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: 0.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: #394B58;
  border: 2px solid #394B58;
  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% + 0.75rem);
  height: calc(100% + 0.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: #00AC18;
  border-color: #00AC18
}

.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: 0.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: #2D3B45;
  border: 2px solid #2D3B45;
  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% + 0.75rem);
  height: calc(100% + 0.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-30)
}

.ic-Super-toggle--ui-switch .ic-Super-toggle__option--RIGHT svg>* {
  fill: var(--ic-brand-font-color-dark-lightened-30)
}

.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: #2D3B45;
  border-color: #2D3B45
}

.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-30)
}

.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-30)
}

.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: transparent
}

.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: 0.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, 0.2);
  border-radius: 3px;
  border: 1px solid #C7CDD1
}

.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: #bcc3c8;
  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: #bcc3c8
}

.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 0.2s;
  transform: translate3d(0, 0, 0);
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0 7px 7px 0;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  text-align: center;
  color: #fff;
  border-radius: 3px;
  border-style: solid;
  border: 2px solid #C7CDD1
}

.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 0.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: #2D3B45
}

.ColorPicker__ColorBlock.with-box-shadow:hover {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25)
}

.ColorPicker__ColorBlock.with-box-shadow:focus {
  box-shadow: 0 1px 2px rgba(0, 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: #C7CDD1;
  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: #FC5E13
}

.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 0.2s ease-out;
  border-width: 1px;
  border-style: solid;
  outline-color: transparent;
  outline-offset: -12px;
  background: #fff;
  padding: 8px 12px;
  -webkit-appearance: none;
  border-color: #d8e0e6;
  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: 0.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: #EE0612
}

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: #EE0612;
  outline-color: rgba(238, 6, 18, 0.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: #FC5E13
}

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: #FC5E13;
  outline-color: rgba(252, 94, 19, 0.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: #00AC18
}

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: #00AC18;
  outline-color: rgba(0, 172, 24, 0.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
  }
}

@media only screen and (min-width: 768px) {

  _:-ms-input-placeholder .ic-Form-group.ic-Form-group--horizontal>.ic-Form-control:not(.ic-Form-control--checkbox):not(.ic-Form-control--radio) .ic-Form-help-text,
  :root .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: 216px
  }

  _:-ms-input-placeholder .ic-Form-group.ic-Form-group--horizontal>.ic-Fieldset--radio-checkbox,
  :root .ic-Form-group.ic-Form-group--horizontal>.ic-Fieldset--radio-checkbox {
    padding-left: 216px
  }

  _:-ms-input-placeholder .ic-Form-group.ic-Form-group--horizontal>.ic-Fieldset--radio-checkbox .ic-Legend,
  :root .ic-Form-group.ic-Form-group--horizontal>.ic-Fieldset--radio-checkbox .ic-Legend {
    width: 192px
  }
}

.ic-Form-message {
  display: inline-block;
  margin-left: 12px;
  position: relative;
  z-index: 1;
  transition: all 0.2s cubic-bezier(0, 1, 0.5, 1);
  box-sizing: border-box
}

.ic-Form-message.ic-Form-message--error .ic-Form-message__Layout {
  background: #EE0612
}

.ic-Form-message.ic-Form-message--error .ic-Form-message__Layout:before {
  background: #d50510;
  border-right: 1px solid #b2040d
}

.ic-Form-message.ic-Form-message--error .ic-Form-message__Layout:after {
  border-bottom-color: #d50510
}

.ic-Form-message.ic-Form-message--success .ic-Form-message__Layout {
  background: #00AC18
}

.ic-Form-message.ic-Form-message--success .ic-Form-message__Layout:before {
  background: #009314;
  border-right: 1px solid #006f0f
}

.ic-Form-message.ic-Form-message--success .ic-Form-message__Layout:after {
  border-bottom-color: #009314
}

.ic-Form-message.ic-Form-message--warning .ic-Form-message__Layout {
  background: #FC5E13
}

.ic-Form-message.ic-Form-message--warning .ic-Form-message__Layout:before {
  background: #f25003;
  border-right: 1px solid #cf4403
}

.ic-Form-message.ic-Form-message--warning .ic-Form-message__Layout:after {
  border-bottom-color: #f25003
}

.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: .875rem;
  line-height: 1.2;
  color: #fff;
  box-shadow: 0 2px 2px rgba(0, 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: #EE0612
}

.ic-Form-control.ic-Form-control--has-warning .ic-Label,
.ic-Form-control.ic-Form-control--has-warning .ic-Input-group__add-on {
  color: #FC5E13
}

.ic-Form-control.ic-Form-control--has-success .ic-Label,
.ic-Form-control.ic-Form-control--has-success .ic-Input-group__add-on {
  color: #00AC18
}

@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;
  -moz-user-select: none;
  -ms-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 #C7CDD1;
  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 #C7CDD1
}

.ic-Radio {
  overflow: hidden;
  position: relative;
  box-sizing: border-box
}

.ic-Radio .ic-Label {
  margin: 0;
  position: relative;
  z-index: 1;
  padding: 4px 0 4px 22px;
  font-weight: normal;
  display: inline-block
}

.ic-Radio .ic-Label:before {
  transition: all 0.2s ease-out;
  content: "";
  box-sizing: border-box;
  border-radius: 100%;
  width: 16px;
  height: 16px;
  border: 1px solid #d8e0e6;
  position: absolute;
  top: 5px;
  left: 0;
  background: #fff
}

.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-primary)
}

.ic-Radio input[type="radio"]:checked~.ic-Label:before {
  border-color: var(--ic-brand-primary);
  box-shadow: inset 0 0 0 3px #fff;
  background: var(--ic-brand-primary)
}

.ic-Radio input[type="radio"]:focus~.ic-Label:before {
  box-shadow: inset 0 0 0 2px var(--ic-brand-primary-lightened-15), inset 0 0 0 4px #fff;
  background: var(--ic-brand-primary)
}

.ic-Radio input[type="radio"][disabled]~.ic-Label {
  opacity: 0.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 0.2s;
  padding: 0.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: #C7CDD1
}

.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)
}

@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;
  z-index: 1;
  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 0.2s ease-out, outline-offset 0.2s ease-out, outline-color 0.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 #d8e0e6;
  outline: 2px solid transparent;
  outline-offset: -12px
}

.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-primary)
}

.ic-Form-control.ic-Form-control--checkbox input[type="checkbox"]:focus~.ic-Label:before {
  border-color: var(--ic-brand-primary);
  outline-offset: -3px;
  outline-color: var(--ic-brand-primary-lightened-15)
}

.ic-Form-control.ic-Form-control--checkbox input[type="checkbox"]:checked~.ic-Label:before {
  background-color: var(--ic-brand-primary);
  background-position: center -1px;
  border-color: var(--ic-brand-primary)
}

.ic-Form-control.ic-Form-control--checkbox input[type="checkbox"]:checked:focus~.ic-Label:before {
  outline-color: rgba(255, 255, 255, 0.35)
}

.ic-Form-control.ic-Form-control--checkbox input[type="checkbox"][disabled]~.ic-Label {
  opacity: 0.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 #d8e0e6;
  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-Action-header {
  margin-bottom: 24px;
  box-sizing: border-box
}

.ic-Action-header.ic-Action-header--before-item-groups {
  margin-bottom: 0;
  padding-bottom: 12px;
  border-bottom: 1px solid #C7CDD1
}

@media only screen and (min-width: 768px) {
  .ic-Action-header {
    display: flex;
    align-items: center;
    box-sizing: border-box
  }

  .ic-Action-header .ic-Action-header__Primary {
    flex: 1;
    margin-bottom: 0;
    box-sizing: border-box
  }

  .ic-Action-header .ic-Action-header__Secondary {
    flex: 1;
    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>.ui-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
}

.ic-Action-header__Primary {
  margin-bottom: 6px
}

.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;
  padding-left: 48px
}

.ic-Form-help-text {
  font-size: 12px;
  font-size: .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: .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: #f5f5f5;
  color: var(--ic-brand-font-color-dark)
}

.ic-badge.ic-badge--success {
  background: #00AC18
}

.ic-badge.ic-badge--alert {
  background: #FC5E13
}

.ic-badge.ic-badge--danger {
  background: #EE0612
}

body {
  min-height: 100vh;
  background: #fff;
  font-weight: 300
}

/* body:not(.is-inside-submission-frame):not(.embedded):not(.dashboard-is-planner) {
  min-width: 768px
} */

body.no-headers #header,
body.no-headers #topbar,
body.no-headers #left-side,
body.no-headers #breadcrumbs,
body.embedded #header,
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 #C7CDD1;
  background: #f5f5f5;
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  margin: -0.95em -0.95em 1em;
  padding: 0.4em 1em;
  line-height: 20px
}

body.embedded.no-headers h2,
body.embedded.no-headers .h2 {
  display: none
}

body.embedded #modal-box {
  background: #fff !important;
  color: var(--ic-brand-font-color-dark) !important;
  height: auto !important
}

.scripts-not-loaded a:not([href]),
.scripts-not-loaded a[href="#"],
.scripts-not-loaded button:not([type]) {
  visibility: hidden !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
}

.before_external_content_info_alert:focus,
.after_external_content_info_alert:focus {
  margin: 20px 0px;
  outline: none
}

iframe.info_alert_outline {
  border: 2px solid #008EE2 !important
}

iframe.tool_launch {
  min-height: 450px;
  width: 100%;
  height: 100%;
  border: none;
  max-width: 100%
}

#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, 0.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
}

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: 24px
}

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.ic-framed-lti-tool .ic-Layout-contentMain {
  padding: 0 24px
}

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 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 #C7CDD1
}

.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: 0.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: .875rem
}

@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
  }
}

.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) .ic-Layout-wrapper {
  max-width: 1366px
}

body:not(.ic-no-flex-layout):not(.embedded) .ic-Layout-wrapper {
  display: flex;
  flex-direction: column
}

body:not(.no-headers) .ic-Layout-wrapper {
  margin-left: 54px
}

body:not(.no-headers).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
}

body.course-menu-expanded:not(.ic-no-flex-layout):not(.embedded):not(.is-inside-submission-frame) .ic-Layout-columns {
  margin-left: 192px
}

body.course-menu-expanded:not(.ic-no-flex-layout):not(.embedded):not(.is-inside-submission-frame) .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%
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
  .ic-Layout-columns {
    min-height: 93.5vh
  }
}

.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: 0.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 #section-tabs-header-subtitle {
  padding: 0 0 12px 12px
}

.ic-app-nav-toggle-and-crumbs {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #C7CDD1;
  margin: 0 24px;
  min-height: 4.5rem;
  box-sizing: border-box
}

.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
}

.tray-with-space-for-global-nav {
  margin-left: 54px
}

body.primary-nav-expanded .tray-with-space-for-global-nav {
  margin-left: 84px
}

.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__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.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 1px var(--ic-brand-global-nav-bgd), inset 0 0 0 2px 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 .ic-avatar {
  border-color: #C7CDD1
}

.ic-app-header__menu-list-item.ic-app-header__menu-list-item--active .ic-avatar.ic-avatar--fake-student {
  border-color: #BF32A4
}

.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 0.3s, padding 0.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: 0.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: 0.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 0.4s
}

.ic-app-header__menu-list-link:hover,
.ic-app-header__menu-list-link:focus {
  background-color: rgba(0, 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: #BF32A4
}

.ic-app-header__menu-list-link:hover .menu-item__text,
.ic-app-header__menu-list-link:focus .menu-item__text {
  transform: translate3d(.375rem, 0, 0);
  opacity: 1
}

.ic-app-header__menu-list-link:focus {
  box-shadow: inset 0 0 0 1px var(--ic-brand-global-nav-bgd), inset 0 0 0 2px var(--ic-brand-global-nav-menu-item__text-color)
}

.ic-app-header__menu-list-link:active {
  background-color: rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 1px 1px rgba(0, 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)
}

.ic-app-header__menu-list-link .ic-icon-svg--dashboard {
  height: 30px
}

.ic-app-header__menu-list-link .ic-icon-svg--calendar,
.ic-app-header__menu-list-link .ic-icon-svg--inbox,
.ic-app-header__menu-list-link .ic-icon-svg--apps {
  height: 28px
}

.ic-app-header__menu-list-link .ic-icon-svg--courses {
  height: 26px
}

.ic-app-header__menu-list-link .ic-icon-svg--grades {
  height: 30px
}

.ic-app-header__menu-list-link .ic-icon-svg--arrow-right {
  width: 24px;
  height: 24px
}

.ic-app-header__menu-list-link .ic-icon-svg--groups {
  width: 32px;
  height: 21.6px
}

.ic-app-header__menu-list-link .ic-icon-svg--accounts {
  width: 26px;
  height: 29px
}

.ic-app-header__menu-list-link .ic-icon-svg--login {
  width: 26px;
  height: 29px
}

.ic-app-header__menu-list-link .ic-icon-svg--lti {
  width: 26px;
  height: 29px
}

.ic-app-header__menu-list-link .ic-icon-svg--help {
  height: 26px
}

.ic-app-header__menu-list-link .ic-icon-svg--navtoggle {
  height: 20px
}

.ic-app-header__menu-list-link .svg-icon-lifepreserver,
.ic-app-header__menu-list-link .svg-icon-help,
.ic-app-header__menu-list-link .svg-icon-information,
.ic-app-header__menu-list-link .svg-icon-folder,
.ic-app-header__menu-list-link .svg-icon-cog {
  height: 26px
}

button.ic-app-header__menu-list-link {
  background: transparent;
  outline: none
}

.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: #BF32A4
}

.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: 30px;
  height: 30px
}

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: .875rem;
  border-radius: 3px;
  color: #fff;
  white-space: nowrap
}

body.primary-nav-transitions .menu-item__text {
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.3s;
  transition-delay: 0.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: -.375rem
}

.menu-item__badge {
  font-size: 11px;
  font-size: .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 0.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 0.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 1px var(--ic-brand-global-nav-bgd), inset 0 0 0 2px var(--ic-brand-global-nav-menu-item__text-color)
}

.ic-app-header__uploaded-logo {
  display: block
}

.ic-app-header__menu-list-link {
  padding: 0.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-primary)
}

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;
  padding-left: 0.25rem;
  padding-right: 0.25rem
}

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: 0.01em 0 0;
  min-width: 0;
  margin: 0 0 10px 0
}

.ic-HelpDialog__form-actions {
  display: flex;
  justify-content: flex-end
}

#mobile-header {
  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 0.5s ease-out;
  max-height: 0px
}

#mobileContextNavContainer[aria-expanded="true"] {
  max-height: 1000px;
  margin-bottom: 50px;
  box-shadow: 0 0.375rem 0.4375rem rgba(0, 0, 0, 0.1), 0 0.625rem 1.75rem rgba(0, 0, 0, 0.25)
}

#mobile-header,
#mobileContextNavContainer {
  display: none
}

.mobile-header-hamburger {
  float: left
}

.mobile-header-title {
  text-align: center;
  display: block
}

.mobile-header-hamburger,
.mobile-header-title {
  padding: 15.6px
}

.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
}

#left-side {
  display: none
}

#section-tabs .section-tab-hidden a {
  color: #c7c7c7
}

#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 #C7CDD1;
  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: .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: .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: .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: #f5f5f5;
  border: 0;
  font-size: 100%
}

#right-side .right-side-list .tooltip .tooltip_wrap {
  left: -185px;
  width: 185px;
  height: 70px;
  top: 0;
  font-size: 0.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 #444444;
  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: 0.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: black !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 white
  }

  #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
  }
}

.module-sequence-footer {
  position: relative;
  left: 0;
  right: 0;
  bottom: 0;
  height: 65px;
  overflow: hidden
}

.module-sequence-footer .hidden-aria-title {
  display: none
}

.module-sequence-footer .module-sequence-footer-content {
  height: 64px;
  background: #fff;
  border-top: 1px solid #C7CDD1;
  box-sizing: border-box;
  padding-top: 12px
}

@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 0.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", "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-30)
}

.text-warning {
  color: #FC5E13
}

a.text-warning:hover {
  color: #d94803
}

.text-error {
  color: #EE0612
}

a.text-error:hover {
  color: #bc050e
}

.text-info {
  color: var(--ic-brand-primary)
}

a.text-info:hover {
  color: var(--ic-brand-primary-darkened-10)
}

.text-success {
  color: #00AC18
}

a.text-success:hover {
  color: #007911
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 6px 0;
  font-family: "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.25
}

h3,
.h3 {
  font-size: 1.5em
}

.page-header {
  padding-bottom: 6px;
  margin: 20px 0 30px;
  border-bottom: 1px solid #C7CDD1
}

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: 0.125rem;
  outline-color: transparent;
  outline-style: solid
}

.Underline-All-Links__enabled a:not(.Button):not(.ui-button):not(.btn):not(.ui-button):not(.ui-tabs-anchor):not([data-cid*="Button"]):focus {
  outline-offset: 0;
  outline-color: var(--ic-link-color)
}

.alert a {
  font-weight: bold;
  color: inherit
}

ul,
ol {
  padding: 0;
  margin: 0 0 6px 25px
}

ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0
}

ul.unstyled,
ol.unstyled {
  margin-left: 0;
  list-style: none
}

dl {
  margin-bottom: 20px
}

dt,
dd {
  line-height: 1.5
}

dt {
  font-weight: bold
}

dd {
  margin-left: 10px
}

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

.dl-horizontal:after {
  clear: both
}

.dl-horizontal dt {
  float: left;
  width: 160px;
  clear: left;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.dl-horizontal dd {
  margin-left: 180px
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline
}

sup {
  top: -0.5em
}

sub {
  bottom: -0.25em
}

label {
  display: inline-block
}

.input-micro {
  width: 30px
}

.form-horizontal label,
.bootstrap-form label {
  display: block
}

p label {
  font-size: inherit
}

.bootstrap-form.no-margin {
  margin-bottom: 0
}

.no-margin-bottom {
  margin-bottom: 0 !important
}

select.un-bootrstrapify {
  width: auto;
  border-radius: 0;
  height: auto
}

.form-actions {
  text-align: right;
  padding: 10px 10px 11px
}

.ui-dialog-content .form-actions {
  margin-bottom: 0;
  box-shadow: inset 0 1px 0 #fff
}

.form-actions.flush {
  margin-bottom: -1em;
  margin-left: -1em;
  margin-right: -1em
}

input[type=checkbox]+label,
input[type=radio]+label {
  vertical-align: -4px
}

.form-inline input[type=checkbox]+label,
.form-inline input[type=radio]+label {
  vertical-align: middle
}

input[type=file] {
  line-height: 1em
}

.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 #C7CDD1
}

.table-striped>thead {
  border: 1px solid #C7CDD1
}

.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 #C7CDD1;
  border-bottom: none
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #C7CDD1
}

abbr.initialism {
  font-size: 90%;
  text-transform: uppercase
}

blockquote {
  padding: 0 0 0 15px;
  margin: 0 0 20px;
  border-left: 5px solid #C7CDD1
}

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: '\2014 \00A0'
}

blockquote.pull-right {
  float: right;
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #C7CDD1;
  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: '\00A0 \2014'
}

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: #73818C;
  text-align: left;
  text-decoration: none;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2)
}

.ui-widget.ui-tooltip.popover-padded {
  padding: 9px 14px
}

.ui-tooltip.popover:before,
.ui-tooltip.popover:after {
  border-color: transparent transparent rgba(0, 0, 0, 0.25) transparent;
  position: absolute;
  border-style: solid;
  border-width: 11px;
  width: 0;
  height: 0;
  content: "";
  top: -22px;
  left: 11px
}

.ui-tooltip.popover:after {
  border-bottom-color: #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, 0.25) transparent transparent transparent;
  top: auto;
  bottom: -22px
}

.ui-tooltip.popover.bottom:after {
  border-color: #fff transparent transparent transparent;
  top: auto;
  bottom: -20px
}

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

.ui-tooltip.popover.center:after {
  left: 50%;
  margin-left: -10px;
  right: auto
}

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

.ui-tooltip.popover.middle:after {
  top: 50%;
  margin-top: -10px;
  bottom: auto
}

.ui-tooltip.popover.horizontal:before {
  top: 50%;
  margin-top: -11px;
  bottom: auto;
  left: -22px;
  right: auto;
  border-color: transparent rgba(0, 0, 0, 0.25) transparent transparent
}

.ui-tooltip.popover.horizontal:after {
  top: 50%;
  margin-top: -10px;
  bottom: auto;
  left: -20px;
  right: auto;
  border-color: transparent #fff transparent transparent
}

.ui-tooltip.popover.right.horizontal:before {
  left: auto;
  right: -22px;
  border-color: transparent transparent transparent rgba(0, 0, 0, 0.25)
}

.ui-tooltip.popover.right.horizontal:after {
  left: auto;
  right: -20px;
  border-color: transparent transparent transparent #fff
}

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

.ui-tooltip.popover.bottom.horizontal:after {
  top: auto;
  bottom: 12px
}

.ui-tooltip.popover.top.horizontal:before {
  margin-top: 0;
  top: 11px
}

.ui-tooltip.popover.top.horizontal:after {
  margin-top: 0;
  top: 12px
}

.ui-tooltip.popover.content-top.horizontal:before {
  margin-top: 0;
  top: 35px
}

.ui-tooltip.popover.content-top.horizontal:after {
  margin-top: 0;
  top: 36px
}

.dotted-separator {
  border-bottom: 1px dotted #aaa
}

@keyframes highlight-shadow-fade {
  from {
    box-shadow: 0 0 8px #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: .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: 0.8em
}

#instructure_ajax_error_box {
  display: none;
  position: fixed;
  top: 10px;
  left: 50px;
  z-index: 9999;
  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: 100%
}

#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 li.ic-flash-info:first-child,
#flash_message_holder li.ic-flash-success:first-child,
#flash_message_holder li.ic-flash-warning:first-child,
#flash_message_holder li.ic-flash-error:first-child,
#flash_message_buffer li.ic-flash-info:first-child,
#flash_message_buffer li.ic-flash-success:first-child,
#flash_message_buffer li.ic-flash-warning:first-child,
#flash_message_buffer li.ic-flash-error:first-child {
  margin-top: 12px
}

#flash_message_holder li: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 li: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 li:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error),
#flash_message_buffer li:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error) {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  border-bottom-color: rgba(0, 0, 0, 0.5);
  padding: 4px 40px 4px 8px;
  min-height: 20px;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
  position: relative;
  z-index: 2;
  width: 400px
}

#flash_message_holder li:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error).static_message,
#flash_message_buffer li:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error).static_message {
  width: auto
}

#flash_message_holder li:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error) a,
#flash_message_buffer li: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 li:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error) .close_link,
#flash_message_buffer li:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error) .close_link {
  position: absolute;
  right: 10px;
  top: 50%;
  width: 20px;
  height: 20px;
  overflow: hidden;
  margin-top: -11px;
  color: white;
  text-decoration: none
}

#flash_message_holder li:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error) i,
#flash_message_buffer li: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 li:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error).ui-state-error i,
#flash_message_holder li:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error).ui-state-warning i,
#flash_message_buffer li:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error).ui-state-error i,
#flash_message_buffer li: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 li:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error).no_close .close_link,
#flash_message_buffer li: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%
}

@-moz-document url-prefix() {

  .user_content,
  .mceContentBody {
    overflow-x: hidden
  }
}

.user_content a:not(.btn):not(.Button):not(.ui-button),
.mceContentBody a:not(.btn):not(.Button):not(.ui-button) {
  text-decoration: underline
}

.user_content h3,
.user_content .h3,
.mceContentBody h3,
.mceContentBody .h3 {
  margin-top: 1em;
  margin-bottom: 1em
}

.user_content table:not([cellpadding]),
.mceContentBody table:not([cellpadding]) {
  margin-left: 5px
}

.user_content table:not([cellpadding]) td,
.mceContentBody table:not([cellpadding]) td {
  padding: 2px
}

.user_content iframe,
.novotec video {
  border: 0;
  padding: 0;
  margin: 0;
  max-width: 100%
}

.reminder,
.reminder-content {
  border: 1px solid #aaa;
  border-radius: 5px;
  margin: 5px;
  clear: both;
  font-size: 0.9em
}

.reminder h2,
.reminder .h2,
.reminder-content h2,
.reminder-content .h2 {
  margin-top: 0;
  background-color: #eee;
  text-transform: uppercase;
  color: #248;
  padding: 0px 10px;
  border-bottom: 1px solid #aaa;
  font-size: 1.2em;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px
}

.reminder .body,
.reminder-content .body {
  width: auto;
  padding: 5px 10px
}

#floating_reminders {
  cursor: move;
  padding: 5px 10px;
  position: absolute;
  top: 5px;
  left: 0px;
  background-color: #fe8;
  border: 2px solid #FBAD00;
  border-radius: 5px;
  width: 300px;
  z-index: 2
}

#floating_reminders a {
  font-weight: bold;
  cursor: pointer
}

#right-side h2 .small_link,
#right-side .h2 .small_link {
  font-size: 0.6em;
  font-family: arial, sans-serif
}

#right-side h4.item_list_header,
#right-side .h4.item_list_header {
  font-size: 1.3em;
  font-weight: bold;
  border-bottom: 1px solid #888;
  margin: 0
}

#right-side ul.item_list {
  margin-top: 0;
  list-style-type: none;
  margin-left: 15px
}

#right-side ul.item_list.limit_height {
  max-height: 150px;
  overflow: auto
}

#right-side p {
  margin-top: 0;
  margin-bottom: 1em
}

#right-side table.summary {
  margin: 5px 0px;
  width: 100%
}

#right-side table.summary tbody th {
  font-weight: bold
}

#right-side table.notifications {
  border-top: 2px solid #999;
  border-collapse: collapse
}

#right-side table.notifications tr {
  border-color: #999
}

#right-side table.notifications tr td {
  border-color: #999;
  border-bottom: 2px solid #999
}

#right-side table.courses {
  width: 100%
}

#right-side table.courses td {
  padding: 5px 5px 10px 10px;
  background-color: #eee;
  color: #888
}

#right-side table.courses td .name {
  font-size: 1.5em;
  font-weight: bold
}

#right-side table.courses td .links {
  font-size: 0.8em;
  text-align: center
}

#right-side table.courses td a {
  text-decoration: none;
  color: #444
}

#right-side table.courses td a:hover {
  text-decoration: underline
}

#right-side .events_list li.event i.icon-check,
#right-side .events_list li.todo i.icon-check,
#right-side .to-do-list li.event i.icon-check,
#right-side .to-do-list li.todo i.icon-check {
  color: #00AC18
}

#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: .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%, #fff 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%, #fff 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: .75rem;
  font-weight: normal
}

#right-side .events_list .event-list-view-calendar[class*=icon-]:before,
#right-side .events_list .event-list-view-calendar[class^=icon-]:before {
  font-size: 16px;
  font-size: 1rem;
  vertical-align: middle
}

#right-side .events_list .event-list-view-calendar:focus {
  outline: 1px solid var(--ic-link-color-darkened-10);
  outline-offset: -1px;
  padding: 2px
}

#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 #A5AFB5
}

table.summary td,
table.summary tbody th {
  border-bottom: 1px solid #C7CDD1;
  background-color: #fff
}

table.summary table.subtable th,
table.summary table.subtable td {
  border-top: 0;
  padding: 1px 5px 1px 0;
  font-size: 0.8em
}

form table.formtable {
  margin: 0;
  padding: 0;
  width: auto
}

table.formtable td {
  vertical-align: top;
  padding: 2px 3px
}

.courses .name,
.groups .name,
.accounts .name {
  font-size: 1.1em;
  font-weight: bold
}

.courses .unpublished .name a,
.groups .unpublished .name a,
.accounts .unpublished .name a {
  color: 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: 0.8em;
  margin: 0 0 0 10px
}

.courses .info,
.groups .info,
.accounts .info {
  clear: left;
  font-size: 0.8em;
  margin: 0 0 5px 10px
}

.courses .info .links,
.groups .info .links,
.accounts .info .links {
  color: #eee
}

.courses .info .links a,
.groups .info .links a,
.accounts .info .links a {
  color: 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-30)
}

.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: 0.8em
}

.event_pending {
  opacity: 0.4
}

.error_message {
  color: #EE0612
}

.formError {
  color: #EE0612;
  font-size: 0.8em;
  padding-left: 15px
}

.nobr {
  white-space: nowrap
}

.mini_discussion {
  font-size: 0.8em
}

.mini_discussion .name {
  font-weight: bold;
  margin-left: 10px
}

.mini_discussion .date {
  margin-left: 5px
}

.mini_discussion .message {
  font-size: 1.5em
}

.loading_image {
  background-color: #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
}

.datetime_suggest {
  font-size: 0.8em;
  padding-left: 10px;
  color: #737373
}

#submission_preview {
  margin: 20px auto
}

#submission_preview.paper {
  min-width: 400px
}

#submission_preview.plain_text {
  width: 90%;
  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 0.3s;
  height: 100%;
  border: none;
  background-size: cover;
  background: url("/dist/images/wizard-bg-dbbd15d1dc.jpg") no-repeat center center #2D3B45
}

#wizard_box.wizard-box--course * {
  box-sizing: border-box
}

#wizard_box.wizard-box--course h3 {
  padding: 0;
  margin: 0;
  border-bottom-color: rgba(255, 255, 255, 0.15);
  font-weight: bold
}

#wizard_box.wizard-box--course .wizard-box__feature-icon {
  display: none
}

@media only screen and (min-width: 992px) {
  #wizard_box.wizard-box--course .wizard-box__feature-icon {
    display: block;
    text-align: center;
    margin: 0;
    margin: -72px 0 24px;
    transform: translate3d(0, 0, 0) scale(0.7);
    transform-origin: center top;
    animation-duration: 0.5s;
    animation-name: icon-slide-down;
    animation-timing-function: cubic-bezier(0, 1, 0.5, 1);
    animation-fill-mode: forwards
  }
}

#wizard_box.wizard-box--course .wizard-box__feature-icon i[class^=icon-] {
  width: 84px;
  height: 84px;
  background: #2D3B45;
  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(45, 59, 69, 0.75) 0%, transparent 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(23, 30, 34, 0.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: .9375rem
  }
}

#wizard_box.wizard-box--course .wizard_content .wizard_options_list .option.selected {
  background: rgba(255, 255, 255, 0.1)
}

#wizard_box.wizard-box--course .wizard_content .wizard_options_list .option.selected a.header {
  border-left-color: var(--ic-brand-primary)
}

#wizard_box.wizard-box--course .wizard_content .wizard_options_list .option.completed a.header {
  background-image: url("/dist/images/wizard-todo-checked-db664c742f.svg")
}

#wizard_box.wizard-box--course .wizard_content .wizard_options_list .option a.header {
  flex: 1;
  display: flex;
  width: 100%;
  align-items: center;
  padding: 8px 36px 8px 36px;
  color: #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, 0.95);
  border-bottom: none;
  flex: 0.75;
  align-self: center;
  text-align: center
}

@media only screen and (min-width: 500px) {
  #wizard_box.wizard-box--course .wizard_content h3.wizard_details__headline {
    font-size: 60px;
    letter-spacing: -1px;
    flex: 1
  }
}

@media only screen and (min-width: 992px) {
  #wizard_box.wizard-box--course .wizard_content h3.wizard_details__headline {
    font-size: 84px;
    display: flex;
    width: 100%;
    justify-content: center;
    align-self: auto
  }
}

#wizard_box.wizard-box--course .wizard_content .wizard_details__calltoaction {
  margin-top: 24px
}

#wizard_box.wizard-box--course .wizard_content .wizard_details__container {
  flex: 3
}

@media only screen and (min-width: 992px) {
  #wizard_box.wizard-box--course .wizard_content .wizard_details__container {
    flex: 2
  }
}

#wizard_box.wizard-box--course .wizard_content .wizard_details {
  margin: 0;
  max-height: none !important;
  border: none;
  border-radius: 0;
  text-align: center;
  background: rgba(255, 255, 255, 0.85);
  padding: 24px;
  overflow: visible !important;
  animation-duration: 0.5s;
  animation-name: icon-slide-up;
  animation-timing-function: cubic-bezier(0, 1, 0.5, 1);
  background: rgba(255, 255, 255, 0.85);
  color: #050607
}

@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: .9375rem
  }
}

#wizard_box.wizard-box--course .wizard_content .wizard_details p:last-of-type {
  margin-bottom: 0
}

#wizard_box.wizard-box--course .wizard_content .wizard_details a.link {
  padding: 12px 24px;
  background-image: none
}

#content_tags_dialog h3,
#content_tags_dialog .h3 {
  margin: 0;
  padding: 0;
  font-size: 0.8em;
  color: #888
}

#content_tags_dialog .tags {
  list-style-type: none;
  padding: 0;
  margin: 0
}

#content_tags_dialog .tags>.tag {
  display: block;
  float: left;
  border: 1px solid #ccc;
  border-radius: 3px;
  background-color: #cdf;
  padding: 1px 4px;
  margin: 2px 3px;
  font-size: 0.9em
}

#content_tags_dialog .tags>.tag.uneditable {
  background-color: #ddd
}

#content_tags_dialog .tags>.tag.uneditable .delete_link {
  display: none
}

.hidden-readable {
  position: absolute;
  left: -100000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden
}

#keyboard_navigation {
  display: none
}

#keyboard_navigation ul.navigation_list,
.keyboard_navigation ul.navigation_list {
  padding: 0;
  margin: 0;
  list-style-type: none;
  line-height: 1.7em
}

#keyboard_navigation ul.navigation_list li span,
.keyboard_navigation ul.navigation_list li span {
  padding: 1px 2px
}

#keyboard_navigation ul.navigation_list li .keycode,
.keyboard_navigation ul.navigation_list li .keycode {
  font-weight: bold;
  font-size: 1.2em;
  color: #248;
  font-family: courier, monospace;
  text-align: right
}

.communication_messages_list .communication_message .context_code,
.communication_messages_list .communication_sub_message .context_code {
  display: none
}

.communication_messages_list.communication_messages_show_context .communication_message .context_code,
.communication_messages_list.communication_messages_show_context .communication_sub_message .context_code {
  display: inline
}

.communication_message {
  margin: 0 0.5em 0.5em;
  padding: 0 0 0.5em;
  width: auto;
  color: #000;
  border-bottom: 1px solid #ddd
}

.communication_message.selected {
  border-width: 1px
}

.communication_message div.header {
  padding: 2px 5px;
  _height: 25px;
  color: #666
}

.communication_message div.header .header_title {
  float: left
}

.communication_message div.header .header_icon {
  float: left;
  padding-top: 5px
}

.communication_message div.header .header_icon.announcement_header_icon {
  display: none
}

.communication_message div.header .title {
  margin-left: 10px;
  font-size: 1em;
  font-weight: bold
}

.communication_message div.header .sub_title {
  margin-left: 30px;
  line-height: 0.8em
}

.communication_message div.header .context_code {
  font-size: 0.8em;
  padding-right: 5px;
  padding-left: 0
}

.communication_message div.header .context_name {
  font-size: 0.8em;
  padding: 0 5px;
  color: inherit;
  text-decoration: none
}

.communication_message div.header .points_possible {
  font-size: 0.8em;
  padding-right: 5px;
  padding-left: 0
}

.communication_message div.header .podcast {
  display: none
}

.communication_message div.header .user_name {
  white-space: nowrap;
  font-size: 0.8em
}

.communication_message div.header .post_date {
  float: right;
  padding-right: 10px;
  font-size: 0.8em;
  padding-top: 0.2em
}

.communication_message div.header .post_date .new-and-total-badge {
  float: right
}

.communication_message div.header .under_links {
  float: right;
  clear: right;
  padding-right: 10px;
  font-size: 0.8em
}

.communication_message div.header .under_links a {
  color: inherit
}

.communication_message div.header .link_box {
  float: right;
  width: 60px;
  text-align: right;
  min-height: 10px;
  margin-right: 5px
}

.communication_message div.header .link_box a {
  opacity: 0
}

.communication_message div.header .link_box a:hover,
.communication_message div.header .link_box a:focus {
  opacity: 1
}

.communication_message div.content {
  padding: 5px 5px 1px 50px;
  color: #444
}

.communication_message div.content .links {
  text-align: right;
  margin-right: 2.5em;
  display: block;
  font-size: 0.8em;
  color: #888
}

.communication_message div.content .links a {
  color: #666
}

.communication_message div.content .links a.brief_footer_link {
  display: none
}

.communication_message div.content .links a.verbose_footer_link {
  display: inline
}

.communication_message div.content .subcontent {
  padding-top: 5px
}

.communication_message div.content .status {
  text-align: right;
  font-size: 0.8em
}

.communication_message div.content .original_post_date {
  text-align: right;
  font-size: 0.8em;
  padding-right: 44px;
  color: #888
}

.communication_message div.content .statistics td.name {
  width: 20%;
  vertical-align: top;
  padding: 5px 0;
  border-bottom: 1px solid #eee
}

.communication_message div.content .statistics td.name .text {
  font-size: 0.8em
}

.communication_message div.content .statistics td.stats {
  vertical-align: top;
  padding: 5px 0 5px 10px;
  border-bottom: 1px solid #eee
}

.communication_message div.content .statistics td.stats .answer .text {
  font-size: 0.8em
}

.communication_message div.content .statistics td.stats .answer .answer_bar {
  margin-bottom: 3px;
  border: 1px solid #888;
  background: #ccc;
  height: 10px
}

.communication_message div.content .statistics td.stats .answer.correct_answer .answer_bar {
  background: #8EC778
}

.communication_message div.content .attachments_list a {
  color: #888
}

.communication_message div.content .extras {
  font-size: 0.8em;
  color: #888
}

.communication_message div.footer {
  margin: 5px
}

.communication_message div.base_links {
  font-size: 1.5em;
  text-align: center
}

.communication_message.pinned_notification {
  border: 1px solid #bbb;
  background: #ffb
}

.communication_message.pinned_notification .header .links {
  float: right;
  font-size: 0.8em
}

.communication_message.pinned_notification .user_content p:last-child {
  margin-bottom: 0
}

.communication_message.has_podcast .header .podcast {
  display: block;
  float: right;
  opacity: 0.7
}

.communication_message a.disable_item_link {
  visibility: hidden;
  float: right;
  margin-right: 6px
}

.communication_message.alert div.content {
  padding-left: 35px
}

.communication_message_hover div.header .link_box a {
  opacity: 0.5
}

.communication_message_hover a.disable_item_link {
  visibility: visible;
  opacity: 0.5
}

.communication_message_hover a.disable_item_link:hover {
  opacity: 1
}

.brief_communication_message div.header .link_box {
  display: none
}

.brief_communication_message div.content .links a.brief_footer_link {
  display: inline
}

.brief_communication_message div.content .links a.verbose_footer_link {
  display: none
}

.communication_message.announcement div.header .header_icon.announcement_header_icon {
  display: inline
}

.communication_message.announcement div.header .header_icon.discussion_topic_header_icon {
  display: none
}

.communication_message.conversation .submission ul {
  margin: 0 10px 10px 0;
  padding: 0
}

.communication_message.conversation .submission li {
  padding: 2px 5px;
  margin: 0 0 2px;
  list-style: none;
  background: #e8e8e8
}

.communication_message.conversation .submission .user_name {
  font-size: 0.8em;
  padding: 0
}

.communication_message.conversation .submission .score {
  float: right;
  padding-right: 10px
}

.communication_sub_message {
  margin: 0 2.5em 2px 0em;
  padding: 0;
  width: auto;
  color: #000;
  border-width: 0px;
  font-size: 0.85em;
  background-color: #f2f2f2
}

.communication_sub_message div.header,
.communication_sub_message div li {
  padding: 0 5px;
  border-width: 0px;
  color: #999
}

.communication_sub_message div.header .link_box,
.communication_sub_message div li .link_box {
  float: right;
  width: 60px;
  text-align: right;
  min-height: 10px;
  margin-right: 5px;
  opacity: 0.5
}

.communication_sub_message div.header .link_box a,
.communication_sub_message div li .link_box a {
  visibility: hidden
}

.communication_sub_message div.header .link_box:hover,
.communication_sub_message div li .link_box:hover {
  opacity: 1
}

.communication_sub_message div.header .link_box:hover a,
.communication_sub_message div li .link_box:hover a {
  visibility: visible
}

.communication_sub_message div.header .header_title,
.communication_sub_message div li .header_title {
  float: left
}

.communication_sub_message div.header .user_name,
.communication_sub_message div li .user_name {
  padding-left: 5px;
  white-space: nowrap
}

.communication_sub_message div.header .post_date,
.communication_sub_message div li .post_date {
  float: right;
  padding-right: 10px;
  font-size: 0.9em;
  padding-top: 0.2em
}

.communication_sub_message div.header a,
.communication_sub_message div li a {
  color: #888
}

.communication_sub_message div.content {
  padding: 1px 5px 1px 30px;
  color: #444
}

.communication_sub_message div.content .less_important {
  color: #888;
  display: block;
  text-align: right;
  padding-right: 20px
}

.communication_sub_message div.content a.textarea {
  display: block;
  border-radius: 4px;
  border: 1px solid #aaa;
  background-color: #fff;
  text-decoration: none;
  padding: 2px;
  width: 94%
}

.communication_sub_message div.content textarea {
  border: 1px solid #aaa;
  border-radius: 4px;
  padding: 2px;
  font-size: 1.1em;
  font-family: Arial, sans-serif;
  width: 94%
}

.communication_sub_message div.content textarea.dim {
  height: 1em;
  color: #aaa;
  font-family: arial, sans-serif
}

.communication_sub_message div.behavior_content {
  color: #999;
  padding: 2px 5px 2px 30px
}

.communication_sub_message div.behavior_content a {
  color: #888
}

.communication_sub_message div.footer {
  float: right
}

.communication_sub_message.toggled_communication_sub_message {
  display: none
}

.communication_sub_message.lonely_behavior_message {
  background-color: transparent
}

.communication_sub_message.lonely_behavior_message div.content a.textarea {
  display: inline;
  color: inherit;
  padding: 0;
  margin-right: 15px;
  border-width: 0
}

.communication_sub_message.lonely_behavior_message div.content a.textarea:hover,
.communication_sub_message.lonely_behavior_message div.content a.textarea:focus {
  text-decoration: underline
}

.communication_sub_message.lonely_behavior_message div.content .less_important {
  display: inline;
  color: inherit
}

html>body .communication_sub_message .content textarea {
  width: 97%
}

html>body .communication_sub_message .content a.textarea {
  width: 97%
}

html>body .communication_message div.header .under_links {
  opacity: 0
}

html>body .communication_message:hover div.header .under_links {
  opacity: 1
}

.new_activity_message a.textarea {
  display: block;
  border-radius: 4px;
  border: 1px solid #aaa;
  color: #888;
  text-decoration: none;
  cursor: text;
  background-color: #fff;
  padding: 2px;
  width: 94%
}

.new_activity_message .message_type img {
  border-radius: 2px;
  padding: 0 5px;
  cursor: pointer;
  border: 1px solid #fff
}

.new_activity_message .message_type img:hover {
  border-color: #ccc
}

.new_activity_message .message_type img.selected {
  border-color: #888;
  background-color: #eee
}

.new_activity_message form textarea {
  height: 4.8em;
  border: 1px solid #aaa;
  border-radius: 4px;
  padding: 2px;
  font-size: 1.1em;
  font-family: Arial, sans-serif;
  width: 94%
}

html>body .new_activity_message a.textarea {
  width: 97%
}

html>body .new_activity_message form textarea {
  width: 97%
}

.notification_list li a {
  padding-left: 20px;
  background-image: url(/dist/images/other_icon-2a7be474af.png);
  background-repeat: no-repeat;
  background-position: left center
}

.notification_list li a.announcement {
  background-image: url(/dist/images/announcement_icon-d0bf3f3894.png)
}

.notification_list li a.course_content {
  background-image: url(/dist/images/course_content_icon-95ff332fb8.png)
}

.notification_list li a.due_date {
  background-image: url(/dist/images/due_date_icon-9fe551d920.png)
}

.notification_list li a.discussion {
  background-image: url(/dist/images/discussion_icon-4d54295129.png)
}

.notification_list li a.grading {
  background-image: url(/dist/images/grading_icon-16e9e323ad.png)
}

.notification_list li a.invitation {
  background-image: url(/dist/images/invitation_icon-9a971ebcbe.png)
}

.notification_list li a.message {
  background-image: url(/dist/images/message_icon-d6170068a2.png)
}

.module_legend {
  float: right;
  clear: right;
  border: 1px solid #ccc;
  min-width: 200px;
  margin-bottom: 5px;
  margin-left: 10px
}

.module_legend.module_legend_locked .title {
  display: none
}

.module_legend.module_legend_locked .locked_title,
.module_legend.module_legend_locked .locked_message {
  display: inline
}

.module_legend .locked_title,
.module_legend .locked_message {
  display: none
}

.module_legend .header {
  border-bottom: 1px solid #ccc;
  background-color: #eee;
  font-size: 1.2em;
  font-weight: bold;
  padding: 2px 5px
}

.module_legend .content {
  padding: 5px 20px 5px 10px;
  max-height: 50px;
  overflow: auto
}

.module_legend .content ul {
  padding: 0;
  margin: 0;
  list-style-type: none
}

.module_legend .content ul .context_module_item .type_icon {
  background: url(/dist/images/file-95ff332fb8.png) no-repeat left top
}

.module_legend .content ul .attachment_module_item .type_icon {
  background-image: url(/dist/images/file_download-d7ad375e63.png)
}

.module_legend .content ul .assignment_module_item .type_icon {
  background-image: url(/dist/images/assignment-e807a4c93b.png)
}

.module_legend .footer {
  text-align: right;
  font-size: 0.8em
}

.module_legend .context_module_item .criterion {
  width: 16px;
  height: 16px
}

.module_legend .context_module_item .criterion.completed {
  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: 0.2em;
  margin-right: 2px
}

.communication_message .media_comment_thumbnail {
  margin: 3px 0
}

.quoted_text_holder .show_quoted_text_link {
  font-size: 0.8em
}

#sequence_details .sequence_list {
  margin-left: 10px
}

#sequence_details .sequence_list li {
  padding-left: 20px;
  background: url(/dist/images/ball-e9b3bf0d21.png) no-repeat center left
}

#sequence_details .sequence_list li.prev,
#sequence_details .sequence_list li.next {
  font-size: 0.9em
}

#sequence_details .sequence_list li.prev {
  background-image: url(/dist/images/uptick-688aded017.png)
}

#sequence_details .sequence_list li.next {
  background-image: url(/dist/images/downtick-187f7c308b.png)
}

#sequence_details .sequence_list li.current {
  font-weight: bold;
  font-size: 1.1em;
  margin: 2px 0
}

body.padless-content .ic-Layout-contentMain #sequence_footer,
.ic-Layout-contentMain.padless #sequence_footer {
  margin-left: 10px;
  margin-right: 10px;
  padding-top: 0
}

#sequence_footer {
  padding-top: 24px
}

#sequence_footer .next,
#sequence_footer .prev {
  width: 150px;
  overflow: hidden
}

#sequence_footer .next .title,
#sequence_footer .prev .title {
  display: block;
  font-size: 0.8em;
  white-space: nowrap
}

#sequence_footer .next:hover .title,
#sequence_footer .prev:hover .title {
  text-decoration: none
}

#sequence_footer .next {
  float: right
}

#sequence_footer .prev {
  float: left
}

#sequence_footer .all {
  clear: right;
  float: right
}

.content_lock_icon {
  cursor: pointer
}

#module_prerequisites_list {
  list-style-type: none;
  color: #73818C
}

#module_prerequisites_list li.module {
  padding: 5px 0;
  vertical-align: middle
}

#module_prerequisites_list li.module ul {
  list-style-type: none;
  padding: 5px 0
}

#module_prerequisites_list li.module li.requirement {
  vertical-align: middle
}

#module_prerequisites_list li.module li.requirement .description {
  font-size: 0.8em
}

#module_prerequisites_list li.module li.requirement.locked_requirement .description {
  padding-left: 24px
}

#module_prerequisites_list li.module li.requirement.locked_requirement a {
  color: #73818C
}

#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: .875rem;
  font-family: GillSans, Calibri, Trebuchet, sans-serif;
  border: 1px solid #1e7eca;
  color: white !important;
  text-shadow: rgba(0, 0, 0, 0.5) 1px 0 1px;
  -moz-user-select: none;
  cursor: pointer
}

#change_calendar_version_link_holder a:hover,
.dashboard-toggle a:hover {
  border-color: #165A92;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5)
}

.equation_image {
  vertical-align: middle
}

.dashboard-toggle {
  display: block;
  padding: 10px 0 0
}

#breadcrumbs .dashboard-toggle {
  margin: 4px 0
}

.with-fixed-bottom .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: #FDD;
  border-width: 2px 0 0;
  border-style: solid;
  border-color: black;
  padding: 15px;
  opacity: 0.9;
  color: black
}

.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-badge {
  font-size: 11px;
  font-size: .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 {
  text-align: center
}

.ic-Error-page h1 {
  margin-top: 3rem
}

.ic-Error-page .ic-Error-img {
  margin-top: 2rem;
  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 {
  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: #f5f5f5
}

.ic-Table tr.ic-Table__row--bg-success {
  background-color: #E8F6E9
}

.ic-Table tr.ic-Table__row--bg-alert {
  background-color: #FBEDE7
}

.ic-Table tr.ic-Table__row--bg-danger {
  background-color: #FCE8E7
}

.ic-Table th {
  border-bottom-color: #A5AFB5;
  padding-bottom: 7px;
  font-weight: bold
}

.ic-Table th.ic-Table--header-row {
  border-bottom-color: #C7CDD1
}

.ic-Table tbody th {
  border-bottom-color: #C7CDD1;
  padding-bottom: 14px
}

.ic-Table td {
  border-bottom-color: #C7CDD1
}

.ic-Table td .ic-Table__actions {
  position: relative;
  text-align: right
}

.ic-Table.ic-Table--condensed td {
  padding: 7px;
  font-size: 14px;
  font-size: .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: .875rem
}

.ic-Table.ic-Table--striped tbody tr:nth-child(odd) {
  background-color: #f5f5f5
}

.ic-Table.ic-Table--hover-row tbody tr {
  transition: background-color 0.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: #E5F2F8
}

.ui-tabs .ui-tabs-panel {
  border-color: #C7CDD1;
  padding: 14px
}

.ui-tabs .ui-tabs-nav {
  border-bottom-color: #C7CDD1
}

.ui-tabs .ui-tabs-nav li {
  background: transparent;
  border-color: transparent;
  box-shadow: none
}

.ui-tabs .ui-tabs-nav li a {
  outline-width: 0.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: #C7CDD1
}

.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: #C7CDD1;
  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: #C7CDD1;
  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: 0.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: #f5f5f5;
  border: 1px solid #C7CDD1;
  margin-bottom: 16px
}

#groups .group_header {
  color: #73818C;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #efefef;
  background-image: linear-gradient(to bottom, #f5f5f5, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom: 1px solid #C7CDD1;
  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[disabled] {
  color: #73818C;
  background-color: #e6e6e6
}

#groups .group_header:focus {
  color: #73818C;
  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 white;
  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: 0.8em
}

#groups .add_assignment_form .input-append {
  display: inline
}

#assignments_for_student .group_assignment {
  min-height: 40px;
  border-bottom: 1px solid #cccccc;
  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: 0.8em;
  margin-bottom: 5px
}

#assignments_for_student .group_assignment .grade {
  display: none
}

#assignments_for_student .group_assignment.group_assignment_graded {
  color: #aaaaaa
}

#assignments_for_student .group_assignment.group_assignment_graded a {
  color: #888888
}

#assignments_for_student .group_assignment.group_assignment_graded a.grade {
  color: #444444;
  font-weight: bold;
  display: inline
}

#assignments_for_student .group_assignment.group_assignment_ungraded .assignment_due {
  font-weight: bold;
  color: #888822
}

#assignments_for_student .group_assignment.group_assignment_overdue .assignment_due {
  font-weight: bold;
  color: #cc0000
}

#assignments_for_student .group_assignment:hover {
  background-color: #eeeeee
}

#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: 0.8em;
  line-height: 1.2em;
  padding: 2px 7px;
  color: inherit;
  opacity: 0.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 0.5em 1.5em;
  width: auto;
  border: 1px solid #999999;
  color: black;
  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 #999999;
  background-color: #dddddd;
  padding-left: 25px;
  color: #666666;
  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: #444444;
  border-bottom: 1px solid #eeeeee
}

#groups_for_student .assignment_group .group_assignment:hover {
  background-color: #eeeeee
}

#groups_for_student .assignment_group .group_assignment .content {
  padding-top: 3px
}

#groups_for_student .assignment_group .group_assignment.group_assignment_graded {
  color: #aaaaaa
}

#groups_for_student .assignment_group .group_assignment.group_assignment_graded a {
  color: #888888
}

#groups_for_student .assignment_group .group_assignment.group_assignment_overdue .assignment_due {
  font-weight: bold;
  color: #cc0000
}

#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: 0.7em;
  padding-left: 10px;
  color: #888888
}

#groups_for_student .assignment_group .group_assignment div.data.assignment_due {
  width: 30%;
  font-size: 0.8em;
  display: block
}

#groups_for_student .assignment_group .group_assignment div.data.assignment_points {
  font-size: 0.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 #888888
}

#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 #aaaaaa
}

#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
}

#submit_from_external_tool_form #external_tool_submission_details {
  padding-left: 10px
}

#submit_from_external_tool_form #external_tool_submission_details.not_selected {
  color: #777766;
  font-style: italic
}

#submit_from_external_tool_form #external_tool_submission_details.file_submission {
  font-weight: bold;
  padding-left: 28px;
  background: url(/dist/images/file-95ff332fb8.png) no-repeat 10px center;
  font-size: 18px;
  font-size: 1.125rem
}

#submit_from_external_tool_form #external_tool_submission_details.url_submission {
  font-weight: bold;
  padding-left: 28px;
  background: url(/dist/images/link-cf0b7a38be.png) no-repeat 10px center;
  font-size: 18px;
  font-size: 1.125rem
}

#submit_from_external_tool_form.has_submission .tools {
  opacity: 0.7
}

#submit_from_external_tool_form .tools {
  list-style-type: none;
  margin-right: 20px
}

#submit_from_external_tool_form .tools .tool {
  display: block;
  padding: 2px 5px;
  font-size: 16px;
  font-size: 1rem
}

#submit_from_external_tool_form .tools .tool img {
  vertical-align: middle
}

#submit_from_external_tool_form .tools .tool:hover {
  background: #eee;
  border-radius: 3px
}

.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: #394B58
}

.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: #f5f5f5;
  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: .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 {
  text-transform: uppercase;
  font-weight: bold;
  text-align: right;
  flex-basis: 2rem
}

.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: #73818C;
  color: #fff;
  font-weight: bold
}

.active-selection.ui-menu-item:first-of-type .ui-corner-all.ui-state-focus {
  background: #73818C
}

.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;
  -webkit-margin-start: 0.5rem;
  margin-inline-start: 0.5rem;
  -webkit-margin-end: 0.5rem;
  margin-inline-end: 0.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: #666666;
  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: 0.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: #0f0;
  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: #f00
}

.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: #008EE2;
  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: #008EE2;
  border-radius: 50%
}

.media_comment_thumbnail-small .media_comment_thumbnail_play_button {
  width: 25px;
  height: 25px
}

a.menu_tool_link img.icon {
  max-width: 16px
}

#context_modules {
  min-width: 20px
}

.context_module {
  border-top: 1px dotted #aaa;
  border-bottom: 1px dotted #aaa;
  background-color: #f2f3f4;
  min-width: 20px;
  margin-bottom: 15px
}

.context_module .links a,
.context_module .reorder_module_link,
.context_module .move_item_link {
  opacity: 0.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 .reorder_module_link,
.context_module .move_item_link {
  padding-left: 2px
}

.context_module .links {
  padding-right: 10px;
  text-align: right;
  white-space: nowrap
}

.context_module .header {
  background-color: #e4e6e8;
  border-bottom: 1px dotted #aaa;
  padding: 6px 0;
  color: #323232
}

.context_module .header .links {
  float: right
}

.context_module .icon-minimize {
  color: #FC5E13
}

.context_module .icon-info {
  color: var(--ic-brand-primary)
}

.context_module .icon-check {
  color: #00AC18
}

.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: 0.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 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: 0.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: 0.8
}

.context_module .manage_module,
.context_module .show_hide,
.context_module .progression_container {
  font-size: 0.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: 0.2em 4px;
  font-size: 0.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 .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.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 {
  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: 0.8em;
  padding-left: 5px;
  margin-top: -4px;
  color: #888;
  display: block
}

.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: block
}

.context_module_item.must_view_requirement .completion_requirement,
.context_module_item.must_view_requirement .must_view_requirement {
  display: block
}

.context_module_item.must_mark_done_requirement .completion_requirement,
.context_module_item.must_mark_done_requirement .must_mark_done_requirement {
  display: block
}

.context_module_item.must_contribute_requirement .completion_requirement,
.context_module_item.must_contribute_requirement .must_contribute_requirement {
  display: block
}

.context_module_item.must_submit_requirement .completion_requirement,
.context_module_item.must_submit_requirement .must_submit_requirement {
  display: block
}

.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: 0.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 {
  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: #ebedee
}

.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: 0.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(.assignment) 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
}

div.completion_criterion_option select.assignment_picker {
  width: 175px
}

div.completion_criterion_option select.assignment_requirement_picker {
  width: 175px
}

.publish-icon button {
  border: 0;
  padding: 0
}

.collaborations-header {
  display: block;
  overflow: hidden;
  margin-bottom: 14px
}

.collaborations-header h1,
.collaborations-header .h1 {
  float: left;
  margin: 0
}

.collaborations-header .add_collaboration_link {
  float: right
}

.collaboration {
  border: 1px solid #C7CDD1;
  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 #C7CDD1
}

.collaboration .collaboration-header .links {
  float: right;
  line-height: 0.8em
}

.collaboration .description {
  margin-bottom: 5px
}

.collaboration .edit_collaboration .header,
.collaboration .edit_collaboration .content,
.collaboration .edit_collaboration .footer {
  margin: 0;
  padding: 0
}

.collaboration .edit_collaboration .header input[name='collaboration[title]'] {
  width: 300px
}

.collaboration .edit_collaboration .content label {
  margin-bottom: 0
}

.collaboration .edit_collaboration .content textarea {
  display: block;
  height: 50px;
  width: 400px
}

.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: #73818C;
  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 {
  max-width: 16px
}

.pages .sticky-toolbar .sticky {
  position: fixed;
  z-index: 1000;
  top: 0px;
  left: 0px;
  right: 0px;
  margin-left: 1px;
  background: white;
  height: 33px;
  max-width: 1100px;
  border-color: #abb4ba
}

.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
}

.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 #C7CDD1;
  box-shadow: 0 1px 0 rgba(0, 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: 5px;
  width: 75px;
  float: left;
  text-align: right
}

.pages.index .page-edit-dialog .edit-content .edit-controls {
  margin-left: 85px
}

.pages.index .page-edit-dialog .edit-content .edit-control-text {
  width: 270px
}

.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 0.5em
}

.pages.index .index-content .table tbody tr {
  background: #f5f5f5;
  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 #C7CDD1
}

.pages.index .index-content .table tbody tr td:last-child {
  border-right: 1px solid #C7CDD1
}

.pages.index .index-content .table tbody tr:first-child td {
  border-top: 1px solid #C7CDD1
}

.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 #C7CDD1
}

.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: .6875rem;
  color: dimgray;
  border-top: 1px solid #C7CDD1;
  vertical-align: middle;
  line-height: 1.5
}

.pages.index .index-content .table tbody td .wiki-page-link {
  font-size: 13px;
  font-size: .8125rem;
  color: #4d4d4d;
  font-weight: bold
}

.pages.index .index-content .table tbody td .wiki-page-link.published {
  color: #00AC18
}

.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: #00AC18
}

.pages.index .index-content .table tbody td .icon-unpublished {
  color: var(--ic-brand-font-color-dark-lightened-30)
}

.pages.index .index-content .table .no-pages .no-pages-cell {
  border: 1px dashed #C7CDD1
}

.pages.index .index-content .loading {
  text-align: center;
  color: #8f9295
}

.pages.index .index-content .loading img {
  margin-top: -3px;
  opacity: 0.75
}

.pages.index .index-content .loading.loading {
  border: 1px solid transparent
}

.pages.index .index-content .loading.loading-more {
  border: 1px dashed #C7CDD1;
  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;
  -moz-user-select: none;
  -ms-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: #0088cc
}

.header-row a.sort-field-active i {
  color: black
}

.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 .publish-button {
  margin: 0 12px 0 0
}

.pages.show .header-bar .front-page.label {
  margin: 6px 12px 6px 0
}

.pages.show .header-bar .published,
.pages.show .header-bar .unpublished {
  display: inline-block;
  margin: 6px 8px 6px 5px
}

.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
  }
}

.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
}

.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.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 #C7CDD1
}

@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: dimgrey
}

.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: .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: #E5F2F8
}

.pages.show.revisions .revision-nav-buttons {
  position: relative;
  height: 36px
}

.pages.show.revisions .revision-nav-buttons a {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-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: 0.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
}

#members_list {
  margin: 0;
  list-style-type: none
}

#members_list .member {
  font-size: 0.8em
}

.rubric_container {
  margin-top: 20px
}

.rubric_container tr.criterion .links {
  float: right;
  text-align: right
}

.rubric_container .small_description {
  font-weight: normal;
  margin: 0.25rem 0
}

.rubric_container.editing tr.criterion .links {
  display: inline-block
}

.rubric_container.editing tr.criterion .description {
  clear: both
}

.rubric_container.editing label[for=rubric-title] {
  font-weight: bold
}

.rubric_container.editing tr.criterion .add_rating_link {
  line-height: 0;
  margin-right: -1.2rem;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.rubric_container.editing tr.criterion td.rating>div.container {
  display: flex
}

.rubric_container.editing tr.criterion .rating-main {
  flex: 1
}

.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 .rubric_table {
  border-collapse: collapse;
  width: 99.9%;
  height: 100%;
  page-break-inside: avoid
}

.rubric_container .rubric_table .find_outcome_link {
  margin-left: 10px
}

.rubric_container thead th {
  background-color: #f5f5f5
}

.rubric_container td,
.rubric_container th {
  border: 1px solid #C7CDD1;
  padding: 7px 10px
}

.rubric_container .rubric_title {
  background-color: #f5f5f5;
  border-top: 1px solid #C7CDD1;
  border-left: 1px solid #C7CDD1;
  border-right: 1px solid #C7CDD1;
  padding: 5px;
  font-weight: bold
}

.rubric_container .has-assessments-warning {
  font-size: 0.8em;
  font-weight: normal
}

.rubric_container tr.criterion td.criterion_description {
  height: 100%;
  vertical-align: top
}

.rubric_container tr.criterion td.criterion_description .container {
  margin-left: 0;
  margin-right: 0;
  width: auto;
  position: relative;
  font-size: 0.85rem;
  display: table;
  width: 100%
}

.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: 0.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: .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: 0.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 table.ratings {
  border-collapse: collapse;
  width: 100%;
  height: 100%;
  margin-left: -1px
}

.rubric_container table.ratings td {
  border: 1px solid #aaa;
  padding: 2px 5px;
  border-bottom-width: 0;
  border-right-width: 0;
  border-top-width: 0;
  font-size: 0.85em;
  font-weight: bold;
  vertical-align: top;
  padding: 7px 10px
}

.rubric_container table.ratings td .container {
  margin-left: 0;
  margin-right: 0;
  width: auto;
  padding: 5px 0;
  position: relative;
  height: 100%
}

.rubric_container table.ratings td.edge_rating .delete_rating_link {
  display: none
}

.rubric_container table.ratings td.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.rating.selected {
  background-color: #cfa
}

.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: 0.7
}

.rubric_container.assessing .points_form .criterion_comments.empty:hover {
  opacity: 0.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 td.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 .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 table.ratings td {
  border-left: 1px dashed #A5AFB5;
  border-right: 1px dashed #A5AFB5
}

.rubric_container.editing table.ratings td:nth-of-type(1) {
  border-left: 0
}

.rubric_container.editing table.ratings td:nth-last-of-type(1) {
  border-right: 0
}

.rubric_container.editing tr.criterion td.criterion_description .container {
  height: 100%
}

.rubric_container.editing tr.criterion td.criterion_description .long_description_holder {
  font-size: 0.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.editing table.ratings td.add_right {
  border-right-color: #000;
  background: url(/dist/images/add_right-5625036f7a.png) no-repeat center right
}

.rubric_container.editing table.ratings td.add_left {
  border-left-color: #000;
  background: url(/dist/images/add_left-98f1da4be8.png) no-repeat center left
}

.rubric_container.editing table.ratings td.add_column {
  cursor: pointer
}

.rubric_container .has-assessments-warning {
  font-size: 0.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: 0.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: 0.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%
}

.mini_month {
  padding: 12px 0 0;
  margin-bottom: 24px
}

.mini-cal-header {
  text-align: center;
  padding: 12px 6px;
  font-weight: bold;
  border: 1px solid #C7CDD1;
  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 #C7CDD1;
  border-top: none
}

.mini_calendar .day {
  padding: 0;
  height: 21px;
  color: #444;
  text-align: center;
  cursor: pointer;
  width: 14%;
  font-size: 14px;
  font-size: .875rem;
  border-radius: 3px
}

.mini_calendar .day.has_event {
  background-color: #ebebeb
}

.mini_calendar .day.today {
  background-color: #FBEDE7
}

.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: #888
}

.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 #C7CDD1;
  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: .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: #f5f5f5
}

#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: .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
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
  .ic-Expand-link .ic-Expand-link__trigger {
    transform: translateX(0)
  }
}

.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, 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 0.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, 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)
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
  .ic-Expand-link.ic-Expand-link--from-right .ic-Expand-link__trigger {
    transform: translateX(0)
  }
}

.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, 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, 0.15)
}

.ic-Expand-link .ic-Expand-link__trigger .ic-Expand-link__layout {
  background: rgba(45, 59, 69, 0.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: #2D3B45
}

.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: #2D3B45
}

.ic-Expand-link.ic-Expand-link--Success .ic-Expand-link__trigger .ic-Expand-link__layout {
  background: rgba(0, 172, 24, 0.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: #00AC18
}

.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: #00AC18
}

.ic-Expand-link.ic-Expand-link--Danger .ic-Expand-link__trigger .ic-Expand-link__layout {
  background: rgba(238, 6, 18, 0.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: #EE0612
}

.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: #EE0612
}

.ic-Expand-link.ic-Expand-link--Light .ic-Expand-link__trigger .ic-Expand-link__layout {
  background: rgba(255, 255, 255, 0.8);
  color: #2D3B45
}

.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
}

.FlickrSearch__logo {
  margin-top: 12px;
  height: 48px;
  width: 48px
}

.FlickrSearch__images {
  margin-top: 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  flex-flow: row wrap
}

.FlickrSearch__loading {
  margin-top: 60px;
  width: 100%;
  display: flex;
  justify-content: center
}

.FlickrSearch__pageNavigation {
  display: flex;
  align-items: center;
  justify-content: center
}

.FlickrSearch__control {
  margin: 12px
}

.FlickrImage {
  height: 120px;
  width: 180px;
  margin: 12px;
  position: relative
}

.FlickrImage__screenreader {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute
}

.FlickrImage__display {
  background-color: #e6e6e6;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute
}

.Unsplash__logo {
  width: 120px
}

.ImageSearch__images {
  margin-top: 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  flex-flow: row wrap
}

.ImageSearch__loading {
  margin-top: 60px;
  width: 100%;
  display: flex;
  justify-content: center
}

.ImageSearch__item {
  height: 120px;
  position: relative;
  background: transparent;
  border: none;
  padding: 0
}

.ImageSearch__item:focus {
  outline: 2px solid var(--ic-brand-primary);
  outline-offset: 2px
}

.ImageSearch__screenreader {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute
}

.ImageSearch__img {
  width: auto;
  height: 100%
}

.ImageSearch__wrapper {
  position: relative;
  margin: 12px
}

.ImageSearch__attribution {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  min-height: 8px;
  opacity: 0;
  background-color: #2d3b45;
  z-index: 99
}

.ImageSearch__wrapper:focus-within .ImageSearch__attribution {
  opacity: 0.8
}

.ImageSearch__wrapper:hover .ImageSearch__attribution {
  opacity: 0.8
}

.ImageSearch__attribution a,
.ImageSearch__attribution a:link,
.ImageSearch__attribution a:visited,
.ImageSearch__attribution a:focus,
.ImageSearch__attribution a:hover {
  color: #fff;
  overflow: wrap;
  margin: 0 .25rem
}

.ImageSearch__attribution a:focus,
.ImageSearch__attribution a:hover {
  outline: 1px solid #fff
}

ul[class*=ac-] {
  list-style: none;
  margin: 0;
  padding: 0
}

[class*=ac-][aria-hidden=true] {
  display: none
}

.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, 0.075) inset;
  box-sizing: border-box;
  cursor: text;
  min-height: 30px;
  overflow: hidden;
  padding: 8px;
  position: relative;
  transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  width: 100%
}

.ac-input-box.focused {
  border-color: var(--ic-link-color)
}

.ac-input-box.disabled {
  background-color: #ddd
}

.ac .btn {
  border-left: none;
  border-radius: 0 3px 3px 0;
  display: table-cell
}

.ac .btn.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 0.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: .875rem;
  text-shadow: 1px 1px 0 rgba(0, 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: .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 #C7CDD1;
  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 #C7CDD1;
  border-radius: 10px;
  box-sizing: border-box;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  font-size: 14px;
  font-size: .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: #008EE2;
  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;
  margin-top: .25rem
}

.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
}


@media (min-width: 0px) and (max-width: 400px) {

  .container {
    width: 100%;
    height: auto;
  }

}

@media (min-width: 401px) and (max-width: 650px) {

  .container {
    width: 100%;
    height: auto;
  }

}

@media (min-width: 701px) and (max-width: 1024px) {

  .container {
    width: 100%;
    height: auto;
  }

}