@charset "UTF-8";
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/* Legacy variables. Discontinue to use these: */
/*
 * Copyright (C) 2017 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/* Legacy variables. Discontinue to use these: */
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2012 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/**
 * Convert font-size from px to rem with px fallback
 * @param $size - the value in pixel you want to convert
 * e.g. p {@include fontSize(12px);}
 * courtesy of https://github.com/stubbornella/oocss/blob/master/oocss/src/components/utils/_fontSize.scss
 */
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
 */
/* Layout helpers
----------------------------------*/
.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);
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.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;
}

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

/* without this, the menu expands to 100% in IE6 */
/*
 * jQuery UI Menu 1.8.21
 *
 * Copyright 2010, 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/Menu#theming
 */
.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: 0.2em 0.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: 0.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: 0.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: 0.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: 0.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: #FFFFFF;
  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-dialog.ui-dialog-focus-bumper {
  pointerEvents: "none";
  position: "fixed";
}

.ui-datepicker .ui-datepicker-time,
.ui-dialog .ui-dialog-buttonpane {
  background-color: #f2f2f2;
  border-top: 1px solid #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 {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  font-weight: bold;
  font-size: 14px;
  font-size: 0.875rem;
}

/*!
 * jQuery UI Tabs 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs {
  position: relative;
  zoom: 1;
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  border-radius: 0;
  border: none !important;
  background-color: transparent !important;
  /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
}
.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: 0.5em 0.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: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.ui-datepicker th {
  padding: 0.7em 0.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: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.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;
}

/* with multiple calendars */
.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 0.4em;
}

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

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

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

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

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

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

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

.ui-datepicker .ui-state-default {
  background: transparent;
  box-shadow: none;
}
.ui-datepicker .ui-state-active, .ui-datepicker .ui-progressbar .ui-widget-header, .ui-progressbar .ui-datepicker .ui-widget-header, .ui-datepicker .ui-state-active.ui-state-hover {
  border: 1px solid #a8adb3;
  color: #333;
  background: #d5dde3;
  background: linear-gradient(to bottom, #e0e6eb, #d4dce2);
  font-weight: bold;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 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: 0.75rem;
}

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

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

.ui-datepicker-header.ui-widget-header {
  background: #FFFFFF;
  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: #FFFFFF;
  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%;
}

/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/* Legacy variables. Discontinue to use these: */
/*
 * Copyright (C) 2017 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/* Legacy variables. Discontinue to use these: */
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2012 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/**
 * Convert font-size from px to rem with px fallback
 * @param $size - the value in pixel you want to convert
 * e.g. p {@include fontSize(12px);}
 * courtesy of https://github.com/stubbornella/oocss/blob/master/oocss/src/components/utils/_fontSize.scss
 */
.ui-widget.ui-tooltip {
  padding: 5px;
  position: absolute;
  z-index: 1030;
  display: block;
  font-size: 11px;
  font-size: 0.6875rem;
  max-width: 200px;
  padding: 3px 8px;
  color: white;
  text-align: center;
  text-decoration: none;
  background-color: black;
  opacity: 0.8;
  border: none;
}

.ui-tooltip:before {
  border-color: transparent transparent black 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: black 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 black transparent transparent;
}
.ui-tooltip.right.horizontal:before {
  left: auto;
  right: -10px;
  border-color: transparent transparent transparent black;
}
.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/
 */
/* Component containers
----------------------------------*/
.ui-widget {
  font-size: 12px;
  font-size: 0.75rem;
}

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

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

.ui-widget-header {
  border: 1px solid #C7CDD1;
  background: #F5F5F5;
}

.ui-widget-header a {
  color: #333333;
}

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

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #eedc94;
  background: #eedc94;
  color: #404040;
  background-image: linear-gradient(to bottom, #fceec1, #eedc94);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 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 {
  border: 1px solid #1e7bc8;
  color: #fff;
  background: #05a6eb;
  background-image: linear-gradient(to bottom, #0abeff, #0a95ff);
}

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

.ui-widget :active {
  outline: none;
}

/* Interaction Cues
----------------------------------*/
.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: 0.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: #E0061F;
}

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

.ui-state-warning, .dialog-warning .ui-dialog-titlebar, .dialog-warning .ui-datepicker .ui-datepicker-header, .ui-datepicker .dialog-warning .ui-datepicker-header {
  box-sizing: border-box;
  border-color: #FC5E24;
  background: #FFFFFF;
  border-radius: 0.25rem;
  border-style: solid;
  border-width: 0.125rem;
  box-shadow: 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.16);
  color: #2D3B45;
  min-width: 12rem;
}

/* Icons
----------------------------------*/
/* states and images */
.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;
}

/* positioning */
.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);
}

/* Misc visuals
----------------------------------*/
/* Corner radius */
.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;
}

/* Overlays */
.ui-widget-overlay {
  background: rgba(45, 59, 69, 0.75);
}

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

/*
 * jQuery UI Menu @VERSION
 *
 * Copyright 2011, 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/Menu#theming
 */
.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 0.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: 0.4em 0 0.2em;
  line-height: 1.5;
}

/* icon support */
.ui-menu-icons {
  position: relative;
}

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

/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0.5em;
  left: 0.4em;
}

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

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

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

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

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

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

.ui-menu-carat span {
  border-width: 0px 8px 8px;
  top: 1px;
  margin-left: -8px;
  border-color: #FFFFFF 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: #FFFFFF;
  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: 0.6875rem;
  font-weight: normal;
  white-space: nowrap;
}
.ui-menu-small .ui-state-focus {
  font-weight: normal;
  text-shadow: none;
}
.ui-menu-small .ui-menu-item a {
  padding: 3px 5px;
}

/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/* Legacy variables. Discontinue to use these: */
/*
 * Copyright (C) 2017 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/* Legacy variables. Discontinue to use these: */
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2012 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/**
 * Convert font-size from px to rem with px fallback
 * @param $size - the value in pixel you want to convert
 * e.g. p {@include fontSize(12px);}
 * courtesy of https://github.com/stubbornella/oocss/blob/master/oocss/src/components/utils/_fontSize.scss
 */
.ui-widget {
  font-size: 14px;
  font-size: 0.875rem;
}

/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2017 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
.row {
  margin-left: -20px;
}
.row:before, .row:after {
  display: table;
  content: "";
  line-height: 0;
}
.row:after {
  clear: both;
}

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

.container {
  width: 940px;
}

@media (min-width: 768px) {
  .span12 {
    width: 940px;
  }
}
@media (max-width: 767px) {
  .span12 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .span11 {
    width: 860px;
  }
}
@media (max-width: 767px) {
  .span11 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .span10 {
    width: 780px;
  }
}
@media (max-width: 767px) {
  .span10 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .span9 {
    width: 700px;
  }
}
@media (max-width: 767px) {
  .span9 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .span8 {
    width: 620px;
  }
}
@media (max-width: 767px) {
  .span8 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .span7 {
    width: 540px;
  }
}
@media (max-width: 767px) {
  .span7 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .span6 {
    width: 460px;
  }
}
@media (max-width: 767px) {
  .span6 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .span5 {
    width: 380px;
  }
}
@media (max-width: 767px) {
  .span5 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .span4 {
    width: 300px;
  }
}
@media (max-width: 767px) {
  .span4 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .span3 {
    width: 220px;
  }
}
@media (max-width: 767px) {
  .span3 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .span2 {
    width: 140px;
  }
}
@media (max-width: 767px) {
  .span2 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .span1 {
    width: 60px;
  }
}
@media (max-width: 767px) {
  .span1 {
    width: 100%;
  }
}
.offset12 {
  margin-left: 980px;
}

.offset11 {
  margin-left: 900px;
}

.offset10 {
  margin-left: 820px;
}

.offset9 {
  margin-left: 740px;
}

.offset8 {
  margin-left: 660px;
}

.offset7 {
  margin-left: 580px;
}

.offset6 {
  margin-left: 500px;
}

.offset5 {
  margin-left: 420px;
}

.offset4 {
  margin-left: 340px;
}

.offset3 {
  margin-left: 260px;
}

.offset2 {
  margin-left: 180px;
}

.offset1 {
  margin-left: 100px;
}

.row-fluid {
  width: 100%;
}
.row-fluid:before, .row-fluid:after {
  display: table;
  content: "";
  line-height: 0;
}
.row-fluid:after {
  clear: both;
}
.row-fluid [class*=span] {
  display: block;
  width: 100%;
  min-height: 32px;
  box-sizing: border-box;
  float: left;
}
@media (min-width: 768px) {
  .row-fluid [class*=span] {
    margin-left: 2.1276595745%;
  }
}
@media (max-width: 767px) {
  .row-fluid [class*=span] {
    margin-left: 0;
  }
}
.row-fluid [class*=span]:first-child {
  margin-left: 0;
}
.row-fluid .controls-row [class*=span] + [class*=span] {
  margin-left: 2.1276595745%;
}
@media (min-width: 768px) {
  .row-fluid .span12 {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .row-fluid .span12 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .row-fluid .span11 {
    width: 91.4893617021%;
  }
}
@media (max-width: 767px) {
  .row-fluid .span11 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .row-fluid .span10 {
    width: 82.9787234043%;
  }
}
@media (max-width: 767px) {
  .row-fluid .span10 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .row-fluid .span9 {
    width: 74.4680851064%;
  }
}
@media (max-width: 767px) {
  .row-fluid .span9 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .row-fluid .span8 {
    width: 65.9574468085%;
  }
}
@media (max-width: 767px) {
  .row-fluid .span8 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .row-fluid .span7 {
    width: 57.4468085106%;
  }
}
@media (max-width: 767px) {
  .row-fluid .span7 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .row-fluid .span6 {
    width: 48.9361702128%;
  }
}
@media (max-width: 767px) {
  .row-fluid .span6 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .row-fluid .span5 {
    width: 40.4255319149%;
  }
}
@media (max-width: 767px) {
  .row-fluid .span5 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .row-fluid .span4 {
    width: 31.914893617%;
  }
}
@media (max-width: 767px) {
  .row-fluid .span4 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .row-fluid .span3 {
    width: 23.4042553191%;
  }
}
@media (max-width: 767px) {
  .row-fluid .span3 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .row-fluid .span2 {
    width: 14.8936170213%;
  }
}
@media (max-width: 767px) {
  .row-fluid .span2 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .row-fluid .span1 {
    width: 6.3829787234%;
  }
}
@media (max-width: 767px) {
  .row-fluid .span1 {
    width: 100%;
  }
}
.row-fluid .offset12 {
  margin-left: 104.2553191489%;
}
.row-fluid .offset12:first-child {
  margin-left: 102.1276595745%;
}
.row-fluid .offset11 {
  margin-left: 95.7446808511%;
}
.row-fluid .offset11:first-child {
  margin-left: 93.6170212766%;
}
.row-fluid .offset10 {
  margin-left: 87.2340425532%;
}
.row-fluid .offset10:first-child {
  margin-left: 85.1063829787%;
}
.row-fluid .offset9 {
  margin-left: 78.7234042553%;
}
.row-fluid .offset9:first-child {
  margin-left: 76.5957446809%;
}
.row-fluid .offset8 {
  margin-left: 70.2127659574%;
}
.row-fluid .offset8:first-child {
  margin-left: 68.085106383%;
}
.row-fluid .offset7 {
  margin-left: 61.7021276596%;
}
.row-fluid .offset7:first-child {
  margin-left: 59.5744680851%;
}
.row-fluid .offset6 {
  margin-left: 53.1914893617%;
}
.row-fluid .offset6:first-child {
  margin-left: 51.0638297872%;
}
.row-fluid .offset5 {
  margin-left: 44.6808510638%;
}
.row-fluid .offset5:first-child {
  margin-left: 42.5531914894%;
}
.row-fluid .offset4 {
  margin-left: 36.170212766%;
}
.row-fluid .offset4:first-child {
  margin-left: 34.0425531915%;
}
.row-fluid .offset3 {
  margin-left: 27.6595744681%;
}
.row-fluid .offset3:first-child {
  margin-left: 25.5319148936%;
}
.row-fluid .offset2 {
  margin-left: 19.1489361702%;
}
.row-fluid .offset2:first-child {
  margin-left: 17.0212765957%;
}
.row-fluid .offset1 {
  margin-left: 10.6382978723%;
}
.row-fluid .offset1:first-child {
  margin-left: 8.5106382979%;
}

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

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

.container {
  margin-right: auto;
  margin-left: auto;
}
.container:before, .container:after {
  display: table;
  content: "";
  line-height: 0;
}
.container:after {
  clear: both;
}

.container-fluid {
  padding-right: 20px;
  padding-left: 20px;
}
.container-fluid:before, .container-fluid:after {
  display: table;
  content: "";
  line-height: 0;
}
.container-fluid:after {
  clear: both;
}

form {
  margin: 0 0 22px;
}

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

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

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

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

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

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

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

textarea {
  height: auto;
}

textarea,
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color],
.uneditable-input {
  background-color: #fff;
  border: 1px solid #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: 2.375rem;
  line-height: 2.375rem;
}

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

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

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

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

#external_tool_button_form {
  margin: 0 0 0;
}

.uneditable-input,
.uneditable-textarea {
  color: #999;
  background-color: #fcfcfc;
  border-color: #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: 22px;
  padding-left: 20px;
}

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

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

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

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

.input-mini {
  width: 60px;
}

.input-small {
  width: 90px;
}

.input-medium {
  width: 150px;
}

.input-large {
  width: 210px;
}

.input-xlarge {
  width: 270px;
}

.input-xxlarge {
  width: 530px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.control-group.warning > label,
.control-group.warning .help-block,
.control-group.warning .help-inline {
  color: #c09853;
}
.control-group.warning .checkbox,
.control-group.warning .radio,
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
  color: #c09853;
}
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
  border-color: #c09853;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 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;
}

/*
Forms: Form Actions

This is the standard form actions button bar at the bottom of every content form. Buttons may vary, but the styling or the container and button positions should be consistent

```html
<div class="form-actions">
  <button class="btn">Cancel</button>
  <button type="submit" class="btn btn-primary">Save changes</button>
</div>
```

*/
.form-actions {
  padding: 21px 20px 22px;
  margin-top: 22px;
  margin-bottom: 22px;
  border-top: 1px solid #e5e5e5;
}
.form-actions:before, .form-actions:after {
  display: table;
  content: "";
  line-height: 0;
}
.form-actions:after {
  clear: both;
}

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

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

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

.input-append,
.input-prepend {
  margin-bottom: 5px;
  font-size: 0;
  white-space: nowrap;
}
.input-append input,
.input-append select,
.input-append .uneditable-input,
.input-append .dropdown-menu,
.input-prepend input,
.input-prepend select,
.input-prepend .uneditable-input,
.input-prepend .dropdown-menu {
  font-size: 14px;
  font-size: 0.875rem;
}
.input-append input,
.input-append select,
.input-append .uneditable-input,
.input-prepend input,
.input-prepend select,
.input-prepend .uneditable-input {
  position: relative;
  margin-bottom: 0;
  *margin-left: 0;
  vertical-align: top;
  border-radius: 0 3px 3px 0;
}
.input-append input:focus,
.input-append select:focus,
.input-append .uneditable-input:focus,
.input-prepend input:focus,
.input-prepend select:focus,
.input-prepend .uneditable-input:focus {
  z-index: 2;
}
.input-append .add-on,
.input-prepend .add-on {
  display: inline-block;
  width: auto;
  height: 22px;
  min-width: 16px;
  padding: 8px;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 22px;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
}
.input-append .add-on,
.input-append .btn,
.input-prepend .add-on,
.input-prepend .btn {
  vertical-align: top;
  border-radius: 0;
}
.input-append .active,
.input-prepend .active {
  background-color: #a9dba9;
  border-color: #46a546;
}

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

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

.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {
  border-radius: 0;
}
.input-prepend.input-append input + .btn-group .btn,
.input-prepend.input-append select + .btn-group .btn,
.input-prepend.input-append .uneditable-input + .btn-group .btn {
  border-radius: 0 3px 3px 0;
}
.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
  margin-right: -1px;
  border-radius: 3px 0 0 3px;
}
.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
  margin-left: -1px;
  border-radius: 0 3px 3px 0;
}
.input-prepend.input-append .btn-group:first-child {
  margin-left: 0;
}

input.search-query {
  padding-right: 14px;
  padding-right: 4px \9 ;
  padding-left: 14px;
  padding-left: 4px \9 ;
  /* IE7-8 doesn't have border-radius, so don't indent the padding */
  margin-bottom: 0;
}

/* Allow for input prepend/append in search forms */
.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: 11px;
}

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

.form-horizontal .control-group {
  margin-bottom: 22px;
}
.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 .controls .controls-section {
  margin-top: 5px;
}
.form-horizontal .help-block {
  margin-bottom: 0;
}
.form-horizontal input + .help-block,
.form-horizontal select + .help-block,
.form-horizontal textarea + .help-block {
  margin-top: 11px;
}
.form-horizontal .form-actions {
  padding-left: 180px;
}

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

.form-horizontal .responsive-control-group {
  display: flex;
}
.form-horizontal .responsive-control-group .control-label {
  flex-basis: 160px;
  flex-grow: 0;
  padding-right: 20px;
}
.form-horizontal .responsive-control-group .controls {
  display: flex;
  flex-direction: column;
  margin-left: inherit;
}
.form-horizontal .responsive-control-group .controls .input-append,
.form-horizontal .responsive-control-group .responsive-input-with-add-on {
  display: flex;
  flex-direction: row;
}
.form-horizontal .responsive-control-group .controls .input-append input,
.form-horizontal .responsive-control-group .responsive-control-input {
  flex-grow: 1;
}
.form-horizontal .responsive-control-group .controls .input-append .add-on,
.form-horizontal .responsive-control-group .responsive-control-add-on {
  flex-grow: 0;
  width: auto;
}

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

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

  .form-horizontal .responsive-control-button {
    align-self: flex-start;
  }
}
@media not all and (min-width: 768px) {
  .form-horizontal .responsive-control-group {
    flex-direction: column;
  }

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

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

  .form-horizontal .responsive-control-button {
    flex-grow: 1;
  }
}
.table {
  width: 100%;
  margin-bottom: 22px;
}
.table th,
.table td {
  padding: 8px;
  line-height: 22px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table th {
  font-weight: bold;
}
.table thead th {
  vertical-align: bottom;
}
.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
  border-top: 0;
}
.table tbody + tbody {
  border-top: 2px solid #ddd;
}

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

.table-bordered {
  border: 1px solid #ddd;
  border-collapse: separate;
  *border-collapse: collapse;
  border-left: 0;
  border-radius: 3px;
}
.table-bordered th,
.table-bordered td {
  border-left: 1px solid #ddd;
}
.table-bordered caption + thead tr:first-child th,
.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}
.table-bordered thead:first-child tr:first-child th:first-child,
.table-bordered tbody:first-child tr:first-child td:first-child {
  border-top-left-radius: 4px;
}
.table-bordered thead:first-child tr:first-child th:last-child,
.table-bordered tbody:first-child tr:first-child td:last-child {
  border-top-right-radius: 4px;
}
.table-bordered thead:last-child tr:last-child th:first-child,
.table-bordered tbody:last-child tr:last-child td:first-child,
.table-bordered tfoot:last-child tr:last-child td:first-child {
  border-radius: 0 0 0 4px;
  border-bottom-left-radius: 4px;
}
.table-bordered thead:last-child tr:last-child th:last-child,
.table-bordered tbody:last-child tr:last-child td:last-child,
.table-bordered tfoot:last-child tr:last-child td:last-child {
  border-bottom-right-radius: 4px;
}
.table-bordered caption + thead tr:first-child th:first-child,
.table-bordered caption + tbody tr:first-child td:first-child,
.table-bordered colgroup + thead tr:first-child th:first-child,
.table-bordered colgroup + tbody tr:first-child td:first-child {
  border-top-left-radius: 4px;
}
.table-bordered caption + thead tr:first-child th:last-child,
.table-bordered caption + tbody tr:first-child td:last-child,
.table-bordered colgroup + thead tr:first-child th:last-child,
.table-bordered colgroup + tbody tr:first-child td:last-child {
  border-top-right-radius: 4px;
}

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

.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
  background-color: #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: 10px 1px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #fff;
}
.dropdown-menu li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 22px;
  color: #333;
  white-space: nowrap;
}

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

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

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

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

.open {
  *z-index: 1000;
}
.open > .dropdown-menu {
  display: block;
}

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

.dropdown-submenu {
  position: relative;
}

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

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

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

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

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

.close {
  float: right;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 22px;
  color: #000;
  text-shadow: 0 1px 0 white;
  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: 22px;
  list-style: none;
}

.nav > li > a {
  display: block;
}

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

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

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

.nav-pills > li {
  float: left;
}

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

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

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

.pagination {
  margin: 22px 0;
}

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

.pagination ul > li {
  display: inline;
}

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

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

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

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

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

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

.pagination-centered {
  text-align: center;
}

.pagination-right {
  text-align: right;
}

.pagination-large ul > li > a,
.pagination-large ul > li > span {
  padding: 11px 19px;
  font-size: 17.5px;
  font-size: 1.09375rem;
}
.pagination-large ul > li:first-child > a,
.pagination-large ul > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-large ul > li:last-child > a,
.pagination-large ul > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

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

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

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

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  width: 236px;
  padding: 1px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 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: 0.875rem;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}

.popover-content {
  padding: 9px 14px;
}
.popover-content p, .popover-content ul, .popover-content ol {
  margin-bottom: 0;
}

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

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

.popover.top .arrow {
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
  border-width: 10px 10px 0;
  border-top-color: #fff;
}
.popover.top .arrow:after {
  border-width: 11px 11px 0;
  border-top-color: rgba(0, 0, 0, 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: 22px;
  margin-left: 20px;
}

.thumbnail {
  display: block;
  padding: 4px;
  line-height: 22px;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 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: 22px;
  margin-left: 20px;
}

.thumbnail {
  display: block;
  padding: 4px;
  line-height: 22px;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 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: 0.74025rem;
  font-weight: bold;
  line-height: 14px;
  color: #fff;
  vertical-align: baseline;
  white-space: nowrap;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 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: 22px;
  margin-bottom: 22px;
  background-color: #f7f7f7;
  background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
  background-repeat: repeat-x;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}

.progress .bar {
  width: 0%;
  height: 100%;
  color: #fff;
  float: left;
  font-size: 12px;
  font-size: 0.75rem;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 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;
  }
}
@media (min-width: 1200px) and (min-width: 768px) {
  .span12 {
    width: 1170px;
  }
}
@media (min-width: 1200px) and (max-width: 767px) {
  .span12 {
    width: 100%;
  }
}
@media (min-width: 1200px) and (min-width: 768px) {
  .span11 {
    width: 1070px;
  }
}
@media (min-width: 1200px) and (max-width: 767px) {
  .span11 {
    width: 100%;
  }
}
@media (min-width: 1200px) and (min-width: 768px) {
  .span10 {
    width: 970px;
  }
}
@media (min-width: 1200px) and (max-width: 767px) {
  .span10 {
    width: 100%;
  }
}
@media (min-width: 1200px) and (min-width: 768px) {
  .span9 {
    width: 870px;
  }
}
@media (min-width: 1200px) and (max-width: 767px) {
  .span9 {
    width: 100%;
  }
}
@media (min-width: 1200px) and (min-width: 768px) {
  .span8 {
    width: 770px;
  }
}
@media (min-width: 1200px) and (max-width: 767px) {
  .span8 {
    width: 100%;
  }
}
@media (min-width: 1200px) and (min-width: 768px) {
  .span7 {
    width: 670px;
  }
}
@media (min-width: 1200px) and (max-width: 767px) {
  .span7 {
    width: 100%;
  }
}
@media (min-width: 1200px) and (min-width: 768px) {
  .span6 {
    width: 570px;
  }
}
@media (min-width: 1200px) and (max-width: 767px) {
  .span6 {
    width: 100%;
  }
}
@media (min-width: 1200px) and (min-width: 768px) {
  .span5 {
    width: 470px;
  }
}
@media (min-width: 1200px) and (max-width: 767px) {
  .span5 {
    width: 100%;
  }
}
@media (min-width: 1200px) and (min-width: 768px) {
  .span4 {
    width: 370px;
  }
}
@media (min-width: 1200px) and (max-width: 767px) {
  .span4 {
    width: 100%;
  }
}
@media (min-width: 1200px) and (min-width: 768px) {
  .span3 {
    width: 270px;
  }
}
@media (min-width: 1200px) and (max-width: 767px) {
  .span3 {
    width: 100%;
  }
}
@media (min-width: 1200px) and (min-width: 768px) {
  .span2 {
    width: 170px;
  }
}
@media (min-width: 1200px) and (max-width: 767px) {
  .span2 {
    width: 100%;
  }
}
@media (min-width: 1200px) and (min-width: 768px) {
  .span1 {
    width: 70px;
  }
}
@media (min-width: 1200px) and (max-width: 767px) {
  .span1 {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .offset12 {
    margin-left: 1230px;
  }
}
@media (min-width: 1200px) {
  .offset11 {
    margin-left: 1130px;
  }
}
@media (min-width: 1200px) {
  .offset10 {
    margin-left: 1030px;
  }
}
@media (min-width: 1200px) {
  .offset9 {
    margin-left: 930px;
  }
}
@media (min-width: 1200px) {
  .offset8 {
    margin-left: 830px;
  }
}
@media (min-width: 1200px) {
  .offset7 {
    margin-left: 730px;
  }
}
@media (min-width: 1200px) {
  .offset6 {
    margin-left: 630px;
  }
}
@media (min-width: 1200px) {
  .offset5 {
    margin-left: 530px;
  }
}
@media (min-width: 1200px) {
  .offset4 {
    margin-left: 430px;
  }
}
@media (min-width: 1200px) {
  .offset3 {
    margin-left: 330px;
  }
}
@media (min-width: 1200px) {
  .offset2 {
    margin-left: 230px;
  }
}
@media (min-width: 1200px) {
  .offset1 {
    margin-left: 130px;
  }
}
@media (min-width: 1200px) {
  .row-fluid {
    width: 100%;
  }
  .row-fluid:before, .row-fluid:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*=span] {
    display: block;
    width: 100%;
    min-height: 32px;
    box-sizing: border-box;
    float: left;
  }
}
@media (min-width: 1200px) and (min-width: 768px) {
  .row-fluid [class*=span] {
    margin-left: 2.5641025641%;
  }
}
@media (min-width: 1200px) and (max-width: 767px) {
  .row-fluid [class*=span] {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .row-fluid [class*=span]:first-child {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .row-fluid .controls-row [class*=span] + [class*=span] {
    margin-left: 2.5641025641%;
  }
}
@media (min-width: 1200px) and (min-width: 768px) {
  .row-fluid .span12 {
    width: 100%;
  }
}
@media (min-width: 1200px) and (max-width: 767px) {
  .row-fluid .span12 {
    width: 100%;
  }
}
@media (min-width: 1200px) and (min-width: 768px) {
  .row-fluid .span11 {
    width: 91.452991453%;
  }
}
@media (min-width: 1200px) and (max-width: 767px) {
  .row-fluid .span11 {
    width: 100%;
  }
}
@media (min-width: 1200px) and (min-width: 768px) {
  .row-fluid .span10 {
    width: 82.905982906%;
  }
}
@media (min-width: 1200px) and (max-width: 767px) {
  .row-fluid .span10 {
    width: 100%;
  }
}
@media (min-width: 1200px) and (min-width: 768px) {
  .row-fluid .span9 {
    width: 74.358974359%;
  }
}
@media (min-width: 1200px) and (max-width: 767px) {
  .row-fluid .span9 {
    width: 100%;
  }
}
@media (min-width: 1200px) and (min-width: 768px) {
  .row-fluid .span8 {
    width: 65.811965812%;
  }
}
@media (min-width: 1200px) and (max-width: 767px) {
  .row-fluid .span8 {
    width: 100%;
  }
}
@media (min-width: 1200px) and (min-width: 768px) {
  .row-fluid .span7 {
    width: 57.264957265%;
  }
}
@media (min-width: 1200px) and (max-width: 767px) {
  .row-fluid .span7 {
    width: 100%;
  }
}
@media (min-width: 1200px) and (min-width: 768px) {
  .row-fluid .span6 {
    width: 48.7179487179%;
  }
}
@media (min-width: 1200px) and (max-width: 767px) {
  .row-fluid .span6 {
    width: 100%;
  }
}
@media (min-width: 1200px) and (min-width: 768px) {
  .row-fluid .span5 {
    width: 40.1709401709%;
  }
}
@media (min-width: 1200px) and (max-width: 767px) {
  .row-fluid .span5 {
    width: 100%;
  }
}
@media (min-width: 1200px) and (min-width: 768px) {
  .row-fluid .span4 {
    width: 31.6239316239%;
  }
}
@media (min-width: 1200px) and (max-width: 767px) {
  .row-fluid .span4 {
    width: 100%;
  }
}
@media (min-width: 1200px) and (min-width: 768px) {
  .row-fluid .span3 {
    width: 23.0769230769%;
  }
}
@media (min-width: 1200px) and (max-width: 767px) {
  .row-fluid .span3 {
    width: 100%;
  }
}
@media (min-width: 1200px) and (min-width: 768px) {
  .row-fluid .span2 {
    width: 14.5299145299%;
  }
}
@media (min-width: 1200px) and (max-width: 767px) {
  .row-fluid .span2 {
    width: 100%;
  }
}
@media (min-width: 1200px) and (min-width: 768px) {
  .row-fluid .span1 {
    width: 5.9829059829%;
  }
}
@media (min-width: 1200px) and (max-width: 767px) {
  .row-fluid .span1 {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .row-fluid .offset12 {
    margin-left: 105.1282051282%;
  }
}
@media (min-width: 1200px) {
  .row-fluid .offset12:first-child {
    margin-left: 102.5641025641%;
  }
}
@media (min-width: 1200px) {
  .row-fluid .offset11 {
    margin-left: 96.5811965812%;
  }
}
@media (min-width: 1200px) {
  .row-fluid .offset11:first-child {
    margin-left: 94.0170940171%;
  }
}
@media (min-width: 1200px) {
  .row-fluid .offset10 {
    margin-left: 88.0341880342%;
  }
}
@media (min-width: 1200px) {
  .row-fluid .offset10:first-child {
    margin-left: 85.4700854701%;
  }
}
@media (min-width: 1200px) {
  .row-fluid .offset9 {
    margin-left: 79.4871794872%;
  }
}
@media (min-width: 1200px) {
  .row-fluid .offset9:first-child {
    margin-left: 76.9230769231%;
  }
}
@media (min-width: 1200px) {
  .row-fluid .offset8 {
    margin-left: 70.9401709402%;
  }
}
@media (min-width: 1200px) {
  .row-fluid .offset8:first-child {
    margin-left: 68.3760683761%;
  }
}
@media (min-width: 1200px) {
  .row-fluid .offset7 {
    margin-left: 62.3931623932%;
  }
}
@media (min-width: 1200px) {
  .row-fluid .offset7:first-child {
    margin-left: 59.8290598291%;
  }
}
@media (min-width: 1200px) {
  .row-fluid .offset6 {
    margin-left: 53.8461538462%;
  }
}
@media (min-width: 1200px) {
  .row-fluid .offset6:first-child {
    margin-left: 51.2820512821%;
  }
}
@media (min-width: 1200px) {
  .row-fluid .offset5 {
    margin-left: 45.2991452991%;
  }
}
@media (min-width: 1200px) {
  .row-fluid .offset5:first-child {
    margin-left: 42.735042735%;
  }
}
@media (min-width: 1200px) {
  .row-fluid .offset4 {
    margin-left: 36.7521367521%;
  }
}
@media (min-width: 1200px) {
  .row-fluid .offset4:first-child {
    margin-left: 34.188034188%;
  }
}
@media (min-width: 1200px) {
  .row-fluid .offset3 {
    margin-left: 28.2051282051%;
  }
}
@media (min-width: 1200px) {
  .row-fluid .offset3:first-child {
    margin-left: 25.641025641%;
  }
}
@media (min-width: 1200px) {
  .row-fluid .offset2 {
    margin-left: 19.6581196581%;
  }
}
@media (min-width: 1200px) {
  .row-fluid .offset2:first-child {
    margin-left: 17.094017094%;
  }
}
@media (min-width: 1200px) {
  .row-fluid .offset1 {
    margin-left: 11.1111111111%;
  }
}
@media (min-width: 1200px) {
  .row-fluid .offset1:first-child {
    margin-left: 8.547008547%;
  }
}
@media (min-width: 1200px) {
  input,
textarea,
.uneditable-input {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .controls-row [class*=span] + [class*=span] {
    margin-left: 30px;
  }
}
@media (min-width: 1200px) {
  input.span12,
textarea.span12,
.uneditable-input.span12 {
    width: 1156px;
  }
}
@media (min-width: 1200px) {
  input.span11,
textarea.span11,
.uneditable-input.span11 {
    width: 1056px;
  }
}
@media (min-width: 1200px) {
  input.span10,
textarea.span10,
.uneditable-input.span10 {
    width: 956px;
  }
}
@media (min-width: 1200px) {
  input.span9,
textarea.span9,
.uneditable-input.span9 {
    width: 856px;
  }
}
@media (min-width: 1200px) {
  input.span8,
textarea.span8,
.uneditable-input.span8 {
    width: 756px;
  }
}
@media (min-width: 1200px) {
  input.span7,
textarea.span7,
.uneditable-input.span7 {
    width: 656px;
  }
}
@media (min-width: 1200px) {
  input.span6,
textarea.span6,
.uneditable-input.span6 {
    width: 556px;
  }
}
@media (min-width: 1200px) {
  input.span5,
textarea.span5,
.uneditable-input.span5 {
    width: 456px;
  }
}
@media (min-width: 1200px) {
  input.span4,
textarea.span4,
.uneditable-input.span4 {
    width: 356px;
  }
}
@media (min-width: 1200px) {
  input.span3,
textarea.span3,
.uneditable-input.span3 {
    width: 256px;
  }
}
@media (min-width: 1200px) {
  input.span2,
textarea.span2,
.uneditable-input.span2 {
    width: 156px;
  }
}
@media (min-width: 1200px) {
  input.span1,
textarea.span1,
.uneditable-input.span1 {
    width: 56px;
  }
}
@media (min-width: 1200px) {
  .thumbnails {
    margin-left: -30px;
  }
}
@media (min-width: 1200px) {
  .thumbnails > li {
    margin-left: 30px;
  }
}
@media (min-width: 1200px) {
  .row-fluid .thumbnails {
    margin-left: 0;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .row {
    margin-left: -20px;
  }
  .row:before, .row:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row:after {
    clear: both;
  }

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

  .container {
    width: 724px;
  }
}
@media (min-width: 768px) and (max-width: 979px) and (min-width: 768px) {
  .span12 {
    width: 724px;
  }
}
@media (min-width: 768px) and (max-width: 979px) and (max-width: 767px) {
  .span12 {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 979px) and (min-width: 768px) {
  .span11 {
    width: 662px;
  }
}
@media (min-width: 768px) and (max-width: 979px) and (max-width: 767px) {
  .span11 {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 979px) and (min-width: 768px) {
  .span10 {
    width: 600px;
  }
}
@media (min-width: 768px) and (max-width: 979px) and (max-width: 767px) {
  .span10 {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 979px) and (min-width: 768px) {
  .span9 {
    width: 538px;
  }
}
@media (min-width: 768px) and (max-width: 979px) and (max-width: 767px) {
  .span9 {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 979px) and (min-width: 768px) {
  .span8 {
    width: 476px;
  }
}
@media (min-width: 768px) and (max-width: 979px) and (max-width: 767px) {
  .span8 {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 979px) and (min-width: 768px) {
  .span7 {
    width: 414px;
  }
}
@media (min-width: 768px) and (max-width: 979px) and (max-width: 767px) {
  .span7 {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 979px) and (min-width: 768px) {
  .span6 {
    width: 352px;
  }
}
@media (min-width: 768px) and (max-width: 979px) and (max-width: 767px) {
  .span6 {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 979px) and (min-width: 768px) {
  .span5 {
    width: 290px;
  }
}
@media (min-width: 768px) and (max-width: 979px) and (max-width: 767px) {
  .span5 {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 979px) and (min-width: 768px) {
  .span4 {
    width: 228px;
  }
}
@media (min-width: 768px) and (max-width: 979px) and (max-width: 767px) {
  .span4 {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 979px) and (min-width: 768px) {
  .span3 {
    width: 166px;
  }
}
@media (min-width: 768px) and (max-width: 979px) and (max-width: 767px) {
  .span3 {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 979px) and (min-width: 768px) {
  .span2 {
    width: 104px;
  }
}
@media (min-width: 768px) and (max-width: 979px) and (max-width: 767px) {
  .span2 {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 979px) and (min-width: 768px) {
  .span1 {
    width: 42px;
  }
}
@media (min-width: 768px) and (max-width: 979px) and (max-width: 767px) {
  .span1 {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .offset12 {
    margin-left: 764px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .offset11 {
    margin-left: 702px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .offset10 {
    margin-left: 640px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .offset9 {
    margin-left: 578px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .offset8 {
    margin-left: 516px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .offset7 {
    margin-left: 454px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .offset6 {
    margin-left: 392px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .offset5 {
    margin-left: 330px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .offset4 {
    margin-left: 268px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .offset3 {
    margin-left: 206px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .offset2 {
    margin-left: 144px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .offset1 {
    margin-left: 82px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .row-fluid {
    width: 100%;
  }
  .row-fluid:before, .row-fluid:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*=span] {
    display: block;
    width: 100%;
    min-height: 32px;
    box-sizing: border-box;
    float: left;
  }
}
@media (min-width: 768px) and (max-width: 979px) and (min-width: 768px) {
  .row-fluid [class*=span] {
    margin-left: 2.7624309392%;
  }
}
@media (min-width: 768px) and (max-width: 979px) and (max-width: 767px) {
  .row-fluid [class*=span] {
    margin-left: 0;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .row-fluid [class*=span]:first-child {
    margin-left: 0;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .row-fluid .controls-row [class*=span] + [class*=span] {
    margin-left: 2.7624309392%;
  }
}
@media (min-width: 768px) and (max-width: 979px) and (min-width: 768px) {
  .row-fluid .span12 {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 979px) and (max-width: 767px) {
  .row-fluid .span12 {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 979px) and (min-width: 768px) {
  .row-fluid .span11 {
    width: 91.4364640884%;
  }
}
@media (min-width: 768px) and (max-width: 979px) and (max-width: 767px) {
  .row-fluid .span11 {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 979px) and (min-width: 768px) {
  .row-fluid .span10 {
    width: 82.8729281768%;
  }
}
@media (min-width: 768px) and (max-width: 979px) and (max-width: 767px) {
  .row-fluid .span10 {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 979px) and (min-width: 768px) {
  .row-fluid .span9 {
    width: 74.3093922652%;
  }
}
@media (min-width: 768px) and (max-width: 979px) and (max-width: 767px) {
  .row-fluid .span9 {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 979px) and (min-width: 768px) {
  .row-fluid .span8 {
    width: 65.7458563536%;
  }
}
@media (min-width: 768px) and (max-width: 979px) and (max-width: 767px) {
  .row-fluid .span8 {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 979px) and (min-width: 768px) {
  .row-fluid .span7 {
    width: 57.182320442%;
  }
}
@media (min-width: 768px) and (max-width: 979px) and (max-width: 767px) {
  .row-fluid .span7 {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 979px) and (min-width: 768px) {
  .row-fluid .span6 {
    width: 48.6187845304%;
  }
}
@media (min-width: 768px) and (max-width: 979px) and (max-width: 767px) {
  .row-fluid .span6 {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 979px) and (min-width: 768px) {
  .row-fluid .span5 {
    width: 40.0552486188%;
  }
}
@media (min-width: 768px) and (max-width: 979px) and (max-width: 767px) {
  .row-fluid .span5 {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 979px) and (min-width: 768px) {
  .row-fluid .span4 {
    width: 31.4917127072%;
  }
}
@media (min-width: 768px) and (max-width: 979px) and (max-width: 767px) {
  .row-fluid .span4 {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 979px) and (min-width: 768px) {
  .row-fluid .span3 {
    width: 22.9281767956%;
  }
}
@media (min-width: 768px) and (max-width: 979px) and (max-width: 767px) {
  .row-fluid .span3 {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 979px) and (min-width: 768px) {
  .row-fluid .span2 {
    width: 14.364640884%;
  }
}
@media (min-width: 768px) and (max-width: 979px) and (max-width: 767px) {
  .row-fluid .span2 {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 979px) and (min-width: 768px) {
  .row-fluid .span1 {
    width: 5.8011049724%;
  }
}
@media (min-width: 768px) and (max-width: 979px) and (max-width: 767px) {
  .row-fluid .span1 {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .row-fluid .offset12 {
    margin-left: 105.5248618785%;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .row-fluid .offset12:first-child {
    margin-left: 102.7624309392%;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .row-fluid .offset11 {
    margin-left: 96.9613259669%;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .row-fluid .offset11:first-child {
    margin-left: 94.1988950276%;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .row-fluid .offset10 {
    margin-left: 88.3977900552%;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .row-fluid .offset10:first-child {
    margin-left: 85.635359116%;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .row-fluid .offset9 {
    margin-left: 79.8342541436%;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .row-fluid .offset9:first-child {
    margin-left: 77.0718232044%;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .row-fluid .offset8 {
    margin-left: 71.270718232%;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .row-fluid .offset8:first-child {
    margin-left: 68.5082872928%;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .row-fluid .offset7 {
    margin-left: 62.7071823204%;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .row-fluid .offset7:first-child {
    margin-left: 59.9447513812%;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .row-fluid .offset6 {
    margin-left: 54.1436464088%;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .row-fluid .offset6:first-child {
    margin-left: 51.3812154696%;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .row-fluid .offset5 {
    margin-left: 45.5801104972%;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .row-fluid .offset5:first-child {
    margin-left: 42.817679558%;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .row-fluid .offset4 {
    margin-left: 37.0165745856%;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .row-fluid .offset4:first-child {
    margin-left: 34.2541436464%;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .row-fluid .offset3 {
    margin-left: 28.453038674%;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .row-fluid .offset3:first-child {
    margin-left: 25.6906077348%;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .row-fluid .offset2 {
    margin-left: 19.8895027624%;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .row-fluid .offset2:first-child {
    margin-left: 17.1270718232%;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .row-fluid .offset1 {
    margin-left: 11.3259668508%;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .row-fluid .offset1:first-child {
    margin-left: 8.5635359116%;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  input,
textarea,
.uneditable-input {
    margin-left: 0;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .controls-row [class*=span] + [class*=span] {
    margin-left: 20px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  input.span12,
textarea.span12,
.uneditable-input.span12 {
    width: 710px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  input.span11,
textarea.span11,
.uneditable-input.span11 {
    width: 648px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  input.span10,
textarea.span10,
.uneditable-input.span10 {
    width: 586px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  input.span9,
textarea.span9,
.uneditable-input.span9 {
    width: 524px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  input.span8,
textarea.span8,
.uneditable-input.span8 {
    width: 462px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  input.span7,
textarea.span7,
.uneditable-input.span7 {
    width: 400px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  input.span6,
textarea.span6,
.uneditable-input.span6 {
    width: 338px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  input.span5,
textarea.span5,
.uneditable-input.span5 {
    width: 276px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  input.span4,
textarea.span4,
.uneditable-input.span4 {
    width: 214px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  input.span3,
textarea.span3,
.uneditable-input.span3 {
    width: 152px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  input.span2,
textarea.span2,
.uneditable-input.span2 {
    width: 90px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  input.span1,
textarea.span1,
.uneditable-input.span1 {
    width: 28px;
  }
}
/*
@styleguide Grid

We use a slightly modified version of [Flexbox Grid](http://flexboxgrid.com) as Canvas' grid.

*Important!* Flexbox Grid's default `.row` class has been changed to `*.grid-row*` due to previous usage of Bootstrap 2.x grid in small parts of the application.

Flexbox Grid is a lot like Bootstrap 3's 12-column grid, with different column widths available for `.xs-`, `.sm-`, `.md-`, and `.lg-` screen sizes.

To create vertical space between grid rows, consider using the `.content-box` and its variants.

## Basic usage

```html
<div class="content-box">
  <div class="grid-row">
      <div class="col-xs-6">
          <div class="styleguide-section__grid-demo-element"></div>
      </div>
      <div class="col-xs-6">
          <div class="styleguide-section__grid-demo-element"></div>
      </div>
  </div>
</div>
```

[Official documentation for Flexbox Grid](http://flexboxgrid.com/) by Kristofer [@dam](https://twitter.com/dam).

*/
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/* Legacy variables. Discontinue to use these: */
/*
 * Copyright (C) 2017 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/* Legacy variables. Discontinue to use these: */
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2012 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/**
 * Convert font-size from px to rem with px fallback
 * @param $size - the value in pixel you want to convert
 * e.g. p {@include fontSize(12px);}
 * courtesy of https://github.com/stubbornella/oocss/blob/master/oocss/src/components/utils/_fontSize.scss
 */
.grid-row {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-right: -12px;
  margin-left: -12px;
}
.grid-row.reverse {
  flex-direction: row-reverse;
  flex-wrap: row-reverse;
}

.col.reverse {
  flex-direction: column-reverse;
  flex-wrap: column-reverse;
}

.off-xs-12, .col-xs-12, .off-xs-11, .col-xs-11, .off-xs-10, .col-xs-10, .off-xs-9, .col-xs-9, .off-xs-8, .col-xs-8, .off-xs-7, .col-xs-7, .off-xs-6, .col-xs-6, .off-xs-5, .col-xs-5, .off-xs-4, .col-xs-4, .off-xs-3, .col-xs-3, .off-xs-2, .col-xs-2, .off-xs-1, .col-xs-1, .col-xs {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px;
}

.col-xs {
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
}

.col-xs-1 {
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%;
}

.off-xs-1 {
  margin-left: 8.3333333333%;
}

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

.off-xs-2 {
  margin-left: 16.6666666667%;
}

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

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

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

.off-xs-4 {
  margin-left: 33.3333333333%;
}

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

.off-xs-5 {
  margin-left: 41.6666666667%;
}

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

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

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

.off-xs-7 {
  margin-left: 58.3333333333%;
}

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

.off-xs-8 {
  margin-left: 66.6666666667%;
}

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

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

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

.off-xs-10 {
  margin-left: 83.3333333333%;
}

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

.off-xs-11 {
  margin-left: 91.6666666667%;
}

.col-xs-12 {
  flex-basis: 100%;
  max-width: 100%;
}

.start-xs {
  justify-content: flex-start;
  text-align: start;
}

.center-xs {
  justify-content: center;
  text-align: center;
}

.end-xs {
  justify-content: flex-end;
  text-align: end;
}

.top-xs {
  align-items: flex-start;
}

.middle-xs {
  align-items: center;
}

.bottom-xs {
  align-items: flex-end;
}

.around-xs {
  justify-content: space-around;
}

.between-xs {
  justify-content: space-between;
}

.first-xs {
  order: -1;
}

.last-xs {
  order: 1;
}

@media only screen and (min-width: 500px) {
  .off-sm-12, .col-sm-12, .off-sm-11, .col-sm-11, .off-sm-10, .col-sm-10, .off-sm-9, .col-sm-9, .off-sm-8, .col-sm-8, .off-sm-7, .col-sm-7, .off-sm-6, .col-sm-6, .off-sm-5, .col-sm-5, .off-sm-4, .col-sm-4, .off-sm-3, .col-sm-3, .off-sm-2, .col-sm-2, .off-sm-1, .col-sm-1, .col-sm {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
  }

  .col-sm {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-sm-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .off-sm-1 {
    margin-left: 8.3333333333%;
  }

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

  .off-sm-2 {
    margin-left: 16.6666666667%;
  }

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

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

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

  .off-sm-4 {
    margin-left: 33.3333333333%;
  }

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

  .off-sm-5 {
    margin-left: 41.6666666667%;
  }

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

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

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

  .off-sm-7 {
    margin-left: 58.3333333333%;
  }

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

  .off-sm-8 {
    margin-left: 66.6666666667%;
  }

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

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

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

  .off-sm-10 {
    margin-left: 83.3333333333%;
  }

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

  .off-sm-11 {
    margin-left: 91.6666666667%;
  }

  .col-sm-12 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .start-sm {
    justify-content: flex-start;
    text-align: start;
  }

  .center-sm {
    justify-content: center;
    text-align: center;
  }

  .end-sm {
    justify-content: flex-end;
    text-align: end;
  }

  .top-sm {
    align-items: flex-start;
  }

  .middle-sm {
    align-items: center;
  }

  .bottom-sm {
    align-items: flex-end;
  }

  .around-sm {
    justify-content: space-around;
  }

  .between-sm {
    justify-content: space-between;
  }

  .first-sm {
    order: -1;
  }

  .last-sm {
    order: 1;
  }
}
@media only screen and (min-width: 768px) {
  .off-md-12, .col-md-12, .off-md-11, .col-md-11, .off-md-10, .col-md-10, .off-md-9, .col-md-9, .off-md-8, .col-md-8, .off-md-7, .col-md-7, .off-md-6, .col-md-6, .off-md-5, .col-md-5, .off-md-4, .col-md-4, .off-md-3, .col-md-3, .off-md-2, .col-md-2, .off-md-1, .col-md-1, .col-md {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
  }

  .col-md {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-md-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .off-md-1 {
    margin-left: 8.3333333333%;
  }

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

  .off-md-2 {
    margin-left: 16.6666666667%;
  }

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

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

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

  .off-md-4 {
    margin-left: 33.3333333333%;
  }

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

  .off-md-5 {
    margin-left: 41.6666666667%;
  }

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

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

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

  .off-md-7 {
    margin-left: 58.3333333333%;
  }

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

  .off-md-8 {
    margin-left: 66.6666666667%;
  }

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

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

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

  .off-md-10 {
    margin-left: 83.3333333333%;
  }

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

  .off-md-11 {
    margin-left: 91.6666666667%;
  }

  .col-md-12 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .start-md {
    justify-content: flex-start;
    text-align: start;
  }

  .center-md {
    justify-content: center;
    text-align: center;
  }

  .end-md {
    justify-content: flex-end;
    text-align: end;
  }

  .top-md {
    align-items: flex-start;
  }

  .middle-md {
    align-items: center;
  }

  .bottom-md {
    align-items: flex-end;
  }

  .around-md {
    justify-content: space-around;
  }

  .between-md {
    justify-content: space-between;
  }

  .first-md {
    order: -1;
  }

  .last-md {
    order: 1;
  }
}
@media only screen and (min-width: 992px) {
  .off-lg-12, .col-lg-12, .off-lg-11, .col-lg-11, .off-lg-10, .col-lg-10, .off-lg-9, .col-lg-9, .off-lg-8, .col-lg-8, .off-lg-7, .col-lg-7, .off-lg-6, .col-lg-6, .off-lg-5, .col-lg-5, .off-lg-4, .col-lg-4, .off-lg-3, .col-lg-3, .off-lg-2, .col-lg-2, .off-lg-1, .col-lg-1, .col-lg {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px;
  }

  .col-lg {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-lg-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .off-lg-1 {
    margin-left: 8.3333333333%;
  }

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

  .off-lg-2 {
    margin-left: 16.6666666667%;
  }

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

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

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

  .off-lg-4 {
    margin-left: 33.3333333333%;
  }

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

  .off-lg-5 {
    margin-left: 41.6666666667%;
  }

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

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

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

  .off-lg-7 {
    margin-left: 58.3333333333%;
  }

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

  .off-lg-8 {
    margin-left: 66.6666666667%;
  }

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

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

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

  .off-lg-10 {
    margin-left: 83.3333333333%;
  }

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

  .off-lg-11 {
    margin-left: 91.6666666667%;
  }

  .col-lg-12 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .start-lg {
    justify-content: flex-start;
    text-align: start;
  }

  .center-lg {
    justify-content: center;
    text-align: center;
  }

  .end-lg {
    justify-content: flex-end;
    text-align: end;
  }

  .top-lg {
    align-items: flex-start;
  }

  .middle-lg {
    align-items: center;
  }

  .bottom-lg {
    align-items: flex-end;
  }

  .around-lg {
    justify-content: space-around;
  }

  .between-lg {
    justify-content: space-between;
  }

  .first-lg {
    order: -1;
  }

  .last-lg {
    order: 1;
  }
}
/*
 * Copyright (C) 2017 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.hide {
  display: none;
}

.show {
  display: block;
}

.invisible {
  visibility: hidden;
}

.affix {
  position: fixed;
}

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

.clickthrough-container {
  pointer-events: none;
}
.clickthrough-container > * {
  pointer-events: auto;
}

.hide-text {
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
}

.input-block-level {
  display: block;
  width: 100%;
  min-height: 40px;
  box-sizing: border-box;
}

.hidden {
  display: none;
  visibility: hidden;
}

.math_equation_latex {
  /*visibility: hidden;*/
  display: inline-block;
  text-align: center;
}

.fade-in-equation {
  visibility: visible;
  animation: fadein ease 0.3s;
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.hidden-desktop {
  display: none !important;
}

.visible-desktop {
  display: inherit !important;
}

@media (min-width: 768px) and (max-width: 979px) {
  .hidden-desktop {
    display: inherit !important;
  }

  .visible-desktop {
    display: none !important;
  }

  .hidden-tablet {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .hidden-desktop {
    display: inherit !important;
  }

  .visible-desktop {
    display: none !important;
  }

  .hidden-phone {
    display: none !important;
  }
}
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
@styleguide Buttons

## The Basic Button

```html
<button class="Button" type="button">My Awesome Button</button>
```
## Button Styles

By adding on a modifier class, you can get the style of the button you need.

<table class="ic-Table">
  <thead>
    <th>Class</th>
    <th>Normal State</th>
    <th>Active State</th>
    <th>Disabled State</th>
  </thead>
  <tbody>
    <tr>
      <td>default</td>
      <td><button class="Button" type="button">.Button</button></td>
      <td><button class="Button Button--active" type="button" style="pointer-events: none">&.Button--active</button></td>
      <td><button class="Button" type="button" disabled>&[disabled]</button></td>
    </tr>
    <tr>
      <td>.Button--primary</td>
      <td><button class="Button Button--primary" type="button">.Button--primary</button></td>
      <td><button class="Button Button--primary Button--active" type="button" style="pointer-events: none">&.Button--active</button></td>
      <td><button class="Button Button--primary" type="button" disabled>&[disabled]</button></td>
    </tr>
    <tr>
      <td>.Button--secondary</td>
      <td><button class="Button Button--secondary" type="button">.Button--secondary</button></td>
      <td><button class="Button Button--secondary Button--active" type="button" style="pointer-events: none">&.Button--active</button></td>
      <td><button class="Button Button--secondary" type="button" disabled>&[disabled]</button></td>
    </tr>
    <tr>
      <td>.Button--success</td>
      <td><button class="Button Button--success" type="button">.Button--success</button></td>
      <td><button class="Button Button--success Button--active" type="button" style="pointer-events: none">&.Button--active</button></td>
      <td><button class="Button Button--success" type="button" disabled>&[disabled]</button></td>
    </tr>
    <tr>
      <td>.Button--warning</td>
      <td><button class="Button Button--warning" type="button">.Button--warning</button></td>
      <td><button class="Button Button--warning Button--active" type="button" style="pointer-events: none">&.Button--active</button></td>
      <td><button class="Button Button--warning" type="button" disabled>&[disabled]</button></td>
    </tr>
    <tr>
      <td>.Button--danger</td>
      <td><button class="Button Button--danger" type="button">.Button--danger</button></td>
      <td><button class="Button Button--danger Button--active" type="button" style="pointer-events: none">&.Button--active</button></td>
      <td><button class="Button Button--danger" type="button" disabled>&[disabled]</button></td>
    </tr>
    <tr>
      <td>.Button--link</td>
      <td><button class="Button Button--link" type="button">.Button--link</button></td>
      <td><button class="Button Button--link Button--active" type="button" style="pointer-events: none">&.Button--active</button></td>
      <td><button class="Button Button--link" type="button" disabled>&[disabled]</button></td>
    </tr>
    <tr>
      <td>.Button--icon-action</td>
      <td><button class="Button Button--icon-action" type="button"><i class="icon-edit"></i></button></td>
      <td><button class="Button Button--icon-action Button--active" type="button" style="pointer-events: none"><i class="icon-trash"></i></button></td>
      <td><button class="Button Button--icon-action" type="button" disabled><i class="icon-x"></i></button></td>
    </tr>
  </tbody>
</table>

```html
<button class="Button Button--primary" type="button">Hey, I have a blue button!</button>
```

## Button Sizes

If you need to change a button's size, you can do so by adding the appropriate class

<table class="ic-Table">
  <thead>
    <th>Class</th>
    <th>Size</th>
  </thead>
  <tbody>
    <tr>
      <td>default</td>
      <td><button class="Button" type="button">Default</button></td>
    </tr>
    <tr>
      <td>.Button.Button--large</td>
      <td><button class="Button Button--large" type="button">Large</button></td>
    </tr>
    <tr>
      <td>.Button.Button--small</td>
      <td><button class="Button Button--small" type="button">Small</button></td>
    </tr>
    <tr>
      <td>.Button.Button--mini</td>
      <td><button class="Button Button--mini" type="button">Mini</button></td>
    </tr>
  </tbody>
</table>
*/
.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: 22px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  text-decoration: none;
  overflow: hidden;
  text-shadow: none;
  -webkit-user-select: none;
          user-select: none;
}
.btn:focus,
.Button:focus,
.ui-button:focus {
  color: #2D3B45;
}
.btn:hover,
.Button:hover,
.ui-button:hover {
  background: #e8e8e8;
  color: #2D3B45;
}
.btn:hover.ui-state-hover,
.Button:hover.ui-state-hover,
.ui-button:hover.ui-state-hover {
  background: #e8e8e8;
  color: #2D3B45;
  border-color: #cfcfcf;
}
.btn.active, .btn.Button--active, .btn:active,
.Button.active,
.active.ui-button,
.Button.Button--active,
.Button--active.ui-button,
.ui-button.ui-state-active:hover,
.ui-button.ui-state-active,
.ui-progressbar .ui-button.ui-widget-header,
.Button:active,
.ui-button:active {
  box-shadow: none;
}
.btn.active, .btn.Button--active,
.Button.active,
.active.ui-button,
.Button.Button--active,
.Button--active.ui-button,
.ui-button.ui-state-active:hover,
.ui-button.ui-state-active,
.ui-progressbar .ui-button.ui-widget-header {
  background: dimgray;
  border-color: #4f4f4f;
  color: #FFFFFF;
}
.btn:focus,
.Button:focus,
.ui-button:focus {
  box-shadow: inset 0 0 0 2px var(--ic-link-color);
}
.btn.ui-state-focus.ui-state-active:focus, .ui-progressbar .btn.ui-state-focus.ui-widget-header:focus,
.Button.ui-state-focus.ui-state-active:focus,
.ui-state-focus.ui-state-active.ui-button:focus,
.ui-progressbar .Button.ui-state-focus.ui-widget-header:focus,
.ui-progressbar .ui-state-focus.ui-widget-header.ui-button:focus {
  box-shadow: inset 0 0 0 2px #FFFFFF;
}
.btn:active,
.Button:active,
.ui-button:active {
  background: #e1e1e1;
}
.btn:focus, .btn--focus,
.Button:focus,
.ui-button:focus,
.Button--focus,
.ui-button.ui-state-focus {
  text-decoration: none;
  outline: none;
  outline: none;
}
.btn:hover, .btn--hover,
.Button:hover,
.ui-button:hover,
.Button--hover,
.ui-button.ui-state-hover {
  text-decoration: none;
}
.btn.disabled, .btn[disabled],
.Button.disabled,
.disabled.ui-button,
.ui-button.ui-state-disabled,
.Button[disabled],
[disabled].ui-button {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 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: 0.875rem;
}
.btn-small [class^=icon-], .btn-small [class*=" icon-"],
.Button--small [class^=icon-],
.Button--small [class*=" icon-"] {
  margin-top: 0;
}

.btn-mini,
.Button--mini {
  padding: 1px 6px;
  font-size: 10px;
  font-size: 0.625rem;
  border-radius: 1px;
}

.btn-block,
.Button--block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box;
}

.btn-block + .btn-block, .Button--block + .Button--block {
  margin-top: 6px;
}

input[type=submit].btn-block, input[type=submit].Button--block,
input[type=reset].btn-block,
input[type=reset].Button--block,
input[type=button].btn-block,
input[type=button].Button--block {
  width: 100%;
}

.btn-primary,
.Button--primary {
  background: var(--ic-brand-button--primary-bgd);
  color: var(--ic-brand-button--primary-text);
  border: 1px solid;
  border-color: var(--ic-brand-button--primary-bgd-darkened-15);
}
.btn-primary:focus,
.Button--primary:focus {
  color: var(--ic-brand-button--primary-text);
}
.btn-primary:hover,
.Button--primary:hover {
  background: var(--ic-brand-button--primary-bgd-darkened-5);
  color: var(--ic-brand-button--primary-text);
}
.btn-primary:hover.ui-state-hover,
.Button--primary:hover.ui-state-hover {
  background: var(--ic-brand-button--primary-bgd-darkened-5);
  color: var(--ic-brand-button--primary-text);
  border-color: var(--ic-brand-button--primary-bgd-darkened-15);
}
.btn-primary:focus,
.Button--primary:focus {
  box-shadow: inset 0 0 0 2px #FFFFFF;
}
.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: #FFFFFF;
  border: 1px solid;
  border-color: #c03f02;
}
.btn-warning:focus,
.Button--warning:focus {
  color: #FFFFFF;
}
.btn-warning:hover,
.Button--warning:hover {
  background: #f25003;
  color: #FFFFFF;
}
.btn-warning:hover.ui-state-hover,
.Button--warning:hover.ui-state-hover {
  background: #f25003;
  color: #FFFFFF;
  border-color: #c03f02;
}
.btn-warning:focus,
.Button--warning:focus {
  box-shadow: inset 0 0 0 2px #FFFFFF;
}
.btn-warning.active, .btn-warning.Button--active, .btn-warning.ui-button.ui-state-active, .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: #E0061F;
  color: #FFFFFF;
  border: 1px solid;
  border-color: #950415;
}
.btn-danger:focus,
.Button--danger:focus {
  color: #FFFFFF;
}
.btn-danger:hover,
.Button--danger:hover {
  background: #c7051c;
  color: #FFFFFF;
}
.btn-danger:hover.ui-state-hover,
.Button--danger:hover.ui-state-hover {
  background: #c7051c;
  color: #FFFFFF;
  border-color: #950415;
}
.btn-danger:focus,
.Button--danger:focus {
  box-shadow: inset 0 0 0 2px #FFFFFF;
}
.btn-danger.active, .btn-danger.Button--active, .btn-danger.ui-button.ui-state-active, .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: #c7051c;
  box-shadow: none;
}

.btn-success,
.Button--success {
  background: #0B874B;
  color: #FFFFFF;
  border: 1px solid;
  border-color: #054024;
}
.btn-success:focus,
.Button--success:focus {
  color: #FFFFFF;
}
.btn-success:hover,
.Button--success:hover {
  background: #096f3e;
  color: #FFFFFF;
}
.btn-success:hover.ui-state-hover,
.Button--success:hover.ui-state-hover {
  background: #096f3e;
  color: #FFFFFF;
  border-color: #054024;
}
.btn-success:focus,
.Button--success:focus {
  box-shadow: inset 0 0 0 2px #FFFFFF;
}
.btn-success.active, .btn-success.Button--active, .btn-success.ui-button.ui-state-active, .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: #096f3e;
  box-shadow: none;
}

.btn-info,
.Button--secondary {
  background: var(--ic-brand-button--secondary-bgd);
  color: var(--ic-brand-button--secondary-text);
  border: 1px solid;
  border-color: var(--ic-brand-button--secondary-bgd-darkened-15);
}
.btn-info:focus,
.Button--secondary:focus {
  color: var(--ic-brand-button--secondary-text);
}
.btn-info:hover,
.Button--secondary:hover {
  background: var(--ic-brand-button--secondary-bgd-darkened-5);
  color: var(--ic-brand-button--secondary-text);
}
.btn-info:hover.ui-state-hover,
.Button--secondary:hover.ui-state-hover {
  background: var(--ic-brand-button--secondary-bgd-darkened-5);
  color: var(--ic-brand-button--secondary-text);
  border-color: var(--ic-brand-button--secondary-bgd-darkened-15);
}
.btn-info:focus,
.Button--secondary:focus {
  box-shadow: inset 0 0 0 2px #FFFFFF;
}
.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.ui-button.ui-state-disabled, .btn-link[disabled],
.Button--link.disabled,
.Button--link.ui-button.ui-state-disabled,
.Button--link[disabled] {
  color: var(--ic-brand-font-color-dark);
  background: transparent;
}
.btn-link i[class*=icon-], .btn-link i[class^=icon-],
.Button--link i[class*=icon-],
.Button--link i[class^=icon-] {
  margin-right: 3px;
}

.Button--link--has-divider {
  display: block;
  text-align: left;
  border-bottom: 1px solid #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: 3px;
  color: var(--ic-brand-font-color-dark-lightened-28);
  outline: none;
}
.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:focus, .Button--icon-action-rev:focus {
  box-shadow: inset 0 0 0 2px var(--ic-link-color);
}
.Button--icon-action.active, .active.Button--icon-action-rev, .Button--icon-action.Button--active, .Button--icon-action.ui-button.ui-state-active, .ui-progressbar .Button--icon-action.ui-button.ui-widget-header, .Button--active.Button--icon-action-rev, .Button--icon-action-rev.ui-button.ui-state-active, .ui-progressbar .Button--icon-action-rev.ui-button.ui-widget-header, .Button--icon-action:active, .Button--icon-action-rev:active {
  background: transparent;
  box-shadow: none;
  border-color: transparent;
  color: var(--ic-link-color);
}

.Button--icon-action-rev {
  color: #FFFFFF;
}
.Button--icon-action-rev:hover, .Button--icon-action-rev:focus {
  color: #FFFFFF;
}
.Button--icon-action-rev:focus {
  box-shadow: inset 0 0 0 2px #FFFFFF;
}

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

/*
 * Copyright (C) 2016 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
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: #E0061F;
}

pre {
  color: #2D3B45;
  display: block;
  padding: 9px;
  margin: 0 0 12px;
  line-height: 1.2;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre;
  white-space: pre-wrap;
}
pre.prettyprint {
  margin-bottom: 24px;
}
pre code {
  padding: 0;
  color: inherit;
  background-color: transparent;
  border: 0;
}

/*
 * Copyright (C) 2012 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
.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%;
}

/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
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: 0.75rem;
  padding: 1px 0 2px 20px;
  background-image: url("/dist/images/inst_tree/file_types/page_white-8e05d64f0b.png") !important;
}
a.pdf {
  background-repeat: no-repeat;
  background-position: left center;
  font-size: 12px;
  font-size: 0.75rem;
  padding: 1px 0 2px 20px;
  background-image: url("/dist/images/inst_tree/file_types/page_white_acrobat-673fb84236.png") !important;
}
a.image {
  background-repeat: no-repeat;
  background-position: left center;
  font-size: 12px;
  font-size: 0.75rem;
  padding: 1px 0 2px 20px;
  background-image: url("/dist/images/inst_tree/file_types/page_white_picture-94db8424e5.png") !important;
}
a.spreadsheet {
  background-repeat: no-repeat;
  background-position: left center;
  font-size: 12px;
  font-size: 0.75rem;
  padding: 1px 0 2px 20px;
  background-image: url("/dist/images/inst_tree/file_types/page_white_excel-3f420cf621.png") !important;
}
a.xls {
  background-repeat: no-repeat;
  background-position: left center;
  font-size: 12px;
  font-size: 0.75rem;
  padding: 1px 0 2px 20px;
  background-image: url("/dist/images/inst_tree/file_types/page_white_excel-3f420cf621.png") !important;
}
a.word, a.doc {
  background-repeat: no-repeat;
  background-position: left center;
  font-size: 12px;
  font-size: 0.75rem;
  padding: 1px 0 2px 20px;
  background-image: url("/dist/images/inst_tree/file_types/page_white_word-ee5daad636.png") !important;
}
a.ppt {
  background-repeat: no-repeat;
  background-position: left center;
  font-size: 12px;
  font-size: 0.75rem;
  padding: 1px 0 2px 20px;
  background-image: url("/dist/images/inst_tree/file_types/page_white_powerpoint-21120c1ab1.png") !important;
}
a.zip {
  background-repeat: no-repeat;
  background-position: left center;
  font-size: 12px;
  font-size: 0.75rem;
  padding: 1px 0 2px 20px;
  background-image: url("/dist/images/inst_tree/file_types/page_white_zip-c7174da97b.png") !important;
}
a.html {
  background-repeat: no-repeat;
  background-position: left center;
  font-size: 12px;
  font-size: 0.75rem;
  padding: 1px 0 2px 20px;
  background-image: url("/dist/images/inst_tree/file_types/page_white_world-2fa59e9ad2.png") !important;
}
a.code {
  background-repeat: no-repeat;
  background-position: left center;
  font-size: 12px;
  font-size: 0.75rem;
  padding: 1px 0 2px 20px;
  background-image: url("/dist/images/inst_tree/file_types/page_white_code-3222e663ce.png") !important;
}
a.text {
  background-repeat: no-repeat;
  background-position: left center;
  font-size: 12px;
  font-size: 0.75rem;
  padding: 1px 0 2px 20px;
  background-image: url("/dist/images/inst_tree/file_types/page_white_text-ea9b5de535.png") !important;
}
a.audio {
  background-repeat: no-repeat;
  background-position: left center;
  font-size: 12px;
  font-size: 0.75rem;
  padding: 1px 0 2px 20px;
  background-image: url("/dist/images/inst_tree/file_types/sound_none-6af2c28cff.png") !important;
}
a.video {
  background-repeat: no-repeat;
  background-position: left center;
  font-size: 12px;
  font-size: 0.75rem;
  padding: 1px 0 2px 20px;
  background-image: url("/dist/images/inst_tree/file_types/page_white_camera-08c828542c.png") !important;
}
a.flash {
  background-repeat: no-repeat;
  background-position: left center;
  font-size: 12px;
  font-size: 0.75rem;
  padding: 1px 0 2px 20px;
  background-image: url("/dist/images/inst_tree/file_types/page_white_flash-9f6a1ee9d9.png") !important;
}

a.no-underline, a.no-underline:hover, a.no-underline:focus {
  text-decoration: none;
}

.atr-reply, .atr-edit, .atr-delete {
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  width: 16px;
  height: 16px;
}

.atr-reply {
  background-image: url("/dist/images/reply-8a2bc3988e.png");
}

.atr-edit {
  background-image: url("/dist/images/edit-f36fae5353.png");
}

.atr-delete {
  background-image: url("/dist/images/delete-39059ba0a6.png");
}

/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
.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;
}

/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
#breadcrumbs {
  background-color: #FFFFFF;
}
#breadcrumbs.k5-breadcrumbs > ul > li:last-of-type a {
  color: var(--ic-link-color);
  text-transform: uppercase;
}
#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 {
  visibility: hidden;
}
#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: 0.625rem;
  color: var(--ic-brand-font-color-dark-lightened-15);
}

/*
 * Copyright (C) 2012 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
@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: #FFFFFF;
  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, .al-options .ui-menu-item a.ui-state-focus.ui-button.ui-state-disabled {
  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.ui-button.ui-state-disabled,
.al-options .ui-menu-item a.disabled.ui-state-focus {
  background: none;
  cursor: not-allowed;
  color: #b3b3b3;
}
.al-options .ui-menu-carat span {
  border-color: #FFFFFF transparent;
}
.al-options .ui-state-focus {
  margin: 0 !important;
  border: none;
  text-shadow: none;
}

.al-trigger-gray {
  color: var(--ic-brand-font-color-dark-lightened-15);
  border-radius: 3px;
  outline: none;
}
.al-trigger-gray:hover, .al-trigger-gray:focus {
  color: var(--ic-brand-font-color-dark);
}
.al-trigger-gray:focus {
  box-shadow: inset 0 0 0 2px var(--ic-link-color);
}

.admin-link-hover-area:hover .al-trigger,
.admin-link-hover-area.active .al-trigger,
.al-trigger.ui-state-active,
.ui-progressbar .al-trigger.ui-widget-header,
.al-trigger:focus,
.al-trigger:hover {
  text-decoration: none;
}

.al-trigger {
  padding-left: 8px;
  padding-right: 8px;
  cursor: pointer;
  white-space: nowrap;
  text-decoration: none;
  -webkit-user-select: none;
          user-select: none;
  display: inline-block;
}

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

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

/*
 * Copyright (C) 2012 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
@styleguide Borders

The basic `.border` class defines the border's appearance. Use the `.border-` classes to specify where you want the border to appear.

## Full Border

```html

<div class="border border-trbl">
  some content here
</div>
```

## Partial Borders

```html
<div class="border border-rbl">
  right, bottom, left border
</div>
<br />
<br />
<div class="border border-tbl">
  top, bottom, left border
</div>
<br />
<br />
<div class="border border-bl">
  bottom, left border
</div>
<br />
<br />
<div class="border border-tl">
  top, left border
</div>
<br />
<br />
<div class="border border-b">
  bottom border
</div>
<br />
<br />
<div class="border border-t">
  top border
</div>
```

## Border Radius

Add rounded corners with `.border-round-` classes.

```html

<div class="border border-trbl border-round">
  all corners rounded
</div>
<br />
<br />
<div class="border border-trbl border-round-b">
  bottom corners rounded
</div>
<br />
<br />
<div class="border border-trbl border-round-t">
  top corners rounded
</div>
<br />
<br />
<div class="border border-trbl border-round-tl">
  top-left corner rounded
</div>
```

*/
.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-width: 1px;
  border-left-width: 1px;
}

.border-tl {
  border-top-width: 1px;
  border-left-width: 1px;
}

.border-b {
  border-bottom-width: 1px;
}

.border-t {
  border-top-width: 1px;
}

.border-r {
  border-right-width: 1px;
}

.border-round-b {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.border-round-t {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.border-round-tl {
  border-top-left-radius: 4px;
}

.border-round {
  border-radius: 4px;
}

/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
.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;
}

/*
 * Copyright (C) 2012 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
.toolbar {
  padding: 4px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 22px;
}
.toolbar .header {
  font-size: 18px;
  font-size: 1.125rem;
}

.list-view {
  overflow: auto;
}
.list-view > header,
.list-view #section-tabs-header {
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  margin: 0 0 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.list-view #section-tabs-header-subtitle {
  display: block;
  font-size: 11px;
  font-size: 0.6875rem;
  font-style: italic;
  color: inherit;
}
.list-view > *:first-child {
  border-top: 0 !important;
}
.list-view > nav.theme-preview {
  padding: 3px;
}
.list-view > ul, .list-view > nav > ul, .list-view > div > nav > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.list-view > ul > li, .list-view > nav > ul > li, .list-view > div > nav > ul > li {
  padding: 0;
}
.list-view > ul > li > a, .list-view > nav > ul > li > a, .list-view > div > nav > ul > li > a {
  display: block;
  text-decoration: none;
  border-radius: 3px;
  padding: 8px 0 8px 6px;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: none;
          hyphens: none;
  line-height: 1.3;
}
.list-view > ul > li > a:hover, .list-view > nav > ul > li > a:hover, .list-view > div > nav > ul > li > a:hover {
  text-decoration: underline;
}
.list-view > ul > li > a:focus, .list-view > nav > ul > li > a:focus, .list-view > div > nav > ul > li > a:focus {
  outline-offset: 0.0625rem;
  outline-color: var(--ic-link-color);
  outline-width: 2px;
  outline-style: solid;
}
.list-view > ul > li > a > span, .list-view > nav > ul > li > a > span, .list-view > div > nav > ul > li > a > span {
  white-space: nowrap;
}
.list-view > ul > li:last-child > a, .list-view > nav > ul > li:last-child > a, .list-view > div > nav > ul > li:last-child > a {
  border-bottom: 0;
}
.list-view > ul + ul {
  border-top: 1px solid #C7CDD1;
}
.list-view a.active {
  border-left: 2px solid #2D3B45;
  border-radius: 0px;
  font-weight: bold;
  color: #2D3B45;
  padding-left: 4px;
}
.list-view a.active .nav-badge {
  background: #FFFFFF;
  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;
}

/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
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;
}

/*
 * Copyright (C) 2012 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
.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;
  }
}
/*
 * Copyright (C) 2013 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
.header-bar {
  background-color: #fff;
  min-height: 33px;
  padding-bottom: 12px;
  display: flex;
  align-items: center;
}
.header-bar:before, .header-bar:after {
  display: table;
  content: "";
  line-height: 0;
}
.header-bar:after {
  clear: both;
}
.header-bar.pinned {
  position: fixed;
  top: 0;
  width: 1071px;
  background-color: 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 {
  margin-left: auto;
}
.header-bar .header-bar-right .kebab-trigger {
  margin: 0 12px;
}
.header-bar .no-font-size {
  font-size: 0;
}
.header-bar .header-bar-left {
  margin-right: auto;
}
.header-bar .header-bar-left .quizzes-header {
  margin: 0;
  line-height: 1;
}
.header-bar.no-line {
  border: none;
}

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

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

#searchTerm {
  width: 225px;
  margin-bottom: 0;
}

/*
 * Copyright (C) 2012 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/* @styleguide Icons

Canvas uses <a href="https://instructure.design/#ui-icons">@instructure/ui-icons</a> for its icon library. For a complete list of Instructure icons, visit <a href="https://instructure.design/#iconography">https://instructure.design/#iconography</a>.

## Using icons

You can bring icons into Canvas using CSS classes. There are two weights to our icons: Line and Solid.

```html
<i class="icon-Solid icon-trash" aria-hidden="true"></i>
&nbsp;
<i class="icon-Line icon-trash" aria-hidden="true"></i>
```

### Icons in links

```html
<a class="icon-Line icon-add" href="#">Add Something</a>
```

### Icons in buttons

```html
<p>
  <a class="icon-Line icon-edit btn btn-primary">Edit</a>
</p>
<p>
  <button class="btn"><i class="icon-Line icon-trash"></i> Delete</button>
</p>
```

*/
@font-face {
  font-family: "InstructureIcons-Line";
  src: url("/dist/fonts/instructure_icons/Line/InstructureIcons-Line-aad7e700ae.woff2") format("woff2"), url("/dist/fonts/instructure_icons/Line/InstructureIcons-Line-f6461d5055.woff") format("woff");
  /* TODO: remove the woff version when we drop IE 11 because everyone else supports woff2 */
  font-weight: normal;
  font-style: normal;
  font-display: block;
  /* tell the browser to never fall back to rendering using system fonts */
}
i[class*=icon-].icon-Line:before,
i[class^=icon-].icon-Line:before,
a[class*=icon-].icon-Line:before,
a[class^=icon-].icon-Line:before {
  font-family: "InstructureIcons-Line";
}

@font-face {
  font-family: "InstructureIcons-Solid";
  src: url("/dist/fonts/instructure_icons/Solid/InstructureIcons-Solid-a064d9299a.woff2") format("woff2"), url("/dist/fonts/instructure_icons/Solid/InstructureIcons-Solid-a1f3725f41.woff") format("woff");
  /* TODO: remove the woff version when we drop IE 11 because everyone else supports woff2 */
  font-weight: normal;
  font-style: normal;
  font-display: block;
  /* tell the browser to never fall back to rendering using system fonts */
}
i[class*=icon-].icon-Solid:before,
i[class^=icon-].icon-Solid:before,
a[class*=icon-].icon-Solid:before,
a[class^=icon-].icon-Solid:before {
  font-family: "InstructureIcons-Solid";
}

i[class*=icon-]:before,
i[class^=icon-]:before,
a[class*=icon-]:before,
a[class^=icon-]:before {
  font-family: "InstructureIcons-Line";
  display: inline-block;
  vertical-align: top;
  line-height: 1;
  font-size: 16px;
  font-size: 1rem;
  text-transform: none !important;
  font-weight: normal !important;
  font-style: normal !important;
}

i[class*=icon-], i[class^=icon-] {
  display: inline-block;
  font-style: normal !important;
  line-height: 1;
}
.btn-large i[class*=icon-], .Button--large i[class*=icon-], .btn-large i[class^=icon-], .Button--large i[class^=icon-] {
  line-height: 1;
}
.btn-large i[class*=icon-]:before, .Button--large i[class*=icon-]:before, .btn-large i[class^=icon-]:before, .Button--large i[class^=icon-]:before {
  font-size: 1.125rem;
}
.btn-mini i[class*=icon-],
i[class*=icon-] .Button--mini, .btn-mini i[class^=icon-],
i[class^=icon-] .Button--mini {
  line-height: 1;
}
.btn-mini i[class*=icon-]:before,
i[class*=icon-] .Button--mini:before, .btn-mini i[class^=icon-]:before,
i[class^=icon-] .Button--mini:before {
  font-size: 0.75rem;
}

a[class*=icon-]:before, a[class^=icon-]:before {
  margin-right: 4px;
  vertical-align: text-bottom;
}

.standalone-icon:before {
  color: #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: "\ea01";
}

.icon-a11y:before {
  content: "\ea02";
}

.icon-add-folder:before {
  content: "\ea03";
}

.icon-add-media:before {
  content: "\ea04";
}

.icon-add:before {
  content: "\ea05";
}

.icon-address-book:before {
  content: "\ea06";
}

.icon-admin-tools:before {
  content: "\ea07";
}

.icon-admin:before {
  content: "\ea08";
}

.icon-alerts:before {
  content: "\ea09";
}

.icon-analytics:before {
  content: "\ea0a";
}

.icon-android:before {
  content: "\ea0b";
}

.icon-annotate:before {
  content: "\ea0c";
}

.icon-announcement:before {
  content: "\ea0d";
}

.icon-apple:before {
  content: "\ea0e";
}

.icon-archive:before {
  content: "\ea0f";
}

.icon-arrow-double-end:before {
  content: "\ea10";
}

.icon-arrow-double-start:before {
  content: "\ea11";
}

.icon-arrow-down:before {
  content: "\ea12";
}

.icon-arrow-end:before {
  content: "\ea13";
}

.icon-arrow-left:before {
  content: "\ea14";
}

.icon-arrow-nest:before {
  content: "\ea15";
}

.icon-arrow-open-down:before {
  content: "\ea16";
}

.icon-arrow-open-end:before {
  content: "\ea17";
}

.icon-arrow-open-left:before {
  content: "\ea18";
}

.icon-arrow-open-right:before {
  content: "\ea19";
}

.icon-arrow-open-start:before {
  content: "\ea1a";
}

.icon-arrow-open-up:before {
  content: "\ea1b";
}

.icon-arrow-right:before {
  content: "\ea1c";
}

.icon-arrow-start:before {
  content: "\ea1d";
}

.icon-arrow-up:before {
  content: "\ea1e";
}

.icon-assignment:before {
  content: "\ea1f";
}

.icon-attach-media:before {
  content: "\ea20";
}

.icon-audio-off:before {
  content: "\ea21";
}

.icon-audio:before {
  content: "\ea22";
}

.icon-award:before {
  content: "\ea23";
}

.icon-bank:before {
  content: "\ea24";
}

.icon-blueprint-lock:before {
  content: "\ea25";
}

.icon-blueprint:before {
  content: "\ea26";
}

.icon-bold:before {
  content: "\ea27";
}

.icon-bookmark:before {
  content: "\ea28";
}

.icon-box:before {
  content: "\ea29";
}

.icon-bullet-list-alpha:before {
  content: "\ea2a";
}

.icon-bullet-list-circle-outline:before {
  content: "\ea2b";
}

.icon-bullet-list-roman:before {
  content: "\ea2c";
}

.icon-bullet-list-square:before {
  content: "\ea2d";
}

.icon-bullet-list:before {
  content: "\ea2e";
}

.icon-button-and-icon-maker:before {
  content: "\ea2f";
}

.icon-calculator-desmos:before {
  content: "\ea30";
}

.icon-calculator:before {
  content: "\ea31";
}

.icon-calendar-add:before {
  content: "\ea32";
}

.icon-calendar-clock:before {
  content: "\ea33";
}

.icon-calendar-day:before {
  content: "\ea34";
}

.icon-calendar-days:before {
  content: "\ea35";
}

.icon-calendar-month:before {
  content: "\ea36";
}

.icon-calendar-reserved:before {
  content: "\ea37";
}

.icon-canvas-logo:before {
  content: "\ea38";
}

.icon-certified:before {
  content: "\ea39";
}

.icon-chat:before {
  content: "\ea3a";
}

.icon-check-dark:before {
  content: "\ea3b";
}

.icon-check-mark-indeterminate:before {
  content: "\ea3c";
}

.icon-check-mark:before {
  content: "\ea3d";
}

.icon-check-plus:before {
  content: "\ea3e";
}

.icon-check:before {
  content: "\ea3f";
}

.icon-circle-arrow-down:before {
  content: "\ea40";
}

.icon-circle-arrow-up:before {
  content: "\ea41";
}

.icon-clear-text-formatting:before {
  content: "\ea42";
}

.icon-clock:before {
  content: "\ea43";
}

.icon-closed-captioning-off:before {
  content: "\ea44";
}

.icon-closed-captioning-on:before {
  content: "\ea45";
}

.icon-closed-captioning:before {
  content: "\ea46";
}

.icon-cloud-download:before {
  content: "\ea47";
}

.icon-cloud-lock:before {
  content: "\ea48";
}

.icon-cloud-upload:before {
  content: "\ea49";
}

.icon-code:before {
  content: "\ea4a";
}

.icon-collapse:before {
  content: "\ea4b";
}

.icon-collection-save:before {
  content: "\ea4c";
}

.icon-collection:before {
  content: "\ea4d";
}

.icon-comment:before {
  content: "\ea4e";
}

.icon-comments-off:before {
  content: "\ea4f";
}

.icon-comments-on:before {
  content: "\ea50";
}

.icon-commons:before {
  content: "\ea51";
}

.icon-compass:before {
  content: "\ea52";
}

.icon-complete:before {
  content: "\ea53";
}

.icon-compose:before {
  content: "\ea54";
}

.icon-configure:before {
  content: "\ea55";
}

.icon-copy-course:before {
  content: "\ea56";
}

.icon-copy:before {
  content: "\ea57";
}

.icon-courses:before {
  content: "\ea58";
}

.icon-crop:before {
  content: "\ea59";
}

.icon-dashboard:before {
  content: "\ea5a";
}

.icon-deactivate-user:before {
  content: "\ea5b";
}

.icon-discussion-check:before {
  content: "\ea5c";
}

.icon-discussion-new:before {
  content: "\ea5d";
}

.icon-discussion-reply-2:before {
  content: "\ea5e";
}

.icon-discussion-reply-dark:before {
  content: "\ea5f";
}

.icon-discussion-reply:before {
  content: "\ea60";
}

.icon-discussion-search:before {
  content: "\ea61";
}

.icon-discussion-x:before {
  content: "\ea62";
}

.icon-discussion:before {
  content: "\ea63";
}

.icon-document:before {
  content: "\ea64";
}

.icon-download:before {
  content: "\ea65";
}

.icon-drag-handle:before {
  content: "\ea66";
}

.icon-drop-down:before {
  content: "\ea67";
}

.icon-duplicate:before {
  content: "\ea68";
}

.icon-edit:before {
  content: "\ea69";
}

.icon-educators:before {
  content: "\ea6a";
}

.icon-elevate-logo:before {
  content: "\ea6b";
}

.icon-email:before {
  content: "\ea6c";
}

.icon-empty:before {
  content: "\ea6d";
}

.icon-end:before {
  content: "\ea6e";
}

.icon-eportfolio:before {
  content: "\ea6f";
}

.icon-equation:before {
  content: "\ea70";
}

.icon-equella:before {
  content: "\ea71";
}

.icon-essay:before {
  content: "\ea72";
}

.icon-exit-full-screen:before {
  content: "\ea73";
}

.icon-expand-items:before {
  content: "\ea74";
}

.icon-expand-left:before {
  content: "\ea75";
}

.icon-expand-start:before {
  content: "\ea76";
}

.icon-expand:before {
  content: "\ea77";
}

.icon-export-content:before {
  content: "\ea78";
}

.icon-export:before {
  content: "\ea79";
}

.icon-external-link:before {
  content: "\ea7a";
}

.icon-eye:before {
  content: "\ea7b";
}

.icon-facebook-boxed:before {
  content: "\ea7c";
}

.icon-facebook:before {
  content: "\ea7d";
}

.icon-fast-forward:before {
  content: "\ea7e";
}

.icon-feedback:before {
  content: "\ea7f";
}

.icon-file-locked:before {
  content: "\ea80";
}

.icon-files-copyright:before {
  content: "\ea81";
}

.icon-files-creative-commons:before {
  content: "\ea82";
}

.icon-files-fair-use:before {
  content: "\ea83";
}

.icon-files-obtained-permission:before {
  content: "\ea84";
}

.icon-files-public-domain:before {
  content: "\ea85";
}

.icon-filmstrip:before {
  content: "\ea86";
}

.icon-filter:before {
  content: "\ea87";
}

.icon-flag:before {
  content: "\ea88";
}

.icon-folder-locked:before {
  content: "\ea89";
}

.icon-folder:before {
  content: "\ea8a";
}

.icon-forward:before {
  content: "\ea8b";
}

.icon-full-screen:before {
  content: "\ea8c";
}

.icon-github:before {
  content: "\ea8d";
}

.icon-gradebook-export:before {
  content: "\ea8e";
}

.icon-gradebook-import:before {
  content: "\ea8f";
}

.icon-gradebook:before {
  content: "\ea90";
}

.icon-group-dark-new:before {
  content: "\ea91";
}

.icon-group-new:before {
  content: "\ea92";
}

.icon-group:before {
  content: "\ea93";
}

.icon-hamburger:before {
  content: "\ea94";
}

.icon-header:before {
  content: "\ea95";
}

.icon-heart:before {
  content: "\ea96";
}

.icon-highlighter:before {
  content: "\ea97";
}

.icon-home:before {
  content: "\ea98";
}

.icon-hour-glass:before {
  content: "\ea99";
}

.icon-image:before {
  content: "\ea9a";
}

.icon-immersive-reader:before {
  content: "\ea9b";
}

.icon-impact-logo:before {
  content: "\ea9c";
}

.icon-import-content:before {
  content: "\ea9d";
}

.icon-import:before {
  content: "\ea9e";
}

.icon-important-dates:before {
  content: "\ea9f";
}

.icon-inbox:before {
  content: "\eaa0";
}

.icon-indent-2:before {
  content: "\eaa1";
}

.icon-indent:before {
  content: "\eaa2";
}

.icon-info-borderless:before {
  content: "\eaa3";
}

.icon-info:before {
  content: "\eaa4";
}

.icon-instructure-logo:before {
  content: "\eaa5";
}

.icon-instructure:before {
  content: "\eaa6";
}

.icon-integrations:before {
  content: "\eaa7";
}

.icon-invitation:before {
  content: "\eaa8";
}

.icon-italic:before {
  content: "\eaa9";
}

.icon-keyboard-shortcuts:before {
  content: "\eaaa";
}

.icon-launch:before {
  content: "\eaab";
}

.icon-life-preserver:before {
  content: "\eaac";
}

.icon-like:before {
  content: "\eaad";
}

.icon-line-reader:before {
  content: "\eaae";
}

.icon-link:before {
  content: "\eaaf";
}

.icon-linkedin:before {
  content: "\eab0";
}

.icon-lock:before {
  content: "\eab1";
}

.icon-lti:before {
  content: "\eab2";
}

.icon-mark-as-read:before {
  content: "\eab3";
}

.icon-marker:before {
  content: "\eab4";
}

.icon-masquerade:before {
  content: "\eab5";
}

.icon-mastery-logo:before {
  content: "\eab6";
}

.icon-mastery-paths:before {
  content: "\eab7";
}

.icon-materials-required-light:before {
  content: "\eab8";
}

.icon-materials-required:before {
  content: "\eab9";
}

.icon-mature-light:before {
  content: "\eaba";
}

.icon-mature:before {
  content: "\eabb";
}

.icon-media:before {
  content: "\eabc";
}

.icon-message:before {
  content: "\eabd";
}

.icon-mic-off:before {
  content: "\eabe";
}

.icon-mic:before {
  content: "\eabf";
}

.icon-mini-arrow-double:before {
  content: "\eac0";
}

.icon-mini-arrow-down:before {
  content: "\eac1";
}

.icon-mini-arrow-end:before {
  content: "\eac2";
}

.icon-mini-arrow-left:before {
  content: "\eac3";
}

.icon-mini-arrow-right:before {
  content: "\eac4";
}

.icon-mini-arrow-start:before {
  content: "\eac5";
}

.icon-mini-arrow-up:before {
  content: "\eac6";
}

.icon-minimize:before {
  content: "\eac7";
}

.icon-module:before {
  content: "\eac8";
}

.icon-more:before {
  content: "\eac9";
}

.icon-move-down-bottom:before {
  content: "\eaca";
}

.icon-move-down:before {
  content: "\eacb";
}

.icon-move-end:before {
  content: "\eacc";
}

.icon-move-left:before {
  content: "\eacd";
}

.icon-move-right:before {
  content: "\eace";
}

.icon-move-start:before {
  content: "\eacf";
}

.icon-move-up-top:before {
  content: "\ead0";
}

.icon-move-up:before {
  content: "\ead1";
}

.icon-ms-excel:before {
  content: "\ead2";
}

.icon-ms-ppt:before {
  content: "\ead3";
}

.icon-ms-word:before {
  content: "\ead4";
}

.icon-muted:before {
  content: "\ead5";
}

.icon-next-unread:before {
  content: "\ead6";
}

.icon-no:before {
  content: "\ead7";
}

.icon-not-graded:before {
  content: "\ead8";
}

.icon-note-dark:before {
  content: "\ead9";
}

.icon-note-light:before {
  content: "\eada";
}

.icon-note:before {
  content: "\eadb";
}

.icon-notepad:before {
  content: "\eadc";
}

.icon-numbered-list:before {
  content: "\eadd";
}

.icon-off:before {
  content: "\eade";
}

.icon-open-folder:before {
  content: "\eadf";
}

.icon-outcomes:before {
  content: "\eae0";
}

.icon-outdent:before {
  content: "\eae1";
}

.icon-outdent2:before {
  content: "\eae2";
}

.icon-oval-half:before {
  content: "\eae3";
}

.icon-page-down:before {
  content: "\eae4";
}

.icon-page-up:before {
  content: "\eae5";
}

.icon-paint:before {
  content: "\eae6";
}

.icon-paperclip:before {
  content: "\eae7";
}

.icon-partial:before {
  content: "\eae8";
}

.icon-pause:before {
  content: "\eae9";
}

.icon-pdf:before {
  content: "\eaea";
}

.icon-peer-graded:before {
  content: "\eaeb";
}

.icon-peer-review:before {
  content: "\eaec";
}

.icon-permissions:before {
  content: "\eaed";
}

.icon-pin:before {
  content: "\eaee";
}

.icon-pinterest:before {
  content: "\eaef";
}

.icon-play:before {
  content: "\eaf0";
}

.icon-plus:before {
  content: "\eaf1";
}

.icon-post-to-sis:before {
  content: "\eaf2";
}

.icon-predictive:before {
  content: "\eaf3";
}

.icon-prerequisite:before {
  content: "\eaf4";
}

.icon-printer:before {
  content: "\eaf5";
}

.icon-progress:before {
  content: "\eaf6";
}

.icon-protractor:before {
  content: "\eaf7";
}

.icon-publish:before {
  content: "\eaf8";
}

.icon-question:before {
  content: "\eaf9";
}

.icon-quiz-instructions:before {
  content: "\eafa";
}

.icon-quiz-stats-avg:before {
  content: "\eafb";
}

.icon-quiz-stats-cronbachs-alpha:before {
  content: "\eafc";
}

.icon-quiz-stats-deviation:before {
  content: "\eafd";
}

.icon-quiz-stats-high:before {
  content: "\eafe";
}

.icon-quiz-stats-low:before {
  content: "\eaff";
}

.icon-quiz-stats-time:before {
  content: "\eb00";
}

.icon-quiz-title:before {
  content: "\eb01";
}

.icon-quiz:before {
  content: "\eb02";
}

.icon-record:before {
  content: "\eb03";
}

.icon-refresh:before {
  content: "\eb04";
}

.icon-remove-bookmark:before {
  content: "\eb05";
}

.icon-remove-from-collection:before {
  content: "\eb06";
}

.icon-remove-link:before {
  content: "\eb07";
}

.icon-replied:before {
  content: "\eb08";
}

.icon-reply-2:before {
  content: "\eb09";
}

.icon-reply-all-2:before {
  content: "\eb0a";
}

.icon-reply:before {
  content: "\eb0b";
}

.icon-reset:before {
  content: "\eb0c";
}

.icon-review-screen:before {
  content: "\eb0d";
}

.icon-rewind:before {
  content: "\eb0e";
}

.icon-rotate-left:before {
  content: "\eb0f";
}

.icon-rotate-right:before {
  content: "\eb10";
}

.icon-rss-add:before {
  content: "\eb11";
}

.icon-rss:before {
  content: "\eb12";
}

.icon-rubric-dark:before {
  content: "\eb13";
}

.icon-rubric:before {
  content: "\eb14";
}

.icon-ruler:before {
  content: "\eb15";
}

.icon-save:before {
  content: "\eb16";
}

.icon-screen-capture:before {
  content: "\eb17";
}

.icon-search-address-book:before {
  content: "\eb18";
}

.icon-search:before {
  content: "\eb19";
}

.icon-settings-2:before {
  content: "\eb1a";
}

.icon-settings:before {
  content: "\eb1b";
}

.icon-shape-oval:before {
  content: "\eb1c";
}

.icon-shape-polygon:before {
  content: "\eb1d";
}

.icon-shape-rectangle:before {
  content: "\eb1e";
}

.icon-share:before {
  content: "\eb1f";
}

.icon-sis-imported:before {
  content: "\eb20";
}

.icon-sis-not-synced:before {
  content: "\eb21";
}

.icon-sis-synced:before {
  content: "\eb22";
}

.icon-skype:before {
  content: "\eb23";
}

.icon-sort:before {
  content: "\eb24";
}

.icon-speed-grader:before {
  content: "\eb25";
}

.icon-standards:before {
  content: "\eb26";
}

.icon-star-light:before {
  content: "\eb27";
}

.icon-star:before {
  content: "\eb28";
}

.icon-stats:before {
  content: "\eb29";
}

.icon-stop:before {
  content: "\eb2a";
}

.icon-strikethrough:before {
  content: "\eb2b";
}

.icon-student-view:before {
  content: "\eb2c";
}

.icon-studio:before {
  content: "\eb2d";
}

.icon-subaccounts:before {
  content: "\eb2e";
}

.icon-subtitles:before {
  content: "\eb2f";
}

.icon-syllabus:before {
  content: "\eb30";
}

.icon-table-cell-select-all:before {
  content: "\eb31";
}

.icon-table-delete-column:before {
  content: "\eb32";
}

.icon-table-delete-row:before {
  content: "\eb33";
}

.icon-table-delete-table:before {
  content: "\eb34";
}

.icon-table-insert-column-after:before {
  content: "\eb35";
}

.icon-table-insert-column-before:before {
  content: "\eb36";
}

.icon-table-insert-row-above:before {
  content: "\eb37";
}

.icon-table-insert-row-after:before {
  content: "\eb38";
}

.icon-table-left-header:before {
  content: "\eb39";
}

.icon-table-merge-cells:before {
  content: "\eb3a";
}

.icon-table-row-properties:before {
  content: "\eb3b";
}

.icon-table-split-cells:before {
  content: "\eb3c";
}

.icon-table-top-header:before {
  content: "\eb3d";
}

.icon-table:before {
  content: "\eb3e";
}

.icon-tag:before {
  content: "\eb3f";
}

.icon-target:before {
  content: "\eb40";
}

.icon-text-background-color:before {
  content: "\eb41";
}

.icon-text-centered:before {
  content: "\eb42";
}

.icon-text-color:before {
  content: "\eb43";
}

.icon-text-direction-ltr:before {
  content: "\eb44";
}

.icon-text-direction-rtl:before {
  content: "\eb45";
}

.icon-text-end:before {
  content: "\eb46";
}

.icon-text-left:before {
  content: "\eb47";
}

.icon-text-right:before {
  content: "\eb48";
}

.icon-text-start:before {
  content: "\eb49";
}

.icon-text-subscript:before {
  content: "\eb4a";
}

.icon-text-superscript:before {
  content: "\eb4b";
}

.icon-text:before {
  content: "\eb4c";
}

.icon-textarea:before {
  content: "\eb4d";
}

.icon-timer:before {
  content: "\eb4e";
}

.icon-toggle-end:before {
  content: "\eb4f";
}

.icon-toggle-left:before {
  content: "\eb50";
}

.icon-toggle-right:before {
  content: "\eb51";
}

.icon-toggle-start:before {
  content: "\eb52";
}

.icon-trash:before {
  content: "\eb53";
}

.icon-trouble:before {
  content: "\eb54";
}

.icon-twitter-boxed:before {
  content: "\eb55";
}

.icon-twitter:before {
  content: "\eb56";
}

.icon-unarchive:before {
  content: "\eb57";
}

.icon-underline:before {
  content: "\eb58";
}

.icon-unlock:before {
  content: "\eb59";
}

.icon-unmuted:before {
  content: "\eb5a";
}

.icon-unpublish:before {
  content: "\eb5b";
}

.icon-unpublished:before {
  content: "\eb5c";
}

.icon-updown:before {
  content: "\eb5d";
}

.icon-upload:before {
  content: "\eb5e";
}

.icon-user-add:before {
  content: "\eb5f";
}

.icon-user:before {
  content: "\eb60";
}

.icon-video-camera-off:before {
  content: "\eb61";
}

.icon-video-camera:before {
  content: "\eb62";
}

.icon-video:before {
  content: "\eb63";
}

.icon-warning-borderless:before {
  content: "\eb64";
}

.icon-warning:before {
  content: "\eb65";
}

.icon-windows:before {
  content: "\eb66";
}

.icon-wordpress:before {
  content: "\eb67";
}

.icon-x:before {
  content: "\eb68";
}

.icon-zipped:before {
  content: "\eb69";
}

.icon-zoom-in:before {
  content: "\eb6a";
}

.icon-zoom-out:before {
  content: "\eb6b";
}

.icon-Arc.icon-Solid:before {
  content: "\ea01";
}

.icon-a11y.icon-Solid:before {
  content: "\ea02";
}

.icon-add-folder.icon-Solid:before {
  content: "\ea03";
}

.icon-add-media.icon-Solid:before {
  content: "\ea04";
}

.icon-add.icon-Solid:before {
  content: "\ea05";
}

.icon-address-book.icon-Solid:before {
  content: "\ea06";
}

.icon-admin-tools.icon-Solid:before {
  content: "\ea07";
}

.icon-admin.icon-Solid:before {
  content: "\ea08";
}

.icon-alerts.icon-Solid:before {
  content: "\ea09";
}

.icon-analytics.icon-Solid:before {
  content: "\ea0a";
}

.icon-android.icon-Solid:before {
  content: "\ea0b";
}

.icon-annotate.icon-Solid:before {
  content: "\ea0c";
}

.icon-announcement.icon-Solid:before {
  content: "\ea0d";
}

.icon-apple.icon-Solid:before {
  content: "\ea0e";
}

.icon-archive.icon-Solid:before {
  content: "\ea0f";
}

.icon-arrow-double-end.icon-Solid:before {
  content: "\ea10";
}

.icon-arrow-double-start.icon-Solid:before {
  content: "\ea11";
}

.icon-arrow-down.icon-Solid:before {
  content: "\ea12";
}

.icon-arrow-end.icon-Solid:before {
  content: "\ea13";
}

.icon-arrow-left.icon-Solid:before {
  content: "\ea14";
}

.icon-arrow-nest.icon-Solid:before {
  content: "\ea15";
}

.icon-arrow-open-down.icon-Solid:before {
  content: "\ea16";
}

.icon-arrow-open-end.icon-Solid:before {
  content: "\ea17";
}

.icon-arrow-open-left.icon-Solid:before {
  content: "\ea18";
}

.icon-arrow-open-right.icon-Solid:before {
  content: "\ea19";
}

.icon-arrow-open-start.icon-Solid:before {
  content: "\ea1a";
}

.icon-arrow-open-up.icon-Solid:before {
  content: "\ea1b";
}

.icon-arrow-right.icon-Solid:before {
  content: "\ea1c";
}

.icon-arrow-start.icon-Solid:before {
  content: "\ea1d";
}

.icon-arrow-up.icon-Solid:before {
  content: "\ea1e";
}

.icon-assignment.icon-Solid:before {
  content: "\ea1f";
}

.icon-attach-media.icon-Solid:before {
  content: "\ea20";
}

.icon-audio-off.icon-Solid:before {
  content: "\ea21";
}

.icon-audio.icon-Solid:before {
  content: "\ea22";
}

.icon-award.icon-Solid:before {
  content: "\ea23";
}

.icon-bank.icon-Solid:before {
  content: "\ea24";
}

.icon-blueprint-lock.icon-Solid:before {
  content: "\ea25";
}

.icon-blueprint.icon-Solid:before {
  content: "\ea26";
}

.icon-bold.icon-Solid:before {
  content: "\ea27";
}

.icon-bookmark.icon-Solid:before {
  content: "\ea28";
}

.icon-box.icon-Solid:before {
  content: "\ea29";
}

.icon-bullet-list-alpha.icon-Solid:before {
  content: "\ea2a";
}

.icon-bullet-list-circle-outline.icon-Solid:before {
  content: "\ea2b";
}

.icon-bullet-list-roman.icon-Solid:before {
  content: "\ea2c";
}

.icon-bullet-list-square.icon-Solid:before {
  content: "\ea2d";
}

.icon-bullet-list.icon-Solid:before {
  content: "\ea2e";
}

.icon-button-and-icon-maker.icon-Solid:before {
  content: "\ea2f";
}

.icon-calculator-desmos.icon-Solid:before {
  content: "\ea30";
}

.icon-calculator.icon-Solid:before {
  content: "\ea31";
}

.icon-calendar-add.icon-Solid:before {
  content: "\ea32";
}

.icon-calendar-clock.icon-Solid:before {
  content: "\ea33";
}

.icon-calendar-day.icon-Solid:before {
  content: "\ea34";
}

.icon-calendar-days.icon-Solid:before {
  content: "\ea35";
}

.icon-calendar-month.icon-Solid:before {
  content: "\ea36";
}

.icon-calendar-reserved.icon-Solid:before {
  content: "\ea37";
}

.icon-canvas-logo.icon-Solid:before {
  content: "\ea38";
}

.icon-certified.icon-Solid:before {
  content: "\ea39";
}

.icon-chat.icon-Solid:before {
  content: "\ea3a";
}

.icon-check-dark.icon-Solid:before {
  content: "\ea3b";
}

.icon-check-mark-indeterminate.icon-Solid:before {
  content: "\ea3c";
}

.icon-check-mark.icon-Solid:before {
  content: "\ea3d";
}

.icon-check-plus.icon-Solid:before {
  content: "\ea3e";
}

.icon-check.icon-Solid:before {
  content: "\ea3f";
}

.icon-circle-arrow-down.icon-Solid:before {
  content: "\ea40";
}

.icon-circle-arrow-up.icon-Solid:before {
  content: "\ea41";
}

.icon-clear-text-formatting.icon-Solid:before {
  content: "\ea42";
}

.icon-clock.icon-Solid:before {
  content: "\ea43";
}

.icon-closed-captioning-off.icon-Solid:before {
  content: "\ea44";
}

.icon-closed-captioning-on.icon-Solid:before {
  content: "\ea45";
}

.icon-closed-captioning.icon-Solid:before {
  content: "\ea46";
}

.icon-cloud-download.icon-Solid:before {
  content: "\ea47";
}

.icon-cloud-lock.icon-Solid:before {
  content: "\ea48";
}

.icon-cloud-upload.icon-Solid:before {
  content: "\ea49";
}

.icon-code.icon-Solid:before {
  content: "\ea4a";
}

.icon-collapse.icon-Solid:before {
  content: "\ea4b";
}

.icon-collection-save.icon-Solid:before {
  content: "\ea4c";
}

.icon-collection.icon-Solid:before {
  content: "\ea4d";
}

.icon-comment.icon-Solid:before {
  content: "\ea4e";
}

.icon-comments-off.icon-Solid:before {
  content: "\ea4f";
}

.icon-comments-on.icon-Solid:before {
  content: "\ea50";
}

.icon-commons.icon-Solid:before {
  content: "\ea51";
}

.icon-compass.icon-Solid:before {
  content: "\ea52";
}

.icon-complete.icon-Solid:before {
  content: "\ea53";
}

.icon-compose.icon-Solid:before {
  content: "\ea54";
}

.icon-configure.icon-Solid:before {
  content: "\ea55";
}

.icon-copy-course.icon-Solid:before {
  content: "\ea56";
}

.icon-copy.icon-Solid:before {
  content: "\ea57";
}

.icon-courses.icon-Solid:before {
  content: "\ea58";
}

.icon-crop.icon-Solid:before {
  content: "\ea59";
}

.icon-dashboard.icon-Solid:before {
  content: "\ea5a";
}

.icon-deactivate-user.icon-Solid:before {
  content: "\ea5b";
}

.icon-discussion-check.icon-Solid:before {
  content: "\ea5c";
}

.icon-discussion-new.icon-Solid:before {
  content: "\ea5d";
}

.icon-discussion-reply-2.icon-Solid:before {
  content: "\ea5e";
}

.icon-discussion-reply-dark.icon-Solid:before {
  content: "\ea5f";
}

.icon-discussion-reply.icon-Solid:before {
  content: "\ea60";
}

.icon-discussion-search.icon-Solid:before {
  content: "\ea61";
}

.icon-discussion-x.icon-Solid:before {
  content: "\ea62";
}

.icon-discussion.icon-Solid:before {
  content: "\ea63";
}

.icon-document.icon-Solid:before {
  content: "\ea64";
}

.icon-download.icon-Solid:before {
  content: "\ea65";
}

.icon-drag-handle.icon-Solid:before {
  content: "\ea66";
}

.icon-drop-down.icon-Solid:before {
  content: "\ea67";
}

.icon-duplicate.icon-Solid:before {
  content: "\ea68";
}

.icon-edit.icon-Solid:before {
  content: "\ea69";
}

.icon-educators.icon-Solid:before {
  content: "\ea6a";
}

.icon-elevate-logo.icon-Solid:before {
  content: "\ea6b";
}

.icon-email.icon-Solid:before {
  content: "\ea6c";
}

.icon-empty.icon-Solid:before {
  content: "\ea6d";
}

.icon-end.icon-Solid:before {
  content: "\ea6e";
}

.icon-eportfolio.icon-Solid:before {
  content: "\ea6f";
}

.icon-equation.icon-Solid:before {
  content: "\ea70";
}

.icon-equella.icon-Solid:before {
  content: "\ea71";
}

.icon-essay.icon-Solid:before {
  content: "\ea72";
}

.icon-exit-full-screen.icon-Solid:before {
  content: "\ea73";
}

.icon-expand-items.icon-Solid:before {
  content: "\ea74";
}

.icon-expand-left.icon-Solid:before {
  content: "\ea75";
}

.icon-expand-start.icon-Solid:before {
  content: "\ea76";
}

.icon-expand.icon-Solid:before {
  content: "\ea77";
}

.icon-export-content.icon-Solid:before {
  content: "\ea78";
}

.icon-export.icon-Solid:before {
  content: "\ea79";
}

.icon-external-link.icon-Solid:before {
  content: "\ea7a";
}

.icon-eye.icon-Solid:before {
  content: "\ea7b";
}

.icon-facebook-boxed.icon-Solid:before {
  content: "\ea7c";
}

.icon-facebook.icon-Solid:before {
  content: "\ea7d";
}

.icon-fast-forward.icon-Solid:before {
  content: "\ea7e";
}

.icon-feedback.icon-Solid:before {
  content: "\ea7f";
}

.icon-file-locked.icon-Solid:before {
  content: "\ea80";
}

.icon-files-copyright.icon-Solid:before {
  content: "\ea81";
}

.icon-files-creative-commons.icon-Solid:before {
  content: "\ea82";
}

.icon-files-fair-use.icon-Solid:before {
  content: "\ea83";
}

.icon-files-obtained-permission.icon-Solid:before {
  content: "\ea84";
}

.icon-files-public-domain.icon-Solid:before {
  content: "\ea85";
}

.icon-filmstrip.icon-Solid:before {
  content: "\ea86";
}

.icon-filter.icon-Solid:before {
  content: "\ea87";
}

.icon-flag.icon-Solid:before {
  content: "\ea88";
}

.icon-folder-locked.icon-Solid:before {
  content: "\ea89";
}

.icon-folder.icon-Solid:before {
  content: "\ea8a";
}

.icon-forward.icon-Solid:before {
  content: "\ea8b";
}

.icon-full-screen.icon-Solid:before {
  content: "\ea8c";
}

.icon-github.icon-Solid:before {
  content: "\ea8d";
}

.icon-gradebook-export.icon-Solid:before {
  content: "\ea8e";
}

.icon-gradebook-import.icon-Solid:before {
  content: "\ea8f";
}

.icon-gradebook.icon-Solid:before {
  content: "\ea90";
}

.icon-group-dark-new.icon-Solid:before {
  content: "\ea91";
}

.icon-group-new.icon-Solid:before {
  content: "\ea92";
}

.icon-group.icon-Solid:before {
  content: "\ea93";
}

.icon-hamburger.icon-Solid:before {
  content: "\ea94";
}

.icon-header.icon-Solid:before {
  content: "\ea95";
}

.icon-heart.icon-Solid:before {
  content: "\ea96";
}

.icon-highlighter.icon-Solid:before {
  content: "\ea97";
}

.icon-home.icon-Solid:before {
  content: "\ea98";
}

.icon-hour-glass.icon-Solid:before {
  content: "\ea99";
}

.icon-image.icon-Solid:before {
  content: "\ea9a";
}

.icon-immersive-reader.icon-Solid:before {
  content: "\ea9b";
}

.icon-impact-logo.icon-Solid:before {
  content: "\ea9c";
}

.icon-import-content.icon-Solid:before {
  content: "\ea9d";
}

.icon-import.icon-Solid:before {
  content: "\ea9e";
}

.icon-important-dates.icon-Solid:before {
  content: "\ea9f";
}

.icon-inbox.icon-Solid:before {
  content: "\eaa0";
}

.icon-indent-2.icon-Solid:before {
  content: "\eaa1";
}

.icon-indent.icon-Solid:before {
  content: "\eaa2";
}

.icon-info-borderless.icon-Solid:before {
  content: "\eaa3";
}

.icon-info.icon-Solid:before {
  content: "\eaa4";
}

.icon-instructure-logo.icon-Solid:before {
  content: "\eaa5";
}

.icon-instructure.icon-Solid:before {
  content: "\eaa6";
}

.icon-integrations.icon-Solid:before {
  content: "\eaa7";
}

.icon-invitation.icon-Solid:before {
  content: "\eaa8";
}

.icon-italic.icon-Solid:before {
  content: "\eaa9";
}

.icon-keyboard-shortcuts.icon-Solid:before {
  content: "\eaaa";
}

.icon-launch.icon-Solid:before {
  content: "\eaab";
}

.icon-life-preserver.icon-Solid:before {
  content: "\eaac";
}

.icon-like.icon-Solid:before {
  content: "\eaad";
}

.icon-line-reader.icon-Solid:before {
  content: "\eaae";
}

.icon-link.icon-Solid:before {
  content: "\eaaf";
}

.icon-linkedin.icon-Solid:before {
  content: "\eab0";
}

.icon-lock.icon-Solid:before {
  content: "\eab1";
}

.icon-lti.icon-Solid:before {
  content: "\eab2";
}

.icon-mark-as-read.icon-Solid:before {
  content: "\eab3";
}

.icon-marker.icon-Solid:before {
  content: "\eab4";
}

.icon-masquerade.icon-Solid:before {
  content: "\eab5";
}

.icon-mastery-logo.icon-Solid:before {
  content: "\eab6";
}

.icon-mastery-paths.icon-Solid:before {
  content: "\eab7";
}

.icon-materials-required-light.icon-Solid:before {
  content: "\eab8";
}

.icon-materials-required.icon-Solid:before {
  content: "\eab9";
}

.icon-mature-light.icon-Solid:before {
  content: "\eaba";
}

.icon-mature.icon-Solid:before {
  content: "\eabb";
}

.icon-media.icon-Solid:before {
  content: "\eabc";
}

.icon-message.icon-Solid:before {
  content: "\eabd";
}

.icon-mic-off.icon-Solid:before {
  content: "\eabe";
}

.icon-mic.icon-Solid:before {
  content: "\eabf";
}

.icon-mini-arrow-double.icon-Solid:before {
  content: "\eac0";
}

.icon-mini-arrow-down.icon-Solid:before {
  content: "\eac1";
}

.icon-mini-arrow-end.icon-Solid:before {
  content: "\eac2";
}

.icon-mini-arrow-left.icon-Solid:before {
  content: "\eac3";
}

.icon-mini-arrow-right.icon-Solid:before {
  content: "\eac4";
}

.icon-mini-arrow-start.icon-Solid:before {
  content: "\eac5";
}

.icon-mini-arrow-up.icon-Solid:before {
  content: "\eac6";
}

.icon-minimize.icon-Solid:before {
  content: "\eac7";
}

.icon-module.icon-Solid:before {
  content: "\eac8";
}

.icon-more.icon-Solid:before {
  content: "\eac9";
}

.icon-move-down-bottom.icon-Solid:before {
  content: "\eaca";
}

.icon-move-down.icon-Solid:before {
  content: "\eacb";
}

.icon-move-end.icon-Solid:before {
  content: "\eacc";
}

.icon-move-left.icon-Solid:before {
  content: "\eacd";
}

.icon-move-right.icon-Solid:before {
  content: "\eace";
}

.icon-move-start.icon-Solid:before {
  content: "\eacf";
}

.icon-move-up-top.icon-Solid:before {
  content: "\ead0";
}

.icon-move-up.icon-Solid:before {
  content: "\ead1";
}

.icon-ms-excel.icon-Solid:before {
  content: "\ead2";
}

.icon-ms-ppt.icon-Solid:before {
  content: "\ead3";
}

.icon-ms-word.icon-Solid:before {
  content: "\ead4";
}

.icon-muted.icon-Solid:before {
  content: "\ead5";
}

.icon-next-unread.icon-Solid:before {
  content: "\ead6";
}

.icon-no.icon-Solid:before {
  content: "\ead7";
}

.icon-not-graded.icon-Solid:before {
  content: "\ead8";
}

.icon-note-dark.icon-Solid:before {
  content: "\ead9";
}

.icon-note-light.icon-Solid:before {
  content: "\eada";
}

.icon-note.icon-Solid:before {
  content: "\eadb";
}

.icon-notepad.icon-Solid:before {
  content: "\eadc";
}

.icon-numbered-list.icon-Solid:before {
  content: "\eadd";
}

.icon-off.icon-Solid:before {
  content: "\eade";
}

.icon-open-folder.icon-Solid:before {
  content: "\eadf";
}

.icon-outcomes.icon-Solid:before {
  content: "\eae0";
}

.icon-outdent.icon-Solid:before {
  content: "\eae1";
}

.icon-outdent2.icon-Solid:before {
  content: "\eae2";
}

.icon-oval-half.icon-Solid:before {
  content: "\eae3";
}

.icon-page-down.icon-Solid:before {
  content: "\eae4";
}

.icon-page-up.icon-Solid:before {
  content: "\eae5";
}

.icon-paint.icon-Solid:before {
  content: "\eae6";
}

.icon-paperclip.icon-Solid:before {
  content: "\eae7";
}

.icon-partial.icon-Solid:before {
  content: "\eae8";
}

.icon-pause.icon-Solid:before {
  content: "\eae9";
}

.icon-pdf.icon-Solid:before {
  content: "\eaea";
}

.icon-peer-graded.icon-Solid:before {
  content: "\eaeb";
}

.icon-peer-review.icon-Solid:before {
  content: "\eaec";
}

.icon-permissions.icon-Solid:before {
  content: "\eaed";
}

.icon-pin.icon-Solid:before {
  content: "\eaee";
}

.icon-pinterest.icon-Solid:before {
  content: "\eaef";
}

.icon-play.icon-Solid:before {
  content: "\eaf0";
}

.icon-plus.icon-Solid:before {
  content: "\eaf1";
}

.icon-post-to-sis.icon-Solid:before {
  content: "\eaf2";
}

.icon-predictive.icon-Solid:before {
  content: "\eaf3";
}

.icon-prerequisite.icon-Solid:before {
  content: "\eaf4";
}

.icon-printer.icon-Solid:before {
  content: "\eaf5";
}

.icon-progress.icon-Solid:before {
  content: "\eaf6";
}

.icon-protractor.icon-Solid:before {
  content: "\eaf7";
}

.icon-publish.icon-Solid:before {
  content: "\eaf8";
}

.icon-question.icon-Solid:before {
  content: "\eaf9";
}

.icon-quiz-instructions.icon-Solid:before {
  content: "\eafa";
}

.icon-quiz-stats-avg.icon-Solid:before {
  content: "\eafb";
}

.icon-quiz-stats-cronbachs-alpha.icon-Solid:before {
  content: "\eafc";
}

.icon-quiz-stats-deviation.icon-Solid:before {
  content: "\eafd";
}

.icon-quiz-stats-high.icon-Solid:before {
  content: "\eafe";
}

.icon-quiz-stats-low.icon-Solid:before {
  content: "\eaff";
}

.icon-quiz-stats-time.icon-Solid:before {
  content: "\eb00";
}

.icon-quiz-title.icon-Solid:before {
  content: "\eb01";
}

.icon-quiz.icon-Solid:before {
  content: "\eb02";
}

.icon-record.icon-Solid:before {
  content: "\eb03";
}

.icon-refresh.icon-Solid:before {
  content: "\eb04";
}

.icon-remove-bookmark.icon-Solid:before {
  content: "\eb05";
}

.icon-remove-from-collection.icon-Solid:before {
  content: "\eb06";
}

.icon-remove-link.icon-Solid:before {
  content: "\eb07";
}

.icon-replied.icon-Solid:before {
  content: "\eb08";
}

.icon-reply-2.icon-Solid:before {
  content: "\eb09";
}

.icon-reply-all-2.icon-Solid:before {
  content: "\eb0a";
}

.icon-reply.icon-Solid:before {
  content: "\eb0b";
}

.icon-reset.icon-Solid:before {
  content: "\eb0c";
}

.icon-review-screen.icon-Solid:before {
  content: "\eb0d";
}

.icon-rewind.icon-Solid:before {
  content: "\eb0e";
}

.icon-rotate-left.icon-Solid:before {
  content: "\eb0f";
}

.icon-rotate-right.icon-Solid:before {
  content: "\eb10";
}

.icon-rss-add.icon-Solid:before {
  content: "\eb11";
}

.icon-rss.icon-Solid:before {
  content: "\eb12";
}

.icon-rubric-dark.icon-Solid:before {
  content: "\eb13";
}

.icon-rubric.icon-Solid:before {
  content: "\eb14";
}

.icon-ruler.icon-Solid:before {
  content: "\eb15";
}

.icon-save.icon-Solid:before {
  content: "\eb16";
}

.icon-screen-capture.icon-Solid:before {
  content: "\eb17";
}

.icon-search-address-book.icon-Solid:before {
  content: "\eb18";
}

.icon-search.icon-Solid:before {
  content: "\eb19";
}

.icon-settings-2.icon-Solid:before {
  content: "\eb1a";
}

.icon-settings.icon-Solid:before {
  content: "\eb1b";
}

.icon-shape-oval.icon-Solid:before {
  content: "\eb1c";
}

.icon-shape-polygon.icon-Solid:before {
  content: "\eb1d";
}

.icon-shape-rectangle.icon-Solid:before {
  content: "\eb1e";
}

.icon-share.icon-Solid:before {
  content: "\eb1f";
}

.icon-sis-imported.icon-Solid:before {
  content: "\eb20";
}

.icon-sis-not-synced.icon-Solid:before {
  content: "\eb21";
}

.icon-sis-synced.icon-Solid:before {
  content: "\eb22";
}

.icon-skype.icon-Solid:before {
  content: "\eb23";
}

.icon-sort.icon-Solid:before {
  content: "\eb24";
}

.icon-speed-grader.icon-Solid:before {
  content: "\eb25";
}

.icon-standards.icon-Solid:before {
  content: "\eb26";
}

.icon-star-light.icon-Solid:before {
  content: "\eb27";
}

.icon-star.icon-Solid:before {
  content: "\eb28";
}

.icon-stats.icon-Solid:before {
  content: "\eb29";
}

.icon-stop.icon-Solid:before {
  content: "\eb2a";
}

.icon-strikethrough.icon-Solid:before {
  content: "\eb2b";
}

.icon-student-view.icon-Solid:before {
  content: "\eb2c";
}

.icon-studio.icon-Solid:before {
  content: "\eb2d";
}

.icon-subaccounts.icon-Solid:before {
  content: "\eb2e";
}

.icon-subtitles.icon-Solid:before {
  content: "\eb2f";
}

.icon-syllabus.icon-Solid:before {
  content: "\eb30";
}

.icon-table-cell-select-all.icon-Solid:before {
  content: "\eb31";
}

.icon-table-delete-column.icon-Solid:before {
  content: "\eb32";
}

.icon-table-delete-row.icon-Solid:before {
  content: "\eb33";
}

.icon-table-delete-table.icon-Solid:before {
  content: "\eb34";
}

.icon-table-insert-column-after.icon-Solid:before {
  content: "\eb35";
}

.icon-table-insert-column-before.icon-Solid:before {
  content: "\eb36";
}

.icon-table-insert-row-above.icon-Solid:before {
  content: "\eb37";
}

.icon-table-insert-row-after.icon-Solid:before {
  content: "\eb38";
}

.icon-table-left-header.icon-Solid:before {
  content: "\eb39";
}

.icon-table-merge-cells.icon-Solid:before {
  content: "\eb3a";
}

.icon-table-row-properties.icon-Solid:before {
  content: "\eb3b";
}

.icon-table-split-cells.icon-Solid:before {
  content: "\eb3c";
}

.icon-table-top-header.icon-Solid:before {
  content: "\eb3d";
}

.icon-table.icon-Solid:before {
  content: "\eb3e";
}

.icon-tag.icon-Solid:before {
  content: "\eb3f";
}

.icon-target.icon-Solid:before {
  content: "\eb40";
}

.icon-text-background-color.icon-Solid:before {
  content: "\eb41";
}

.icon-text-centered.icon-Solid:before {
  content: "\eb42";
}

.icon-text-color.icon-Solid:before {
  content: "\eb43";
}

.icon-text-direction-ltr.icon-Solid:before {
  content: "\eb44";
}

.icon-text-direction-rtl.icon-Solid:before {
  content: "\eb45";
}

.icon-text-end.icon-Solid:before {
  content: "\eb46";
}

.icon-text-left.icon-Solid:before {
  content: "\eb47";
}

.icon-text-right.icon-Solid:before {
  content: "\eb48";
}

.icon-text-start.icon-Solid:before {
  content: "\eb49";
}

.icon-text-subscript.icon-Solid:before {
  content: "\eb4a";
}

.icon-text-superscript.icon-Solid:before {
  content: "\eb4b";
}

.icon-text.icon-Solid:before {
  content: "\eb4c";
}

.icon-textarea.icon-Solid:before {
  content: "\eb4d";
}

.icon-timer.icon-Solid:before {
  content: "\eb4e";
}

.icon-toggle-end.icon-Solid:before {
  content: "\eb4f";
}

.icon-toggle-left.icon-Solid:before {
  content: "\eb50";
}

.icon-toggle-right.icon-Solid:before {
  content: "\eb51";
}

.icon-toggle-start.icon-Solid:before {
  content: "\eb52";
}

.icon-trash.icon-Solid:before {
  content: "\eb53";
}

.icon-trouble.icon-Solid:before {
  content: "\eb54";
}

.icon-twitter-boxed.icon-Solid:before {
  content: "\eb55";
}

.icon-twitter.icon-Solid:before {
  content: "\eb56";
}

.icon-unarchive.icon-Solid:before {
  content: "\eb57";
}

.icon-underline.icon-Solid:before {
  content: "\eb58";
}

.icon-unlock.icon-Solid:before {
  content: "\eb59";
}

.icon-unmuted.icon-Solid:before {
  content: "\eb5a";
}

.icon-unpublish.icon-Solid:before {
  content: "\eb5b";
}

.icon-unpublished.icon-Solid:before {
  content: "\eb5c";
}

.icon-updown.icon-Solid:before {
  content: "\eb5d";
}

.icon-upload.icon-Solid:before {
  content: "\eb5e";
}

.icon-user-add.icon-Solid:before {
  content: "\eb5f";
}

.icon-user.icon-Solid:before {
  content: "\eb60";
}

.icon-video-camera-off.icon-Solid:before {
  content: "\eb61";
}

.icon-video-camera.icon-Solid:before {
  content: "\eb62";
}

.icon-video.icon-Solid:before {
  content: "\eb63";
}

.icon-warning-borderless.icon-Solid:before {
  content: "\eb64";
}

.icon-warning.icon-Solid:before {
  content: "\eb65";
}

.icon-windows.icon-Solid:before {
  content: "\eb66";
}

.icon-wordpress.icon-Solid:before {
  content: "\eb67";
}

.icon-x.icon-Solid:before {
  content: "\eb68";
}

.icon-zipped.icon-Solid:before {
  content: "\eb69";
}

.icon-zoom-in.icon-Solid:before {
  content: "\eb6a";
}

.icon-zoom-out.icon-Solid:before {
  content: "\eb6b";
}

/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
.unstyled_list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.unstyled_list.wide_spacing {
  line-height: 1.7em;
}

.ui-dialog-no-close-button .ui-dialog-titlebar-close {
  display: none;
}

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

a:hover > [id^=MathJax],
a:focus > [id^=MathJax] {
  border-bottom-color: var(--ic-brand-font-color-dark);
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
.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: 0.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: whitesmoke;
  color: gray;
}

/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
.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: #FFFFFF;
  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: #FFFFFF;
  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;
}

/*
 * Copyright (C) 2012 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
.hide-till-hover {
  opacity: 0;
}
.touch .hide-till-hover, .hover-container:hover .hide-till-hover, .hover-container:focus .hide-till-hover {
  opacity: 0.6;
}
.hide-till-hover:focus, .hide-till-hover:hover {
  opacity: 1 !important;
}

.dim-till-hover {
  opacity: 0.6;
}
.dim-till-hover:hover, .dim-till-hover:focus {
  opacity: 1;
}

.screenreader-only, .screenreader-only-tool {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  transform: translatez(0);
}

.screenreader-only-tool {
  margin-top: 0px;
  position: relative;
  clip-path: inset(50%);
  -webkit-clip-path: inset(50%);
}

/*
 * Copyright (C) 2012 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
@styleguide Spacing

## `.content-box`

Content boxes automatically clear their floated children and have default
top and bottom margins.

```html
<div class="content-box border border-trbl">
  Hello
</div>
<div class="content-box border border-trbl">
  Hey, we have space between us
</div>
```

## `.pad-box`

Use pad-box if you want to add some padding to an element.

```html
<div class="pad-box-mega border border-trbl">Mega</div>
<div class="pad-box border border-trbl">Normal</div>
<div class="pad-box-mini border border-trbl">mini</div>
<div class="pad-box-micro border border-trbl">micro</div>
```
*/
[class*=content-box] {
  clear: both;
  position: relative;
}
[class*=content-box]:before, [class*=content-box]:after {
  display: table;
  content: "";
  line-height: 0;
}
[class*=content-box]:after {
  clear: both;
}

.content-box {
  margin: 20px 0;
}

.content-box-mini {
  margin: 10px 0;
}

.content-box-micro {
  margin: 6.6666666667px 0;
}

.pad-box {
  padding: 20px;
}

.pad-box-mega {
  padding: 40px;
}

.pad-box-mini {
  padding: 10px;
}

.pad-box-micro {
  padding: 5px;
}

.pad-box.no-sides, .pad-box-mega.no-sides, .pad-box-mini.no-sides, .pad-box-micro.no-sides {
  padding-left: 0;
  padding-right: 0;
}
.pad-box.no-top, .pad-box-mega.no-top, .pad-box-mini.no-top, .pad-box-micro.no-top {
  padding-top: 0;
}
.pad-box.sides-only, .pad-box-mega.sides-only, .pad-box-mini.sides-only, .pad-box-micro.sides-only {
  padding-top: 0;
  padding-bottom: 0;
}
.pad-box.top-only, .pad-box-mega.top-only, .pad-box-mini.top-only, .pad-box-micro.top-only {
  padding-bottom: 0;
  padding-right: 0;
  padding-left: 0;
}
.pad-box.bottom-only, .pad-box-mega.bottom-only, .pad-box-mini.bottom-only, .pad-box-micro.bottom-only {
  padding-top: 0;
  padding-right: 0;
  padding-left: 0;
}

/*
 * Copyright (C) 2012 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
.align-right, .text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.inline-block {
  display: inline-block;
}

/*
 * Copyright (C) 2013 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/* Legacy variables. Discontinue to use these: */
/*
 * Copyright (C) 2017 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/* Legacy variables. Discontinue to use these: */
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2012 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/**
 * Convert font-size from px to rem with px fallback
 * @param $size - the value in pixel you want to convert
 * e.g. p {@include fontSize(12px);}
 * courtesy of https://github.com/stubbornella/oocss/blob/master/oocss/src/components/utils/_fontSize.scss
 */
/*
Old Forms

## Inline

```html
<form class="form-inline">
  <input type="text" class="input-small" placeholder="Email">
  <input type="password" class="input-small" placeholder="Password">
  <label class="checkbox">
    <input type="checkbox"> Remember me
  </label>
  <button type="submit" class="btn">Sign in</button>
</form>
```

## Hint Text

For text beneath a form elements that give further explanation about the field.
This was added for some legacy code, not sure if it'll work well elsewhere.

```html
<input type="text" placeholder="Sortable Name"> <div class="hint-text">The name displayed in sorted lists</div>
```

## Dialog Form

Add the class `form-dialog` to get the `form-controls` to display properly in a
dialog form and proper overflow scrolling of content. No need to use
`$.fn.fixDialogButtons`.

**Note**: You must wrap your content in `.form-dialog-content` and use the
height option for jQuery UI dialog. To get the scrolling and fixed form
controls on the bottom required this.

```html
<button id="show-dialog-buttons-dialog" class="btn">Show Dialog</button>
<form id="dialog-buttons-dialog" class="form-dialog">
  <div class="form-dialog-content">
    <p style="height: 1000px;">Aren't the form controls beautiful?<br> Scroll down</p>
    <p>Hooray for scrolling</p>
  </div>
  <div class="form-controls">
    <button class="btn btn-primary" type="button">Submit</button>
  </div>
</form>
```

*/
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: 0.75rem;
  color: var(--ic-brand-font-color-dark-lightened-28);
}

input + .hint-text {
  /* pull up into the input */
  margin-top: -8px;
  /* replace the inputs margin-bottom */
  margin-bottom: 10px;
}

.formtable td:first-child {
  /* lines-up label in first cell with input in second */
  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: 60px;
  overflow: auto;
  padding: 20px;
}

/*
 * Copyright (C) 2013 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
.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;
}

/*
 * Copyright (C) 2013 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/* Legacy variables. Discontinue to use these: */
/*
 * Copyright (C) 2017 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/* Legacy variables. Discontinue to use these: */
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2012 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/**
 * Convert font-size from px to rem with px fallback
 * @param $size - the value in pixel you want to convert
 * e.g. p {@include fontSize(12px);}
 * courtesy of https://github.com/stubbornella/oocss/blob/master/oocss/src/components/utils/_fontSize.scss
 */
.item-group {
  border: 1px solid #C7CDD1;
  padding: 12px;
  border-radius: 0;
  background-color: #F5F5F5;
  margin-bottom: 12px;
}

.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: 38px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.ig-header .ig-header-title {
  text-decoration: none;
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  line-height: 20px;
  margin: auto;
  display: inline-block;
  flex: 1 1 auto;
}
.ig-header .ig-header-title .icon-mini-arrow-down {
  vertical-align: middle;
}
.ig-header .ig-header-title .icon-mini-arrow-right {
  position: relative;
  top: -1px;
  vertical-align: middle;
}
.ig-header .btn {
  vertical-align: text-bottom;
}

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

.ig-list li {
  margin: 6px 0;
}

.ig-row__layout {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  position: relative;
}

.ig-info {
  word-wrap: break-word;
  /* for IE support */
  overflow-wrap: break-word;
  flex: 1;
  min-width: 1px;
  margin: 0 12px;
}
@media only screen and (min-width: 992px) {
  .ig-info {
    margin-left: 12px;
    margin-right: 24px;
  }
}

.ig-list .ig-row {
  position: relative;
  display: block;
  padding: 12px 6px 12px 10px;
  box-sizing: border-box;
  border-radius: 0;
  color: var(--ic-brand-font-color-dark-lightened-15);
  border: 1px solid #C7CDD1;
  background: #FFFFFF;
}
.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: #0B874B;
  border-top: 1px solid #086136;
  border-bottom: 1px solid #086136;
}
.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: #FFFFFF;
}
.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: #0B874B;
}

.ig-handle + .ig-type-icon {
  margin-left: 9px;
}

.ig-title {
  box-sizing: border-box;
  font-weight: bold;
  padding-right: 12px;
  line-height: 1.3;
  margin-bottom: 3px;
  min-width: 1px;
}

.ig-details {
  font-size: 12px;
  font-size: 0.75rem;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
}

.ig-details__item {
  white-space: nowrap;
}
.ig-details__item--wrap-text {
  white-space: normal;
}
.ig-details__item:after {
  content: "    ";
}
.ig-details__item:last-of-type:after {
  display: none;
}

.assignment_group .ig-details__item:after,
.ui-sortable .rendered .ig-details__item:after {
  content: "  |  ";
}
.assignment_group .ig-details__item:last-of-type:after,
.ui-sortable .rendered .ig-details__item:last-of-type:after {
  display: none;
}

.ig-admin {
  box-sizing: border-box;
  white-space: nowrap;
  padding-left: 12px;
}
@media only screen and (min-width: 992px) {
  .ig-admin {
    padding-left: 0;
  }
}
.ig-admin .publish-icon, .ig-admin .lock-icon {
  margin-right: 6px;
}
.ig-admin .publish-icon i[class*=icon-]:before,
.ig-admin .publish-icon i[class^=icon-]:before, .ig-admin .lock-icon i[class*=icon-]:before,
.ig-admin .lock-icon i[class^=icon-]:before {
  font-size: 18px;
  font-size: 1.125rem;
}
.ig-admin > a {
  margin-right: 10px;
}
.ig-admin .mastery-path-icon {
  margin-right: 10px;
  padding: 2px 7px;
  font-size: 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: 0.9375rem;
}

/*
 * Copyright (C) 2013 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/* Legacy variables. Discontinue to use these: */
/*
 * Copyright (C) 2017 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/* Legacy variables. Discontinue to use these: */
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2012 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/**
 * Convert font-size from px to rem with px fallback
 * @param $size - the value in pixel you want to convert
 * e.g. p {@include fontSize(12px);}
 * courtesy of https://github.com/stubbornella/oocss/blob/master/oocss/src/components/utils/_fontSize.scss
 */
.item-group-container {
  background: #FFFFFF;
  padding-bottom: 72px;
  border: 0;
}
.item-group-container .item-group-condensed:last-child,
.item-group-container .item-group-condensed:last-of-type,
.item-group-container .item-group-condensed.last {
  border-bottom: 0;
}
.item-group-container .ig-list li {
  margin: 0;
}

.item-group-condensed {
  padding: 9px 0;
}
.item-group-condensed .ig-header {
  margin-top: 15px;
  background-color: #F5F5F5;
  border: 1px solid #C7CDD1;
  padding: 12px 6px;
  color: var(--ic-brand-font-color-dark);
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
.item-group-condensed .ig-header .links {
  float: right;
}
.item-group-condensed .ig-row {
  border-top-width: 0;
  border-radius: 0;
  background: #fff;
  border-bottom: 1px solid #C7CDD1;
}
.item-group-condensed .ig-list li:first-child .ig-row,
.item-group-condensed .ig-list li:first-of-type .ig-row,
.item-group-condensed .first_visible .ig-row {
  border-top: 0;
}
.item-group-condensed .ig-list li:last-child .ig-row.ig-row-empty,
.item-group-condensed .ig-list li:last-of-type .ig-row.ig-row-empty,
.item-group-condensed .last_visible .ig-row.ig-row-empty {
  border-bottom: 1px solid #C7CDD1;
}
.item-group-condensed .item-group-expandable {
  background-color: #FFFFFF;
  border: 1px solid #C7CDD1;
  border-top: none;
}
.item-group-condensed .item-group-expandable .ig-list li {
  margin: 0;
}
.item-group-condensed .item-group-expandable .ig-list li .ig-row {
  background: none;
  border: none;
  border-radius: 0;
}
.item-group-condensed .item-group-expandable .ig-list li:last-child .ig-row,
.item-group-condensed .item-group-expandable .ig-list li:last-of-type .ig-row {
  box-shadow: none;
}
.item-group-condensed .item-group-expandable .ig-list li:last-child .ig-sublist,
.item-group-condensed .item-group-expandable .ig-list li:last-of-type .ig-sublist {
  border-bottom: none;
}
.item-group-condensed .item-group-expandable li:not(:last-child) .ig-sublist,
.item-group-condensed .item-group-expandable li:not(:last-of-type) .ig-sublist {
  box-shadow: inset 0 1px 0 #f0f0f0, inset 0 -1px 0 #f0f0f0;
}
.item-group-condensed .item-group-expandable .ig-button {
  white-space: nowrap;
}
.item-group-condensed .item-group-expandable .ig-sublist {
  background-color: #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);
}

/*
 * Copyright (C) 2013 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/* publish buttons */
.btn-publish,
.btn-published,
.btn-unpublish,
.btn-unpublished {
  transition: none;
  padding-left: 9px;
}
.btn-publish i,
.btn-published i,
.btn-unpublish i,
.btn-unpublished i {
  margin-right: 4px;
  vertical-align: text-top;
  line-height: 17px;
}
.btn-publish i:before,
.btn-published i:before,
.btn-unpublish i:before,
.btn-unpublished i:before {
  font-size: 18px;
  font-size: 1.125rem;
  color: inherit;
}

.btn-published,
.btn-published:hover {
  background: #0B874B;
  border: 1px solid #054024;
  color: #FFFFFF;
}

.btn-published:focus {
  box-shadow: inset 0 0 0 2px #FFFFFF;
  background: #075831;
  color: #FFFFFF;
}

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

.btn-unpublished {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 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-unpublished:hover, .btn-unpublished:active, .btn-unpublished.active, .btn-unpublished.disabled, .btn-unpublished.ui-button.ui-state-disabled, .btn-unpublished[disabled] {
  color: #fff;
  background-color: #a4100c;
}
.btn-unpublished:focus {
  color: #fff;
  background: #a4100c;
  text-decoration: none;
}
.btn-unpublished:focus {
  box-shadow: inset 0 0 0 2px #FFFFFF;
}

.publish-icon {
  outline-width: 0.125rem;
  outline-color: transparent;
  outline-style: solid;
  display: inline-block;
  color: gray;
  cursor: pointer;
  border-radius: 3px;
  outline: none;
  padding: 2px 4px;
}
.publish-icon:focus {
  box-shadow: inset 0 0 0 2px var(--ic-link-color);
}
.publish-icon.publish-icon-unpublish {
  color: gray;
}
.publish-icon.publish-icon-published {
  color: #0B874B;
}
.publish-icon .publish-text {
  display: none;
}
.publish-icon.disabled, .publish-icon.ui-button.ui-state-disabled {
  opacity: 0.5;
}

.published-status.published {
  font-weight: bold;
  color: #0B874B;
}
.published-status.unpublished {
  font-weight: normal;
  color: gray;
}
.published-status.hiddenState {
  font-weight: normal;
  color: #FC5E13;
}
.published-status.restricted {
  font-weight: normal;
  color: #FC5E13;
}

/*
 * Copyright (C) 2017 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/* lock icon button */
.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, .lock-icon.ui-button.ui-state-disabled {
  color: gray;
}
.lock-icon.disabled, .lock-icon.ui-button.ui-state-disabled {
  cursor: default;
}

.lock-text {
  display: inline;
}

/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
.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: #0B874B;
}
.post-to-sis-status.disabled, .post-to-sis-status.ui-button.ui-state-disabled {
  font-weight: normal;
  color: gray;
}

/*
 * Copyright (C) 2013 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
.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: 0.875rem;
}
.pill > li:first-child {
  padding-left: 10px;
  border-radius: 1em 0 0 1em;
}
.pill > li:last-child {
  padding-right: 10px;
  border-right: none;
  border-radius: 0 1em 1em 0;
}

/*
 * Copyright (C) 2013 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
.alert {
  padding: 12px 36px 12px 12px;
  background-color: #F9ECE8;
  border-radius: 6px;
  color: #C23C0D;
}

.alert h4 {
  margin: 0;
}

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

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

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

.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;
  min-height: 20px;
  min-width: 17rem;
  max-width: 32rem;
  line-height: 1.3;
  z-index: 2;
  vertical-align: middle;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25);
  border: 2px solid;
  border-radius: 6px;
  background-color: #FFFFFF;
}
.ic-flash-info .close_link, .ic-flash-success .close_link, .ic-flash-warning .close_link, .ic-flash-error .close_link {
  position: absolute;
  right: 4px;
  top: 50%;
  margin-top: -12px;
  text-decoration: none;
}
.ic-flash-info.no_close .close_link, .ic-flash-success.no_close .close_link, .ic-flash-warning.no_close .close_link, .ic-flash-error.no_close .close_link {
  display: none;
}
.ic-flash-info .ic-flash__icon, .ic-flash-success .ic-flash__icon, .ic-flash-warning .ic-flash__icon, .ic-flash-error .ic-flash__icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 36px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
}
.ic-flash-info .ic-flash__icon i[class*=icon-]:before,
.ic-flash-info .ic-flash__icon i[class^=icon-]:before, .ic-flash-success .ic-flash__icon i[class*=icon-]:before,
.ic-flash-success .ic-flash__icon i[class^=icon-]:before, .ic-flash-warning .ic-flash__icon i[class*=icon-]:before,
.ic-flash-warning .ic-flash__icon i[class^=icon-]:before, .ic-flash-error .ic-flash__icon i[class*=icon-]:before,
.ic-flash-error .ic-flash__icon i[class^=icon-]:before {
  left: -1px;
}
.ic-flash-info.ic-flash-static, .ic-flash-success.ic-flash-static, .ic-flash-warning.ic-flash-static, .ic-flash-error.ic-flash-static {
  width: auto;
  border-radius: 0;
}

.ic-flash-info {
  border-color: var(--ic-brand-primary);
}
.ic-flash-info .ic-flash__icon {
  background-color: var(--ic-brand-primary);
}

.ic-flash-success {
  border-color: #0B874B;
}
.ic-flash-success .ic-flash__icon {
  background-color: #0B874B;
}

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

.ic-flash-error {
  border-color: #E0061F;
}
.ic-flash-error .ic-flash__icon {
  background-color: #E0061F;
}

.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: #FFFFFF;
}
.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:not(.embedded) {
  border-right: 3px solid #BF32A4;
}
body.is-masquerading-or-student-view:not(.embedded) .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: 0.875rem;
  line-height: 1.3;
}

.ic-notification {
  display: flex;
  border: 2px solid var(--ic-brand-primary);
  margin-bottom: 12px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  box-sizing: border-box;
}
.ic-notification form {
  margin: 0;
}
.ic-notification.ic-notification--success {
  border-color: #0B874B;
}
.ic-notification.ic-notification--success .ic-notification__icon {
  background: #0B874B;
}
.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: #E0061F;
}
.ic-notification.ic-notification--danger .ic-notification__icon {
  background: #E0061F;
}
.ic-notification.ic-notification--admin-created .ic-notification__content {
  display: flex;
}
@media only screen and (min-width: 992px) {
  .ic-notification.ic-notification--admin-created .ic-notification__content {
    align-items: flex-start;
  }
}
.ic-notification.ic-notification--admin-created .ic-notification__message {
  flex: 1;
  overflow-wrap: anywhere;
}
.ic-notification.ic-notification--admin-created .ic-notification__actions {
  margin-left: 24px;
}
@media only screen and (min-width: 992px) {
  .ic-notification.ic-notification--admin-created .ic-notification__actions {
    margin-left: 36px;
  }
}
.ic-notification.ic-notification--admin-created .ic-notification__title {
  display: block;
  font-size: 18px;
  font-size: 1.125rem;
  margin: 0 0 6px;
}

.ic-notification__icon {
  background: var(--ic-brand-primary);
  flex: 0 0 48px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top-left-radius: 1px;
  border-bottom-left-radius: 1px;
  box-sizing: border-box;
}
.ic-notification__icon i[class*=icon-], .ic-notification__icon i[class^=icon-] {
  line-height: 1;
}
.ic-notification__icon i[class*=icon-]:before, .ic-notification__icon i[class^=icon-]:before {
  font-size: 22px;
}
.ic-notification__icon i[class*=icon-], .ic-notification__icon i[class^=icon-] {
  color: #FFFFFF;
  text-shadow: none;
}

.ic-notification__title {
  margin-right: 4px;
  font-size: 16px;
  font-size: 1rem;
  display: inline;
  font-weight: bold;
}

.ic-notification__content {
  flex: 1;
  padding: 12px;
  box-sizing: border-box;
  background: #FFFFFF;
  position: relative;
}

.ic-notification__message {
  box-sizing: border-box;
}
.ic-notification__message p:last-of-type {
  margin-bottom: 0;
}

.ic-notification__actions {
  box-sizing: border-box;
}

.ic-notification__admin-actions {
  position: absolute;
  right: 12px;
  top: 12px;
}

.notification_account_content {
  width: 100%;
}

.notification_account_content_text {
  font-size: 0.8em;
  padding-left: 12px;
  line-height: 22px;
}

/*
 * Copyright (C) 2013 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
.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);
}

/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
.ic-Super-toggle__container {
  box-sizing: border-box;
  margin: 0;
  -webkit-user-select: none;
          user-select: none;
}

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

.ic-Super-toggle__switch {
  transition: background 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: #FFFFFF;
  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: #FFFFFF;
}
.ic-Super-toggle--on-off .ic-Super-toggle__option--LEFT svg > * {
  fill: #FFFFFF;
}
.ic-Super-toggle--on-off .ic-Super-toggle__option--RIGHT {
  color: #FFFFFF;
}
.ic-Super-toggle--on-off .ic-Super-toggle__option--RIGHT svg > * {
  fill: #FFFFFF;
}
.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: #0B874B;
  border-color: #0B874B;
}
.ic-Super-toggle--on-off .ic-Super-toggle__input:checked ~ .ic-Super-toggle__container .ic-Super-toggle__option--LEFT {
  color: #FFFFFF;
}
.ic-Super-toggle--on-off .ic-Super-toggle__input:checked ~ .ic-Super-toggle__container .ic-Super-toggle__option--LEFT svg > * {
  fill: #FFFFFF;
}
.ic-Super-toggle--on-off .ic-Super-toggle__input:checked ~ .ic-Super-toggle__container .ic-Super-toggle__option--RIGHT {
  color: #FFFFFF;
}
.ic-Super-toggle--on-off .ic-Super-toggle__input:checked ~ .ic-Super-toggle__container .ic-Super-toggle__option--RIGHT svg > * {
  fill: #FFFFFF;
}
.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: #FFFFFF;
  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-28);
}
.ic-Super-toggle--ui-switch .ic-Super-toggle__option--RIGHT svg > * {
  fill: var(--ic-brand-font-color-dark-lightened-28);
}
.ic-Super-toggle--ui-switch svg {
  max-width: 15px;
  max-height: 15px;
  display: inline-block;
  vertical-align: middle;
}
.ic-Super-toggle--ui-switch .ic-Super-toggle__input:checked ~ .ic-Super-toggle__container .ic-Super-toggle__switch {
  background: #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-28);
}
.ic-Super-toggle--ui-switch .ic-Super-toggle__input:checked ~ .ic-Super-toggle__container .ic-Super-toggle__option--LEFT svg > * {
  fill: var(--ic-brand-font-color-dark-lightened-28);
}
.ic-Super-toggle--ui-switch .ic-Super-toggle__input:checked ~ .ic-Super-toggle__container .ic-Super-toggle__option--RIGHT {
  color: var(--ic-brand-primary);
}
.ic-Super-toggle--ui-switch .ic-Super-toggle__input:checked ~ .ic-Super-toggle__container .ic-Super-toggle__option--RIGHT svg > * {
  fill: var(--ic-brand-primary);
}
.ic-Super-toggle--ui-switch .ic-Super-toggle__input:focus ~ .ic-Super-toggle__container .ic-Super-toggle__switch::before {
  opacity: 1;
}
.ic-Super-toggle--ui-switch .ic-Super-toggle__input:focus:checked ~ .ic-Super-toggle__container .ic-Super-toggle__switch::before {
  opacity: 1;
}
.ic-Super-toggle--ui-switch .ic-Super-toggle__container {
  display: inline-flex;
  align-items: center;
}
.ic-Super-toggle--ui-switch .ic-Super-toggle__switch {
  display: block;
}
.ic-Super-toggle--ui-switch svg {
  max-width: 18px;
  max-height: 18px;
}
.ic-Super-toggle--ui-switch [class^=ic-Super-toggle__option--] {
  min-width: 24px;
}
.ic-Super-toggle--ui-switch .ic-Super-toggle__option--LEFT {
  text-align: left;
  transform: scale(1.1);
}
.ic-Super-toggle--ui-switch .ic-Super-toggle__option--RIGHT {
  text-align: right;
  transform: scale(0.9);
}
.ic-Super-toggle--ui-switch .ic-Super-toggle__input:checked ~ .ic-Super-toggle__container .ic-Super-toggle__option--LEFT {
  transform: scale(0.9);
}
.ic-Super-toggle--ui-switch .ic-Super-toggle__input:checked ~ .ic-Super-toggle__container .ic-Super-toggle__option--RIGHT {
  transform: scale(1.1);
}

/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
.ic-image-text-combo {
  display: flex;
  align-items: center;
}
.ic-image-text-combo i[class*=icon-], .ic-image-text-combo i[class^=icon-] {
  line-height: 1;
}
.ic-image-text-combo i[class*=icon-]:before, .ic-image-text-combo i[class^=icon-]:before {
  font-size: 18px;
}
.ic-image-text-combo > * + .ic-image-text-combo__text {
  margin-left: 12px;
}

.ic-image-text-combo__text {
  flex: 1;
  line-height: 1.2;
  padding: 0;
  margin: 0;
}

/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
@keyframes color-picker-enter {
  from {
    opacity: 0;
    transform: translate3d(-20%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.ColorPicker__Overlay {
  background-color: rgba(0, 0, 0, 0);
}

.ColorPicker__Title {
  margin: 0 0 12px;
  padding: 0;
  line-height: 1.1;
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
}

.ColorPicker__Container.with-animation {
  animation-name: color-picker-enter;
  animation-duration: 0.2s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-out;
}

.ColorPicker__Container {
  width: 174px;
  background: #FFFFFF;
  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: #FFFFFF;
  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: #FFFFFF;
}
.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;
          appearance: none;
  box-shadow: none;
  text-align: center;
  color: #FFFFFF;
  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 #FFFFFF;
  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;
}

/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
@styleguide Forms

## Basic inputs and labels

Our forms styles are **opt-in**, which means you need to add the right CSS
classes to inputs, labels, etc. to see the styles. (This prevents us from breaking
any existing Canvas forms CSS.) Inputs, selects, textareas, etc. should be
given the `.ic-Input` class, while labels should have the `.ic-Label` class.

The `.ic-Form-control` element provides positioning context and margin for
each label-input pair.

```html
<div class="ic-Form-control">
  <label for="demo-text-input-1" class="ic-Label">This is a label</label>
  <input type="text" id="demo-text-input-1" class="ic-Input" placeholder="Don't forget a helpful placeholder">
</div>
<div class="ic-Form-control">
  <label for="demo-text-input-2" class="ic-Label">This is another label</label>
  <select class="ic-Input" id="demo-text-input-2">
    <option>This is an option</option>
    <option>This is another option</option>
    <option>This is yet another option</option>
  </select>
</div>
```

## Radio buttons

### Radio button group

Radio button groups should be contained within their own `<fieldset>` with
the class `ic-Fieldset--radio-checkbox` and labeled with a `<legend>`.

```html
<fieldset class="ic-Fieldset ic-Fieldset--radio-checkbox">
  <legend class="ic-Legend">
    Favorite flower
  </legend>
  <div class="ic-Form-control ic-Form-control--radio">
    <div class="ic-Radio">
      <input id="tulip" type="radio" value="tulip" name="flower" checked>
      <label for="tulip" class="ic-Label">Tulip</label>
    </div>
    <div class="ic-Radio">
      <input id="daisy" type="radio" value="daisy" name="flower">
      <label for="daisy" class="ic-Label">Daisy</label>
    </div>
    <div class="ic-Radio">
      <input id="daffodil" type="radio" value="daffodil" name="flower">
      <label for="daffodil" class="ic-Label">Daffodil</label>
    </div>
  </div>
</fieldset>
```

### Inline radio button group

Add the `ic-Form-control--radio-inline` class to the `ic-Form-control--radio`
element to make the radio buttons display inline.

```html
<fieldset class="ic-Fieldset ic-Fieldset--radio-checkbox">
  <legend class="ic-Legend">
    Favorite Premier League team
  </legend>
  <div class="ic-Form-control ic-Form-control--radio ic-Form-control--radio-inline">
    <div class="ic-Radio">
      <input id="liverpool" type="radio" value="liverpool" name="epl" checked>
      <label for="liverpool" class="ic-Label">Liverpool</label>
    </div>
    <div class="ic-Radio">
      <input id="manutd" type="radio" value="manutd" name="epl">
      <label for="manutd" class="ic-Label">Manchester United</label>
    </div>
    <div class="ic-Radio">
      <input id="astonvilla" type="radio" value="astonvilla" name="epl" disabled>
      <label for="astonvilla" class="ic-Label">Aston Villa (relegated)</label>
    </div>
    <div class="ic-Radio">
      <input id="otherteam" type="radio" value="otherteam" name="epl">
      <label for="otherteam" class="ic-Label">Another team</label>
    </div>
  </div>
</fieldset>
```

## Checkboxes

### Basic checkbox
For these to work properly, make sure the ``for`` attribute of the ``label`` matches the ``id``
of the ``checkbox`` element. If you want to use default checkboxes, the existing Bootstrap 2.x
styles have been left unchanged.

```html
<div class="ic-Form-control ic-Form-control--checkbox">
  <input type="checkbox" id="freecandy">
  <label class="ic-Label" for="freecandy">Yes, I want free candy</label>
</div>
```

### Checkbox group
Checkbox groups should be contained within their own `<fieldset>` with
the class `ic-Fieldset--radio-checkbox` and labeled with a `<legend>`.

```html
<fieldset class="ic-Fieldset ic-Fieldset--radio-checkbox">
  <legend class="ic-Legend">
    Major label artists you admire
  </legend>
  <div class="ic-Checkbox-group">
    <div class="ic-Form-control ic-Form-control--checkbox">
      <input type="checkbox" id="beyonce">
      <label class="ic-Label" for="beyonce">Beyonce</label>
    </div>
    <div class="ic-Form-control ic-Form-control--checkbox">
      <input type="checkbox" id="coldplay">
      <label class="ic-Label" for="coldplay">Coldplay</label>
    </div>
    <div class="ic-Form-control ic-Form-control--checkbox">
      <input type="checkbox" id="mariah">
      <label class="ic-Label" for="mariah">Mariah Carey</label>
    </div>
  </div>
</fieldset>
```

### Inline checkbox group
Add the `ic-Checkbox-group--inline` class to the `ic-Checkbox-group`
element to make the checkboxes display inline.

```html
<fieldset class="ic-Fieldset ic-Fieldset--radio-checkbox">
  <legend class="ic-Legend">
    Major label artists you admire
  </legend>
  <div class="ic-Checkbox-group ic-Checkbox-group--inline">
    <div class="ic-Form-control ic-Form-control--checkbox">
      <input type="checkbox" id="beyonce2">
      <label class="ic-Label" for="beyonce2">Beyonce</label>
    </div>
    <div class="ic-Form-control ic-Form-control--checkbox">
      <input type="checkbox" id="coldplay2">
      <label class="ic-Label" for="coldplay2">Coldplay</label>
    </div>
    <div class="ic-Form-control ic-Form-control--checkbox">
      <input type="checkbox" id="mariah2">
      <label class="ic-Label" for="mariah2">Mariah Carey</label>
    </div>
  </div>
</fieldset>
```
*/
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: #FFFFFF;
  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: #E0061F;
}
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: #E0061F;
  outline-color: rgba(224, 6, 31, 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: #0B874B;
}
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: #0B874B;
  outline-color: rgba(11, 135, 75, 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: #FFFFFF;
  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: #FFFFFF;
    background-image: url("/dist/images/forms/ic-icon-arrow-down-0a55c3d1bf.svg");
    background-repeat: no-repeat;
    background-size: 10px 5.667px;
    background-position: 99% 50%;
    padding: 0 24px 0 12px;
  }
}
@media only screen and (min-width: 768px) {
  .ic-Form-group.ic-Form-group--inline {
    display: flex;
    align-items: flex-end;
  }
  .ic-Form-group.ic-Form-group--inline .ic-Form-actions {
    margin-top: 0;
    border: none;
    padding: 0 0 0 12px;
    background: transparent;
  }
  .ic-Form-group.ic-Form-group--inline .ic-Form-control:not(.ic-Form-control--checkbox):not(.ic-Form-control--radio),
.ic-Form-group.ic-Form-group--inline .ic-Checkbox-group {
    flex: 1;
    margin: 0 6px;
  }
  .ic-Form-group.ic-Form-group--inline .ic-Form-control:not(.ic-Form-control--checkbox):not(.ic-Form-control--radio):first-child,
.ic-Form-group.ic-Form-group--inline .ic-Checkbox-group:first-child {
    margin-left: 0;
  }
  .ic-Form-group.ic-Form-group--inline .ic-Form-control:not(.ic-Form-control--checkbox):not(.ic-Form-control--radio):last-child,
.ic-Form-group.ic-Form-group--inline .ic-Checkbox-group:last-child {
    margin-right: 0;
  }
  .ic-Form-group.ic-Form-group--inline .ic-Form-control:not(.ic-Form-control--checkbox):not(.ic-Form-control--radio) .ic-Form-message,
.ic-Form-group.ic-Form-group--inline .ic-Checkbox-group .ic-Form-message {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) {
  .ic-Form-group.ic-Form-group--horizontal > .ic-Form-control:not(.ic-Form-control--checkbox):not(.ic-Form-control--radio) {
    display: flex;
    flex-wrap: wrap;
  }
  .ic-Form-group.ic-Form-group--horizontal > .ic-Form-control:not(.ic-Form-control--checkbox):not(.ic-Form-control--radio) > .ic-Label {
    margin-bottom: 0;
    flex: 0 0 192px;
    padding-right: 24px;
  }
  .ic-Form-group.ic-Form-group--horizontal > .ic-Form-control:not(.ic-Form-control--checkbox):not(.ic-Form-control--radio) > .ic-Input,
.ic-Form-group.ic-Form-group--horizontal > .ic-Form-control:not(.ic-Form-control--checkbox):not(.ic-Form-control--radio) > .ic-Input-group,
.ic-Form-group.ic-Form-group--horizontal > .ic-Form-control:not(.ic-Form-control--checkbox):not(.ic-Form-control--radio) > .ic-Multi-input,
.ic-Form-group.ic-Form-group--horizontal > .ic-Form-control:not(.ic-Form-control--checkbox):not(.ic-Form-control--radio) > .ic-Forms-component {
    flex: 1;
  }
  .ic-Form-group.ic-Form-group--horizontal > .ic-Form-control:not(.ic-Form-control--checkbox):not(.ic-Form-control--radio) > .ic-Form-message {
    display: block;
    margin-left: 0;
    width: 100%;
  }
  .ic-Form-group.ic-Form-group--horizontal > .ic-Form-control:not(.ic-Form-control--checkbox):not(.ic-Form-control--radio) > .ic-Form-message .ic-Form-message__Layout {
    margin-left: 204px;
    display: inline-flex;
  }
  .ic-Form-group.ic-Form-group--horizontal > .ic-Form-control:not(.ic-Form-control--checkbox):not(.ic-Form-control--radio) > .ic-Form-help-text {
    padding-left: 192px;
  }
  .ic-Form-group.ic-Form-group--horizontal > .ic-Form-control:not(.ic-Form-control--checkbox):not(.ic-Form-control--radio):not(.ic-Form-control--top-align-label) {
    align-items: center;
  }
  .ic-Form-group.ic-Form-group--horizontal > .ic-Form-control.ic-Form-control--top-align-label > .ic-Label {
    transform: translateY(2px);
  }
  .ic-Form-group.ic-Form-group--horizontal > .ic-Fieldset--radio-checkbox {
    position: relative;
    padding-left: 192px;
    min-height: 30px;
  }
  .ic-Form-group.ic-Form-group--horizontal > .ic-Fieldset--radio-checkbox > .ic-Legend {
    position: absolute;
    top: 5px;
    left: 0;
    width: 168px;
    margin-bottom: 0;
  }
}

.ic-Form-message {
  display: inline-block;
  margin-left: 12px;
  position: relative;
  z-index: 1;
  transition: all 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: #E0061F;
}
.ic-Form-message.ic-Form-message--error .ic-Form-message__Layout:before {
  background: #c7051c;
  border-right: 1px solid #a40417;
}
.ic-Form-message.ic-Form-message--error .ic-Form-message__Layout:after {
  border-bottom-color: #c7051c;
}
.ic-Form-message.ic-Form-message--success .ic-Form-message__Layout {
  background: #0B874B;
}
.ic-Form-message.ic-Form-message--success .ic-Form-message__Layout:before {
  background: #096f3e;
  border-right: 1px solid #064e2c;
}
.ic-Form-message.ic-Form-message--success .ic-Form-message__Layout:after {
  border-bottom-color: #096f3e;
}
.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: 0.875rem;
  line-height: 1.2;
  color: #FFFFFF;
  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: #FFFFFF;
  text-decoration: underline;
}
.ic-Form-message__Layout a:hover, .ic-Form-message__Layout a:focus {
  color: #FFFFFF;
  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: #E0061F;
}
.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: #0B874B;
}

@media only screen and (min-width: 500px) {
  .ic-Multi-input {
    display: flex;
    align-items: center;
  }
  .ic-Multi-input > .ic-Input,
.ic-Multi-input > .ic-Input-group {
    margin: 0 4px;
    flex: 1;
  }
  .ic-Multi-input > .ic-Input:first-child,
.ic-Multi-input > .ic-Input-group:first-child {
    margin-left: 0;
  }
  .ic-Multi-input > .ic-Input:last-child,
.ic-Multi-input > .ic-Input-group:last-child {
    margin-right: 0;
  }
}

.ic-Label {
  box-sizing: border-box;
  -webkit-user-select: none;
          user-select: none;
  margin: 0 0 6px;
  display: block;
  line-height: 1.3;
  font-weight: bold;
  font-size: 16px;
  font-size: 1rem;
}

.ic-Form-actions {
  box-sizing: border-box;
  margin-top: 12px;
  border: 1px solid #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;
  padding: 0 4px;
}
.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;
  position: absolute;
  top: 5px;
  left: 0;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  background: #FFFFFF;
  border: 1px solid #d8e0e6;
  outline: 2px solid transparent;
  outline-offset: -2px;
}
.ic-Radio ~ .ic-Form-message {
  margin-left: 22px;
}
.ic-Radio input[type=radio] {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.ic-Radio input[type=radio] ~ .ic-Label {
  vertical-align: baseline;
}
.ic-Radio input[type=radio]:not([disabled]):hover ~ .ic-Label:before {
  border-color: var(--ic-brand-font-color-dark);
}
.ic-Radio input[type=radio]:focus ~ .ic-Label:before {
  border-color: var(--ic-brand-font-color-dark);
  outline-offset: 2px;
  outline-color: var(--ic-brand-primary);
}
.ic-Radio input[type=radio]:checked ~ .ic-Label:before {
  box-shadow: inset 0 0 0 4px var(--ic-brand-font-color-dark);
  border-color: var(--ic-brand-font-color-dark);
}
.ic-Radio input[type=radio]:checked:focus ~ .ic-Label:before {
  border-color: var(--ic-brand-font-color-dark);
}
.ic-Radio input[type=radio][disabled] ~ .ic-Label {
  opacity: 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: #FFFFFF;
  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);
}

.ic-Checkbox-group {
  padding: 0 4px;
}
@media only screen and (min-width: 768px) {
  .ic-Checkbox-group.ic-Checkbox-group--inline {
    display: flex;
    flex-wrap: wrap;
  }
  .ic-Checkbox-group.ic-Checkbox-group--inline .ic-Form-control.ic-Form-control--checkbox {
    margin-right: 18px;
  }
  .ic-Checkbox-group.ic-Checkbox-group--inline .ic-Form-message {
    display: block;
  }
}

.ic-Form-control.ic-Form-control--checkbox {
  line-height: 1;
  margin-bottom: 0;
}
.ic-Form-control.ic-Form-control--checkbox.ic-Form-control--has-error .ic-Label, .ic-Form-control.ic-Form-control--checkbox.ic-Form-control--has-success .ic-Label, .ic-Form-control.ic-Form-control--checkbox.ic-Form-control--has-warning .ic-Label {
  display: block;
}
.ic-Form-control.ic-Form-control--checkbox .ic-Label {
  margin-bottom: 0;
  position: relative;
  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 #FFFFFF;
  background-size: 16px 48px;
  border: 1px solid #d8e0e6;
  outline: 2px solid transparent;
  outline-offset: -2px;
}
.ic-Form-control.ic-Form-control--checkbox .ic-Form-message {
  margin-left: 22px;
  vertical-align: middle;
}
.ic-Form-control.ic-Form-control--checkbox input[type=checkbox] {
  margin: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.ic-Form-control.ic-Form-control--checkbox input[type=checkbox]:not([disabled]):hover ~ .ic-Label:before {
  border-color: var(--ic-brand-font-color-dark);
}
.ic-Form-control.ic-Form-control--checkbox input[type=checkbox]:focus ~ .ic-Label:before {
  border-color: var(--ic-brand-font-color-dark);
  outline-offset: 2px;
  outline-color: var(--ic-brand-primary);
}
.ic-Form-control.ic-Form-control--checkbox input[type=checkbox]:checked ~ .ic-Label:before {
  background-color: var(--ic-brand-font-color-dark);
  background-position: center -1px;
  border-color: var(--ic-brand-font-color-dark);
}
.ic-Form-control.ic-Form-control--checkbox input[type=checkbox]:checked:focus ~ .ic-Label:before {
  border-color: var(--ic-brand-font-color-dark);
}
.ic-Form-control.ic-Form-control--checkbox input[type=checkbox][disabled] ~ .ic-Label {
  opacity: 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: #FFFFFF;
  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;
  display: flex;
  flex-direction: column;
  justify-content: start;
}
.ic-Action-header.ic-Action-header--before-item-groups {
  margin-bottom: 0;
  padding-bottom: 12px;
  border-bottom: 1px solid #C7CDD1;
}
@media only screen and (min-width: 768px) {
  .ic-Action-header {
    align-items: center;
    box-sizing: border-box;
    flex-direction: row;
    justify-content: space-between;
  }
  .ic-Action-header .ic-Action-header__Primary {
    flex-grow: 1;
    margin-bottom: 0;
    box-sizing: border-box;
  }
  .ic-Action-header .ic-Action-header__Secondary {
    box-sizing: border-box;
    text-align: right;
  }
  .ic-Action-header .ic-Action-header__Secondary--auto {
    flex: 0 0 auto;
  }
  .ic-Action-header .ic-Action-header__Secondary > .Button,
.ic-Action-header .ic-Action-header__Secondary > .btn,
.ic-Action-header .ic-Action-header__Secondary > .ui-button {
    margin-left: 3px;
  }
  .ic-Action-header .ic-Action-header__Primary + .ic-Action-header__Secondary {
    padding-left: 24px;
  }
}

.ic-Action-header__Heading {
  margin: 0;
  -webkit-hyphens: auto;
          hyphens: auto;
  word-break: break-all;
}

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

.ic-Action-header-title {
  font-weight: 700;
  line-height: 1.05;
  font-size: 2.375rem;
  margin: 0;
}

.ic-Action-header-secondary-title {
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 1.25;
  margin: 0;
}

.ic-Form-action-box {
  display: flex;
  align-items: flex-start;
  box-sizing: border-box;
  margin-bottom: 24px;
}
@media only screen and (min-width: 992px) {
  .ic-Form-action-box {
    margin-bottom: 12px;
  }
}
.ic-Form-action-box .ic-Form-control {
  margin-bottom: 6px;
}
@media only screen and (min-width: 992px) {
  .ic-Form-action-box .ic-Form-control {
    margin: 0 4px;
    flex: 1;
  }
  .ic-Form-action-box .ic-Form-control:first-child {
    margin-left: 0;
  }
  .ic-Form-action-box .ic-Form-control:last-of-type {
    margin-right: 0;
  }
}

.ic-Form-action-box__Form {
  flex: 1;
  box-sizing: border-box;
}
@media only screen and (min-width: 992px) {
  .ic-Form-action-box__Form {
    display: flex;
    align-items: center;
  }
}

.ic-Form-action-box__Actions {
  box-sizing: border-box;
}
@media only screen and (min-width: 992px) {
  .ic-Form-action-box__Actions {
    padding-left: 48px;
  }
}

.ic-Form-help-text {
  font-size: 12px;
  font-size: 0.75rem;
  display: block;
  margin-top: 6px;
  color: var(--ic-brand-font-color-dark-lightened-15);
  width: 100%;
  line-height: 1.5;
}

/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
.ic-badge {
  font-size: 11px;
  font-size: 0.6875rem;
  min-width: 20px;
  line-height: 20px;
  border-radius: 10px;
  background: var(--ic-brand-primary);
  color: #FFFFFF;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  box-sizing: border-box;
  padding: 0 6px;
}
.ic-badge.ic-badge--neutral {
  background: #F5F5F5;
  color: var(--ic-brand-font-color-dark);
}
.ic-badge.ic-badge--success {
  background: #0B874B;
}
.ic-badge.ic-badge--alert {
  background: #FC5E13;
}
.ic-badge.ic-badge--danger {
  background: #E0061F;
}

/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2012 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
body {
  min-height: 100vh;
  background: #FFFFFF;
  font-weight: 300;
}
body.no-headers #header, body.no-headers #mobile-header, body.no-headers #masquerade_bar, body.no-headers #topbar, body.no-headers #left-side, body.no-headers #breadcrumbs, body.embedded #header, body.embedded #mobile-header, body.embedded #masquerade_bar, body.embedded #topbar, body.embedded #left-side, body.embedded #breadcrumbs {
  display: none !important;
}
body.no-headers .ic-app-nav-toggle-and-crumbs, body.embedded .ic-app-nav-toggle-and-crumbs {
  display: none;
}
body.no-headers #footer, body.embedded #footer {
  display: none;
}
body.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: #FFFFFF !important;
  color: var(--ic-brand-font-color-dark) !important;
  height: auto !important;
}

.with-left-side #left-side {
  display: block;
  overflow: visible;
  /* #main has a z-index: 10 on it. This is needed so that group set names will appear above the main content */
  z-index: 11;
}

.with-right-side #right-side-wrapper {
  display: block;
}

#footer .footer-logo {
  background-color: transparent;
  background-image: url("/dist/images/footer-logo-878a92a06f.png");
  background-repeat: no-repeat;
  background-position: left top;
  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 #0374B5 !important;
}

body.ic-full-screen-lti-tool iframe.tool_launch {
  min-height: 100%;
}

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

#assignment_external_tools iframe.tool_launch {
  display: block;
}
#assignment_external_tools iframe.tool_launch:not(:first-of-type) {
  margin-top: 10px;
}

#skip_navigation_link {
  padding: 4px 8px;
  background: var(--ic-link-color);
  background-clip: border-box;
  text-align: center;
  color: #FFFFFF;
  text-decoration: none;
  border-radius: 4px;
  border: 1px dashed rgba(255, 255, 255, 0.8);
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
#skip_navigation_link:focus {
  color: #fff;
}
#skip_navigation_link:focus {
  text-decoration: underline;
}
#skip_navigation_link:focus {
  left: 0;
  top: 0;
  width: auto;
  height: auto;
  z-index: 1;
  outline: none;
}
#skip_navigation_link:focus + .ic-app-header__main-navigation {
  margin-top: 50px;
}

@media not all and (min-width: 768px) {
  #left-side, #header, .ic-app-nav-toggle-and-crumbs {
    display: none !important;
  }

  .bcs__trigger {
    display: none !important;
  }
}
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
body:not(.ic-no-flex-layout):not(.embedded) .ic-app-main-content {
  box-sizing: border-box;
  flex: 1;
  min-width: 1px;
}

.ic-Layout-contentWrapper {
  box-sizing: border-box;
}

.ic-Layout-contentMain {
  padding: 36px 48px 48px 48px;
}
.ic-Layout-contentMain:focus {
  outline-color: var(--ic-link-color);
  outline-width: 2px;
  outline-offset: -2px;
  outline-style: solid;
}
@media not all and (min-width: 768px) {
  .ic-Layout-contentMain {
    padding-left: 12px;
    padding-right: 12px;
  }
}
body.is-inside-submission-frame .ic-Layout-contentMain {
  padding-left: 12px;
  padding-right: 12px;
}
body.no-headers .ic-Layout-contentMain {
  padding-top: 0;
}
body.embedded .ic-Layout-contentMain {
  padding: 0 1em 1em;
}
body.ic-framed-lti-tool .ic-Layout-contentMain {
  padding: 0 24px;
}
@media (max-width: 368px) {
  body.ic-framed-lti-tool .ic-Layout-contentMain iframe.tool_launch {
    width: 100vw;
    min-width: 100vw;
    margin-left: -24px;
    overflow-x: auto;
  }
}
body.ic-full-screen-lti-tool .ic-Layout-contentMain {
  padding: 0;
}

.ic-app-main-content__secondary {
  box-sizing: border-box;
  min-width: 1px;
  padding: 24px;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
}
@media not all and (min-width: 768px) {
  .ic-app-main-content__secondary {
    padding-left: 12px;
    padding-right: 12px;
  }
}

@media only screen and (min-width: 1140px) {
  body.course-menu-expanded:not(.ic-no-flex-layout):not(.embedded) .ic-app-main-content {
    display: flex;
  }
}
@media only screen and (min-width: 1140px) {
  body.course-menu-expanded:not(.ic-no-flex-layout):not(.embedded) .ic-Layout-contentWrapper {
    flex: 1;
    min-width: 1px;
  }
}
@media only screen and (min-width: 1140px) {
  body.course-menu-expanded .ic-app-main-content__secondary {
    width: 288px;
    padding-left: 24px;
  }
}

@media only screen and (min-width: 992px) {
  body:not(.course-menu-expanded):not(.ic-no-flex-layout):not(.embedded) .ic-app-main-content {
    display: flex;
  }
}
@media only screen and (min-width: 992px) {
  body:not(.course-menu-expanded):not(.ic-no-flex-layout):not(.embedded) .ic-Layout-contentWrapper {
    flex: 1;
    min-width: 1px;
  }
}
@media only screen and (min-width: 992px) {
  body:not(.course-menu-expanded) .ic-app-main-content__secondary {
    width: 288px;
    padding-left: 24px;
  }
}

.ic-app-footer {
  box-sizing: border-box;
  padding: 12px 0;
  margin: 0 24px;
  border-top: 1px solid #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: 0.875rem;
}
@media not all and (min-width: 768px) {
  .ic-app-footer__links a {
    display: inline-block;
    width: 100%;
  }
}
@media only screen and (min-width: 992px) {
  .ic-app-footer__links {
    justify-content: flex-end;
  }
  .ic-app-footer__links a {
    margin-right: 0;
    margin-left: 12px;
  }
}
@media not all and (min-width: 768px) {
  .ic-app-footer__links {
    display: block;
  }
}

.ic-app {
  box-sizing: border-box;
  min-height: 100vh;
}

.ic-Layout-wrapper {
  box-sizing: border-box;
  min-height: 100vh;
}
body:not(.full-width):not(.outcomes):not(.body--login-confirmation) .ic-Layout-wrapper {
  max-width: 1366px;
}
body:not(.ic-no-flex-layout):not(.embedded) .ic-Layout-wrapper {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  body:not(.no-headers) .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;
}
@media (min-width: 768px) {
  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%;
}

.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.ic-sticky-on {
  bottom: 0;
  padding: 0;
}
.ic-app-course-menu #section-tabs-header-subtitle {
  padding: 0 0 12px 12px;
}

.ic-sticky-frame {
  position: sticky;
  top: 0;
  max-height: 100vh;
  padding: 24px 12px 4.5rem 24px;
  box-sizing: border-box;
  overflow-y: auto;
  overscroll-behavior-y: contain;
}

.ic-sticky-frame.has-scrollbar {
  padding: 24px 2.4px 4.5rem 24px;
}
.ic-sticky-frame.has-scrollbar .nav-icon {
  padding: 0 3px;
}

.instui-topnav-container {
  margin: 0 24px;
  min-height: 4.5rem;
}

.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-nav-toggle-and-crumbs .right-of-crumbs {
  display: flex;
  flex: 1;
  flex-direction: row-reverse;
}
.ic-app-nav-toggle-and-crumbs .right-of-crumbs > * {
  margin-left: 12px;
}

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

/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
@media (min-width: 768px) {
  .tray-with-space-for-global-nav {
    margin-left: 54px;
  }
  body.primary-nav-expanded .tray-with-space-for-global-nav {
    margin-left: 84px;
  }

  .navigation-tray-container {
    min-height: 100vh;
  }
}
.ic-app-header {
  box-sizing: border-box;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  width: 54px;
  z-index: 100;
  background-color: var(--ic-brand-global-nav-bgd);
}
.ic-app-header nav {
  /** New SideNav CSS */
  /** New SideNav CSS */
}
.ic-app-header nav .ic-sidenav-tray,
.ic-app-header nav .ic-user-tray {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 7px 0 !important;
  width: auto !important;
  height: 40.96px !important;
}
.ic-app-header nav .ic-user-tray {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 44px !important;
  margin-bottom: 3px !important;
}
.ic-app-header nav .ic-sidenav-tray:hover,
.ic-app-header nav .ic-user-tray:hover {
  text-decoration: inherit;
  color: var(--ic-brand-global-nav-menu-item__text-color);
  background-color: rgba(0, 0, 0, 0.2);
}
.ic-app-header nav .ic-sidenav-tray > div:first-child {
  display: flex;
  justify-content: center;
}
.ic-app-header nav .ic-sidenav-tray > div:first-child > svg {
  width: 1.625rem !important;
  height: 1.625rem !important;
}
.ic-app-header nav .ic-sidenav-tray:active:hover,
.ic-app-header nav .ic-user-tray:active:hover {
  color: var(--ic-brand-primary);
  background-color: var(--ic-brand-global-nav-menu-item__text-color);
}
.ic-app-header nav .ic-canvas-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 72px;
}
.ic-app-header nav .ic-canvas-logo > svg {
  width: 1.695rem !important;
  height: 1.695rem !important;
}
.ic-app-header nav .ic-brand-logo {
  margin: 0.275rem 0 -0.275rem 0;
}
.ic-app-header nav .ic-user-avatar {
  width: 1.875rem;
  height: 1.875rem;
  border: 2px solid var(--ic-brand-global-nav-avatar-border) !important;
}
.ic-app-header nav .ic-collapse-div {
  display: flex;
  align-items: end;
  overflow: auto !important;
  width: 100%;
  height: 100%;
}
.ic-app-header nav .ic-collapse-button {
  width: 100%;
  height: 44.96px !important;
  padding: 0.75rem !important;
}

.ic-app-header__main-navigation {
  box-sizing: border-box;
  flex: 1 0 auto;
}

.ic-app-header__main-navigation a {
  text-decoration: inherit;
}

.ic-app-header__secondary-navigation {
  box-sizing: border-box;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
}

.ic-app-header__menu-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ic-app-header__menu-list li {
  margin: 0;
  padding: 0;
}

.ic-app-header__menu-list-item {
  box-sizing: border-box;
}
.ic-app-header__menu-list-item svg {
  width: 1.625rem !important;
  height: 1.625rem !important;
}
.ic-app-header__menu-list-item.ic-app-header__menu-list-item--active .ic-app-header__menu-list-link {
  background: #FFFFFF;
}
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 .menu-item__badge {
  background: var(--ic-brand-global-nav-menu-item__badge-bgd--active);
  color: var(--ic-brand-global-nav-menu-item__badge-text--active);
}
.ic-app-header__menu-list-item.ic-app-header__menu-list-item--active .ic-avatar {
  border-color: #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(0.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);
}

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

.ic-avatar {
  overflow: hidden;
  border-radius: 100%;
  border: 2px solid var(--ic-brand-global-nav-avatar-border);
  width: 50px;
  height: 50px;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
}
.ic-avatar.ic-avatar--fake-student {
  border-color: #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: 0.875rem;
  border-radius: 3px;
  color: #FFFFFF;
  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: 0.375rem;
  margin-top: -0.375rem;
}

.menu-item__badge {
  font-size: 11px;
  font-size: 0.6875rem;
  min-width: 20px;
  line-height: 20px;
  border-radius: 10px;
  background: var(--ic-brand-primary);
  color: #FFFFFF;
  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 nav {
  /** New SideNav CSS */
  /** New SideNav CSS */
}
body.primary-nav-expanded .ic-app-header nav .ic-sidenav-tray,
body.primary-nav-expanded .ic-app-header nav .ic-user-tray {
  padding: 7px 0 !important;
  gap: 0.2rem !important;
  width: auto !important;
  height: 63.55px !important;
  font-weight: 400;
  transition: background-color 0.3s;
}
body.primary-nav-expanded .ic-app-header nav .ic-user-tray {
  height: 72.59px !important;
}
body.primary-nav-expanded .ic-app-header nav .ic-sidenav-tray:hover,
body.primary-nav-expanded .ic-app-header nav .ic-user-tray:hover {
  text-decoration: inherit;
  color: var(--ic-brand-global-nav-menu-item__text-color) !important;
  background-color: rgba(0, 0, 0, 0.2) !important;
}
body.primary-nav-expanded .ic-app-header nav .ic-sidenav-tray > div:first-child {
  display: flex;
  justify-content: center;
}
body.primary-nav-expanded .ic-app-header nav .ic-sidenav-tray > div:first-child > svg {
  width: 1.625rem !important;
  height: 1.625rem !important;
}
body.primary-nav-expanded .ic-app-header nav .ic-sidenav-tray:active:hover,
body.primary-nav-expanded .ic-app-header nav .ic-user-tray:active:hover {
  color: var(--ic-brand-primary);
  background-color: var(--ic-brand-global-nav-menu-item__text-color);
}
body.primary-nav-expanded .ic-app-header nav .ic-canvas-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 85px;
}
body.primary-nav-expanded .ic-app-header nav .ic-canvas-logo > svg {
  width: 2.63rem !important;
  height: 2.63rem !important;
}
body.primary-nav-expanded .ic-app-header nav .ic-brand-logo {
  margin: -0.4rem 0 -0.905rem 0;
}
body.primary-nav-expanded .ic-app-header nav .ic-user-avatar {
  width: 2.25rem;
  height: 2.25rem;
  border: 2px solid var(--ic-brand-global-nav-avatar-border) !important;
}
body.primary-nav-expanded .ic-app-header__secondary-navigation {
  position: static;
  left: auto;
  bottom: auto;
  z-index: auto;
  width: auto;
}
body.primary-nav-expanded .ic-app-header__menu-list-item.ic-app-header__menu-list-item--active .menu-item__text {
  color: var(--ic-brand-global-nav-menu-item__text-color--active);
}
body.primary-nav-expanded .ic-app-header__menu-list-link.ic-app-header__menu-list-link--nav-toggle .ic-icon-svg--navtoggle {
  transform: rotate3d(0, 1, 0, -180deg);
}
body.primary-nav-expanded .ic-app-header__menu-list-link:hover .menu-item__text, body.primary-nav-expanded .ic-app-header__menu-list-link:focus .menu-item__text {
  transform: none;
}
body.primary-nav-expanded .menu-item__text {
  transition: none;
  position: static;
  left: auto;
  top: auto;
  transform: none;
  opacity: 1;
  text-align: center;
  display: block;
  line-height: 1.4;
  border-radius: 0;
  margin: 3px 0 0;
  padding: 0;
  background: transparent;
  color: var(--ic-brand-global-nav-menu-item__text-color);
  white-space: normal;
  word-wrap: break-word;
}
body.primary-nav-expanded .menu-item__text::after {
  display: none;
}

.ic-HelpDialog__form-legend {
  display: table;
  font-size: 1em;
  line-height: inherit;
  font-weight: bold;
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}

.ic-HelpDialog__form-fieldset {
  border: 0;
  padding: 0.01em 0 0;
  min-width: 0;
  margin: 0 0 10px 0;
}

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

#mobile-header {
  display: flex;
  align-items: center;
  z-index: 100;
  background-color: var(--ic-brand-global-nav-bgd);
}
#mobile-header * {
  color: var(--ic-brand-global-nav-menu-item__text-color);
}

#mobileContextNavContainer {
  overflow: hidden;
  transition: max-height 1.5s ease-out;
  max-height: 0px;
}
#mobileContextNavContainer[aria-expanded=true] {
  max-height: 3000px;
  margin-bottom: 50px;
  box-shadow: 0 0.375rem 0.4375rem rgba(0, 0, 0, 0.1), 0 0.625rem 1.75rem rgba(0, 0, 0, 0.25);
}

@media (min-width: 768px) {
  #mobile-header,
#mobileContextNavContainer {
    display: none;
  }
}
.mobile-header-title {
  text-align: center;
  display: block;
  flex-grow: 1;
}

.mobile-header-hamburger,
.mobile-header-student-view,
.mobile-header-arrow,
.mobile-header-title,
.mobile-header-space {
  padding: 15.6px;
}

.mobile-header-student-view {
  padding-right: 7.8px;
}

.mobile-header-arrow {
  padding-left: 7.8px;
}

.ic-brand-mobile-global-nav-logo {
  height: 48px;
  display: block;
  background-image: var(--ic-brand-mobile-global-nav-logo);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: contain;
}

#___reactour .reactour__helper {
  background-color: white;
  color: unset;
  max-width: 515px;
  width: calc(100vw - 20px);
}
#___reactour .tour-star-image {
  max-width: 120px;
  padding: 1rem 0;
  margin: 0 auto;
  text-align: center;
}

/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
#left-side {
  display: none;
}

/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
#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: 0.875rem;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}
#right-side .right-side-list li a > i {
  min-width: 24px;
  padding-right: 12px;
  box-sizing: border-box;
  color: #595959;
}
#right-side .right-side-list li:last-child a {
  border-bottom: none;
  box-shadow: none;
}
#right-side .right-side-list li small {
  display: block;
  font-size: 13px;
  font-size: 0.8125rem;
}
#right-side .right-side-list li b, #right-side .right-side-list li em, #right-side .right-side-list li p {
  font-weight: normal;
  display: block;
  line-height: 1.3;
}
#right-side .right-side-list li p, #right-side .right-side-list li .more_link {
  font-size: 12px;
  font-size: 0.75rem;
  margin-bottom: 0;
}
#right-side .right-side-list li em, #right-side .right-side-list li p {
  color: #777;
}
#right-side .right-side-list li .more_link {
  padding-top: 6px;
}
#right-side .right-side-list .recent_feedback_icon {
  background-position: 0 9px;
}
#right-side .right-side-list .recent_feedback_title {
  line-height: 1.3;
  margin-bottom: 3px;
}
#right-side .right-side-list .recent_feedback_comment {
  color: #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: 0.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;
  }
}

/*
 * Copyright (C) 2011 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
@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;
  }
}
/*
 * Copyright (C) 2013 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
.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: #FFFFFF;
  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;
  }
}
/*
 * Copyright (C) 2012 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-family: "Lato Extended", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body {
  font-size: 16px;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  color: var(--ic-brand-font-color-dark);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

p {
  margin: 12px 0;
}

small {
  font-size: 85%;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

cite {
  font-style: normal;
}

.lead {
  margin-bottom: 12px;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 200;
  line-height: 2.25;
}

.muted {
  color: var(--ic-brand-font-color-dark-lightened-28);
}

.text-warning {
  color: #FC5E13;
}

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

.text-error {
  color: #E0061F;
}

a.text-error:hover {
  color: #ae0518;
}

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

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

.text-success {
  color: #0B874B;
}

a.text-success:hover {
  color: #075831;
}

h1, h2, h3, h4, h5, h6 {
  margin: 6px 0;
  font-family: "Lato Extended", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  line-height: 1.5;
  text-rendering: optimizelegibility;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  font-weight: normal;
  line-height: 3;
  color: var(--ic-brand-font-color-dark-lightened-15);
}

h1 {
  font-size: 38px;
}

h2 {
  font-size: 32px;
}

h3 {
  font-size: 24px;
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 16px;
}

h6 {
  font-size: 12px;
}

h1 small {
  font-size: 24px;
}

h2 small {
  font-size: 18px;
}

h3 small {
  font-size: 16px;
}

h4 small {
  font-size: 16px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: normal;
}

h1, h2, .h1, .h2 {
  font-size: 1.8em;
  line-height: 1.5;
}

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

.page-header {
  padding-bottom: 6px;
  margin: 20px 0 30px;
  border-bottom: 1px solid #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;
}

.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: "— ";
}
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: " —";
}

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;
  }
}
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
.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: #808080;
}

.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: #FFFFFF;
  font-size: 12px;
  font-size: 0.75rem;
  text-decoration: none;
}
.turnitin_similarity_score.none_score,
.turnitin_similarity_score:link.none_score,
.turnitin_similarity_score:visited.none_score,
.turnitin_similarity_score:active.none_score,
.turnitin_similarity_score:hover.none_score,
.turnitin_similarity_score:focus.none_score {
  background-color: #397af4;
}
.turnitin_similarity_score.acceptable_score,
.turnitin_similarity_score:link.acceptable_score,
.turnitin_similarity_score:visited.acceptable_score,
.turnitin_similarity_score:active.acceptable_score,
.turnitin_similarity_score:hover.acceptable_score,
.turnitin_similarity_score:focus.acceptable_score {
  background-color: #009917;
}
.turnitin_similarity_score.warning_score,
.turnitin_similarity_score:link.warning_score,
.turnitin_similarity_score:visited.warning_score,
.turnitin_similarity_score:active.warning_score,
.turnitin_similarity_score:hover.warning_score,
.turnitin_similarity_score:focus.warning_score {
  background-color: #897b01;
}
.turnitin_similarity_score.problem_score,
.turnitin_similarity_score:link.problem_score,
.turnitin_similarity_score:visited.problem_score,
.turnitin_similarity_score:active.problem_score,
.turnitin_similarity_score:hover.problem_score,
.turnitin_similarity_score:focus.problem_score {
  background-color: #c86604;
}
.turnitin_similarity_score.failure_score,
.turnitin_similarity_score:link.failure_score,
.turnitin_similarity_score:visited.failure_score,
.turnitin_similarity_score:active.failure_score,
.turnitin_similarity_score:hover.failure_score,
.turnitin_similarity_score:focus.failure_score {
  background-color: #ad393a;
}
.turnitin_similarity_score.submission_error, .turnitin_similarity_score.submission_pending,
.turnitin_similarity_score:link.submission_error,
.turnitin_similarity_score:link.submission_pending,
.turnitin_similarity_score:visited.submission_error,
.turnitin_similarity_score:visited.submission_pending,
.turnitin_similarity_score:active.submission_error,
.turnitin_similarity_score:active.submission_pending,
.turnitin_similarity_score:hover.submission_error,
.turnitin_similarity_score:hover.submission_pending,
.turnitin_similarity_score:focus.submission_error,
.turnitin_similarity_score:focus.submission_pending {
  background-color: #808080;
}
.turnitin_similarity_score.pending_score,
.turnitin_similarity_score:link.pending_score,
.turnitin_similarity_score:visited.pending_score,
.turnitin_similarity_score:active.pending_score,
.turnitin_similarity_score:hover.pending_score,
.turnitin_similarity_score:focus.pending_score {
  background-image: url(/dist/images/turnitin_submission_pending-010535f0b1.png);
  width: 10px;
  height: 10px;
}

.turnitin_score_container {
  position: relative;
  margin-left: 10px;
}

.turnitin_resubmit_container {
  text-align: right;
}

.turnitin-comments {
  font-size: 0.8em;
}

/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/* Legacy variables. Discontinue to use these: */
/*
 * Copyright (C) 2017 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/* Legacy variables. Discontinue to use these: */
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2012 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/**
 * Convert font-size from px to rem with px fallback
 * @param $size - the value in pixel you want to convert
 * e.g. p {@include fontSize(12px);}
 * courtesy of https://github.com/stubbornella/oocss/blob/master/oocss/src/components/utils/_fontSize.scss
 */
#instructure_ajax_error_box {
  display: none;
  position: fixed;
  top: 10px;
  left: 50px;
  z-index: 99999;
  background-color: #fff;
  border: 2px solid #888;
}

#instructure_ajax_error_result {
  width: 600px;
  height: 300px;
  overflow: auto;
}

#fixed_bottom,
#flash_message_holder {
  position: fixed;
  z-index: 100000;
  left: 0;
  width: 100vw;
}

#flash_message_buffer {
  visibility: hidden;
}

#flash_message_holder {
  height: 0;
}

#flash_message_holder,
#flash_message_buffer {
  top: 0;
  list-style: none;
  margin: 0;
  padding: 0;
}
#flash_message_holder .flash-message-container.ic-flash-info:first-child, #flash_message_holder .flash-message-container.ic-flash-success:first-child, #flash_message_holder .flash-message-container.ic-flash-warning:first-child, #flash_message_holder .flash-message-container.ic-flash-error:first-child,
#flash_message_buffer .flash-message-container.ic-flash-info:first-child,
#flash_message_buffer .flash-message-container.ic-flash-success:first-child,
#flash_message_buffer .flash-message-container.ic-flash-warning:first-child,
#flash_message_buffer .flash-message-container.ic-flash-error:first-child {
  margin-top: 12px;
}
#flash_message_holder .flash-message-container:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error),
#flash_message_holder .ui-effects-wrapper,
#flash_message_buffer .flash-message-container:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error),
#flash_message_buffer .ui-effects-wrapper {
  margin: 0 auto !important;
}
#flash_message_holder .flash-message-container:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error),
#flash_message_buffer .flash-message-container:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error) {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  border-bottom-color: rgba(0, 0, 0, 0.5);
  padding: 4px 40px 4px 8px;
  min-height: 20px;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
  position: relative;
  z-index: 2;
  width: 400px;
}
#flash_message_holder .flash-message-container:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error).static_message,
#flash_message_buffer .flash-message-container:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error).static_message {
  width: auto;
}
#flash_message_holder .flash-message-container:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error) a,
#flash_message_buffer .flash-message-container:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error) a {
  text-decoration: underline;
  color: inherit;
}
#flash_message_holder .flash-message-container:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error) .close_link,
#flash_message_buffer .flash-message-container:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error) .close_link {
  position: absolute;
  right: 10px;
  top: 50%;
  width: 20px;
  height: 20px;
  overflow: hidden;
  margin-top: -11px;
  color: white;
  text-decoration: none;
}
#flash_message_holder .flash-message-container:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error) i,
#flash_message_buffer .flash-message-container:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error) i {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0;
  width: 20px;
  height: 20px;
  background-image: url(/dist/images/check_16-195e0c04fd.png);
  background-repeat: no-repeat;
}
#flash_message_holder .flash-message-container:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error).ui-state-error i, #flash_message_holder .flash-message-container:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error).ui-state-warning i,
#flash_message_buffer .flash-message-container:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error).ui-state-error i,
#flash_message_buffer .flash-message-container:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error).ui-state-warning i {
  background-image: url(/dist/images/warning_16-bdc795aad1.png);
}
#flash_message_holder .flash-message-container:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error).no_close .close_link,
#flash_message_buffer .flash-message-container:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error).no_close .close_link {
  display: none;
}

.user_content,
.mceContentBody {
  position: relative;
  min-height: 5px;
  max-width: 100%;
  overflow-x: auto;
}
.user_content a:not(.btn):not(.Button):not(.ui-button):not([role=button]),
.mceContentBody a:not(.btn):not(.Button):not(.ui-button):not([role=button]) {
  text-decoration: underline;
}
.user_content a.btn:hover, .user_content a.btn:focus,
.user_content a.Button:hover,
.user_content a.ui-button:hover,
.user_content a.Button:focus,
.user_content a.ui-button:focus,
.user_content a[role=button]:hover,
.user_content a[role=button]:focus,
.mceContentBody a.btn:hover,
.mceContentBody a.btn:focus,
.mceContentBody a.Button:hover,
.mceContentBody a.ui-button:hover,
.mceContentBody a.Button:focus,
.mceContentBody a.ui-button:focus,
.mceContentBody a[role=button]:hover,
.mceContentBody a[role=button]:focus {
  text-decoration: none;
}
.user_content table:not([cellpadding]) td,
.mceContentBody table:not([cellpadding]) td {
  padding: 2px;
}

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

.user_content iframe[data-media-id] {
  background-color: #eee;
}

.user_content a:focus {
  outline-offset: 0.0625rem;
  outline-color: var(--ic-link-color);
  outline-width: 2px;
  outline-style: solid;
}

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

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

#right-side h2 .small_link,
#right-side .h2 .small_link {
  font-size: 0.6em;
  font-family: arial, sans-serif;
}
#right-side h4.item_list_header,
#right-side .h4.item_list_header {
  font-size: 1.3em;
  font-weight: bold;
  border-bottom: 1px solid #888;
  margin: 0;
}
#right-side ul.item_list {
  margin-top: 0;
  list-style-type: none;
  margin-left: 15px;
}
#right-side ul.item_list.limit_height {
  max-height: 150px;
  overflow: auto;
}
#right-side p {
  margin-top: 0;
  margin-bottom: 1em;
}
#right-side table.summary {
  margin: 5px 0px;
  width: 100%;
}
#right-side table.summary tbody th {
  font-weight: bold;
}
#right-side table.notifications {
  border-top: 2px solid #999;
  border-collapse: collapse;
}
#right-side table.notifications tr {
  border-color: #999;
}
#right-side table.notifications tr td {
  border-color: #999;
  border-bottom: 2px solid #999;
}
#right-side table.courses {
  width: 100%;
}
#right-side table.courses td {
  padding: 5px 5px 10px 10px;
  background-color: #eee;
  color: #888;
}
#right-side table.courses td .name {
  font-size: 1.5em;
  font-weight: bold;
}
#right-side table.courses td .links {
  font-size: 0.8em;
  text-align: center;
}
#right-side table.courses td a {
  text-decoration: none;
  color: #444;
}
#right-side table.courses td a:hover {
  text-decoration: underline;
}
#right-side .events_list li.event i.icon-check,
#right-side .events_list li.todo i.icon-check,
#right-side .to-do-list li.event i.icon-check,
#right-side .to-do-list li.todo i.icon-check {
  color: #0B874B;
}
#right-side .events_list li.event .todo-badge,
#right-side .events_list li.todo .todo-badge,
#right-side .to-do-list li.event .todo-badge,
#right-side .to-do-list li.todo .todo-badge {
  font-size: 11px;
  font-size: 0.6875rem;
  min-width: 18px;
  line-height: 18px;
  border-radius: 9px;
  background: var(--ic-brand-primary);
  color: #FFFFFF;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  box-sizing: border-box;
  padding: 0 6px;
  vertical-align: top;
  margin-top: 2px;
}
#right-side .events_list .event-details,
#right-side .events_list .todo-details,
#right-side .to-do-list .event-details,
#right-side .to-do-list .todo-details {
  padding-right: 12px;
  flex: 1;
  min-width: 1px;
  overflow: hidden;
  position: relative;
}
#right-side .events_list .event-details:after,
#right-side .events_list .todo-details:after,
#right-side .to-do-list .event-details:after,
#right-side .to-do-list .todo-details:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 12px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 80%);
}
#right-side .events_list .todo-details,
#right-side .to-do-list .todo-details {
  padding-right: 30px;
}
#right-side .events_list .todo-details:after,
#right-side .to-do-list .todo-details:after {
  width: 30px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 50%);
}
#right-side .events_list .todo-details__title + *,
#right-side .events_list .event-details__title + *,
#right-side .to-do-list .todo-details__title + *,
#right-side .to-do-list .event-details__title + * {
  margin-top: 3px;
}
#right-side .events_list .todo-details__context,
#right-side .events_list .event-details__context,
#right-side .to-do-list .todo-details__context,
#right-side .to-do-list .event-details__context {
  margin-bottom: 3px;
}
#right-side .events_list {
  margin-bottom: 18px;
}
#right-side .events_list .event-list-view-calendar {
  float: right;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: normal;
}
#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: #FFFFFF;
}
table.summary table.subtable th,
table.summary table.subtable td {
  border-top: 0;
  padding: 1px 5px 1px 0;
  font-size: 0.8em;
}

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

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

.courses .name,
.groups .name,
.accounts .name {
  font-size: 1.1em;
  font-weight: bold;
}
.courses .unpublished .name a,
.groups .unpublished .name a,
.accounts .unpublished .name a {
  color: 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-28);
}
.touch .course .course .info .links a,
.touch .course .group .info .links a,
.touch .course .account .info .links a,
.touch .group .course .info .links a,
.touch .group .group .info .links a,
.touch .group .account .info .links a,
.touch .account .course .info .links a,
.touch .account .group .info .links a,
.touch .account .account .info .links a,
.course:hover .course .info .links a,
.course:hover .group .info .links a,
.course:hover .account .info .links a,
.group:hover .course .info .links a,
.group:hover .group .info .links a,
.group:hover .account .info .links a,
.account:hover .course .info .links a,
.account:hover .group .info .links a,
.account:hover .account .info .links a {
  color: var(--ic-brand-font-color-dark);
}

span.hint {
  color: var(--ic-brand-font-color-dark);
  font-size: 0.8em;
}

.event_pending {
  opacity: 0.4;
}

.error_message {
  color: #E0061F;
}

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

.nobr {
  white-space: nowrap;
}

.mini_discussion {
  font-size: 0.8em;
}
.mini_discussion .name {
  font-weight: bold;
  margin-left: 10px;
}
.mini_discussion .date {
  margin-left: 5px;
}
.mini_discussion .message {
  font-size: 1.5em;
}

.loading_image {
  background-color: #FFFFFF;
}

body .disabled_link {
  display: none;
}

.error_box {
  position: absolute;
  top: -1000px;
  left: -100px;
  z-index: 11;
  max-width: 200px;
  min-width: 100px;
}
.error_box .error_text {
  max-height: 100px;
  overflow: auto;
  margin-bottom: 10px;
  background-color: #edd;
  border: 2px solid #a44;
  border-radius: 5px;
  padding: 5px;
}
.error_box .error_bottom {
  position: absolute;
  bottom: 0;
  left: 4px;
}

.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: #FFFFFF;
}
#wizard_box .wizard_content .wizard_options_list .option.completed a {
  color: #aaa;
}
#wizard_box .wizard_content .wizard_options_list .option.selected {
  background-color: #FFFFFF;
}
#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: #FFFFFF;
  line-height: 84px;
}
@media only screen and (min-width: 992px) {
  #wizard_box.wizard-box--course .wizard-box__feature-icon i[class^=icon-] {
    width: 168px;
    height: 168px;
    font-size: 120px;
  }
  #wizard_box.wizard-box--course .wizard-box__feature-icon i[class^=icon-]:before {
    font-size: 108px;
    line-height: 168px;
  }
}
#wizard_box.wizard-box--course .wizard-box__container {
  height: 100%;
  display: flex;
  flex-direction: column;
  background: linear-gradient(to bottom, rgba(45, 59, 69, 0.75) 0%, rgba(0, 0, 0, 0) 100%);
}
#wizard_box.wizard-box--course .wizard-box__columns {
  display: flex;
  flex-direction: column-reverse;
  flex: 1;
}
@media only screen and (min-width: 992px) {
  #wizard_box.wizard-box--course .wizard-box__columns {
    flex-direction: row;
  }
}
#wizard_box.wizard-box--course .wizard-box__close-wizard {
  width: 100%;
}
#wizard_box.wizard-box--course .wizard-box__logo {
  padding: 12px;
  flex: 0 0 34%;
}
@media only screen and (min-width: 992px) {
  #wizard_box.wizard-box--course .wizard-box__logo {
    flex: 0 0 120px;
    padding: 24px;
  }
}
#wizard_box.wizard-box--course .wizard-box__logo .svg-canvas-logo {
  display: block;
  width: 120px;
}
@media only screen and (min-width: 992px) {
  #wizard_box.wizard-box--course .wizard-box__logo .svg-canvas-logo {
    width: 144px;
  }
}
#wizard_box.wizard-box--course .wizard_content {
  background: transparent;
  color: #FFFFFF;
  padding: 0;
  border: none;
  box-shadow: none;
  height: 100%;
}
#wizard_box.wizard-box--course .wizard_content .links {
  display: none;
}
#wizard_box.wizard-box--course .wizard_content .wizard_options,
#wizard_box.wizard-box--course .wizard_content .wizard_details {
  float: none;
  width: auto !important;
  height: auto !important;
}
#wizard_box.wizard-box--course .wizard_content .wizard_options {
  padding: 0;
  display: flex;
  background: rgba(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: 0.9375rem;
  }
}
#wizard_box.wizard-box--course .wizard_content .wizard_options_list .option.selected {
  background: rgba(255, 255, 255, 0.1);
}
#wizard_box.wizard-box--course .wizard_content .wizard_options_list .option.selected a.header {
  border-left-color: var(--ic-brand-primary);
}
#wizard_box.wizard-box--course .wizard_content .wizard_options_list .option.completed a.header {
  background-image: url("/dist/images/wizard-todo-checked-db664c742f.svg");
}
#wizard_box.wizard-box--course .wizard_content .wizard_options_list .option a.header {
  flex: 1;
  display: flex;
  width: 100%;
  align-items: center;
  padding: 8px 36px 8px 36px;
  color: #FFFFFF;
  text-decoration: none;
  background: url("/dist/images/wizard-todo-unchecked-702d5ae3af.svg") no-repeat 12px 50%;
  background-size: 16px 16px;
  line-height: 1.2;
  border-left: 4px solid transparent;
}
@media only screen and (min-width: 992px) {
  #wizard_box.wizard-box--course .wizard_content .wizard_options_list .option a.header {
    background-position: 24px 50%;
    background-size: 24px 24px;
    padding-left: 60px;
  }
}
#wizard_box.wizard-box--course .wizard_content .wizard_details__layout {
  flex: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
@media only screen and (min-width: 992px) {
  #wizard_box.wizard-box--course .wizard_content .wizard_details__layout {
    align-items: center;
  }
}
#wizard_box.wizard-box--course .wizard_content h3.wizard_details__headline {
  font-size: 36px;
  line-height: 1;
  color: rgba(255, 255, 255, 0.95);
  border-bottom: none;
  flex: 0.75;
  align-self: center;
  text-align: center;
}
@media only screen and (min-width: 500px) {
  #wizard_box.wizard-box--course .wizard_content h3.wizard_details__headline {
    font-size: 60px;
    letter-spacing: -1px;
    flex: 1;
  }
}
@media only screen and (min-width: 992px) {
  #wizard_box.wizard-box--course .wizard_content h3.wizard_details__headline {
    font-size: 84px;
    display: flex;
    width: 100%;
    justify-content: center;
    align-self: auto;
  }
}
#wizard_box.wizard-box--course .wizard_content .wizard_details__calltoaction {
  margin-top: 24px;
}
#wizard_box.wizard-box--course .wizard_content .wizard_details__container {
  flex: 3;
}
@media only screen and (min-width: 992px) {
  #wizard_box.wizard-box--course .wizard_content .wizard_details__container {
    flex: 2;
  }
}
#wizard_box.wizard-box--course .wizard_content .wizard_details {
  margin: 0;
  max-height: none !important;
  border: none;
  border-radius: 0;
  text-align: center;
  background: rgba(255, 255, 255, 0.85);
  padding: 24px;
  overflow: visible !important;
  animation-duration: 0.5s;
  animation-name: icon-slide-up;
  animation-timing-function: cubic-bezier(0, 1, 0.5, 1);
  background: 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: 0.9375rem;
  }
}
#wizard_box.wizard-box--course .wizard_content .wizard_details p:last-of-type {
  margin-bottom: 0;
}
#wizard_box.wizard-box--course .wizard_content .wizard_details a.link {
  padding: 12px 24px;
  background-image: none;
}

#content_tags_dialog h3,
#content_tags_dialog .h3 {
  margin: 0;
  padding: 0;
  font-size: 0.8em;
  color: #888;
}
#content_tags_dialog .tags {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#content_tags_dialog .tags > .tag {
  display: block;
  float: left;
  border: 1px solid #ccc;
  border-radius: 3px;
  background-color: #cdf;
  padding: 1px 4px;
  margin: 2px 3px;
  font-size: 0.9em;
}
#content_tags_dialog .tags > .tag.uneditable {
  background-color: #ddd;
}
#content_tags_dialog .tags > .tag.uneditable .delete_link {
  display: none;
}

.hidden-readable {
  position: absolute;
  left: -100000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

#keyboard_navigation {
  display: none;
}

#keyboard_navigation ul.navigation_list,
.keyboard_navigation ul.navigation_list {
  padding: 0;
  margin: 0;
  list-style-type: none;
  line-height: 1.7em;
}
#keyboard_navigation ul.navigation_list li span,
.keyboard_navigation ul.navigation_list li span {
  padding: 1px 2px;
}
#keyboard_navigation ul.navigation_list li .keycode,
.keyboard_navigation ul.navigation_list li .keycode {
  font-weight: bold;
  font-size: 1.2em;
  color: #248;
  font-family: courier, monospace;
  text-align: right;
}

.communication_messages_list .communication_message .context_code,
.communication_messages_list .communication_sub_message .context_code {
  display: none;
}
.communication_messages_list.communication_messages_show_context .communication_message .context_code,
.communication_messages_list.communication_messages_show_context .communication_sub_message .context_code {
  display: inline;
}

.communication_message {
  margin: 0 0.5em 0.5em;
  padding: 0 0 0.5em;
  width: auto;
  color: #000;
  border-bottom: 1px solid #ddd;
}
.communication_message.selected {
  border-width: 1px;
}
.communication_message div.header {
  padding: 2px 5px;
  /* :border-bottom 1px solid #eee */
  _height: 25px;
  color: #666;
}
.communication_message div.header .header_title {
  float: left;
}
.communication_message div.header .header_icon {
  float: left;
  padding-top: 5px;
}
.communication_message div.header .header_icon.announcement_header_icon {
  display: none;
}
.communication_message div.header .title {
  margin-left: 10px;
  font-size: 1em;
  font-weight: bold;
}
.communication_message div.header .sub_title {
  margin-left: 30px;
  line-height: 0.8em;
}
.communication_message div.header .context_code {
  font-size: 0.8em;
  padding-right: 5px;
  padding-left: 0;
}
.communication_message div.header .context_name {
  font-size: 0.8em;
  padding: 0 5px;
  color: inherit;
  text-decoration: none;
}
.communication_message div.header .points_possible {
  font-size: 0.8em;
  padding-right: 5px;
  padding-left: 0;
}
.communication_message div.header .podcast {
  display: none;
}
.communication_message div.header .user_name {
  white-space: nowrap;
  font-size: 0.8em;
}
.communication_message div.header .post_date {
  float: right;
  padding-right: 10px;
  font-size: 0.8em;
  padding-top: 0.2em;
}
.communication_message div.header .post_date .new-and-total-badge {
  float: right;
}
.communication_message div.header .under_links {
  float: right;
  clear: right;
  padding-right: 10px;
  font-size: 0.8em;
}
.communication_message div.header .under_links a {
  color: inherit;
}
.communication_message div.header .link_box {
  float: right;
  width: 60px;
  text-align: right;
  min-height: 10px;
  margin-right: 5px;
}
.communication_message div.header .link_box a {
  opacity: 0;
}
.communication_message div.header .link_box a:hover, .communication_message div.header .link_box a:focus {
  opacity: 1;
}
.communication_message div.content {
  padding: 5px 5px 1px 50px;
  color: #444;
}
.communication_message div.content .links {
  text-align: right;
  margin-right: 2.5em;
  display: block;
  font-size: 0.8em;
  color: #888;
}
.communication_message div.content .links a {
  color: #666;
}
.communication_message div.content .links a.brief_footer_link {
  display: none;
}
.communication_message div.content .links a.verbose_footer_link {
  display: inline;
}
.communication_message div.content .subcontent {
  padding-top: 5px;
}
.communication_message div.content .status {
  text-align: right;
  font-size: 0.8em;
}
.communication_message div.content .original_post_date {
  text-align: right;
  font-size: 0.8em;
  padding-right: 44px;
  color: #888;
}
.communication_message div.content .statistics td.name {
  width: 20%;
  vertical-align: top;
  padding: 5px 0;
  border-bottom: 1px solid #eee;
}
.communication_message div.content .statistics td.name .text {
  font-size: 0.8em;
}
.communication_message div.content .statistics td.stats {
  vertical-align: top;
  padding: 5px 0 5px 10px;
  border-bottom: 1px solid #eee;
}
.communication_message div.content .statistics td.stats .answer .text {
  font-size: 0.8em;
}
.communication_message div.content .statistics td.stats .answer .answer_bar {
  margin-bottom: 3px;
  border: 1px solid #888;
  background: #ccc;
  height: 10px;
}
.communication_message div.content .statistics td.stats .answer.correct_answer .answer_bar {
  background: #8ec778;
}
.communication_message div.content .attachments_list a {
  color: #888;
}
.communication_message div.content .extras {
  font-size: 0.8em;
  color: #888;
}
.communication_message div.footer {
  margin: 5px;
}
.communication_message div.base_links {
  font-size: 1.5em;
  text-align: center;
}
.communication_message.pinned_notification {
  border: 1px solid #bbb;
  background: #ffb;
}
.communication_message.pinned_notification .header .links {
  float: right;
  font-size: 0.8em;
}
.communication_message.pinned_notification .user_content p:last-child {
  margin-bottom: 0;
}
.communication_message.has_podcast .header .podcast {
  display: block;
  float: right;
  opacity: 0.7;
}
.communication_message a.disable_item_link {
  visibility: hidden;
  float: right;
  margin-right: 6px;
}
.communication_message.alert div.content {
  padding-left: 35px;
}

.communication_message_hover div.header .link_box a {
  opacity: 0.5;
}
.communication_message_hover a.disable_item_link {
  visibility: visible;
  opacity: 0.5;
}
.communication_message_hover a.disable_item_link:hover {
  opacity: 1;
}

.brief_communication_message div.header .link_box {
  display: none;
}
.brief_communication_message div.content .links a.brief_footer_link {
  display: inline;
}
.brief_communication_message div.content .links a.verbose_footer_link {
  display: none;
}

.communication_message.announcement div.header .header_icon.announcement_header_icon {
  display: inline;
}
.communication_message.announcement div.header .header_icon.discussion_topic_header_icon {
  display: none;
}

.communication_message.conversation .submission ul {
  margin: 0 10px 10px 0;
  padding: 0;
}
.communication_message.conversation .submission li {
  padding: 2px 5px;
  margin: 0 0 2px;
  list-style: none;
  background: #e8e8e8;
}
.communication_message.conversation .submission .user_name {
  font-size: 0.8em;
  padding: 0;
}
.communication_message.conversation .submission .score {
  float: right;
  padding-right: 10px;
}

.communication_sub_message {
  margin: 0 2.5em 2px 0em;
  padding: 0;
  width: auto;
  color: #000;
  border-width: 0px;
  font-size: 0.85em;
  background-color: #f2f2f2;
}
.communication_sub_message div.header,
.communication_sub_message div li {
  padding: 0 5px;
  border-width: 0px;
  color: #999;
}
.communication_sub_message div.header .link_box,
.communication_sub_message div li .link_box {
  float: right;
  width: 60px;
  text-align: right;
  min-height: 10px;
  margin-right: 5px;
  opacity: 0.5;
}
.communication_sub_message div.header .link_box a,
.communication_sub_message div li .link_box a {
  visibility: hidden;
}
.communication_sub_message div.header .link_box:hover,
.communication_sub_message div li .link_box:hover {
  opacity: 1;
}
.communication_sub_message div.header .link_box:hover a,
.communication_sub_message div li .link_box:hover a {
  visibility: visible;
}
.communication_sub_message div.header .header_title,
.communication_sub_message div li .header_title {
  float: left;
}
.communication_sub_message div.header .user_name,
.communication_sub_message div li .user_name {
  padding-left: 5px;
  white-space: nowrap;
}
.communication_sub_message div.header .post_date,
.communication_sub_message div li .post_date {
  float: right;
  padding-right: 10px;
  font-size: 0.9em;
  padding-top: 0.2em;
}
.communication_sub_message div.header a,
.communication_sub_message div li a {
  color: #888;
}
.communication_sub_message div.content {
  padding: 1px 5px 1px 30px;
  color: #444;
}
.communication_sub_message div.content .less_important {
  color: #888;
  display: block;
  text-align: right;
  padding-right: 20px;
}
.communication_sub_message div.content a.textarea {
  display: block;
  border-radius: 4px;
  border: 1px solid #aaa;
  background-color: #fff;
  text-decoration: none;
  padding: 2px;
  width: 94%;
}
.communication_sub_message div.content textarea {
  border: 1px solid #aaa;
  border-radius: 4px;
  padding: 2px;
  font-size: 1.1em;
  font-family: Arial, sans-serif;
  width: 94%;
}
.communication_sub_message div.content textarea.dim {
  height: 1em;
  color: #aaa;
  font-family: arial, sans-serif;
}
.communication_sub_message div.behavior_content {
  color: #999;
  padding: 2px 5px 2px 30px;
}
.communication_sub_message div.behavior_content a {
  color: #888;
}
.communication_sub_message div.footer {
  float: right;
}
.communication_sub_message.toggled_communication_sub_message {
  display: none;
}
.communication_sub_message.lonely_behavior_message {
  background-color: transparent;
}
.communication_sub_message.lonely_behavior_message div.content a.textarea {
  display: inline;
  color: inherit;
  padding: 0;
  margin-right: 15px;
  border-width: 0;
}
.communication_sub_message.lonely_behavior_message div.content a.textarea:hover, .communication_sub_message.lonely_behavior_message div.content a.textarea:focus {
  text-decoration: underline;
}
.communication_sub_message.lonely_behavior_message div.content .less_important {
  display: inline;
  color: inherit;
}

html > body .communication_sub_message .content textarea {
  width: 97%;
}

html > body .communication_sub_message .content a.textarea {
  width: 97%;
}

html > body .communication_message div.header .under_links {
  opacity: 0;
}

html > body .communication_message:hover div.header .under_links {
  opacity: 1;
}

.notification_list li a {
  padding-left: 20px;
  background-image: url(/dist/images/other_icon-2a7be474af.png);
  background-repeat: no-repeat;
  background-position: left center;
}
.notification_list li a.announcement {
  background-image: url(/dist/images/announcement_icon-d0bf3f3894.png);
}
.notification_list li a.course_content {
  background-image: url(/dist/images/course_content_icon-95ff332fb8.png);
}
.notification_list li a.due_date {
  background-image: url(/dist/images/due_date_icon-9fe551d920.png);
}
.notification_list li a.discussion {
  background-image: url(/dist/images/discussion_icon-4d54295129.png);
}
.notification_list li a.grading {
  background-image: url(/dist/images/grading_icon-16e9e323ad.png);
}
.notification_list li a.invitation {
  background-image: url(/dist/images/invitation_icon-9a971ebcbe.png);
}
.notification_list li a.message {
  background-image: url(/dist/images/message_icon-d6170068a2.png);
}

.module_legend {
  float: right;
  clear: right;
  border: 1px solid #ccc;
  min-width: 200px;
  margin-bottom: 5px;
  margin-left: 10px;
}
.module_legend.module_legend_locked .title {
  display: none;
}
.module_legend.module_legend_locked .locked_title,
.module_legend.module_legend_locked .locked_message {
  display: inline;
}
.module_legend .locked_title,
.module_legend .locked_message {
  display: none;
}
.module_legend .header {
  border-bottom: 1px solid #ccc;
  background-color: #eee;
  font-size: 1.2em;
  font-weight: bold;
  padding: 2px 5px;
}
.module_legend .content {
  padding: 5px 20px 5px 10px;
  max-height: 50px;
  overflow: auto;
}
.module_legend .content ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.module_legend .content ul .context_module_item .type_icon {
  background: url(/dist/images/file-95ff332fb8.png) no-repeat left top;
}
.module_legend .content ul .attachment_module_item .type_icon {
  background-image: url(/dist/images/file_download-d7ad375e63.png);
}
.module_legend .content ul .assignment_module_item .type_icon {
  background-image: url(/dist/images/assignment-e807a4c93b.png);
}
.module_legend .footer {
  text-align: right;
  font-size: 0.8em;
}
.module_legend .context_module_item .criterion {
  width: 16px;
  height: 16px;
}
.module_legend .context_module_item .criterion.completed {
  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: 0.875rem;
  font-family: GillSans, Calibri, Trebuchet, sans-serif;
  border: 1px solid #1e7eca;
  color: white !important;
  text-shadow: rgba(0, 0, 0, 0.5) 1px 0 1px;
  -moz-user-select: none;
  cursor: pointer;
}
#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;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
#fixed_bottom .fixed_warning .warning_message {
  margin-left: auto;
}

.hidden-text {
  overflow: hidden;
  text-indent: -10000px;
  white-space: nowrap;
}

.hidden-inline-text {
  display: inline-block;
  height: 0;
  overflow: hidden;
  text-indent: -10000px;
  white-space: nowrap;
  width: 0;
}

.nav-icon {
  font-size: 11px;
  font-size: 0.6875rem;
  min-width: 18px;
  line-height: 18px;
  border-radius: 9px;
  background: #FFFFFF;
  color: #2D3B45;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  box-sizing: border-box;
  padding: 0 6px;
  float: right;
}

.nav-badge {
  font-size: 11px;
  font-size: 0.6875rem;
  min-width: 20px;
  line-height: 20px;
  border-radius: 10px;
  background: var(--ic-brand-primary);
  color: #FFFFFF;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  box-sizing: border-box;
  padding: 0 6px;
  float: right;
}

.unread-grade {
  float: left;
  display: inline-block;
  line-height: 8px;
  width: 8px;
  margin-top: 6px;
  margin-left: -16px;
  background-color: #06a9ee;
  border-radius: 4px;
}

.clear {
  clear: both;
}

.ic-Error-page {
  margin-top: min(100px, 10vh);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(12px, 2vh);
}
.ic-Error-page * {
  margin: 0;
  padding: 0;
}
.ic-Error-page p {
  text-align: center;
}
.ic-Error-page .ic-Error-img {
  height: min(150px, 40vh);
  max-width: 350px;
}
.ic-Error-page .ic-Error-form {
  text-align: left;
  max-width: 410px;
  margin-left: auto;
  margin-right: auto;
}

/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
@styleguide Tables

## Default table

```html
<table class="ic-Table">
  <thead>
    <tr>
      <th>Name</th>
      <th>Email address</th>
      <th>Section</th>
      <th>Role</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td><a href="#">Paul Howard</a></td>
      <td>paulhowardemail@gmail.com</td>
      <td>Advanced students</td>
      <td>Student</td>
    </tr>
    <tr>
      <td><a href="#">Paul Howard</a></td>
      <td>paulhowardemail@gmail.com</td>
      <td>Advanced students</td>
      <td>Student</td>
    </tr>
    <tr>
      <td><a href="#">Paul Howard</a></td>
      <td>paulhowardemail@gmail.com</td>
      <td>Advanced students</td>
      <td>Student</td>
    </tr>
  </tbody>
</table>
```

## Striped table

Add **.ic-Table--striped** to the table element to produce a striped table among rows in the table body.

```html
<table class="ic-Table ic-Table--hover-row ic-Table--striped">
  <thead>
    <tr>
      <th>Name</th>
      <th>Email address</th>
      <th>Section</th>
      <th>Role</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td><a href="#">Paul Howard</a></td>
      <td>paulhowardemail@gmail.com</td>
      <td>Advanced students</td>
      <td>Student</td>
    </tr>
    <tr>
      <td><a href="#">Paul Howard</a></td>
      <td>paulhowardemail@gmail.com</td>
      <td>Advanced students</td>
      <td>Student</td>
    </tr>
    <tr>
      <td><a href="#">Paul Howard</a></td>
      <td>paulhowardemail@gmail.com</td>
      <td>Advanced students</td>
      <td>Student</td>
    </tr>
  </tbody>
</table>
```

## Condensed table

Add **.ic-Table--condensed** to the table element to reduce the default cell padding.

```html
<table class="ic-Table ic-Table--condensed">
  <thead>
    <tr>
      <th>Name</th>
      <th>Email address</th>
      <th>Section</th>
      <th>Role</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td><a href="#">Paul Howard</a></td>
      <td>paulhowardemail@gmail.com</td>
      <td>Advanced students</td>
      <td>Student</td>
    </tr>
    <tr>
      <td><a href="#">Paul Howard</a></td>
      <td>paulhowardemail@gmail.com</td>
      <td>Advanced students</td>
      <td>Student</td>
    </tr>
    <tr>
      <td><a href="#">Paul Howard</a></td>
      <td>paulhowardemail@gmail.com</td>
      <td>Advanced students</td>
      <td>Student</td>
    </tr>
  </tbody>
</table>
```

*/
table {
  max-width: 100%;
  background-color: transparent;
}

:not(.user_content) > table,
.user_content table:not([cellspacing]) {
  border-collapse: collapse;
  border-spacing: 0;
}

.ic-Table-responsive-x-scroll {
  overflow-x: auto;
}

.ic-Table {
  max-width: 100%;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.ic-Table th, .ic-Table td {
  padding: 14px 7px;
  line-height: 1.3;
  text-align: left;
  vertical-align: middle;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
.ic-Table tr.ic-Table__row--bg-neutral {
  background-color: #F5F5F5;
}
.ic-Table tr.ic-Table__row--bg-success {
  background-color: #E8F6E9;
}
.ic-Table tr.ic-Table__row--bg-alert {
  background-color: #F9ECE8;
}
.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: 0.875rem;
}
.ic-Table.ic-Table--condensed th {
  padding: 7px;
  padding-bottom: 3.5px;
}
.ic-Table.ic-Table--condensed tbody th {
  padding-bottom: 7px;
  font-size: 14px;
  font-size: 0.875rem;
}
.ic-Table.ic-Table--striped tbody tr:nth-child(odd) {
  background-color: #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;
}

/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
.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: #FFFFFF;
}
.ui-tabs .ui-tabs-nav li.ui-state-hover, .ui-tabs .ui-tabs-nav li:hover {
  background: #FFFFFF;
  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: #FFFFFF;
}
.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: #FFFFFF;
}
#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;
}

/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
#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;
}

/*
 * Copyright (C) 2012 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
#groups {
  /*== Icons ==*/
  /*== Assignment groups ==*/
  /*== Individual assignments ==*/
  /*== Loaders ==*/
  /*== Add/edit assignment form ==*/
}
#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.ui-button.ui-state-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 white;
  border-top: 1px solid white;
  display: table-cell;
  padding: 4px 0;
  vertical-align: middle;
  /*== Table cells ==*/
}
#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;
}

/*== Multiple Due Dates Tooltip ==*/
.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;
}

/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
.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: 0.875rem;
}
.student-groups .student-group-title h2 a {
  color: #555;
}
.student-groups .student-group-title a {
  padding-right: 5px;
}
.student-groups .student-group-students {
  color: #555;
  font-weight: normal;
  flex-basis: 10rem;
}
.student-groups .student-group-students i {
  padding-right: 5px;
}
.student-groups .student-group-join {
  flex-basis: 7rem;
}
.student-groups .student-group-join button {
  display: block;
}
.student-groups .student-group-body {
  padding: 16px 16px 16px 36px;
}
.student-groups .student-group-body:last-child {
  border-bottom: 0;
}
.student-groups .student-group-body .student-group-list {
  list-style: none;
  margin: 0;
}
.student-groups .student-group-body .student-group-list li {
  float: left;
  width: 25%;
}
.student-groups .student-group-body .student-group-list li i {
  padding-left: 5px;
}

.empty-groupset-instructions .group-categories-actions {
  top: 55px;
}

.group-categories-actions {
  height: 36px;
  z-index: 1;
  position: absolute;
  top: 0;
  right: 14px;
}

#group_categories_tabs {
  margin: 0 -1em -1em;
}
#group_categories_tabs > .collectionViewItems {
  padding: 10px 130px 0 1em;
}
#group_categories_tabs > .roster-tab {
  padding-left: 1em;
  padding-right: 1em;
}

.spinner-container {
  width: 100%;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.al-trigger--within-left-menu {
  margin: 0 0 12px 6px;
}
.al-trigger--within-left-menu.ui-menu-item {
  max-width: 200px;
}

.al-options .ui-menu-item a {
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.al-options .ui-menu-item:first-of-type {
  margin-top: 8px;
}
.al-options .ui-menu-item:last-of-type {
  margin-bottom: 8px;
}

.active-selection.ui-menu-item .ui-corner-all {
  color: var(--ic-brand-font-color-dark-lightened-15);
}
.active-selection.ui-menu-item .ui-corner-all.ui-state-focus, .active-selection.ui-menu-item .ui-corner-all:hover, .active-selection.ui-menu-item .ui-corner-all:focus {
  background: #73818C;
  color: #FFFFFF;
  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;
  margin-inline-start: 0.5rem;
  margin-inline-end: 0.5rem;
}

/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/* Legacy variables. Discontinue to use these: */
/*
 * Copyright (C) 2017 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/* Legacy variables. Discontinue to use these: */
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2012 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/**
 * Convert font-size from px to rem with px fallback
 * @param $size - the value in pixel you want to convert
 * e.g. p {@include fontSize(12px);}
 * courtesy of https://github.com/stubbornella/oocss/blob/master/oocss/src/components/utils/_fontSize.scss
 */
#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 black;
  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: #0374B5;
  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: #0374B5;
  border-radius: 50%;
}
.media_comment_thumbnail-small .media_comment_thumbnail_play_button {
  width: 25px;
  height: 25px;
}

/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
a.menu_tool_link img.icon, a.menu_tray_tool_link img.icon {
  max-width: 16px;
}

#context_modules {
  min-width: 20px;
}

.context_module {
  border: 0;
  background-color: #FFFFFF;
  min-width: 20px;
  margin-top: 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 .links {
  padding-right: 10px;
  text-align: right;
  white-space: nowrap;
}
.context_module .icon-minimize {
  color: #FC5E13;
}
.context_module .icon-info {
  color: var(--ic-brand-primary);
}
.context_module .icon-check {
  color: #0B874B;
}
.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 .type_icon.display_icons i {
  display: inline-block;
}
.context_module_item .display_icons .icon-forward {
  transform: scaleY(-1);
}
.context_module_item.attachment .icon-document {
  display: none;
}
.context_module_item.attachment .icon-paperclip {
  display: inline-block;
}
.context_module_item.discussion_topic .icon-document {
  display: none;
}
.context_module_item.discussion_topic .icon-discussion {
  display: inline-block;
}
.context_module_item.assignment .icon-document {
  display: none;
}
.context_module_item.assignment .icon-assignment {
  display: inline-block;
}
.context_module_item.quiz .icon-document {
  display: none;
}
.context_module_item.quiz .icon-quiz:not(.icon-Solid) {
  display: inline-block;
}
.context_module_item.lti-quiz .icon-document {
  display: none;
}
.context_module_item.lti-quiz .icon-Solid {
  display: inline-block;
}
.context_module_item.external_url .icon-document, .context_module_item.context_external_tool .icon-document, .context_module_item.lti\/message_handler .icon-document {
  display: none;
}
.context_module_item.external_url .icon-link, .context_module_item.context_external_tool .icon-link, .context_module_item.lti\/message_handler .icon-link {
  display: inline-block;
}
.context_module_item.context_module_sub_header .type_icon i {
  display: none;
}
.context_module_item.context_module_sub_header .completion_status {
  display: none;
}
.context_module_item .completion_requirement {
  font-size: 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: #f9f9f9;
}
.context_module_item.context_module_item_hover .move_item_link, .context_module_item.context_module_item_hover .links a, .context_module_item:hover .move_item_link, .context_module_item:hover .links a {
  visibility: visible;
}
.context_module_item td.points_possible_display, .context_module_item td.due_date_display {
  padding-top: 5px;
  vertical-align: top;
  color: #888;
  font-size: 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 {
  outline-width: 0.125rem;
  outline-color: transparent;
  outline-style: solid;
  border: 0;
  border-radius: 3px;
  outline: none;
  padding: 4px;
  margin-right: -7px;
}
.publish-icon button:focus {
  box-shadow: inset 0 0 0 2px var(--ic-link-color);
}

.radio-description {
  font-size: 0.8em;
  padding-left: 1.375rem;
  max-width: 25rem;
}

.ui-widget-overlay {
  background-color: rgba(255, 255, 255, 0.75);
}

.ui-dialog.ui-widget-content {
  box-shadow: 0 0.375rem 0.4375rem rgba(0, 0, 0, 0.1), 0 0.625rem 1.75rem rgba(0, 0, 0, 0.25);
}

/*
 * Copyright (C) 2012 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
.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 white;
  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;
}

/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/* Legacy variables. Discontinue to use these: */
/*
 * Copyright (C) 2017 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/* Legacy variables. Discontinue to use these: */
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2012 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/**
 * Convert font-size from px to rem with px fallback
 * @param $size - the value in pixel you want to convert
 * e.g. p {@include fontSize(12px);}
 * courtesy of https://github.com/stubbornella/oocss/blob/master/oocss/src/components/utils/_fontSize.scss
 */
/*
 * Copyright (C) 2013 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
@keyframes page-changed-alert {
  from {
    height: 0;
  }
  to {
    height: 39px;
  }
}
@keyframes page-changed-header-bar {
  from {
    height: 64px;
  }
  to {
    height: 103px;
  }
}
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
a.menu_tool_link img.icon, a.menu_tray_tool_link img.icon {
  max-width: 16px;
}

.pages .sticky-toolbar .sticky {
  position: fixed;
  z-index: 1000;
  top: 0px;
  left: 0px;
  right: 0px;
  margin-left: 1px;
  background: 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;
}
@media not all and (min-width: 768px) {
  .pages .header-bar-outer-container .header-bar-container {
    min-width: 100%;
  }
}
.pages .header-bar-outer-container .header-bar-container .page-changed-alert {
  overflow: hidden;
  height: 0;
}
.pages .header-bar-outer-container .header-bar-container .page-changed-alert .alert {
  border-radius: 0;
}
.pages .header-bar-outer-container .header-bar-container .header-left-flex {
  flex: 1;
  float: none;
  white-space: nowrap;
  overflow: hidden;
}
.pages .header-bar-outer-container .header-bar-container .header-left-flex .course-title {
  text-overflow: ellipsis;
  overflow: hidden;
}
.pages .header-bar-outer-container .header-bar-container .header-right-flex {
  padding-left: 12px;
}
.pages .header-bar-outer-container .header-bar-container .flex-container {
  display: flex;
}
.pages .header-bar-outer-container.page-changed {
  height: 103px;
  animation: page-changed-header-bar 1.15s;
}
.pages .header-bar-outer-container.page-changed .header-bar-container {
  height: 103px;
  animation: page-changed-header-bar 1.15s;
}
.pages .header-bar-outer-container.page-changed .header-bar-container .page-changed-alert {
  margin: -1px 0 0 0;
  border-bottom: 1px solid #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: 8px;
  width: 75px;
  float: left;
  text-align: right;
}
@media not all and (min-width: 768px) {
  .pages.index .page-edit-dialog .edit-content .edit-label {
    width: auto;
  }
}
.pages.index .page-edit-dialog .edit-content .edit-controls {
  margin-left: 85px;
}
@media not all and (min-width: 768px) {
  .pages.index .page-edit-dialog .edit-content .edit-controls {
    float: right;
    margin-left: 0px;
  }
}
.pages.index .page-edit-dialog .edit-content .edit-control-text {
  width: 270px;
}
@media not all and (min-width: 768px) {
  .pages.index .page-edit-dialog .edit-content .edit-control-text {
    width: 140px;
  }
}
.pages.index .index-content .table {
  margin-bottom: 0;
  border-collapse: separate;
  border-spacing: 0;
}
.pages.index .index-content .table td:first-child,
.pages.index .index-content .table th:first-child {
  padding-left: 12px;
}
.pages.index .index-content .table td:last-child,
.pages.index .index-content .table th:last-child {
  padding-right: 12px;
}
.pages.index .index-content .table thead {
  background: #FFFFFF;
}
.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: 0.6875rem;
  color: #696969;
  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: 0.8125rem;
  color: #4d4d4d;
  font-weight: bold;
}
.pages.index .index-content .table tbody td .wiki-page-link.published {
  color: #0B874B;
}
.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: #0B874B;
}
.pages.index .index-content .table tbody td .icon-unpublished {
  color: var(--ic-brand-font-color-dark-lightened-28);
}
.pages.index .index-content .table .no-pages .no-pages-cell {
  border: 1px dashed #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;
          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 .front-page.label {
  margin: 11px 12px 11px 0;
}
.pages.show .locked-alert ul {
  margin: 4px 0 6px 25px;
}
.pages.show .show-content {
  word-wrap: break-word;
  overflow-x: auto;
  box-sizing: border-box;
  padding: 0 12px;
}
@media only screen and (min-width: 992px) {
  .pages.show .show-content {
    padding: 0 24px 0 12px;
  }
}
@media (max-width: 368px) {
  .pages.show .show-content.lti-content {
    overflow-x: visible;
  }
  .pages.show .show-content.lti-content p.lti-embed-container {
    width: 100vw;
    min-width: 100vw;
    margin-left: -24px;
    overflow-x: auto;
  }
  .pages.show .show-content.lti-content p.lti-embed-container iframe.lti-embed {
    min-width: 320px;
  }
}
.pages.show .floating_links {
  margin-right: 15px;
}
.pages.show .public-license {
  margin-left: 15px;
  margin-bottom: 15px;
}

.pages.show.home .course-title {
  display: block;
}
.pages.show.home .page-title {
  display: none;
}
.pages.show.home .show-content {
  padding-top: 25px;
}

.pages.edit .form-actions {
  padding-left: 1em;
}
@media not all and (min-width: 768px) {
  .pages.edit .form-actions label {
    text-align: left;
  }
}
@media not all and (min-width: 768px) {
  .pages.edit .edit-content #title {
    max-width: 90%;
  }
}
.pages.edit .page-edit__action_buttons {
  width: 100%;
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
}
.pages.edit .page-edit__action_buttons button {
  margin-top: 10px;
}
@media only screen and (min-width: 500px) {
  .pages.edit .page-edit__action_buttons {
    display: inline-block;
    width: unset;
  }
  .pages.edit .page-edit__action_buttons button {
    margin-top: 0px;
  }
}
@media not all and (min-width: 768px) {
  .pages.edit .control-group.options .controls {
    margin-left: 0;
  }
  .pages.edit .control-group.options .control-label {
    float: none;
    text-align: left;
    width: 100%;
  }
}
.pages.edit .edit-form {
  margin: 0;
}
.pages.edit .edit-form .edit-content {
  padding: 1em;
}
.pages.edit .edit-form .edit-content .edit-header {
  position: relative;
  margin-bottom: 1em;
}
.pages.edit .edit-form .edit-content .edit-header h2 {
  margin: 0;
}
.pages.edit .edit-form .edit-content .switch_views_container {
  display: flex;
  justify-content: flex-end;
}
.pages.edit .edit-form .edit-content .body {
  width: 98.5%;
}
.pages.edit .edit-form .edit-content .mceLayout {
  margin: 0;
}
.pages.edit .edit-form .edit-content .options {
  margin-top: 1em;
}
.pages.edit .edit-form .form-actions {
  margin-top: 0;
  margin-bottom: 0;
}

.pages.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: 0.875rem;
}
.pages.show.revisions .revision .revision-content .revision-details {
  padding-left: 3px;
  text-align: left;
  font-size: 12px;
  color: #333;
}
.pages.show.revisions .revision .revision-content .revision-actions {
  padding-left: 3px;
}
.pages.show.revisions .revision:not(.selected):hover {
  border-left-color: var(--ic-link-color);
}
.pages.show.revisions .revision:not(.selected):hover .revision-content {
  cursor: pointer;
}
.pages.show.revisions .revision .revision-actions {
  margin-top: 2px;
  font-style: italic;
  color: #737373;
}
.pages.show.revisions .revision .revision-actions a.restore-link {
  font-style: normal;
  cursor: pointer;
}
.pages.show.revisions .revision.selected {
  border-left-color: var(--ic-link-color);
  background: #E5F2F8;
}
.pages.show.revisions .revision-nav-buttons {
  position: relative;
  height: 36px;
}
.pages.show.revisions .revision-nav-buttons a {
  -webkit-user-select: none;
          user-select: none;
  text-transform: uppercase;
  font-weight: bold;
}
.pages.show.revisions .revision-nav-buttons a:hover {
  text-decoration: none;
  cursor: pointer;
  color: var(--revision-button-hover-color);
  border-radius: 3px;
}
.pages.show.revisions .revision-nav-buttons .prev-button {
  position: absolute;
  left: 0;
  top: 0;
}
.pages.show.revisions .revision-nav-buttons .next-button {
  position: absolute;
  right: 0;
  top: 0;
}

@media print {
  #breadcrumbs,
.header-bar-outer-container {
    display: none;
  }

  .pages.show.revisions .show-revisions {
    display: none;
  }
  .pages.show.revisions .show-content {
    margin-right: 0;
  }
}
#wiki_show_view_main {
  overflow: auto;
}

#last_edited_by {
  border: solid #eee;
  border-width: 0 0 1px;
  font-size: 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;
}

.page-toolbar {
  display: flex;
  align-items: stretch;
}
.page-toolbar.header-bar {
  padding-bottom: 6px;
}
.page-toolbar .page-toolbar-start {
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
}
.page-toolbar .page-toolbar-start > div {
  padding-bottom: 6px;
}
.page-toolbar .page-toolbar-end {
  display: flex;
  flex-grow: 0;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: stretch;
  align-content: center;
  white-space: nowrap;
}
.page-toolbar .page-toolbar-end > div {
  padding-bottom: 6px;
}
.page-toolbar .publishing {
  display: flex;
}
.page-toolbar .publishing > div {
  padding-left: 4px;
}
.page-toolbar .buttons {
  margin-left: 12px;
}
@media only screen and (max-width: 500px) {
  .page-toolbar .hide-when-small, .page-toolbar .publish-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    transform: translatez(0);
  }
  .page-toolbar .btn-published {
    padding-right: 9px;
  }
  .page-toolbar .publish-button button {
    padding-left: 9px;
  }
  .page-toolbar .btn.edit-wiki {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}

/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
#members_list {
  margin: 0;
  list-style-type: none;
}
#members_list .member {
  font-size: 0.8em;
}

/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
.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: 0.75rem;
  padding: 0.1875rem;
}
.rubric_container.editing .add_rating_link i {
  color: #FFFFFF;
}
.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: 0.625rem;
}
.rubric_container tr.criterion td.criterion_description .assessment-comments h6, .rubric_container tr.criterion td.criterion_description .assessment-comments .h6 {
  margin-top: 10px;
}
.rubric_container tr.criterion.learning_outcome_criterion td.criterion_description .learning_outcome_flag {
  display: inline;
}
.rubric_container tr.criterion.learning_outcome_criterion td.criterion_description .threshold {
  font-size: 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%;
}

/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/* Legacy variables. Discontinue to use these: */
/*
 * Copyright (C) 2017 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/* Legacy variables. Discontinue to use these: */
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2012 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/**
 * Convert font-size from px to rem with px fallback
 * @param $size - the value in pixel you want to convert
 * e.g. p {@include fontSize(12px);}
 * courtesy of https://github.com/stubbornella/oocss/blob/master/oocss/src/components/utils/_fontSize.scss
 */
.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: 0.875rem;
  border-radius: 3px;
}
.mini_calendar .day.has_event {
  background-color: #ebebeb;
}
.mini_calendar .day.today {
  background-color: #F9ECE8;
}
.mini_calendar .day .event_link_text, .mini_calendar .day .today_text, .mini_calendar .day .previous_month_text, .mini_calendar .day .next_month_text {
  display: none;
}
.mini_calendar .day.other_month {
  color: var(--ic-brand-font-color-dark-lightened-28);
}
.mini_calendar .day:hover, .mini_calendar .day.related, .mini_calendar .day.drop_target {
  background-image: url("/dist/images/4_percent_opacity-c554512ede.png");
}
.mini_calendar .day.drop_target {
  background-color: #aaa;
}
.mini_calendar .day.today .today_text {
  display: block;
}
.mini_calendar .day.previous_month .previous_month_text {
  display: block;
}
.mini_calendar .day.next_month .next_month_text {
  display: block;
}
.mini_calendar .day.has_event .event_link_text {
  display: block;
}

/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/* Legacy variables. Discontinue to use these: */
/*
 * Copyright (C) 2017 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/* Legacy variables. Discontinue to use these: */
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2012 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/**
 * Convert font-size from px to rem with px fallback
 * @param $size - the value in pixel you want to convert
 * e.g. p {@include fontSize(12px);}
 * courtesy of https://github.com/stubbornella/oocss/blob/master/oocss/src/components/utils/_fontSize.scss
 */
#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: 0.75rem;
  color: var(--ic-brand-font-color-dark-lightened-15);
  font-weight: normal;
}
#help-dialog #help-dialog-options li a:focus {
  outline: none;
  box-shadow: inset 0 0 0 1px var(--ic-link-color);
}
#help-dialog #help-dialog-options li a:focus, #help-dialog #help-dialog-options li a:hover {
  background-color: #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: 0.625rem;
  display: block;
  color: #555;
  margin-top: -6px;
}
#help-dialog .ui-state-error, #help-dialog .ui-state-highlight {
  border-radius: 4px !important;
  padding: 10px 10px 10px 35px;
  position: relative;
}
#help-dialog .ui-state-error a, #help-dialog .ui-state-highlight a {
  text-decoration: underline;
}
#help-dialog .ui-state-error .ui-icon, #help-dialog .ui-state-highlight .ui-icon {
  position: absolute;
  left: 10px;
  top: 10px;
}

.ui-dialog-header-backlink {
  display: block;
  float: left;
  overflow: hidden;
  text-indent: -999px;
  width: 16px;
  height: 16px;
  margin-left: -4px;
  margin-top: 2px;
  margin-right: 10px;
  background: url(/dist/images/jqueryui/icon_sprite-30c4d78a47.png) no-repeat left -32px;
}
.ui-dialog-header-backlink:hover {
  background-position: left -48px;
}

/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
.ic-Expand-link {
  display: flex;
  overflow: hidden;
}
.ic-Expand-link * {
  box-sizing: border-box;
}
.ic-Expand-link .ic-Expand-link__trigger {
  transition: all 1s cubic-bezier(0, 1, 0.5, 1);
  transform: translateX(-100%) translateX(48px);
  text-transform: uppercase;
  overflow: hidden;
}
.ic-Expand-link .ic-Expand-link__trigger:hover, .ic-Expand-link .ic-Expand-link__trigger:focus {
  transform: translateX(0);
  text-decoration: none;
  outline: none;
}
.ic-Expand-link .ic-Expand-link__trigger:hover .ic-Expand-link__icon, .ic-Expand-link .ic-Expand-link__trigger:focus .ic-Expand-link__icon {
  background: rgba(0, 0, 0, 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);
}
.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: #FFFFFF;
}
.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(11, 135, 75, 0.8);
  color: #FFFFFF;
}
.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: #0B874B;
}
.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: #0B874B;
}
.ic-Expand-link.ic-Expand-link--Danger .ic-Expand-link__trigger .ic-Expand-link__layout {
  background: rgba(224, 6, 31, 0.8);
  color: #FFFFFF;
}
.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: #E0061F;
}
.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: #E0061F;
}
.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: #FFFFFF;
}
.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: #FFFFFF;
}

/*
 * Copyright (C) 2016 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
.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;
}

/*
 * Copyright (C) 2016 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/* Legacy variables. Discontinue to use these: */
/*
 * Copyright (C) 2017 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/* Legacy variables. Discontinue to use these: */
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2012 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/**
 * Convert font-size from px to rem with px fallback
 * @param $size - the value in pixel you want to convert
 * e.g. p {@include fontSize(12px);}
 * courtesy of https://github.com/stubbornella/oocss/blob/master/oocss/src/components/utils/_fontSize.scss
 */
/*
 * Copyright (C) 2016 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2013 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
ul.ac-token-list, ul.ac-result-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ac {
  position: relative;
  display: table;
  width: 100%;
}

.ac-row {
  display: table-row;
}

.ac-input-cell {
  display: table-cell;
  width: 93%;
}

.ac-input-box {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 3px 0 0 3px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 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, .ac-input-box.ui-button.ui-state-disabled {
  background-color: #ddd;
}

.ac .btn {
  border-left: none;
  border-radius: 0 3px 3px 0;
  display: table-cell;
}
.ac .btn.disabled, .ac .btn.ui-button.ui-state-disabled {
  color: #A6A6A6;
}

.ac-input-box .ac-input {
  background: transparent;
  border: none;
  box-shadow: none;
  display: inline;
  margin: 0;
  margin-left: 8px;
  min-width: 15px;
  padding: 0;
  width: 15px;
  vertical-align: middle;
}
.ac-input-box .ac-input:focus {
  box-shadow: none;
}

.ac-placeholder {
  color: #999;
  left: 12px;
  position: absolute;
  top: 5px;
  transition: opacity 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: 0.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: 0.5625rem;
  line-height: 9px;
  top: 0;
  text-shadow: none;
}

.ac-result-wrapper {
  display: none;
}
.ac-result-wrapper:before, .ac-result-wrapper:after {
  content: "";
  height: 0;
  position: absolute;
  right: 15px;
  width: 0;
  z-index: 3;
}
.ac-result-wrapper:before {
  border-bottom: 10px solid #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: 0.875rem;
  max-height: 250px;
  min-height: 50px;
  left: 0;
  overflow: auto;
  position: absolute;
  top: 36px;
  width: 100%;
  z-index: 2;
}

.ac-result {
  cursor: pointer;
  line-height: 16px;
  padding: 5px 8px 2px;
}
.ac-result:first-child {
  border-radius: 10px 10px 0 0 !important;
}
.ac-result:last-child {
  border-radius: 0 0 10px 10px;
}
.ac-result.selected, .ac-result:hover {
  background: #0374B5;
  color: #FFFFFF;
}
.ac-result:hover .result-name {
  color: #FFFFFF;
}
.ac-result.selected .result-name {
  color: #FFFFFF;
}
.ac-result:hover .icon-mini-arrow-right {
  color: #FFFFFF;
}
.ac-result.selected .icon-mini-arrow-right {
  color: #FFFFFF;
}
.ac-result:hover .icon-mini-arrow-left {
  color: #FFFFFF;
}
.ac-result.selected .icon-mini-arrow-left {
  color: #FFFFFF;
}

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

/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/* Legacy variables. Discontinue to use these: */
/*
 * Copyright (C) 2017 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/* Legacy variables. Discontinue to use these: */
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2012 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/**
 * Convert font-size from px to rem with px fallback
 * @param $size - the value in pixel you want to convert
 * e.g. p {@include fontSize(12px);}
 * courtesy of https://github.com/stubbornella/oocss/blob/master/oocss/src/components/utils/_fontSize.scss
 */
.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: 0.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;
}

/*
 * Copyright (C) 2022 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
[data-btn-id=rce-a11y-btn],
span > [data-btn-id=rce-a11y-btn] + span,
.mce-i-a11y {
  display: inline-block !important;
}

/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
body.student-annotation-container .ic-Layout-contentMain {
  padding: 0;
}

.ef-file-arrow_container {
  flex: 0 0 auto;
  justify-content: center;
}

.ef-file-preview-overlay {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.ef-file-preview-stretch {
  flex: 1 1 auto;
  display: flex;
}

.ef-file-preview-information-container {
  flex: 0 0 216px;
  box-sizing: border-box;
}
@media only screen and (min-width: 992px) {
  .ef-file-preview-information-container {
    flex: 2;
  }
}

.ef-file-preview-viewer-content {
  text-align: center;
}

.ef-file-preview-header {
  height: 9vh;
  color: #FFFFFF;
  font-weight: normal;
  flex: 0 0 9vh;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  border-bottom: 1px solid #8c8c8c;
  background-color: rgba(15, 19, 23, 0.9);
}
.ef-file-preview-header * {
  box-sizing: border-box;
}

.ef-file-preview-header-filename {
  font-size: 18px;
  font-size: 1.125rem;
  padding: 0;
  padding-left: 24px;
  margin: 0;
  flex: 1 0 264px;
  height: 9vh;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #8c8c8c;
}

.ef-file-preview-viewer-content {
  flex: 4 4 144px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ef-file-preview-viewer-content .ef-file-preview-not-available {
  padding: 100px 0;
}

.ef-file-preview-frame {
  border: none;
}

.ef-file-preview-header-buttons {
  display: flex;
  height: 9vh;
  justify-content: flex-end;
  border-bottom: 1px solid #8c8c8c;
}

.ef-file-preview-button {
  transition: all 0.2s;
  color: #8c8c8c !important;
  cursor: pointer;
  padding: 0 12px;
  font-size: 16px;
  font-size: 1rem;
  border: none;
  outline: none;
  box-sizing: border-box;
  text-align: center;
  align-items: center;
  background: transparent !important;
  white-space: nowrap;
  place-items: center !important;
}
@media only screen and (min-width: 992px) {
  .ef-file-preview-button {
    padding: 0 24px;
  }
}
.ef-file-preview-button:hover, .ef-file-preview-button:focus {
  color: #FFFFFF;
  text-decoration: none;
}
.ef-file-preview-button [class^=icon-] {
  margin-right: 3px;
}
.ef-file-preview-button:focus {
  text-decoration: underline;
}
.ef-file-preview-button:focus, .ef-file-preview-button:hover {
  background: var(--ic-brand-primary);
  color: #FFFFFF;
}
.ef-file-preview-button.ef-file-preview-button--active {
  color: #FFFFFF !important;
  background: transparent;
  background: rgba(25, 32, 38, 0.9);
  border-bottom-color: transparent;
  border-left: 1px solid #8c8c8c;
  border-right: 1px solid #8c8c8c;
}

a.ef-file-preview-button, button.ef-file-preview-button div {
  display: flex;
}

#media_preview {
  color: #FFFFFF;
}

.ef-file-not-found {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: white;
  font-size: 2.5em;
}

.ef-file-align-center {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ef-not-found-icon {
  width: 100px;
  height: 100px;
  margin-bottom: 10px;
  background-size: 70px;
}

.ef-file-preview-item {
  padding: 10px;
}

.ef-file-preview-container-arrow-link {
  align-self: center;
  outline: none;
}
.ef-file-preview-container-arrow-link:hover .ef-file-preview-arrow-link, .ef-file-preview-container-arrow-link:focus .ef-file-preview-arrow-link {
  background: var(--ic-brand-primary);
  border-color: var(--ic-brand-primary);
  color: #FFFFFF;
}

.ef-file-preview-arrow-link {
  transition: all 0.2s;
  display: block;
  background: rgba(15, 19, 23, 0.9);
  border: 1px solid #8c8c8c;
  border-radius: 6px;
  padding: 20px 10px 24px;
  text-align: center;
  box-sizing: border-box;
  color: #FFFFFF;
}
.ef-file-preview-arrow-link i[class*=icon-], .ef-file-preview-arrow-link i[class^=icon-] {
  line-height: 1;
}
.ef-file-preview-arrow-link i[class*=icon-]:before, .ef-file-preview-arrow-link i[class^=icon-]:before {
  font-size: 1.75rem;
}

.ef-file-preview-viewer-content .ef-file-preview-not-available {
  padding: 100px 0;
}

.ef-file-preview-frame {
  flex: 1 1 auto;
  border: none;
  height: 91vh;
}

.ef-file-preview-frame {
  border: none;
}

.ef-file-preview-information-container {
  background: rgba(25, 32, 38, 0.9);
  border-left: 1px solid #8c8c8c;
  padding: 24px;
}

.ef-file-preview-infotable {
  transition: width 0.3s;
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.ef-file-preview-infotable td, .ef-file-preview-infotable th, .ef-file-preview-infotable a {
  text-align: left;
  color: #FFFFFF;
}
.ef-file-preview-infotable th {
  width: 40%;
  color: #e6e6e6;
  padding: 5px 0;
  font-weight: normal;
}

.ef-file-preview-image {
  width: 500px;
  height: auto;
}

.ef-file-preview-item {
  align-items: center;
}

.ef-file-preview-not-available {
  color: #fff;
  padding: 40px;
}

.FilePreviewInfoPanel__usageRights {
  vertical-align: top;
}

.ef-file-preview-frame-html {
  background-color: whitesmoke;
}