@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: bold;
  color: #000;
}

.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: 15px;
  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: none;
  text-align: center;
}

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

@media only screen and (max-width: 768px) {
  .ui-dialog.ui-widget-content {
    width: 90% !important;
  }
}

/*!
 * 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;
  border-radius: 5px 5px 0 0;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
  color: #856955;
}
.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: $baseBorderRadius; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: $baseBorderRadius; }
*/
.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/>.
 */
@media only screen and (max-width: 424px) {
  .criterion_points {
    width: 20px !important;
  }
}
.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: 30px;
  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 20px;
}

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

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

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

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: 20px;
  padding: 8px;
  margin-bottom: 10px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20px;
  color: var(--ic-brand-font-color-dark);
  border-radius: 3px;
  vertical-align: middle;
}

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

textarea {
  height: auto;
}

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

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

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

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

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

.input-mini {
  width: 60px;
}

.input-small {
  width: 90px;
}

.input-medium {
  width: 150px;
}

.input-large {
  width: 210px;
}

.input-xlarge {
  width: 270px;
}

.input-xxlarge {
  width: 530px;
}

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

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

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

.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: 19px 20px 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  border-top: 1px solid #e5e5e5;
}
.form-actions:before, .form-actions:after {
  display: table;
  content: "";
  line-height: 0;
}
.form-actions:after {
  clear: both;
}

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

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

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

.input-append,
.input-prepend {
  margin-bottom: 5px;
  font-size: 0;
  white-space: nowrap;
  display: flex;
  justify-content: space-between;
}
.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: 20px;
  min-width: 16px;
  padding: 8px;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
}
.input-append .add-on,
.input-append .btn,
.input-prepend .add-on,
.input-prepend .btn {
  vertical-align: top;
  border-radius: 0;
}
.input-append .active,
.input-prepend .active {
  background-color: #a9dba9;
  border-color: #46a546;
}

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

.input-append input,
.input-append select,
.input-append .uneditable-input {
  border-radius: 3px 0 0 3px;
  height: 32px;
  width: calc(100% - 32px);
  box-sizing: border-box;
  border-radius: 0;
}
.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;
  border-radius: 0;
  height: 32px;
  padding: 0 !important;
  width: 32px;
}

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

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

.form-horizontal .control-group {
  margin-bottom: 20px;
}
.form-horizontal .control-group:before, .form-horizontal .control-group:after {
  display: table;
  content: "";
  line-height: 0;
}
.form-horizontal .control-group:after {
  clear: both;
}
.form-horizontal .control-label {
  float: left;
  width: 160px;
  padding-top: 5px;
  text-align: right;
}
.form-horizontal .controls {
  margin-left: 180px;
}
.form-horizontal .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: 10px;
}
.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: 20px;
  }

  .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: 20px;
}
.table th,
.table td {
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table th {
  font-weight: bold;
}
.table thead th {
  vertical-align: bottom;
}
.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
  border-top: 0;
}
.table tbody + tbody {
  border-top: 2px solid #ddd;
}

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

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

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

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

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

.table td.span1,
.table th.span1 {
  float: none;
  width: 44px;
  margin-left: 0;
}
.table td.span2,
.table th.span2 {
  float: none;
  width: 124px;
  margin-left: 0;
}
.table td.span3,
.table th.span3 {
  float: none;
  width: 204px;
  margin-left: 0;
}
.table td.span4,
.table th.span4 {
  float: none;
  width: 284px;
  margin-left: 0;
}
.table td.span5,
.table th.span5 {
  float: none;
  width: 364px;
  margin-left: 0;
}
.table td.span6,
.table th.span6 {
  float: none;
  width: 444px;
  margin-left: 0;
}
.table td.span7,
.table th.span7 {
  float: none;
  width: 524px;
  margin-left: 0;
}
.table td.span8,
.table th.span8 {
  float: none;
  width: 604px;
  margin-left: 0;
}
.table td.span9,
.table th.span9 {
  float: none;
  width: 684px;
  margin-left: 0;
}
.table td.span10,
.table th.span10 {
  float: none;
  width: 764px;
  margin-left: 0;
}
.table td.span11,
.table th.span11 {
  float: none;
  width: 844px;
  margin-left: 0;
}
.table td.span12,
.table th.span12 {
  float: none;
  width: 924px;
  margin-left: 0;
}

.table tbody tr.success td {
  background-color: #dff0d8;
}
.table tbody tr.error td {
  background-color: #f2dede;
}
.table tbody tr.warning td {
  background-color: #fcf8e3;
}
.table tbody tr.info td {
  background-color: #d9edf7;
}

.table-hover tbody tr.success:hover td {
  background-color: #d0e9c6;
}
.table-hover tbody tr.error:hover td {
  background-color: #ebcccc;
}
.table-hover tbody tr.warning:hover td {
  background-color: #faf2cc;
}
.table-hover tbody tr.info:hover td {
  background-color: #c4e3f3;
}

.dropup,
.dropdown {
  position: relative;
}

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

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

.dropdown-toggle::after {
  border-top: 7px solid;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  vertical-align: middle;
}

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

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

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  border-radius: 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 1px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #fff;
}
.dropdown-menu li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: #333;
  white-space: nowrap;
}

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

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

.dropdown-menu .disabled > a, .dropdown-menu .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: 20px;
  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: 20px;
  list-style: none;
}

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

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

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

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

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

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

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

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

.pagination {
  margin: 20px 0;
}

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

.pagination ul > li {
  display: inline;
}

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

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

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

.pagination ul > .disabled > span, .pagination ul > .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: 20px;
  margin-left: 20px;
}

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

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

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

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

.thumbnails {
  margin-left: -20px;
  list-style: none;
}
.thumbnails:before, .thumbnails:after {
  display: table;
  content: "";
  line-height: 0;
}
.thumbnails:after {
  clear: both;
}

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

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

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

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

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

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

.label,
.badge {
  display: inline-block;
  padding: 2px 4px;
  font-size: 11.844px;
  font-size: 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: 20px;
  margin-bottom: 20px;
  background-color: #f7f7f7;
  background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
  background-repeat: repeat-x;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}

.progress .bar {
  width: 0%;
  height: 100%;
  color: #fff;
  float: left;
  font-size: 12px;
  font-size: 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: 30px;
    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;
    padding: 8px;
  }
}
@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: 30px;
    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;
    padding: 8px;
  }
}
@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: 38px;
  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;
  }
}
.input-block-level-set-width {
  width: unset !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: 20px;
  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 {
  border-radius: 0;
  display: block;
  outline: none;
}
#right-side .button-sidebar-wide i[class*=icon-]:before,
#right-side .button-sidebar-wide i[class^=icon-]:before {
  color: inherit;
}
#right-side .button-sidebar-wide-new {
  display: flex;
  align-items: center;
  margin: 0 0 10px 0;
  border: 1px solid #978475;
  background: #fff;
  color: #856955;
  font-size: 14px;
  text-align: left;
  padding: 5px 10px;
  letter-spacing: -0.45px;
  border-radius: 5px;
  height: 40px;
  box-shadow: none;
}
#right-side .button-sidebar-wide-new:hover, #right-side .button-sidebar-wide-new:focus {
  background: #978475 !important;
  font-weight: 500 !important;
  color: #fff !important;
}
#right-side .button-sidebar-wide-new i {
  width: 25px;
  text-align: center;
  margin-right: 2px;
}
#right-side .button-sidebar-wide-new:hover i, #right-side .button-sidebar-wide-new:focus i {
  font-weight: 900;
}
#right-side .rightSideBtn {
  border: 1px solid #978475 !important;
  background: #fff !important;
  font-size: 15px !important;
  text-align: left !important;
  letter-spacing: -0.45px;
  color: #846e5c !important;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  height: 40px;
  box-shadow: none;
}
#right-side .rightSideBtn i {
  margin-right: 15px;
}
#right-side .rightSideBtn:hover {
  background: #978475 !important;
  color: #fff !important;
}
#right-side .rightSideBtn:hover i {
  color: #434343 !important;
}
#right-side button.button-sidebar-wide {
  width: 100%;
}
#right-side * + .events_list {
  margin-top: 20px;
}
#right-side .events_list {
  margin-bottom: 20px;
}
#right-side .events_list .ShowAll {
  font-size: 14px;
  color: #0e4e96;
  font-weight: 400;
}
#right-side .events_list .ShowAll i {
  margin-left: 5px;
}
#right-side .rightSideEvents {
  border: none !important;
  padding: 5px !important;
  margin-bottom: 0 !important;
}
#right-side .rightSideEvents li a {
  padding: 0 0 10px 0 !important;
}
#right-side .rightSideEvents li a b {
  color: #0e4e96 !important;
  font-weight: 400 !important;
  letter-spacing: -0.2px;
  text-decoration: underline;
  text-underline-position: under;
}
#right-side .rightSideEvents li a p {
  color: #898989;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.1px;
  word-break: break-all;
}
#right-side .rightSideEvents li a:hover {
  text-decoration: none !important;
}
#right-side .rightSideEvents .event-details::after,
#right-side .rightSideEvents .todo-details::after {
  background: 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/>.
 */
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.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: 14px;
}
#breadcrumbs > ul > li:first-of-type {
  visibility: hidden;
}
#breadcrumbs > ul > li:nth-child(2):before {
  display: none;
}
#breadcrumbs > ul > li > a {
  color: #333;
}
#breadcrumbs > ul > li > a .ellipsis {
  float: right;
  line-height: inherit;
  color: #fff;
}
.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: #333;
}
#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: 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);
  box-shadow: none !important;
}
.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;
}

.btn:hover {
  color: #2d3b45 !important;
}

.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: 20px;
}
.toolbar .header {
  font-size: 18px;
  font-size: 1.125rem;
}

.list-view {
  overflow: auto;
}
.list-view > header,
.list-view #section-tabs-header {
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  margin: 0 0 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.list-view #section-tabs-header-subtitle {
  display: block;
  font-size: 11px;
  font-size: 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,
.list-view span.active {
  border-radius: 0px;
  font-weight: bold;
  color: #2D3B45;
  padding-left: 4px;
}
.list-view a.active .nav-badge,
.list-view span.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;
}

@media only screen and (max-width: 580px) {
  .image-block {
    display: flex;
    min-width: 1px;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.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: #000;
  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;
}

.teret {
  border: 1px solid #c7cdd1;
  padding: 15px;
  border-radius: 10px;
}

/*
 * 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;
}
.header-bar:before, .header-bar:after {
  display: table;
  content: "";
  line-height: 0;
}
.header-bar:after {
  clear: both;
}
.header-bar.pinned {
  position: fixed;
  top: 0;
  width: 1071px;
  background-color: white;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5);
  margin-left: -12px;
  padding: 15px;
  z-index: 100;
}
.header-bar.sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin-left: 176px;
  margin-right: 287px;
  z-index: 3;
  background: white;
  height: 33px;
  min-width: 623px;
  border-color: #c1c7cf;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.header-bar .header-bar-right {
  float: right;
  padding-bottom: 5px;
  text-align: right;
}
.header-bar .header-bar-right .kebab-trigger {
  margin: 0 12px;
}
.header-bar .no-font-size {
  font-size: 0;
}
.header-bar .header-bar-left {
  float: left;
  padding-bottom: 5px;
}
.header-bar .header-bar-left .quizzes-header {
  margin: 0;
  line-height: 1;
}
.header-bar.no-line {
  border: none;
}

.header-bar-left {
  position: relative;
}
.header-bar-left .icon {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 5px;
  top: 20%;
}

@media only screen and (max-width: 425px) {
  .header-bar-left .icon {
    width: 30px;
    height: 30px;
    transform: translate(0, -50%);
    position: absolute;
    top: 68%;
    margin-top: -4px;
  }

  .new-ui-icon-top-sang {
    top: 55% !important;
  }

  .header-bar-left-custom {
    width: 100% !important;
  }
}
.header-group-left {
  margin-right: 10px;
}

.header-group-left {
  float: left;
}
@media screen and (max-width: 420px) {
  .header-group-left {
    float: right;
  }
}

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

#searchTerm {
  width: 350px;
  border: 1px solid #818181 !important;
  border-radius: 25px;
  color: #000;
}

@media only screen and (max-width: 540px) {
  .edit_assignment_header_new_ui_sang > .header-bar-right > div.header-bar-right {
    width: unset !important;
    padding-top: 0rem !important;
  }

  .edit_assignment_header_new_ui_sang > .header-bar-right > div.header-group-left {
    margin-top: 5px;
  }
}
/*
 * 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-7d4d606b48.woff2") format("woff2"), url("/dist/fonts/instructure_icons/Line/InstructureIcons-Line-b78dfee5e4.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-07cc52bd0f.woff2") format("woff2"), url("/dist/fonts/instructure_icons/Solid/InstructureIcons-Solid-296a05bfd1.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 {
  margin-right: -3px;
  padding-right: 8px;
  font-size: 12px;
  font-weight: 700;
  color: #0E4E96;
  letter-spacing: 2px;
}
.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: 0px !important;
  margin-bottom: 0;
}
.form-dialog .form-controls {
  padding: 10px;
  margin: 0;
  border-top: 1px solid #C7CDD1;
  text-align: right;
  position: absolute;
  text-align: center;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.form-dialog .form-dialog-content {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 60px;
  overflow: auto;
  padding: 0px 15px;
}

/*
 * 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
 */
.assignment-list {
  border-bottom: 1px solid #C4C4C4;
  border-right: 1px solid #C4C4C4;
  border-left: 1px solid #C4C4C4;
  padding: 10px;
}

.context_module {
  background: #FFFFFF;
  border: 1px solid #D6D6D6 !important;
  box-sizing: border-box;
  border-radius: 5px 5px 0px 0px;
  padding: 0 !important;
}
.context_module div.footer {
  padding: 0 !important;
}

.item-group {
  border: 1px solid #C7CDD1;
  padding: 12px;
  border-radius: 0;
  background-color: #F5F5F5;
  margin-bottom: 12px;
}

@media (max-width: 375px) {
  .ig-header .name {
    font-size: 14px;
    font-size: 0.875rem;
  }

  .type_icon__item_i {
    font-size: 14px;
  }

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

.ig-header {
  min-height: 30px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.ig-header .ig-header-title {
  text-decoration: none;
  color: #856955;
  font-size: 22px;
  font-weight: 300;
  line-height: 130%;
  display: inline-flex;
  flex: 1 1 auto;
  width: 60%;
  align-items: center;
}
.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;
  width: 100%;
}

.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 li:last-child .ig-row {
  border-bottom: 1px solid #978475 !important;
}
.ig-list .ig-row {
  position: relative;
  display: block;
  padding: 10px 0 10px 30px;
  box-sizing: border-box;
  border-radius: 0;
  color: var(--ic-brand-font-color-dark-lightened-15);
  border-left: none;
}
.ig-list .ig-row:not(.ig-row-empty) {
  border-right: 1px solid #978475 !important;
  border-bottom: 1px solid #d9d4d0 !important;
  border-left: 1px solid #978475 !important;
}
.ig-list .ig-row a.ig-title {
  text-decoration: none;
}
.ig-list .ig-row a.ig-title:hover, .ig-list .ig-row a.ig-title:focus {
  text-decoration: underline;
  text-underline-position: under;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}
.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-handle {
  opacity: 0;
}
.ig-list .ig-row:not(.student-view):not(.ig-row-empty):before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  height: 40px;
  width: 5px;
  background-color: #C4C4C4;
  border-top: 1px solid #C4C4C4;
  border-bottom: 1px solid #C4C4C4;
  border-radius: 15px;
}
.ig-list .ig-row.ig-published:not(.student-view):before {
  background-color: #FAB70D;
  border-top: 1px solid #FAB70D;
  border-bottom: 1px solid #FAB70D;
  opacity: 1 !important;
}
.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;
  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;
}

.new-ig-type-zoom-icon,
.new-ig-type-zoom-upload-icon,
.new-ig-type-scorm-upload-icon {
  justify-content: center;
  align-items: center;
  display: none;
}

.type_icon__item {
  width: 46px;
  height: 46px;
  border-radius: 50%;
}

.type_icon__item_i {
  font-size: 24px;
  position: relative;
  color: #87715f !important;
  transition: 0.1s;
}

.type_icon__item_i::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
  z-index: 0;
  width: 46px;
  height: 46px;
  border-radius: 50%;
}

.ig-type-icon__custom {
  margin: 10px;
  color: white;
}

.type_icon__item_i::before {
  position: relative;
  z-index: 1;
}

.ig-handle + .ig-type-icon {
  margin-left: 9px;
}

.ig-title {
  box-sizing: border-box;
  padding-right: 12px;
  line-height: 1.3;
  margin-bottom: 3px;
  min-width: 1px;
  color: #856955;
  font-size: 16px;
  font-weight: 300;
}

.ig-details {
  font-size: 12px;
  font-size: 0.75rem;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  color: #898989;
}

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

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

.ig-listStyle .ig-row {
  padding: 15px 20px !important;
  min-height: 64px;
  background: #feffee;
}
.ig-listStyle .ig-row:hover {
  background: #f2f2f2;
}
.ig-listStyle .ig-row:hover .type_icon i {
  color: #5c1349 !important;
  font-weight: 400;
  font-size: 32px;
}
.ig-listStyle .ig-row:hover .ig-info .module-item-title .item_name .title {
  color: #5c1349 !important;
  font-size: 20px !important;
}
.ig-listStyle .ig-row:not(.student-view):not(.ig-row-empty):before {
  top: 0 !important;
  transform: translateY(0%) !important;
  left: -1px !important;
  height: 100% !important;
  width: 6px !important;
  border-radius: 0 !important;
  background: none !important;
  border-top: none !important;
  border-bottom: none !important;
  border-left: #978475 6px double;
  box-sizing: border-box;
  opacity: 0;
}
.ig-listStyle .ig-row .ig-handle {
  opacity: 1 !important;
  margin-left: 0px !important;
  position: relative;
  z-index: 9;
  display: inline-flex;
  align-items: center;
}
.ig-listStyle .ig-row .ig-handle .draggable-handle {
  margin: 0 !important;
  padding: 0 15px 0 0 !important;
  width: 6px;
  background: url(/dist/images/module_drag-582bbe9068.png) left top repeat-y;
  opacity: 1;
  height: 22px;
  display: inline-block;
}
.ig-listStyle .ig-type-icon {
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
}
.ig-listStyle .ig-type-icon i[class*=icon-]:before,
.ig-listStyle .ig-type-icon i[class^=icon-]:before,
.ig-listStyle .ig-type-icon a[class*=icon-]:before,
.ig-listStyle .ig-type-icon a[class^=icon-]:before {
  font-family: "Font Awesome 6 Pro";
  font-weight: 300 !important;
  font-size: 18px !important;
  color: #feb201 !important;
}
.ig-listStyle .ig-type-icon .type_icon__item_i::after {
  background: none;
}
.ig-listStyle .ig-type-icon .ig-listStyle .ig-info {
  margin-left: 22px;
}
.ig-listStyle .ig-type-icon .ig-listStyle .ig-info .ig-title {
  color: #434343 !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  letter-spacing: 0 !important;
}
.ig-listStyle .ig-type-icon .ig-listStyle .ig-info .ig-details {
  color: #898989 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  margin-top: 2px !important;
}

.ig-listStyle2 .ig-row {
  padding: 15px 20px !important;
  min-height: 64px;
  background: #feffee;
}
.ig-listStyle2 .ig-row:hover {
  background: #f2f2f2;
}
.ig-listStyle2 .ig-row:hover .type_icon__item_i {
  color: #5c1349 !important;
  font-weight: 400;
  font-size: 32px;
}
.ig-listStyle2 .ig-row:hover .ig-title {
  color: #5c1349 !important;
  font-size: 20px !important;
}
.ig-listStyle2 .ig-row:not(.student-view):not(.ig-row-empty):before {
  top: 0 !important;
  transform: translateY(0%) !important;
  left: -1px !important;
  height: 100% !important;
  width: 6px !important;
  border-radius: 0 !important;
  background: none !important;
  border-top: none !important;
  border-bottom: none !important;
  border-left: #978475 6px double;
  box-sizing: border-box;
  opacity: 0;
}
.ig-listStyle2 .ig-row .ig-handle {
  opacity: 1 !important;
  margin-left: 0px !important;
  position: relative;
  z-index: 9;
  display: inline-flex;
  align-items: center;
}
.ig-listStyle2 .ig-row .ig-handle .draggable-handle {
  margin: 0 !important;
  padding: 0 15px 0 0 !important;
  width: 6px;
  background: url(/dist/images/module_drag-582bbe9068.png) left top repeat-y;
  opacity: 1;
  height: 22px;
  display: inline-block;
}
.ig-listStyle2 .ig-type-icon {
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
}
.ig-listStyle2 .ig-type-icon i[class*=icon-]:before,
.ig-listStyle2 .ig-type-icon i[class^=icon-]:before,
.ig-listStyle2 .ig-type-icon a[class*=icon-]:before,
.ig-listStyle2 .ig-type-icon a[class^=icon-]:before {
  font-family: "InstructureIcons-Line";
  font-weight: 300 !important;
  font-size: 18px !important;
  color: #feb201 !important;
}
.ig-listStyle2 .ig-type-icon .type_icon__item_i::after {
  background: none;
}
.ig-listStyle2 .ig-type-icon .ig-listStyle .ig-info {
  margin-left: 22px;
}
.ig-listStyle2 .ig-type-icon .ig-listStyle .ig-info .ig-title {
  color: #434343 !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  letter-spacing: 0 !important;
}
.ig-listStyle2 .ig-type-icon .ig-listStyle .ig-info .ig-details {
  color: #898989 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  margin-top: 2px !important;
}

.ig-list .moduleStyle:first-child, .ig-list .item-group-condensed:first-child, .item-group-container .moduleStyle:first-child {
  margin-top: 0px !important;
}

.moduleStyle {
  border: none !important;
  border-radius: 0 !important;
  margin-top: 40px;
}
.moduleStyle .ig-header {
  border: none !important;
  background: #f2f2f2 !important;
  border-radius: 0 !important;
  padding: 19px 20px !important;
  border-left: 0 !important;
  border-right: 0 !important;
  box-shadow: inset 0 0 0 1px #978475;
}
.moduleStyle .ig-header .ig-header-title i {
  font-size: 18px;
  color: #856955;
  flex-shrink: 0;
  width: 20px;
}
.moduleStyle .ig-header .ig-header-title .fa-sort-down {
  position: relative;
  top: -3px;
  left: 5px;
}
.moduleStyle .ig-header .ig-header-title .fa-sort-up {
  position: relative;
  top: 5px;
  left: 5px;
}
.moduleStyle .ig-header .ig-header-title .icon-mini-arrow-right {
  position: relative;
  top: -3px !important;
  left: 5px;
}
.moduleStyle .ig-header .sortable-handle.reorder_module_link {
  width: 6px;
  background: url(/dist/images/module_drag-582bbe9068.png) left top repeat-y;
  opacity: 1;
  padding-right: 15px;
  height: 22px;
}
.moduleStyle .Button--icon-action--updated-sang {
  border-radius: 0 !important;
}
.moduleStyle .add_module_item_link {
  padding: 0 !important;
  font-size: 18px;
  color: #333;
}
.moduleStyle .add_module_item_link:hover {
  background: none !important;
  color: #856955;
}

.moduleStyle .add_module_item_link > div > div > i {
  vertical-align: top;
}

/*
 * 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: 0;
  margin-top: 40px !important;
}
.item-group-condensed .ig-header {
  border-top: 1px solid #856955;
  border-bottom: 1px solid #856955;
  border-radius: 0;
  background-color: #fff;
  color: #856955;
  padding: 19px 20px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}
.item-group-condensed .ig-header .links {
  float: right;
}
.item-group-condensed .ig-header .publish-icon {
  margin-right: 10px;
  font-size: 16px;
}
.item-group-condensed .ig-header .sortable-handle {
  opacity: 1;
}
.item-group-condensed .ig-header .sortable-handle:hover {
  opacity: 1;
}
.item-group-condensed .ig-row {
  border-top-width: 0;
  border-radius: 0;
  background: #fff;
}
.item-group-condensed .ig-row:not(.ig-row-empty) {
  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 .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/>.
 */
#preview_quiz_button {
  background-color: #8d8d8d;
  border-radius: 25px;
  padding: 12px 24px;
  font-weight: bold;
  color: #fff;
}

.quiz-header #preview_quiz_button {
  background-color: #3865bc;
}

.quiz-edit-button {
  display: inline-flex;
  background-color: #3865bc;
  border-radius: 25px;
  padding: 12px 24px;
  font-weight: bold;
  color: #fff;
}

.submission-download-button {
  display: inline-flex;
  justify-items: center;
  background-color: #1e6f5c;
  border-radius: 25px;
  padding: 12px 18px;
  font-weight: bold;
  color: #fff;
  transition: all 0.3s;
}
.submission-download-button:hover {
  background-color: #185849 !important;
  color: #fff !important;
}

/* publish buttons */
.btn-publish,
.btn-published,
.btn-unpublish,
.btn-unpublished {
  transition: none;
  border-radius: 5px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  width: 40px;
  height: 40px;
  justify-content: center;
  border: 1px solid #5c1349 !important;
  background: #F5F5F5;
  color: #333 !important;
  margin: 1px !important;
}
.btn-publish i,
.btn-published i,
.btn-unpublish i,
.btn-unpublished i {
  margin-right: 0;
  vertical-align: text-top;
}
.btn-publish i:before,
.btn-published i:before,
.btn-unpublish i:before,
.btn-unpublished i:before {
  color: inherit;
}

#course_status_form {
  display: flex;
}
#course_status_form button {
  flex-grow: 1;
  border: none !important;
}
#course_status_form button:first-of-type {
  border-radius: 22px 0px 0px 22px !important;
}
#course_status_form button:last-of-type {
  border-radius: 0px 22px 22px 0px !important;
}

#course_status_form button {
  justify-content: center;
}
#course_status_form button i {
  font-size: 16px !important;
}
#course_status_form button:first-of-type, #course_status_form button:last-of-type {
  border-radius: 5px !important;
}

#course_status {
  margin-top: -10px;
}
#course_status h3 {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #333 !important;
  letter-spacing: 0 !important;
  margin-bottom: 10px;
}
#course_status .btn-publish {
  background: #f5f5f5;
  opacity: 1 !important;
  color: #898989;
  border: 1px solid #DADADA;
}
#course_status .btn-publish:hover {
  color: #FFFFFF !important;
  background: #000000 !important;
}
#course_status .btn-publish.disabled, #course_status .btn-publish.ui-button.ui-state-disabled {
  background-color: #b2b2b2 !important;
}
#course_status .btn-unpublish {
  background: #f5f5f5;
  opacity: 1 !important;
  text-shadow: none !important;
  color: #898989;
  border: 1px solid #DADADA;
}
#course_status .btn-unpublish.disabled, #course_status .btn-unpublish.ui-button.ui-state-disabled, #course_status .btn-unpublish:hover {
  color: #FFFFFF !important;
  background-color: #000000 !important;
}
#course_status .ui-buttonset {
  margin: 0 !important;
}
#course_status .ui-buttonset .ui-button {
  margin: 0 !important;
}

.btn-published.disabled, .btn-published.ui-button.ui-state-disabled,
.btn-published.disabled:hover {
  background: #5c1349 !important;
  box-shadow: none !important;
  color: #fff !important;
}

.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;
}
.btn-unpublished:focus {
  color: #fff;
  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: #856955;
  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: #5c1349;
}
.publish-icon .publish-text {
  display: none;
}

.moduleStyle .ig-header .publish-icon {
  color: #856955;
}

.moduleStyle .ig-header .publish-icon-published, .moduleStyle .ig-header .al-trigger {
  color: #5c1349 !important;
}

.moduleStyle .ig-header .add_module_item_link:hover {
  color: #5c1349;
}

.published-status.published {
  color: #5c1349;
}
.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: flex;
  align-items: center;
  margin: 0;
  list-style: none;
  border-radius: 1em;
  flex-shrink: 0;
  justify-content: flex-end;
}

.pill > li {
  float: left;
  padding: 0 10px;
  border-right: solid 1px rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
  font-size: 12px;
  font-size: 0.75rem;
}
.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: 20px;
}

.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;
}
.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;
  margin-bottom: 12px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  border-radius: 12px;
  overflow: hidden;
  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-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: #fab70d;
  border: 2px solid #fab70d;
  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: #FFFFFF;
}
.ic-Super-toggle--ui-switch .ic-Super-toggle__option--RIGHT svg > * {
  fill: #FFFFFF;
}
.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: #FFFFFF;
}
.ic-Super-toggle--ui-switch .ic-Super-toggle__input:checked ~ .ic-Super-toggle__container .ic-Super-toggle__option--LEFT svg > * {
  fill: #FFFFFF;
}
.ic-Super-toggle--ui-switch .ic-Super-toggle__input:checked ~ .ic-Super-toggle__container .ic-Super-toggle__option--RIGHT {
  color: #FFFFFF;
}
.ic-Super-toggle--ui-switch .ic-Super-toggle__input:checked ~ .ic-Super-toggle__container .ic-Super-toggle__option--RIGHT svg > * {
  fill: #FFFFFF;
}
.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;
  font-size: 14px;
  color: #333;
}

.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;
  border-radius: 100%;
  width: 16px;
  height: 16px;
  border: 1px solid #d8e0e6;
  position: absolute;
  top: 5px;
  left: 0;
  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-primary);
}
.ic-Radio input[type=radio]:checked ~ .ic-Label:before {
  border-color: var(--ic-brand-primary);
  box-shadow: inset 0 0 0 3px #FFFFFF;
  background: var(--ic-brand-primary);
}
.ic-Radio input[type=radio]:focus ~ .ic-Label:before {
  box-shadow: inset 0 0 0 2px var(--ic-brand-primary-lightened-15), inset 0 0 0 4px #FFFFFF;
  background: var(--ic-brand-primary);
}
.ic-Radio input[type=radio][disabled] ~ .ic-Label {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.ic-Radio.ic-Radio--icon-only {
  height: 2.75rem;
}
.ic-Radio.ic-Radio--icon-only .ic-Label {
  transition: all 0.2s;
  padding: 0.5rem;
  background-color: #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-primary);
}
.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;
  font-size: 22px;
}

.ic-Form-action-box {
  display: flex;
  align-items: flex-start;
  box-sizing: border-box;
  margin-bottom: 24px;
}
@media only screen and (min-width: 992px) {
  .ic-Form-action-box {
    margin-bottom: 12px;
  }
}
.ic-Form-action-box .ic-Form-control {
  margin-bottom: 6px;
}
@media only screen and (min-width: 992px) {
  .ic-Form-action-box .ic-Form-control {
    margin: 0 4px;
    flex: 1;
  }
  .ic-Form-action-box .ic-Form-control:first-child {
    margin-left: 0;
  }
  .ic-Form-action-box .ic-Form-control:last-of-type {
    margin-right: 0;
  }
}

.ic-Form-action-box__Form {
  flex: 1;
  box-sizing: border-box;
}
@media only screen and (min-width: 992px) {
  .ic-Form-action-box__Form {
    display: flex;
    align-items: center;
  }
}

.ic-Form-action-box__Actions {
  box-sizing: border-box;
  padding-left: 48px;
}

.ic-Form-help-text {
  font-size: 12px;
  font-size: 0.75rem;
  display: block;
  margin-top: 6px;
  color: var(--ic-brand-font-color-dark-lightened-15);
  width: 100%;
  line-height: 1.5;
}

#bordered-wrapper {
  overflow: auto;
}

.overflow-auto-new-ui-sang {
  overflow: auto !important;
}

@media only screen and (max-width: 400px) {
  .ic-Action-header {
    margin-bottom: 0;
  }

  .ic-Form-control .Available-from-to {
    display: block;
  }
  .ic-Form-control .Available-from-to .to {
    margin-left: 0px !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/>.
 */
.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;
  font-weight: 600;
}
.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: #fefefe;
  font-weight: 300;
  overflow-x: hidden;
  font-family: "Noto Sans KR", sans-serif !important;
  word-break: break-word;
}
body input, body button, body select, body textarea {
  font-family: "Noto Sans KR", sans-serif !important;
}
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;
}

.cursor-pointer {
  cursor: pointer;
}

.font-weight {
  font-weight: 900;
}

.text-decoration-none {
  text-decoration: 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/>.
 */
/* START NGOC UPDATED */
/*
 * 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
 */
.d-flex {
  display: flex;
}

.flex-wrap {
  flex-wrap: wrap;
}

input[type=text]#course_name {
  border: none;
  box-shadow: none;
  width: 95%;
  background-color: rgba(203, 203, 203, 0.03);
}

.control-group select#course_license {
  border: none;
  box-shadow: none;
  width: 95%;
  background-color: rgba(203, 203, 203, 0.03);
}

.control-group_ngoc-update-UI .control-label {
  width: 90%;
  text-align: left;
  margin: auto 1rem;
}
.control-group_ngoc-update-UI .controls {
  margin-left: 1rem !important;
}

.time-block-list-body .input-append input {
  border: none;
  box-shadow: none;
  background-color: rgba(203, 203, 203, 0.1);
}
.time-block-list-body .input-append button {
  border: none;
}
.time-block-list-body .start-time-column input,
.time-block-list-body .end-time-column input {
  border: none;
  box-shadow: none;
  background-color: rgba(203, 203, 203, 0.1);
}

.time-block-list .splitter input {
  border: none;
  box-shadow: none;
  background-color: rgba(203, 203, 203, 0.1);
}
.time-block-list .splitter .split-link {
  border: none;
}

input[name=participants_per_appointment] {
  box-shadow: none;
  border: none;
}

input[name=max_appointments_per_participant] {
  border: none;
  box-shadow: none;
  background-color: rgba(203, 203, 203, 0.1);
}

.new-input-ui {
  border: none !important;
  box-shadow: none !important;
  background-color: rgba(203, 203, 203, 0.1) !important;
}

@media only screen and (max-width: 389px) {
  .header-bar-left .icon {
    top: 50%;
  }
  .header-bar-left .new-ui-icon-top-sang {
    top: 20% !important;
  }
}
.overrides-column-right.js-assignment-overrides.overrideFormFlex input,
.quiz-overrides-column-right.js-assignment-overrides.overrideFormFlex input {
  border: none;
  box-shadow: none;
  background-color: rgba(203, 203, 203, 0.1);
}
.overrides-column-right.js-assignment-overrides.overrideFormFlex button,
.quiz-overrides-column-right.js-assignment-overrides.overrideFormFlex button {
  border: none;
}

#overrides-wrapper.new-input-ui_ngoc-quizzes .input-append {
  width: 100%;
}
#overrides-wrapper.new-input-ui_ngoc-quizzes .input-append input[data-date-type=due_at] {
  width: 86%;
}
#overrides-wrapper.new-input-ui_ngoc-quizzes .input-append input[data-date-type=lock_at],
#overrides-wrapper.new-input-ui_ngoc-quizzes .input-append input[data-date-type=unlock_at] {
  width: 69%;
}

#group_category_selector .form-column-right .border.border-trbl.border-round {
  margin-right: 0 !important;
}

#overrides-wrapper .input-append input[data-date-type=due_at] {
  width: 123%;
}
#overrides-wrapper .to {
  margin-left: 27px;
}

#quiz_show_correct_answers_options .ui-datepicker-trigger.btn {
  border: none;
}

#statistics_ngoc_updated__UI span {
  color: #008ee2;
}
#statistics_ngoc_updated__UI span:hover {
  text-decoration: underline;
}
#statistics_ngoc_updated__UI span.active {
  color: #2d3b45;
}

.new-border-background-ui {
  border: none !important;
  background-color: #efefef !important;
  min-width: 100%;
}

.select-container {
  display: flex;
  font-size: 12px;
  width: auto;
}

.bwOAM_byIz {
  border: solid 1px #dadada;
  padding-left: 15px;
  padding-right: 15px;
  background-color: #F5F5F5;
}
.bwOAM_byIz .bwOAM_cwos {
  border: none !important;
  background-color: #F5F5F5 !important;
  height: 38px !important;
}

.dHGMZ_SpYf {
  flex-grow: 0 !important;
}

#add_announcement {
  background: #F5F5F5;
  color: black;
  height: 40px;
  text-decoration: none !important;
  font-weight: bold;
  margin-right: 10px !important;
}

.cnWSA_bcSS.cnWSA_KksD {
  height: 40px !important;
  width: 5px !important;
}

.cnWSA_bcSS {
  border-radius: 15px !important;
  background-color: #fab70d !important;
}

input[name=announcements_search],
input[name=discussion_search],
#add_discussion {
  border: none !important;
}

#sections_autocomplete_root .bgKsu_dtDb {
  border: none;
  background-color: #cbcbcb1a;
}
#sections_autocomplete_root .DyQTK_ddES {
  border: none;
  background-color: #e5e5e5;
}

.discussions-v2__wrapper #discussion_settings > span {
  border: none;
}

.d-j-a-f {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.width-50 {
  width: 50% !important;
}

.text-left {
  text-align: left !important;
}

.margin-left-0 {
  margin-left: 0 !important;
}

.group-category-create input[name=create_group_count],
.group-category-create input[name=create_group_member_count] {
  border: none;
  background-color: #cbcbcb1a;
}

#group_category_options .form-column-left {
  text-align: left;
  padding-left: 0;
}
#group_category_options .form-column-right {
  width: 100%;
}
#group_category_options .form-column-right > div:nth-child(1) {
  width: 100%;
  margin-right: 0;
}

/* END NGOC UPDATED */
.section-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

@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: 0px !important;
  }
}
.container-Info__meeting {
  font-size: 1rem;
  display: flex;
  justify-content: center;
}

.label-Info__meeting {
  text-align: right;
  font-weight: 600;
}

.value-Info__meeting {
  padding-left: 20px;
  text-align: left;
}

.value-Info-description__meeting {
  white-space: pre-line;
  padding-left: 20px;
  text-align: left;
}

.container-Info__meeting table tr td {
  padding: 10px;
}

#custom-left-size {
  padding: 0px 24px;
}

body:not(.ic-no-flex-layout):not(.embedded) .ic-app-main-content {
  box-sizing: border-box;
  flex: 1;
  min-width: 1px;
  margin-top: 0px;
}

.ic-Layout-contentWrapper {
  box-sizing: border-box;
}
body:not(.content-main-fullwidth) .ic-Layout-contentWrapper {
  margin: 35px;
}

.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: 0;
    padding-right: 0;
  }
  .ic-Layout-contentMain li.item-group-condensed {
    padding: 0;
  }
  .ic-Layout-contentMain .ig-row__layout .ig-details__item {
    white-space: normal;
  }
}
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;
  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;
    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-top: 10px;
  padding-right: 24px;
  padding-left: 24px;
  position: relative;
  transform: translate3d(0, 0, 0);
}

#right-side-wrapper {
  padding: 30px 24px;
}

@media only screen and (max-width: 425px) {
  #right-side-wrapper {
    padding: 30px 36px;
  }
}
@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-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: 360px;
    padding-left: 0;
  }
}

@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-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: 360px;
    padding-left: 0;
  }
}

.ic-app-footer {
  box-sizing: border-box;
  padding: 12px 0;
  margin: 0 24px;
  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;
  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;
}

.ic-Layout-wrapper {
  box-sizing: border-box;
  min-height: 100vh;
  margin-top: 70px !important;
  background: #fff;
  overflow: hidden;
}
@media not all and (min-width: 768px) {
  .ic-Layout-wrapper {
    max-width: 100%;
  }
}
body:not(.full-width-speedgrader) .ic-Layout-wrapper {
  max-width: 1360px;
  margin: auto;
}
body:not(.ic-no-flex-layout):not(.embedded) .ic-Layout-wrapper {
  display: flex;
  flex-direction: column;
}
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);
  transform: translate3d(0, 0, 0);
  box-sizing: border-box;
  top: 0;
  right: 100%;
  padding: 20px 24px 0 24px;
  opacity: 0;
}
.ic-app-course-menu:not(.switch_group_true) {
  padding: 20px 24px 0 24px;
}
body.course-menu-expanded .ic-app-course-menu {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  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;
  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;
}

.ic-app-nav-toggle-and-crumbs {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #C7CDD1;
  margin: 0 24px;
  /*min-height: $ic-breadcrumbs-height;*/
  min-height: auto;
  box-sizing: border-box;
  padding: 10px 0;
}
.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;
}

.tooltip-custom {
  display: none;
  background-color: #856955;
  color: white;
  font-size: 12px;
  top: 60%;
  z-index: 9999;
  right: 35%;
  opacity: 0;
  transition: ease-in 0.4s;
  width: max-content;
}

.footerWrap {
  background: #F5F5F5;
}

.footerWrap > section {
  max-width: 1360px;
  margin: 0 auto;
  padding: 20px 24px;
  display: flex;
  align-items: center;
}

.copyRights {
  margin-left: 80px;
  font-size: 11px;
  font-weight: 400;
  color: #898989;
  letter-spacing: 0;
  line-height: 17px;
}

@media screen and (max-width: 767px) {
  .footerLogo {
    max-width: 61px;
  }

  .copyRights {
    margin-left: 20px;
    font-size: 10px;
  }
}
/* BM */
.flex {
  display: flex;
}

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

.align-self-center {
  align-self: center;
}

.justify-space-center {
  justify-content: center;
}

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

.justify-content-flex-end {
  justify-content: flex-end;
}

.flex-wrap-wrap {
  flex-wrap: wrap;
}

.flex-shrink-0 {
  flex-shrink: 0;
}

.inputStyle, .announcementsSearch input {
  border: 1px solid #D5D5D5 !important;
  border-radius: 5px !important;
  color: #333 !important;
  padding: 0 10px !important;
  width: 100% !important;
  height: 40px !important;
  line-height: 40px !important;
  box-sizing: border-box !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  vertical-align: middle !important;
  margin: 1px !important;
  -webkit-appearance: none;
  appearance: none;
}

.announcementsSearch input {
  padding: 0 !important;
  margin: 0 !important;
}

.inputStyle::placeholder, .announcementsSearch input::placeholder {
  color: #B2B2B2 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}

.inputStyle:focus, .announcementsSearch input:focus {
  outline: none !important;
}

.selectStyle {
  border: 1px solid #D5D5D5 !important;
  border-radius: 5px !important;
  color: #333 !important;
  padding: 0 10px !important;
  width: 100% !important;
  height: 40px !important;
  line-height: 40px !important;
  box-sizing: border-box !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  vertical-align: baseline !important;
  margin: 0 !important;
  background: url("/dist/images/selectArw-9c53805d6b.png") #fff no-repeat right 10px center !important;
  -webkit-appearance: none;
  appearance: none;
  outline: none;
}

.inputTitStyle {
  border: 1px solid #D5D5D5 !important;
  border-radius: 5px !important;
  color: #333 !important;
  padding: 0 15px !important;
  width: 100% !important;
  height: 50px !important;
  line-height: 50px !important;
  box-sizing: border-box !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  vertical-align: middle !important;
  margin: 1px !important;
  -webkit-appearance: none;
  appearance: none;
}

.inputTitStyle::placeholder {
  color: #B2B2B2 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}

.inputTitStyle:focus {
  outline: none !important;
}

.selectStyle, #GradeSummarySelectMenuGroup label select, .settingSelect select {
  border: 1px solid #D5D5D5 !important;
  border-radius: 5px !important;
  color: #333 !important;
  padding: 0 20px 0 10px !important;
  width: 100% !important;
  height: 40px !important;
  line-height: 40px !important;
  box-sizing: border-box !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  margin: 1px !important;
  background: url("/dist/images/selectArw-9c53805d6b.png") #fff no-repeat right 5px center !important;
  -webkit-appearance: none;
  appearance: none;
  outline: none;
}

.selectStyle::-ms-expand {
  display: none;
}

.selectStyle:focus {
  outline: none !important;
}

#GradeSummarySelectMenuGroup label:first-child {
  margin-right: 10px;
}

#GradeSummarySelectMenuGroup label svg {
  display: none;
}

input[class=checkStyle] {
  margin: 0 !important;
  -webkit-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  height: 16px;
  width: 16px;
  background: #fff;
  border: 1px solid #aaa;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  outline: none;
  vertical-align: middle;
}

input[class=checkStyle]:checked {
  background: url("/dist/images/inputCheck-8fa121ab06.png") center center #003E85 no-repeat;
  border-color: #003E85;
}

input[class=checkStyle]:focus {
  outline: none !important;
}

input[class=checkStyle] + label {
  margin: 0 !important;
  font-size: 13px;
  color: #333;
  vertical-align: middle !important;
  cursor: pointer;
}

input[class=checkStyle] + label[class=ml5] {
  margin-left: 5px !important;
}

.radioStyle {
  vertical-align: middle;
  -webkit-appearance: none;
  -o-appearance: none;
  appearance: none;
  border-radius: 100%;
  box-sizing: border-box;
  height: 16px !important;
  width: 16px !important;
  background: #fff;
  border: 1px solid #aaa;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  outline: none;
  position: relative;
  z-index: 1000;
  padding: 0 !important;
}

.radioStyle:checked {
  border: 4px solid #003E85;
}

.radioStyle:focus {
  outline: none !important;
}

.radioStyle + label {
  vertical-align: middle !important;
  margin: 0;
}

.textareaStyle {
  display: block !important;
  resize: vertical !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #000 !important;
  background: #F5F5F5 !important;
  border: 1px solid #F5F5F5 !important;
  border-radius: 0 !important;
  box-sizing: border-box !important;
  padding: 0px 10px !important;
  width: 100% !important;
}

.textareaStyle::placeholder {
  color: #B2B2B2;
  font-size: 12px;
  font-weight: 400;
}

.btnStyle1_gray, .Sidebar__TodoListContainer > div > div > button > span, .discussion-section.message_wrapper .cancel_button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 70px !important;
  border-radius: 5px !important;
  padding: 0 10px !important;
  width: auto !important;
  height: 40px !important;
  box-sizing: border-box !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  border: 1px solid #978475 !important;
  background: #fff !important;
  color: #856955 !important;
  margin: 1px !important;
}

.btnStyle1_gray:hover, .btnStyle1_gray:focus, .Sidebar__TodoListContainer > div > div > button > span:hover, .Sidebar__TodoListContainer > div > div > button > span:focus {
  background: #978475 !important;
  color: #fff !important;
  outline: none !important;
  box-shadow: none !important;
}

.btnStyle1_gray.square {
  min-width: 40px !important;
  padding: 0 !important;
  width: 40px !important;
  height: 40px !important;
}

.btnStyle1_blue, .btnStyle1_gray.btn-primary, #GradeSummarySelectMenuGroup #apply_select_menus {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 70px !important;
  border-radius: 5px !important;
  padding: 0 10px !important;
  width: auto !important;
  height: 40px !important;
  box-sizing: border-box !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  border: 1px solid #978475 !important;
  background: #978475 !important;
  color: #fff !important;
  margin: 1px !important;
}

.btnStyle1_blue:hover, .btnStyle1_blue:focus, .btnStyle1_gray.btn-primary:hover, .btnStyle1_gray.btn-primary:focus {
  background: #fff !important;
  color: #856955 !important;
  outline: none !important;
  box-shadow: none !important;
}

.btnStyle1_blue.square {
  min-width: 40px !important;
  padding: 0 !important;
  width: 40px !important;
  height: 40px !important;
}

.btnPub {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 70px !important;
  border-radius: 0 !important;
  padding: 0 10px !important;
  width: auto !important;
  height: 40px !important;
  box-sizing: border-box !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  vertical-align: middle !important;
  margin: 2px !important;
}

.Sidebar__TodoListContainer > div > div > button {
  width: 100% !important;
  padding: 0 !important;
}

.Sidebar__TodoListContainer > div > div > button > span {
  display: flex !important;
}

#GradeSummarySelectMenuGroup #apply_select_menus span {
  font-size: 14px;
}

.btnStyle1_gray i, .btnStyle1_blue i {
  margin-right: 4px;
}

.optionStyle > li > a, .optionStyle > li > span {
  font-size: 12px !important;
  color: #333 !important;
  height: 30px;
  display: inline-flex !important;
  align-items: center;
  font-weight: 400;
}

.optionStyle > li > span > span > span {
  color: #333 !important;
}

.optionStyle > li > a.ui-state-focus, .optionStyle > li > span:hover {
  background: #dadada !important;
  color: #333 !important;
}

.optionStyle > li > span:hover > span > span {
  color: #333 !important;
}

.optionStyle > li > a i:before, .optionStyle > li > a[class*=icon-]:before {
  font-size: 12px;
}

.iconMore {
  padding: 0 !important;
  display: inline-flex !important;
  width: 21px !important;
  height: 21px !important;
  justify-content: center !important;
  align-items: center !important;
}

.iconMore:hover {
  background: #DADADA !important;
}

.iconMore > i {
  display: inline-flex !important;
}

.iconMore > i:before {
  font-size: 14px !important;
  color: #6B6B6B !important;
}

.tblSkin1 tbody td {
  font-size: 12px !important;
  padding: 7px 15px !important;
}

.tblSkin1 tbody td .publish-icon {
  font-size: 16px !important;
}

.tblStyle {
  width: 100%;
  font-size: 16px;
}

.tblStyle thead th {
  padding: 5px 10px !important;
  background: #fff !important;
  border-bottom: 1px solid #856955 !important;
  color: #333;
  font-size: 14px !important;
  font-weight: 500;
  vertical-align: middle;
  text-align: left;
}

.tblStyle tbody th {
  padding: 5px 10px !important;
  background: #fff !important;
  font-size: 16px !important;
  font-weight: 500;
  vertical-align: middle;
  color: #444;
  border-bottom: 1px solid #dad4d0;
}

.tblStyle tbody td {
  padding: 5px 10px !important;
  background: #fff !important;
  font-size: 16px !important;
  vertical-align: middle;
  color: #444;
  border-bottom: 1px solid #dad4d0;
}

.tblStyle tbody tr:nth-child(5n) th, .tblStyle tbody tr:nth-child(5n) td {
  border-bottom-color: #856955;
}

.tblStyle.borderNone tbody tr:nth-child(5n) th, .tblStyle.borderNone tbody tr:nth-child(5n) td {
  border-bottom-color: #dad4d0;
}

.tblStyle tbody tr:hover th, .tblStyle tbody tr:hover td {
  background: #f2f2f2 !important;
}

.tblStyle.tdOver td {
  text-overflow: ellipsis;
  word-break: break-all;
  overflow: hidden;
}

.titOver {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  width: 90%;
  vertical-align: middle;
  margin-left: 7px;
}

.theadFix {
  width: 100%;
  font-size: 14px;
  table-layout: fixed;
}

.theadFix thead {
  position: sticky;
  top: 0;
}

.theadFix thead th {
  padding: 8px 5px !important;
  background: #eee !important;
  color: #333;
  font-size: 13px !important;
  font-weight: 400;
  vertical-align: middle;
  text-align: center;
}

.theadFix tbody th {
  padding: 5px 5px !important;
  background: #fff !important;
  font-size: 14px !important;
  font-weight: 400;
  vertical-align: middle;
}

.theadFix tbody td {
  padding: 5px 5px !important;
  background: #fff !important;
  font-size: 14px !important;
  vertical-align: middle;
  color: #444;
  border-bottom: 1px solid #dad4d0;
  word-break: break-word;
}

.theadFix tbody tr:nth-child(5n) th, .theadFix tbody tr:nth-child(5n) td {
  border-bottom-color: #856955;
}

.theadFix tbody tr:hover th, .theadFix tbody tr:hover td {
  background: #f2f2f2 !important;
}

.theadFix thead .theadFixBorder {
  height: 1px;
  padding: 0px !important;
  background: #999 !important;
}

.width100 {
  width: 100%;
}

.margin0 {
  margin: 0 !important;
}

.mt0 {
  margin-top: 0 !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mr0 {
  margin-right: 0 !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.ml0 {
  margin-left: 0px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.padding0 {
  padding: 0 !important;
}

.pr10 {
  padding-right: 10px !important;
}

.font-size26 {
  font-family: "Noto Sans KR" !important;
  font-size: 26px !important;
  font-weight: 700;
}

.font-size22 {
  font-family: "Noto Sans KR" !important;
  font-size: 22px !important;
  font-weight: 400;
}

.font-size18 {
  font-family: "Noto Sans KR" !important;
  font-size: 18px !important;
  font-weight: 400;
}

.font-size16 {
  font-family: "Noto Sans KR" !important;
  font-size: 16px !important;
}

.font-size14 {
  font-family: "Noto Sans KR" !important;
  font-size: 14px !important;
}

.font-size12 {
  font-family: "Noto Sans KR" !important;
  font-size: 12px !important;
}

#lock_announcements > span, #delete_announcements > span {
  border-radius: 0 !important;
  height: 40px;
}

#add_announcement > span {
  border-radius: 5px !important;
  font-size: 12px;
  height: 40px;
}

#add_announcement > span > span, #lock_announcements > span > span, #delete_announcements > span > span {
  height: 40px;
}

.ic-section-tooltip .anTool {
  border: none;
  background: none;
  padding: 0;
  font-size: 12px;
  color: #0E4E96;
}

.ic-item-row__content-col .ic-item-row__content-link-container > span {
  margin: 0 !important;
}

.ic-item-row__content-col .ic-item-row__content-link-container > span > span {
  font-size: 12px;
  color: #0E4E96;
}

.ic-item-row__manage-menu > span > button {
  background: #DADADA !important;
  border-radius: 100% !important;
  width: 21px !important;
  height: 21px !important;
  font-size: 12px !important;
}

.ic-item-row__meta-content {
  margin-top: 10px;
}

.ic-item-row__author-col > span {
  font-size: 18px !important;
}

.profileForm .profileDetails {
  border-bottom: 1px solid #DADADA;
  padding-bottom: 15px;
  font-size: 15px;
  color: #898989;
}

.profileFormList {
  display: flex;
  align-items: flex-start;
  margin: 10px 0;
}

.profileFormList > h3, .profileFormList > p, .profileFormList > div, .profileFormList > div > p, .profileFormList > ul {
  margin: 0;
  padding: 0;
  line-height: normal;
  font-size: 14px;
  color: #898989;
}

.profileFormList > h3 {
  width: 90px;
  flex-shrink: 0;
  font-size: 14px !important;
  color: #000;
  font-weight: 700;
}

.hide-if-editing .profileHeader {
  padding: 0 !important;
  font-size: 14px !important;
  color: #000;
  font-weight: 700;
  margin: 0;
}

.discussionsList > span > div > button {
  box-shadow: 0 -1px #dadada, inset 0 -1px #dadada;
}

.calendarIcon a[class*=icon-]:before, .calendarIcon a[class^=icon-]:before {
  font-family: "Font Awesome 6 Pro" !important;
  font-weight: 300 !important;
}

.calendarIcon .icon-assignment:before {
  content: "\e014" !important;
}

.calendarIcon .icon-comment:before {
  content: "\f4b6" !important;
}

.calendarIcon .icon-paperclip:before {
  content: "\f07c" !important;
}

.calendarIcon .icon-document:before {
  content: "\f0c5" !important;
}

.calendarIcon .icon-quiz:before {
  content: "Q" !important;
}

.calendarIcon .icon-link:before {
  content: "\f0c1" !important;
}

.calendarIcon .icon-calendar-month:before {
  content: "\f073" !important;
}

.calendarIcon .icon-video:before {
  content: "\f03d" !important;
}

.calendarIcon .icon-windows:before {
  content: "\f40e" !important;
}

.message-header-input > .message_course > .dropdown-toggle::after, .conversations .course-filter > .dropdown-toggle::after {
  display: none;
}

.message-header > h2 {
  font-size: 28px;
}

.new-d-none {
  display: none !important;
}

.profileTab {
  display: inline-flex;
  flex-wrap: wrap;
}

.profileTab > li a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 100px !important;
  border-radius: 0 !important;
  padding: 0 10px !important;
  width: auto !important;
  height: 45px !important;
  box-sizing: border-box !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  vertical-align: middle !important;
  border: 1px solid #DADADA !important;
  background: #F5F5F5 !important;
  color: #333 !important;
  margin: 1px !important;
}

.profileTab > li a:hover, .profileTab > li a:focus {
  background: #DADADA !important;
  color: #333 !important;
  outline: none !important;
  box-shadow: none !important;
}

.profileTab > li a i {
  margin-right: 5px;
}

.profileTab > li a.active {
  border: 1px solid #856955 !important;
  background: #856955 !important;
  color: #fff !important;
}

#dashboard-planner-header .PlannerHeader {
  display: flex;
  align-items: center;
}

#dashboard-planner-header .PlannerHeader button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 32px !important;
  border-radius: 0 !important;
  padding: 0 !important;
  width: 32px !important;
  height: 32px !important;
  box-sizing: border-box !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  vertical-align: baseline !important;
  border: 1px solid #DADADA !important;
  background: #F5F5F5 !important;
  color: #333 !important;
  margin: 1px !important;
}

#dashboard-planner-header .PlannerHeader #planner-today-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 70px !important;
  border-radius: 0 !important;
  padding: 0 10px !important;
  width: auto !important;
  height: 32px !important;
  box-sizing: border-box !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  vertical-align: baseline !important;
  border: 1px solid #DADADA !important;
  background: #F5F5F5 !important;
  color: #333 !important;
  margin: 1px !important;
}

#dashboard-planner-header .PlannerHeader > span > span {
  margin: 1px !important;
  margin-right: 10px !important;
}

#DashboardOptionsMenu_Container span button {
  width: 40px !important;
  height: 40px !important;
}

#DashboardOptionsMenu_Container > div {
  align-items: center;
}

.Grouping-styles__root.planner-grouping > .NotificationBadge-styles__hasBadge, .Grouping-styles__root.planner-grouping > .NotificationBadge-styles__activityIndicator {
  display: none;
}

.planner-grouping .Grouping-styles__title {
  background: none;
  color: #fff;
  font-size: 16px;
}

.planner-grouping .Grouping-styles__title::after {
  background: none;
}

.PlannerItem-styles__title {
  line-height: inherit !important;
}

.planner-item .PlannerItem-styles__completed {
  margin-left: 10px !important;
}

#gradebook-grid-wrapper .slick-header-columns .Gradebook__ColumnHeaderDetail--OneLine > span {
  font-size: 14px;
}

.opiTotal {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px;
}

.opiTotal-content {
  flex: 1 1 24%;
  display: flex;
  align-items: center;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
  margin: 5px;
  padding: 20px;
  box-sizing: border-box;
}

.opiTotal-left {
  width: 60px;
  flex-shrink: 0;
}

.opiTotal-left > i {
  background: #ece6e2;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  font-size: 23px;
}

.opiTotal-left > i:before, .opiTotal-left > i:after {
  color: #856955;
}

.opiTotal-left > svg {
  width: auto;
  height: 45px;
}

.opiTotal-right {
  width: 100%;
}

.opiTotal-heading {
  font-size: 14px;
  font-weight: 600;
  color: #434343;
  margin-bottom: 5px;
}

.opiTotal-main-wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.opiTotal-main {
  font-size: 26px;
  font-weight: 600;
  color: #434343;
  line-height: 26px;
}

.opiTotal-sub {
  font-size: 12px;
  font-weight: 400;
  color: #898989;
}

.opiTotal-sub strong {
  color: #434343;
}

.context_module_item .ig-row .ig-info .module-item-title .item_name .ig-title, .context_module_item .ig-row .ig-info .module-item-title .item_name .external_url_link {
  color: #856955;
  font-size: 16px;
  font-weight: 300;
}

.context_module_item .ig-row .ig-info .module-item-title .item_name .locked_title {
  color: #856955;
  font-size: 20px;
  font-weight: 300;
}

.item_name .item_progress {
  color: #856955;
  font-weight: 300;
}

.Grouping-styles__overlay {
  border-radius: 0 !important;
}

#add_discussion > span {
  border-radius: 5px !important;
  font-size: 14px;
  height: 40px;
}

#add_discussion > span > span {
  height: 40px;
}

#collaboration_google > button {
  margin-left: 0 !important;
}

.moduleStyle .ig-header .ig-header-title .icon-mini-arrow-right:before {
  font-family: "Font Awesome 6 Pro";
  font-weight: 900 !important;
  content: "\f0dd";
}

.moduleStyle .ig-admin .publish-icon i[class*=icon-]:before, .moduleStyle .ig-admin .publish-icon i[class^=icon-]:before, .moduleStyle .ig-admin .lock-icon i[class*=icon-]:before, .moduleStyle .ig-admin .lock-icon i[class^=icon-]:before {
  font-size: 16px !important;
}

.switch-views__link, .toggle_views_link, .toggle_question_content_views_link, .toggle_description_views_link, .rte_switch_views_link, .rte_switch_views_link {
  display: inline-flex;
  align-items: center !important;
  justify-content: center !important;
  min-width: 70px !important;
  border-radius: 0 !important;
  padding: 0 10px !important;
  width: auto !important;
  height: 32px !important;
  box-sizing: border-box !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  vertical-align: middle !important;
  border: 1px solid #DADADA !important;
  background: #F5F5F5 !important;
  color: #333 !important;
  margin: 1px !important;
}

.discussion-section.message_wrapper .edit_html_done_wrapper {
  display: inline;
  padding: 0;
}

.mce-container-body.mce-stack-layout {
  width: 100%;
}

.fullScreenBtnWrap {
  text-align: right;
  position: relative;
  top: -35px;
}

.fullScreenBtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 50px;
  border-radius: 0;
  padding: 0 10px;
  width: auto;
  height: 32px;
  box-sizing: border-box;
  font-size: 12px;
  font-weight: 500;
  vertical-align: middle;
  border: 1px solid #DADADA;
  background: #F5F5F5;
  color: #333;
  margin: 1px;
}

.fullScreenBtn:hover, .fullScreenBtn:focus {
  background: #DADADA;
  color: #333;
  outline: none;
  box-shadow: none;
  text-decoration: none;
}

.recent_activity .image-block-image i:before {
  font-size: 24px !important;
  vertical-align: bottom;
}

.discussionsCon {
  display: flex;
}

.discussionsCon .anTit {
  margin-top: 0 !important;
}

.discussionsCon .subscribe-button .toggle-button span {
  color: #FEB201;
}

.discussionsList > span > div > button {
  padding: 10px 13px !important;
}

.topicSubscribe .topic-subscribe-button {
  color: #707070;
}

.topicSubscribe .topic-subscribe-button:hover {
  color: #017232;
}

.topicSubscribe .topic-unsubscribe-button {
  color: #5c1349;
}

.topicSubscribe .js-subscribeBtn i {
  margin-right: 0;
  vertical-align: text-top;
}

#discussion-managebar .topicPubBtn {
  background: none !important;
  border: none !important;
  width: 18px;
  height: 18px;
}

#discussion-managebar .topicPubBtn i:before {
  font-size: 18px;
}

.conWidth100 {
  width: 100% !important;
  margin: 0 auto;
}

.labelTit {
  font-family: "Noto Sans KR";
  font-size: 16px;
  font-weight: 600;
}

.formColWrap {
  display: flex;
  align-items: center;
}

.formColLeft {
  flex-shrink: 0;
  width: 150px;
  text-align: right;
  padding-right: 10px;
}

.formColRight {
  width: 100%;
}

/* v2.0 renewal */
.loginWrap .ic-Layout-wrapper, .loginWrap .ic-app-main-content {
  margin-top: 0 !important;
}

.loginWrap .ic-Layout-wrapper {
  background: none !important;
}

.swiper-slide:nth-child(1) .banSliderCon {
  background: url("/dist/images/mainBanBg1-a4d1882414.jpg") no-repeat;
  background-size: cover;
  text-align: center;
  height: 375px;
}

.swiper-slide:nth-child(2) .banSliderCon {
  background: url("/dist/images/mainBanBg2-eed9b49e88.jpg") no-repeat;
  background-size: cover;
  text-align: center;
  height: 375px;
}

.swiper-slide:nth-child(3) .banSliderCon {
  background: url("/dist/images/mainBanBg3-7a4f06ba55.jpg") no-repeat;
  background-size: cover;
  text-align: center;
  height: 375px;
}

.banSliderCon {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 15px;
}
.banSliderCon .inner {
  margin-top: -30px;
}
.banSliderCon .inner h2 {
  font-size: 42px;
  font-weight: 500;
  line-height: 120%;
  color: #fff;
  margin-top: 0px;
  letter-spacing: 0;
}
.banSliderCon .inner h2 span {
  font-size: 28px;
  font-weight: 300;
  line-height: 130%;
  color: #fff;
  display: block;
  margin-top: 8px;
  letter-spacing: 0;
}

#mainBanner .swiper-horizontal > .swiper-pagination-bullets, #mainBanner .swiper-pagination-bullets.swiper-pagination-horizontal, #mainBanner .swiper-pagination-custom, #mainBanner .swiper-pagination-fraction {
  bottom: 30px;
}

.bannerSwiper .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  display: inline-block;
  border-radius: 100%;
  background: #fff;
  margin: 0 8px !important;
}
.bannerSwiper .swiper-pagination-bullet-active {
  background: #fff;
}

.contentTit {
  margin: 0 -4px 0 -5px;
}
.contentTit h2 {
  font-size: 40px;
  font-weight: 100;
  line-height: 100%;
  color: #856955;
  margin: -5px 0 0 0;
  letter-spacing: 0;
  margin-left: -2px;
}
.contentTit p {
  font-size: 22px;
  font-weight: 300;
  line-height: 110%;
  color: #856955;
  margin: 13px 0 0 0;
  letter-spacing: 0;
}

.classHeadTit {
  background: #5c1349;
  margin: 0 -24px 0 -24px;
  padding: 25px 24px 0 24px;
}
.classHeadTit h2 {
  font-size: 38px;
  font-weight: 400;
  line-height: 100%;
  color: #cbbc9e;
  margin: 0 0 0 0;
  letter-spacing: -0.45px;
  text-indent: -2px;
}
.classHeadTit h2 a {
  color: #cbbc9e;
}

.classHeadStatus {
  color: #cbbc9e;
  font-size: 12px;
  background: #5c1349;
  display: flex;
  flex-wrap: wrap;
  padding: 15px 24px 25px 24px;
  margin: 0px -24px 0 -24px;
}

.subNavHeaderWrap {
  margin: 0 -24px;
  padding: 0 24px;
  border-bottom: 1px solid #978475;
}

.subNavHeader_icon a {
  color: #856955;
  padding: 10px;
}

.ig-details__item strong, li.quiz .default-dates .status-description {
  font-weight: 300 !important;
}

.mainTxtColor {
  color: #856955;
}

.announcementsSearch > label > span > span > span > span {
  border: 1px solid #D5D5D5 !important;
  border-radius: 5px !important;
  color: #333 !important;
  padding: 0 10px !important;
  width: 100% !important;
  height: 40px !important;
  line-height: 40px !important;
  box-sizing: border-box !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  vertical-align: middle !important;
  margin: 1px !important;
  -webkit-appearance: none;
  appearance: none;
}

.announcementsSearch > label > span > span > span > span input {
  height: 38px !important;
}

.discussion-reply-add-attachment {
  display: inline-flex;
  line-height: 36px;
  align-items: center;
  justify-content: center;
  min-width: 70px;
  border-radius: 5px !important;
  padding: 0 10px !important;
  width: auto !important;
  height: 40px !important;
  box-sizing: border-box !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
  border: 1px solid #856955 !important;
  background: #fff !important;
  color: #856955 !important;
  margin: 1px !important;
}

.docsTitWrap {
  border-left: 2px solid #856955;
  padding-left: 15px;
}

.docsTit {
  font-size: 24px;
  font-weight: 400;
  line-height: 110%;
  color: #856955;
  margin-top: 0;
}

.docsSubTit {
  font-size: 18px;
  font-weight: 300;
  line-height: 140%;
  color: #856955;
  margin-bottom: 0;
}

.add_assignment {
  padding: 0 !important;
  font-size: 18px;
  color: #333;
}

.add_assignment:hover {
  color: #5c1349;
}

.GradebookWrap {
  padding: 0 24px;
}

#gradebook_grid .slick-row {
  height: 43px;
}

.GradesTit {
  display: none;
}

.frontBtn {
  background: #6c757d;
  padding: 7px 10px;
  border-radius: 30px;
}

::-webkit-scrollbar-track {
  opacity: 0 !important;
}

::-webkit-scrollbar {
  width: 6px !important;
  height: 6px;
  background-color: #F5F5F5 !important;
}

::-webkit-scrollbar-thumb {
  background-color: #ccc !important;
  border-radius: 10px !important;
}

.videoTitWrap {
  display: flex;
}

/*.videoTitWrap .docsTitWrap {border-left:none; padding-left:0px}*/
@media screen and (max-width: 1208px) {
  .course-nav-Container {
    margin-right: 30px !important;
  }
}
@media screen and (max-width: 1167px) {
  .ig-header .ig-header-title {
    width: 60%;
  }

  .course-nav-Container {
    margin-right: 10px !important;
  }
}
@media screen and (max-width: 1024px) {
  .opiTotal-content {
    flex: 1 1 48%;
    padding: 10px;
  }
}
@media screen and (max-width: 992px) {
  .opi-course-individual .opi-course-individual-selected {
    margin-top: 50px;
  }

  #nav-course-home__Custom {
    width: auto !important;
  }

  #nav-course-module__Custom {
    width: auto !important;
  }

  #nav-course-people__Custom {
    width: auto !important;
  }

  #nav-course-communication__Custom {
    width: auto !important;
  }

  #nav-course-activity__Custom {
    width: auto !important;
  }

  #nav-course-evaluation__Custom {
    width: auto !important;
  }
}
@media screen and (max-width: 920px) {
  .nav-web {
    display: none !important;
  }

  .nav-mobile {
    display: block !important;
  }

  .subNavHeaderWrap {
    padding: 10px 24px;
  }
}
@media screen and (max-width: 896px) {
  .NotificationBadge-styles__activityIndicator.NotificationBadge-styles__hasBadge {
    display: none !important;
  }
}
@media screen and (max-width: 887px) {
  .ig-header .ig-header-title {
    width: 70%;
  }
}
@media screen and (max-width: 830px) {
  .ic-Layout-contentWrapper {
    margin: 24px !important;
  }

  .gradebook .ic-Layout-contentWrapper {
    margin: 24px 0 !important;
  }

  .GradebookWrap {
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .opiTotal-content {
    flex: 1 1 100%;
  }

  .opi-recent-activity .ignore-item {
    text-align: left !important;
  }

  .toolbarView .sticky {
    top: 60px !important;
  }

  .banSliderCon .inner .mainBanLogo {
    height: 30px;
  }

  .banSliderCon .inner h2 {
    margin-top: 15px;
  }

  .banSliderCon .inner h2 span {
    margin-top: 10px;
  }

  .banSliderCon .inner h2, .contentTit h2 {
    font-size: 38px;
  }

  .banSliderCon .inner h2 span, .contentTit p {
    font-size: 18px;
  }

  .ic-Dashboard-header__title {
    width: 100%;
    flex: 1 1 100% !important;
    max-width: 100% !important;
    margin-bottom: 10px;
  }

  .ic-Dashboard-header__title span {
    padding-top: 0;
  }

  .ic-Dashboard-header__actions {
    width: 100%;
  }

  .item-group-container {
    padding-bottom: 0;
  }

  .ic-item-row__meta-col {
    width: 80px;
  }
}
@media screen and (max-width: 767px) {
  .dashboard-banner #mainBanner {
    margin-top: 60px !important;
  }

  .classHeadStatus .me-5 {
    margin-right: 10px !important;
  }

  .ic-Layout-wrapper {
    margin-top: 60px !important;
  }
}
@media screen and (max-width: 650px) {
  .ig-header .name {
    font-size: 16px;
  }

  .ig-title {
    font-size: 12px;
  }

  .ig-details {
    font-size: 10px !important;
  }

  .profileTab {
    width: 100%;
  }

  .profileTab > li {
    width: 50%;
  }

  .profileTab > li a {
    width: 100% !important;
  }

  #collaboration_google > label {
    margin-left: 0 !important;
  }

  .student-groups .student-group-header, .student-groups .student-group-title {
    max-width: 100% !important;
    flex-wrap: wrap;
  }

  .student-groups .student-group-students, .student-groups .student-group-join {
    width: 100%;
    flex-basis: 100% !important;
    text-align: left !important;
  }

  .ig-header .ig-header-title {
    width: 60%;
  }
}
@media screen and (max-width: 600px) {
  .sub-container-intro-video {
    flex-wrap: wrap;
    max-width: 100% !important;
  }

  .sub-container-intro-video img {
    display: block;
    width: 100%;
    height: 100% !important;
  }

  .videoTitWrap {
    flex-wrap: wrap;
    height: 100%;
  }

  .videoTitWrap .docsTitWrap {
    width: 100%;
    margin-left: 0 !important;
    margin-top: 20px;
  }
}
@media screen and (max-width: 593px) {
  .discussions-v2__wrapper span[wrap=wrap] > span:first-child {
    width: 100% !important;
  }

  .ic-discussion-row-container {
    align-items: baseline !important;
  }

  .discussionsCon {
    flex-wrap: wrap;
  }

  .discussionsCon .col-10, .discussionsCon .col-2 {
    width: 100% !important;
  }
}
@media screen and (max-width: 500px) {
  .ic-Layout-wrapper {
    margin-top: 50px !important;
  }

  .announcementsSearch {
    width: 30% !important;
  }

  #add_discussion > span {
    padding: 0 5px;
  }

  .profileTab > li {
    width: 100%;
  }

  .discussionM {
    flex-wrap: wrap;
  }

  .discussionM .discussion-header__metadata {
    width: calc(100% - 50px);
  }

  .ig-header .ig-header-title {
    width: 49%;
  }
}
@media screen and (max-width: 425px) {
  .discussionM .discussion-header__metadata .discussion-title .author {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80%;
    display: block;
  }

  .banSliderCon .inner .mainBanLogo {
    height: 24px;
  }

  .banSliderCon .inner h2, .contentTit h2, .classHeadTit h2 {
    font-size: 32px;
    line-height: 110%;
  }

  .banSliderCon .inner h2 span, .contentTit p {
    font-size: 16px;
    line-height: 120%;
  }

  .ic-item-row__meta-col {
    width: 60px;
  }

  .classHeadStatus .me-5 {
    width: 100%;
  }

  .type_icon__item_i {
    font-size: 20px;
  }

  .ig-listStyle .ig-row:hover .type_icon i, .ig-listStyle2 .ig-row:hover .type_icon__item_i {
    font-size: 28px;
  }

  .context_module_sub_header .ig-row .ig-info .module-item-title .item_name .title, .context_module_item .ig-row .ig-info .module-item-title .item_name .title, .ig-title {
    font-size: 15px !important;
  }

  .ig-listStyle .ig-row:hover .ig-info .module-item-title .item_name .title, .ig-listStyle2 .ig-row:hover .ig-title {
    font-size: 18px !important;
  }

  .bciWrap {
    flex-wrap: wrap;
  }

  .bciWrap .button-element {
    width: 100%;
    margin: 1px 0 !important;
    padding-right: 0 !important;
  }

  .button-container-outside .custom-btn-add-user {
    padding: 0 !important;
  }
}
@media screen and (max-width: 392px) {
  .ig-header .ig-header-title {
    width: 40%;
  }

  .mobileAnnouncement > div, .mobileAnnouncement > span {
    width: 100% !important;
  }

  .mobileAnnouncement .mr10 {
    margin-right: 0 !important;
  }
}
@media screen and (max-width: 370px) {
  .announcementsSearch {
    width: 20% !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/>.
 */
#nav-course-home__Custom,
#nav-course-info__Custom,
#nav-course-communication__Custom,
#nav-course-evaluation__Custom,
#nav-course-setting__Custom {
  font-size: medium;
}

#nav-course-home__Custom {
  text-align: left;
  padding-left: 0;
}

#nav-course-communication__Custom .hover-component {
  width: 170px;
}

#nav-course-communication__Custom > a:after, #nav-course-activity__Custom > a:after, #nav-course-evaluation__Custom > a:after {
  font-family: "Font Awesome 6 Pro";
  content: "\f0d7";
  font-weight: 900;
  margin-left: 10px;
  color: #856955;
}

#nav-course-activity__Custom .hover-component {
  width: 150px;
}

#nav-course-evaluation__Custom .hover-component {
  width: 130px;
}

.hover-component {
  max-height: 0;
  top: 100%;
  left: 0px;
  z-index: 9999;
  width: 100%;
  overflow: hidden;
  position: absolute;
}
.hover-component .link-new-nav__Container {
  text-align: left;
  padding: 0 15px;
}
.hover-component .link-new-nav__Container:hover {
  background-color: #eee;
}
.hover-component .link-new-nav__Container:hover .link-new-nav__Course {
  color: #856955 !important;
}

.active__navIcon {
  opacity: 1 !important;
}

#profile_settings_duc_updated__UI .nav_settingIcon {
  opacity: 0.5;
}
#profile_settings_duc_updated__UI:hover .nav_settingIcon {
  opacity: 1;
}

#statistics_ngoc_updated__UI .nav_statisticIcon {
  opacity: 0.5;
}
#statistics_ngoc_updated__UI:hover .nav_statisticIcon {
  opacity: 1;
}

#notifications_duc_updated__UI .nav_notificationIcon {
  opacity: 0.5;
}
#notifications_duc_updated__UI:hover .nav_notificationIcon {
  opacity: 1;
}

#profile_duc_updated__UI .nav_profileIcon {
  opacity: 0.5;
}
#profile_duc_updated__UI:hover .nav_profileIcon {
  opacity: 1;
}

#files_duc_updated__UI .nav_fileIcon {
  opacity: 0.5;
}
#files_duc_updated__UI:hover .nav_fileIcon {
  opacity: 1;
}

#content_shares_duc_updated__UI .nav_contentShareIcon {
  opacity: 0.5;
}
#content_shares_duc_updated__UI:hover .nav_contentShareIcon {
  opacity: 1;
}

#content_shares-updated__new {
  margin-left: 12px;
}

.new-d-none {
  display: none !important;
}

.logout-btn-dropdown__Container {
  display: none;
  position: absolute;
  padding-top: 16px;
  border-radius: 8px;
  right: 0px;
  transition: display 400ms;
  z-index: 9999999;
  background-color: #ffffff;
  box-shadow: 0px 20px 60px rgba(0, 0, 0, 0.09);
}

.profile-link-container:hover .logout-btn-dropdown__Container {
  display: block !important;
  text-align: center;
  width: 250px;
}

@media only screen and (max-width: 767px) {
  #old-header-responsive {
    display: block;
  }

  #new-header-responsive {
    display: none;
  }
}
.new-avatar {
  min-width: 45px;
  min-height: 45px;
  max-width: 45px;
  max-height: 45px;
  border: none;
  border-radius: 50%;
}

.new-ic-app-header__menu-list-item--active .new-ic-app-header__menu-list-link {
  font-weight: 700;
  letter-spacing: -0.75px;
}
.new-ic-app-header__menu-list-item--active .new-ic-app-header__menu-list-link border-bottom:none .new-ic-app-header__menu-list-link-container {
  padding-top: 0px;
}

.not_active_link .new-ic-app-header__menu-list-link {
  border-bottom: 4px solid #ffffff;
}

#new-header-responsive {
  background-color: #66615B;
  margin-bottom: 35px !important;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 99;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
}

#new-header-responsive .ic-app-header__menu-list-item {
  margin: 0 0 0 20px;
  padding: 0 !important;
}

.new-ic-app-header {
  max-width: 1360px;
  margin: auto;
  padding: 0 24px;
  box-sizing: border-box;
}

.new-ic-app-header__menu-list-link-container {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1em;
}

.new-ic-app-header__logomark-container {
  width: 100%;
  display: flex;
  align-items: center;
}
.new-ic-app-header__logomark-container .new-header-logo {
  padding: 0px 18px;
}

.new-ic-app-header__logomark {
  /* background-image: url("https://test.knowllipop.com/accounts/2/files/1594/download?verifier=yJKdwQHU4rJBP4QtgM3igeVQDNOCKwuoTIfneWyw");
  background-repeat: no-repeat;
  background-size: contain; */
  transition: transform 0.3s;
  height: 94px;
}

.link-new-nav__Course {
  color: #856955 !important;
  margin-top: 12px;
  margin-bottom: 12px;
  font-size: 15px;
}
.link-new-nav__Course:hover {
  text-decoration: none;
}
.link-new-nav__Course:hover .course-nav-text {
  text-decoration: none;
  font-weight: bold;
}

.course-nav-stats-button {
  color: #000;
}
.course-nav-stats-button:hover {
  background-color: #f5f5f5;
}
.course-nav-stats-button:hover .tooltip-custom {
  display: block;
  opacity: 1;
}

.course-nav-setting-button:hover {
  background-color: #f5f5f5;
}
.course-nav-setting-button:hover .tooltip-custom {
  display: block;
  opacity: 1;
}

.course-nav-stats-button:hover,
.course-nav-setting-button:hover {
  text-decoration: none;
  background: none;
}
.course-nav-stats-button:hover i,
.course-nav-setting-button:hover i {
  font-weight: 900;
  color: #856955;
}

.course-nav-Container {
  box-sizing: border-box;
  transition: background-color 0.3s, padding 0.3s;
  position: relative;
  cursor: pointer;
  margin-right: 50px;
  display: inline-flex;
  align-items: center;
  padding: 0 15px;
}
.course-nav-Container.active button {
  color: var(--ic-brand-button--secondary-text);
  border-color: #479da9;
  background-color: #479da9;
}
.course-nav-Container:hover {
  color: #856955;
}
.course-nav-Container:hover .hover-component {
  max-height: 90vh;
  opacity: 1;
  transition: max-height 400ms, opacity 0ms ease-in 0ms;
  border: 1px solid #856955;
  border-top: none;
  background: #fff;
}
.course-nav-Container:hover .item-image {
  opacity: 1;
}
.course-nav-Container .course-nav-text {
  font-weight: 400;
  color: #856955;
  padding: 19px 0;
  position: relative;
}
.course-nav-Container .course-nav-text:hover {
  text-decoration: none;
  font-weight: 400;
  color: #856955 !important;
}

.new-ic-app-header__menu-list-link {
  font-size: 18px;
  letter-spacing: 0;
  font-weight: 300;
  transition: background-color 0.3s, padding 0.3s;
  position: relative;
  text-align: center;
  color: #ffffff;
  border-style: none;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 5px 0;
  border-radius: 1%;
}
.new-ic-app-header__menu-list-link:hover {
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.75px;
}
.new-ic-app-header__menu-list-link:hover, .new-ic-app-header__menu-list-link:focus {
  text-decoration: none;
  outline: none;
}
.new-ic-app-header__menu-list-link:hover .ic-avatar, .new-ic-app-header__menu-list-link:focus .ic-avatar {
  border-color: var(--ic-brand-global-nav-avatar-border);
}
.new-ic-app-header__menu-list-link:hover .ic-avatar.ic-avatar--fake-student, .new-ic-app-header__menu-list-link:focus .ic-avatar.ic-avatar--fake-student {
  border-color: #BF32A4;
}
.new-ic-app-header__menu-list-link:hover .new-menu-item__text, .new-ic-app-header__menu-list-link:focus .new-menu-item__text {
  opacity: 1;
}

.new-ic-app-header__menu-list-link-profile {
  box-sizing: border-box;
  transition: background-color 0.3s, padding 0.3s;
  position: relative;
  text-align: center;
  display: block;
  color: #ffffff;
  border-style: none;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border-radius: 8px;
}
.new-ic-app-header__menu-list-link-profile:hover, .new-ic-app-header__menu-list-link-profile:focus {
  background: none;
  color: #fff;
  text-decoration: none;
  outline: none;
}
.new-ic-app-header__menu-list-link-profile:hover .ic-avatar, .new-ic-app-header__menu-list-link-profile:focus .ic-avatar {
  border-color: var(--ic-brand-global-nav-avatar-border);
}
.new-ic-app-header__menu-list-link-profile:hover .ic-avatar.ic-avatar--fake-student, .new-ic-app-header__menu-list-link-profile:focus .ic-avatar.ic-avatar--fake-student {
  border-color: #BF32A4;
}
.new-ic-app-header__menu-list-link-profile:hover .new-menu-item__text, .new-ic-app-header__menu-list-link-profile:focus .new-menu-item__text {
  opacity: 1;
}

.new-ic-avatar {
  overflow: hidden;
  border-radius: 100%;
  border: 2px solid #ffffff;
  width: 36px;
  height: 36px;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
}

.new-menu-item-profile__text {
  text-align: center;
  display: block;
  background: transparent;
  color: #F6D9E4;
  white-space: nowrap;
  padding-right: 0.25rem;
  text-decoration: none !important;
  line-height: 1.4em;
  max-height: 2.8em;
  padding-left: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 12px;
}

.new-menu-item__text {
  text-align: center;
  display: block;
  background: transparent;
  color: #F6D9E4;
  word-wrap: break-word;
  text-decoration: none !important;
  max-width: 200px;
  padding: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@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;
  }
}
.profile-tab-notifications,
.profile-tab-files,
.profile-tab-profile_settings,
.profile-tab-eportfolios,
#eportfolios-updated__new {
  display: none !important;
}

.ic-app-header {
  box-sizing: border-box;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  width: 54px;
  z-index: 100;
  background-color: var(--ic-brand-global-nav-bgd);
}

.ic-app-header__main-navigation {
  box-sizing: border-box;
  flex: 1 0 auto;
}

.ic-app-header__main-navigation a {
  text-decoration: inherit;
}

.ic-app-header__secondary-navigation {
  box-sizing: border-box;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
}

.ic-app-header__menu-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ic-app-header__menu-list li {
  margin: 0;
  padding: 0;
}

.ic-app-header__menu-list-item {
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.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-font-color-dark);
}

.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.1);
  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;
  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;
  font-weight: 600;
  transition: all 0.3s ease-out;
  position: absolute;
  top: -0.5em;
  right: 0;
  background: #ffffff;
  color: #856955;
  width: max-content;
}

.ic-app-header__logomark-container {
  width: 100%;
  background-color: var(--ic-brand-global-nav-logo-bgd);
  box-sizing: border-box;
}

#mobile-header .ic-app-header__logomark {
  height: 60px;
  width: 73px;
}
#mobile-header .ic-app-header__logomark.wsi {
  background-image: url(/dist/images/logo_mobile-1fb0a48473.png);
}
#mobile-header .ic-app-header__logomark.wsu {
  background-image: url(/dist/images/logo_mobile-1fb0a48473.png);
}
#mobile-header .ic-app-header__logomark.idegree {
  background-image: var(--ic-brand-mobile-global-nav-logo);
}
#mobile-header svg {
  fill: #F6D9E4;
}

.ic-app-header__logomark {
  display: block;
  overflow: hidden;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  transition: transform 0.3s;
  height: 60pt;
}
.ic-app-header__logomark.wsi {
  background-image: url(/dist/images/logo_header_wsi-4423073464.png);
}
.ic-app-header__logomark.wsu {
  background-image: url(/dist/images/logo_header_wsu-87510e10f0.png);
}
body.primary-nav-expanded .ic-app-header__logomark {
  height: 70px;
  width: 180px;
}
.ic-app-header__logomark:focus {
  outline-style: none;
  box-shadow: inset 0 0 0 1px var(--ic-brand-global-nav-bgd), inset 0 0 0 2px var(--ic-brand-global-nav-menu-item__text-color);
}

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

.ic-app-header__menu-list-link {
  padding: 0.5625rem 0;
}

body.primary-nav-expanded .ic-app-header {
  width: 84px;
  overflow-y: auto;
  -ms-overflow-style: none;
}
body.primary-nav-expanded .ic-app-header__secondary-navigation {
  position: static;
  left: auto;
  bottom: auto;
  z-index: auto;
  width: auto;
}
body.primary-nav-expanded .ic-app-header__menu-list-item.ic-app-header__menu-list-item--active .menu-item__text {
  color: var(--ic-brand-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 {
  background-color: #66615B;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 9999;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
}

#mobileContextNavContainer {
  overflow: hidden;
  transition: max-height 1.5s ease-out;
  max-height: 0px;
  margin-bottom: 15px !important;
}
#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;
}

@media only screen and (max-width: 992px) {
  .new-menu-item-profile__text {
    max-width: 100px;
  }
}
@media only screen and (max-width: 768px) {
  .new-ic-app-header > div > div:first-child {
    margin-right: 18px !important;
  }
}
.dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0;
}
.dropdown .dropdown-menu {
  position: absolute;
}
.dropdown .dropdown-menu li {
  position: relative;
}
.dropdown .dropdown-menu li a {
  cursor: pointer;
}
.dropdown .dropdown-menu li a:hover {
  background-color: #dadada;
}
.dropdown .dropdown-menu .dropdown-submenu {
  display: none;
  position: absolute;
  left: 100%;
  top: -7px;
}
.dropdown .dropdown-menu .dropdown-submenu li:hover a {
  background-color: #dadada;
}
.dropdown .dropdown-menu .dropdown-submenu li a {
  cursor: pointer;
}
.dropdown .dropdown-menu .dropdown-submenu-left {
  right: 100%;
  left: auto;
}
.dropdown .dropdown-menu li:hover .dropdown-submenu {
  display: block;
}
.dropdown .dropdown-menu .active {
  background-color: #dadada;
}

.nav-mobile {
  display: none;
}

@media only screen and (max-width: 830px) {
  .nav-mobile {
    display: block;
  }

  .nav-web {
    display: none !important;
  }
}
.headLogo {
  margin-right: 80px;
}

@media screen and (max-width: 1024px) {
  .headLogo {
    margin-right: 40px;
  }

  .new-ic-app-header__logomark-container > .ic-app-header__menu-list-item {
    margin: 0 15px !important;
  }

  .new-ic-app-header__menu-list-link {
    font-size: 15px;
  }
}
@media screen and (max-width: 991px) {
  #nav-course-module__Custom {
    width: 100px;
  }

  #nav-course-people__Custom {
    width: 160px;
  }

  #nav-course-communication__Custom {
    width: 160px;
  }

  #nav-course-activity__Custom {
    width: 120px;
  }

  #nav-course-evaluation__Custom {
    width: 140px;
  }
}
@media screen and (max-width: 830px) {
  .headLogo {
    margin-right: 30px;
  }

  .new-ic-app-header__logomark-container > .ic-app-header__menu-list-item {
    margin: 0 10px !important;
  }
}
@media screen and (max-width: 768px) {
  .new-ic-app-header {
    padding: 0 15px;
  }
}
@media screen and (max-width: 767px) {
  .headIconBadge {
    font-size: 17px;
  }

  #mobile-header .new-ic-app-header__menu-list-link-container {
    padding: 0 10px !important;
  }
}
@media screen and (max-width: 425px) {
  #mobile-header .new-ic-app-header__menu-list-link-container {
    padding: 0 8px !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/>.
 */
#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 {
  padding: 35px 24px 30px 24px;
  margin-top: 0;
  width: 280px;
  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: 15px;
  color: #333333;
  overflow: hidden;
  margin: 0;
  font-weight: 500;
  padding: 18px 0px;
}
#right-side .coming-event-component {
  border-top: 2px solid #856955;
  border-bottom: 1px solid #d3d3d3;
  font-size: 11px;
  font-weight: 300;
}
#right-side .h2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#right-side .shared-space {
  padding-bottom: 26px;
}
#right-side .shared-space h2 {
  display: flex;
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom-style: none;
  flex-grow: 1;
}
#right-side .shared-space h2 svg {
  margin-left: 8px;
}

.rs-margin-bottom {
  margin-bottom: 13px;
}

#right-side .right-side-list {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 0 0 42px 0;
  padding: 0;
}
#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: 0;
  padding-bottom: 0;
  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;
}
#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 li.events-empty {
  text-align: left;
}
#right-side .right-side-list li.events-empty svg {
  padding: 18px;
}
#right-side .right-side-list li.events-empty small {
  color: #9a9a9a;
  font-weight: 300;
}
#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;
  padding: 20px 15px;
  border-bottom: 1px solid #ccc;
}
#right-side .right-side-list.to-do-list li a.item {
  display: flex;
}

#course_show_secondary .Sidebar__TodoListContainer {
  margin-top: 18px;
}

#right-side .todo-list-header {
  margin-top: 30px;
}
#right-side .todo-list-header svg {
  margin-left: 8px;
  margin-bottom: 6px;
}

#right-side .todo-empty {
  text-align: left;
  position: relative;
  padding: 20px 15px;
  border-bottom: 1px solid #ccc;
  font-weight: 300;
}
#right-side .todo-empty small {
  color: #9a9a9a;
}

#right-side .right-side-list .todo-badge-wrapper {
  display: none;
  vertical-align: top;
  min-width: 40px;
  text-align: right;
  padding-right: 12px;
  box-sizing: border-box;
}

#right-side .right-side-list .disable_item_link {
  top: 22px;
  color: #898989;
  position: absolute;
  right: 0;
  z-index: 2;
  padding: 0;
}
#right-side .right-side-list .disable_item_link:hover {
  color: #333;
}
#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;
  }
}

@media screen and (max-width: 991px) {
  #right-side-wrapper {
    width: 100%;
  }
}
/*
 * 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-family: "Noto Sans KR", sans-serif !important;
  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;
  background: #e6e6e6;
}

#outcomes {
  overflow: auto;
}

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: "Noto Sans KR", 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: #f4f0ed;
}

.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;
  border: none;
  border-radius: 12px;
  overflow: hidden;
}
#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;
  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-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;
  font-size: 14px;
}
.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: "Noto Sans KR" 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: 32px;
  line-height: 32px;
  border-radius: 16px;
  background: var(--ic-brand-primary);
  color: #FFFFFF;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  box-sizing: border-box;
  padding: 0 6px;
  font-weight: 600;
  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 .event-details strong,
#right-side .events_list .todo-details strong,
#right-side .to-do-list .event-details strong,
#right-side .to-do-list .todo-details strong {
  font-weight: 300;
}
#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 {
  color: #444;
  font-weight: 300;
}
#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 {
  display: flex;
  align-items: center;
  color: var(--ic-brand-font-color-dark);
  font-weight: 300;
  font-size: 11px;
}
#right-side .events_list .rightSideH2 {
  border-bottom: 1px solid #dadada;
  padding-bottom: 5px !important;
}
#right-side .events_list .rightSideH2 h2 {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #333 !important;
}
#right-side .events_list .rightSideH2 .event-list-view-calendar {
  justify-content: flex-end !important;
  padding-right: 2px !important;
  height: auto !important;
}
#right-side .events_list .rightSideH2 i {
  font-size: 14px !important;
  color: #6b6b6b !important;
}
#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: "Noto Sans KR" sans-serif;
}

#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: 0px;
  margin-bottom: 20px;
  font-size: 14px;
}
ul.group_list li {
  padding: 20px 15px;
  border-bottom: 1px solid #ccc;
  color: #9a9a9a;
}
ul.group_list li a {
  color: #444;
  font-weight: 300;
}

@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: "Noto Sans KR" sans-serif;
  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: "Noto Sans KR" sans-serif;
  width: 94%;
}
.communication_sub_message div.content textarea.dim {
  height: 1em;
  color: #aaa;
  font-family: "Noto Sans KR" sans-serif;
}
.communication_sub_message div.behavior_content {
  color: #999;
  padding: 2px 5px 2px 30px;
}
.communication_sub_message div.behavior_content a {
  color: #888;
}
.communication_sub_message div.footer {
  float: right;
}
.communication_sub_message.toggled_communication_sub_message {
  display: none;
}
.communication_sub_message.lonely_behavior_message {
  background-color: transparent;
}
.communication_sub_message.lonely_behavior_message div.content a.textarea {
  display: inline;
  color: inherit;
  padding: 0;
  margin-right: 15px;
  border-width: 0;
}
.communication_sub_message.lonely_behavior_message div.content a.textarea:hover, .communication_sub_message.lonely_behavior_message div.content a.textarea:focus {
  text-decoration: underline;
}
.communication_sub_message.lonely_behavior_message div.content .less_important {
  display: inline;
  color: inherit;
}

html > body .communication_sub_message .content textarea {
  width: 97%;
}

html > body .communication_sub_message .content a.textarea {
  width: 97%;
}

html > body .communication_message div.header .under_links {
  opacity: 0;
}

html > body .communication_message:hover div.header .under_links {
  opacity: 1;
}

.new_activity_message a.textarea {
  display: block;
  border-radius: 4px;
  border: 1px solid #aaa;
  color: #888;
  text-decoration: none;
  cursor: text;
  background-color: #fff;
  padding: 2px;
  width: 94%;
}
.new_activity_message .message_type img {
  border-radius: 2px;
  padding: 0 5px;
  cursor: pointer;
  border: 1px solid #fff;
}
.new_activity_message .message_type img:hover {
  border-color: #ccc;
}
.new_activity_message .message_type img.selected {
  border-color: #888;
  background-color: #eee;
}
.new_activity_message form textarea {
  height: 4.8em;
  border: 1px solid #aaa;
  border-radius: 4px;
  padding: 2px;
  font-size: 1.1em;
  font-family: "Noto Sans KR" sans-serif;
  width: 94%;
}

html > body .new_activity_message a.textarea {
  width: 97%;
}

html > body .new_activity_message form textarea {
  width: 97%;
}

.notification_list li a {
  padding-left: 20px;
  background-image: url(/dist/images/other_icon-2a7be474af.png);
  background-repeat: no-repeat;
  background-position: left center;
}
.notification_list li a.announcement {
  background-image: url(/dist/images/announcement_icon-d0bf3f3894.png);
}
.notification_list li a.course_content {
  background-image: url(/dist/images/course_content_icon-95ff332fb8.png);
}
.notification_list li a.due_date {
  background-image: url(/dist/images/due_date_icon-9fe551d920.png);
}
.notification_list li a.discussion {
  background-image: url(/dist/images/discussion_icon-4d54295129.png);
}
.notification_list li a.grading {
  background-image: url(/dist/images/grading_icon-16e9e323ad.png);
}
.notification_list li a.invitation {
  background-image: url(/dist/images/invitation_icon-9a971ebcbe.png);
}
.notification_list li a.message {
  background-image: url(/dist/images/message_icon-d6170068a2.png);
}

.module_legend {
  float: right;
  clear: right;
  border: 1px solid #ccc;
  min-width: 200px;
  margin-bottom: 5px;
  margin-left: 10px;
}
.module_legend.module_legend_locked .title {
  display: none;
}
.module_legend.module_legend_locked .locked_title,
.module_legend.module_legend_locked .locked_message {
  display: inline;
}
.module_legend .locked_title,
.module_legend .locked_message {
  display: none;
}
.module_legend .header {
  border-bottom: 1px solid #ccc;
  background-color: #eee;
  font-size: 1.2em;
  font-weight: bold;
  padding: 2px 5px;
}
.module_legend .content {
  padding: 5px 20px 5px 10px;
  max-height: 50px;
  overflow: auto;
}
.module_legend .content ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.module_legend .content ul .context_module_item .type_icon {
  background: url(/dist/images/file-95ff332fb8.png) no-repeat left top;
}
.module_legend .content ul .attachment_module_item .type_icon {
  background-image: url(/dist/images/file_download-d7ad375e63.png);
}
.module_legend .content ul .assignment_module_item .type_icon {
  background-image: url(/dist/images/assignment-e807a4c93b.png);
}
.module_legend .footer {
  text-align: right;
  font-size: 0.8em;
}
.module_legend .context_module_item .criterion {
  width: 16px;
  height: 16px;
}
.module_legend .context_module_item .criterion.completed {
  background: url(/dist/images/pass-25e17f592d.png) no-repeat left top;
}
.module_legend .context_module_item .criterion.completed img {
  visibility: hidden;
}
.module_legend .context_module_item .criterion.completed:hover {
  background: transparent;
}
.module_legend .context_module_item .criterion.completed:hover img {
  visibility: visible;
}

body > #ui-datepicker-div {
  display: none;
}

#instructure_dropdown_list {
  z-index: 10;
}
#instructure_dropdown_list .list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  overflow: auto;
}
#instructure_dropdown_list .option.ui-state-default.minimal {
  background: #fff;
  border-color: #dde8f0;
}
#instructure_dropdown_list .option .ui-icon {
  float: left;
  margin-top: 0.2em;
  margin-right: 2px;
}

.communication_message .media_comment_thumbnail {
  margin: 3px 0;
}

.quoted_text_holder .show_quoted_text_link {
  font-size: 0.8em;
}

#sequence_details .sequence_list {
  margin-left: 10px;
}
#sequence_details .sequence_list li {
  padding-left: 20px;
  background: url(/dist/images/ball-e9b3bf0d21.png) no-repeat center left;
}
#sequence_details .sequence_list li.prev, #sequence_details .sequence_list li.next {
  font-size: 0.9em;
}
#sequence_details .sequence_list li.prev {
  background-image: url(/dist/images/uptick-688aded017.png);
}
#sequence_details .sequence_list li.next {
  background-image: url(/dist/images/downtick-187f7c308b.png);
}
#sequence_details .sequence_list li.current {
  font-weight: bold;
  font-size: 1.1em;
  margin: 2px 0;
}

body.padless-content .ic-Layout-contentMain #sequence_footer,
.ic-Layout-contentMain.padless #sequence_footer {
  margin-left: 10px;
  margin-right: 10px;
  padding-top: 0;
}

#sequence_footer {
  padding-top: 24px;
}
#sequence_footer .next,
#sequence_footer .prev {
  width: 150px;
  overflow: hidden;
}
#sequence_footer .next .title,
#sequence_footer .prev .title {
  display: block;
  font-size: 0.8em;
  white-space: nowrap;
}
#sequence_footer .next:hover .title,
#sequence_footer .prev:hover .title {
  text-decoration: none;
}
#sequence_footer .next {
  float: right;
}
#sequence_footer .prev {
  float: left;
}
#sequence_footer .all {
  clear: right;
  float: right;
}

.content_lock_icon {
  cursor: pointer;
}

#module_prerequisites_list {
  list-style-type: none;
  color: #73818C;
}
#module_prerequisites_list li.module {
  padding: 5px 0;
  vertical-align: middle;
}
#module_prerequisites_list li.module ul {
  list-style-type: none;
  padding: 5px 0;
}
#module_prerequisites_list li.module li.requirement {
  vertical-align: middle;
}
#module_prerequisites_list li.module li.requirement .description {
  font-size: 0.8em;
}
#module_prerequisites_list li.module li.requirement.locked_requirement .description {
  padding-left: 24px;
}
#module_prerequisites_list li.module li.requirement.locked_requirement a {
  color: #73818C;
}
#module_prerequisites_list li.module.locked {
  cursor: pointer;
}
#module_prerequisites_list li.module.locked h3 {
  display: inline-block;
  padding-left: 12px;
}
#module_prerequisites_list li.module.locked ul {
  display: none;
}

h2.h-margin-top,
h3.h-margin-top,
.h2.h-margin-top,
.h3.h-margin-top {
  margin-top: 20px;
}

form.user_content_post_form {
  display: none;
}

#change_calendar_version_link_holder {
  float: right !important;
  background: none !important;
}

#change_calendar_version_link_holder a,
.dashboard-toggle a {
  margin-right: 10px;
  padding: 1px 10px;
  border-radius: 3px;
  background-image: linear-gradient(to bottom, #0abdff, #008fd6);
  text-decoration: none !important;
  font-size: 14px;
  font-size: 0.875rem;
  font-family: "Noto Sans KR" 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;
  font-weight: 600;
  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;
  font-weight: 600;
  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: 11.6666666667px !important;
  padding-top: 10.7692307692px !important;
  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;
}

#custom-header-row {
  background-color: #efefef;
}
#custom-header-row:first-child th:first-child {
  border-top-left-radius: 0;
}
#custom-header-row:first-child th:last-child {
  border-top-right-radius: 0;
}
#custom-header-row > th {
  border-bottom: none;
  font-size: 14px;
  color: #333;
  padding: 12px 15px !important;
}

#custom-table-ui-sang {
  border-radius: 0;
}
#custom-table-ui-sang thead th:first-child {
  border-top-left-radius: 0;
}
#custom-table-ui-sang thead th:last-child {
  border-top-right-radius: 0;
}
#custom-table-ui-sang tbody tr:last-child td {
  border: 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/>.
 */
.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: #856955;
  font-weight: normal;
  padding: 12px 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: #d6d6d6;
}
.ui-tabs .ui-tabs-nav li.ui-state-hover a, .ui-tabs .ui-tabs-nav li:hover a {
  color: #5c1349;
}
#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;
  color: #856955;
}
.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;
}
#groups .group_header:focus {
  color: #73818C;
  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;
  color: #555;
}
.vdd_tooltip_link:hover {
  color: #5c1349;
}

.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: 0;
}
.student-groups .student-group-header {
  padding: 5px 15px;
  display: flex;
  align-items: center;
}
.student-groups .icon-mini-arrow-right,
.student-groups .icon-mini-arrow-down {
  order: -1;
  color: #856955;
}
.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: 400;
  font-size: 16px;
  line-height: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #856955;
}
.student-groups .student-group-title h2 small {
  font-size: 15px;
  margin-left: 5px;
  color: #333;
}
.student-groups .student-group-title h2 a {
  color: #555;
}
.student-groups .student-group-title a {
  padding-left: 10px;
  margin-top: -2px !important;
}
.student-groups .student-group-students {
  color: #555;
  font-weight: normal;
  flex-basis: 10rem;
}
.student-groups .student-group-students i {
  padding-right: 5px;
}
.student-groups .student-group-join {
  text-transform: uppercase;
  font-weight: bold;
  text-align: right;
  flex-basis: 7rem;
  color: #856955;
}
.student-groups .student-group-join button {
  display: block;
}
.student-groups .student-group-body {
  padding: 10px 15px;
}
.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 {
  color: #333;
  float: left;
  width: 25%;
  margin-bottom: 5px;
}
.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: 0;
}

#group_categories_tabs {
  margin: 0 auto !important;
}
#group_categories_tabs > .collectionViewItems {
  padding: 0 0 0 0 !important;
}
.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;
}

@media only screen and (max-width: 1024px) {
  .student-groups .student-group-body .student-group-list li {
    width: 50% !important;
  }
}
@media only screen and (max-width: 768px) {
  .student-groups .student-group-body .student-group-list li {
    float: none !important;
    width: 100% !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/>.
 */
/*
 * 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;
}
.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: #5c1349;
}
.context_module .icon-info {
  color: var(--ic-brand-primary);
}
.context_module .icon-check {
  color: #0B874B;
}
.context_module .ig-row {
  display: flex;
  align-items: center;
  background-color: #fff;
}
.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: #87715f !important;
  display: none;
}
.context_module_item .type_icon .document-icon {
  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 .document-icon {
  display: none;
}
.context_module_item.attachment .paperclip-icon {
  display: inline-block;
}
.context_module_item.discussion_topic .document-icon {
  display: none;
}
.context_module_item.discussion_topic .discussion-icon {
  display: inline-block;
}
.context_module_item.assignment .document-icon {
  display: none;
}
.context_module_item.assignment .assignment-icon {
  display: inline-block;
}
.context_module_item.quiz .document-icon {
  display: none;
}
.context_module_item.quiz .quiz-icon {
  display: inline-block;
}
.context_module_item.lti-quiz .document-icon {
  display: none;
}
.context_module_item.lti-quiz .quiz-icon-solid {
  display: inline-block;
}
.context_module_item.external_url .document-icon, .context_module_item.lti\/message_handler .document-icon {
  display: none;
}
.context_module_item.external_url .link-icon, .context_module_item.lti\/message_handler .link-icon {
  display: inline-block;
}
.context_module_item.context_external_tool .document-icon {
  display: none;
}
.context_module_item.context_external_tool .external-tool-icon {
  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: 16px;
  font-size: 1rem;
  display: inline;
  font-weight: 700;
}
.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);
}

.new-ig-type-scorm-upload-icon, .new-ig-type-zoom-upload-icon, .new-ig-type-zoom-icon {
  color: #fab70d !important;
}

.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: 1360px;
  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: 600;
  margin: 15px 0;
}
.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 #898989;
  padding: 7px 10px;
  color: #333;
}
.rubric_container .rubric_title {
  background-color: #F5F5F5;
  border-top: 1px solid #898989;
  border-left: 1px solid #898989;
  border-right: 1px solid #898989;
  padding: 5px;
  font-weight: bold;
  color: #333;
}
.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;
  padding-top: 0;
  margin-bottom: 24px;
}

.mini-cal-header {
  padding: 12px 6px;
  padding-top: 0;
  font-weight: 400;
  color: var(--ic-brand-font-color-dark-lightened-15);
  font-size: 22px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mini-cal-header img {
  vertical-align: middle;
}
.mini-cal-header .prev-next-btn {
  display: flex;
}
.mini-cal-header .prev-next-btn .prev_month_link {
  border: 1px solid;
  border-right: 0;
  border-radius: 50px 0 0 50px;
  padding: 5px 10px;
}
.mini-cal-header .prev-next-btn .next_month_link {
  border: 1px solid;
  border-radius: 0 50px 50px 0;
  padding: 5px 10px;
}

.mini_calendar {
  width: 100%;
}
.mini_calendar .day {
  padding: 7px 0;
  font-weight: 400;
  height: 21px;
  color: #444;
  text-align: center;
  cursor: pointer;
  width: 14%;
  font-size: 14px;
  font-size: 0.875rem;
  font-size: 13px !important;
  border-radius: 3px;
}
.mini_calendar .day.has_event {
  background-color: #ebebeb;
}
.mini_calendar .day.sunday {
  color: #e13030;
}
.mini_calendar .day.saturday {
  color: #3865bc;
}
.mini_calendar .day .event_link_text,
.mini_calendar .day .today_text,
.mini_calendar .day .previous_month_text,
.mini_calendar .day .next_month_text {
  display: none;
}
.mini_calendar .day.other_month {
  color: #888;
}
.mini_calendar .day:hover, .mini_calendar .day.related, .mini_calendar .day.drop_target {
  background-image: url("/dist/images/4_percent_opacity-c554512ede.png");
}
.mini_calendar .day.drop_target {
  background-color: #aaa;
}
.mini_calendar .day.today .today_text {
  display: block;
}
.mini_calendar .day.today {
  background-color: #856955;
  color: #fff;
}
.mini_calendar .selected {
  background-color: #856955;
  color: #fff;
}
.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;
}

/*
 * Copyright (C) 2020 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public 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
 */
button.element_toggler {
  border: none;
  background: none;
  font-weight: bold;
  font-size: 1rem;
  border-radius: 3px;
  outline: none;
}
button.element_toggler:focus {
  box-shadow: inset 0 0 0 2px var(--ic-link-color);
}

/*
 * 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/>.
 */
.assign-user-to-group {
  display: block;
  width: 230px;
}

/*
 * 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
 */
.assign-to-groups a.set-group {
  display: block;
}

.popover-content {
  overflow: auto;
  max-height: 400px;
}
.popover-content .form-search {
  padding-right: 16px;
}
.popover-content p {
  line-height: 20px;
}
.popover-content p.separated {
  margin-bottom: 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/>.
 */
/*
 * 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
 */
.group-expanded .group-collapsed-item,
.group-collapsed .group-expanded-item {
  display: none;
}

.toggle-group > i {
  padding-right: 0.5em;
}
.toggle-group > i:before {
  font-size: 1.25em;
}

.group-summary {
  font-size: 0.9em;
  color: #555;
}

.action-darkgray {
  color: #666;
}
.action-darkgray:hover {
  color: #333;
}

.groups-list {
  padding-bottom: 80px;
}

.group {
  padding: 1.5em 0;
  border-top: 1px dashed #c2c8d0;
}
.group:first-child {
  border-top-style: none;
}
.group .row-fluid [class*=span] {
  min-height: 0;
}
.group .group-actions {
  text-align: right;
}
.group .group-actions > a {
  margin-left: 5%;
}
.group .group-actions > * {
  text-align: left;
}
.group .row-fluid {
  padding-bottom: 1px;
}
.group.droppable-hover {
  background-color: #dde0e4;
}
.group .show-group-full {
  display: none;
}
.group.slots-full .show-group-full {
  display: inline-block;
}

.group-category-contents-condensed .group {
  padding: 0.7em 1em;
}

.no-results {
  background: #fff;
  border-color: var(--ic-brand-font-color-dark-lightened-28);
  border-radius: 3px;
  border-style: dashed;
  border-width: 1px;
  color: var(--ic-brand-font-color-dark-lightened-28);
  margin: 5px;
  padding: 8px;
  text-align: center;
}

/*
 * 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
 */
.group_categories_area {
  min-height: 250px;
}

#group_categories_tabs {
  margin: 0 -1em -1em;
}
#group_categories_tabs > .collectionViewItems {
  padding: 10px 130px 0 1em;
}
#group_categories_tabs > .tab-panel {
  position: relative;
}

.group-edit-dialog .outlet > .control-group {
  margin: 20px 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/>.
 */
/*
 * 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
 */
.accessibility-warning {
  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;
  font-size: 12px;
  font-size: 0.75rem;
}
.accessibility-warning:focus {
  color: #fff;
}
.accessibility-warning:focus {
  text-decoration: underline;
}
.accessibility-warning:focus {
  left: 0;
  top: 36px;
  width: auto;
  height: auto;
  z-index: 1;
}

.progress-title {
  text-align: center;
  font-weight: bold;
}

.progressbar {
  margin-left: auto;
  margin-right: auto;
  width: 60%;
}

.group-category-contents {
  background: #FFFFFF;
  border-color: #C7CDD1;
  border-style: solid;
  border-width: 1px 0px;
  padding: 1em 0px !important;
  min-height: 350px;
}

.group-category-contents-condensed {
  padding: 0;
}
.group-category-contents-condensed .groups > p {
  margin: 1em;
}
.group-category-contents-condensed .groups > .paginatedLoadingIndicator {
  margin-top: 1em;
}

.groups > .collectionViewItems {
  margin: -1px 0 0;
}
.groups > h2 {
  border-bottom: 1px solid #c2c8d0;
}
.groups > p {
  margin: 1em 0;
}

.group-category-summary {
  padding: 0 !important;
  margin-bottom: 12px;
}
@media only screen and (min-width: 992px) {
  .group-category-summary {
    display: flex;
    align-items: flex-end;
  }
}
.group-category-summary .student-organized-groups {
  overflow: hidden;
}

.group-category-summary__search {
  margin-bottom: 6px;
}
@media only screen and (min-width: 992px) {
  .group-category-summary__search {
    margin-bottom: 0;
    margin-right: 24px;
  }
}

.group-category-summary__detail {
  flex: 1;
}

@media only screen and (min-width: 768px) {
  .group-category-summary__detailLayout {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
  }
}

.group-category-summary__messages {
  flex: 1;
  margin-bottom: 6px;
}
@media only screen and (min-width: 768px) {
  .group-category-summary__messages {
    margin-bottom: 0;
  }
}

.group-heading {
  padding: 10px 8px;
  line-height: 1.5;
  font-weight: bold;
  font-size: 1.1em;
  color: #555;
  margin: 0;
}
.group-heading.unassigned-users-heading {
  padding: 10px 0;
}

a.group-heading:hover {
  color: inherit;
  text-decoration: none;
}

.unassigned-students.droppable-hover {
  background-color: #dde0e4;
}
.unassigned-students input.filterable-unassigned-users {
  margin-bottom: 6px;
}
.unassigned-students .no-results {
  background: transparent;
  border: 0;
  margin: 8px;
  padding: 0;
  width: 80;
}

/*
 * 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
 */
.group-user {
  border: 1px solid #73818C;
  background: #fff;
  margin-bottom: 3px;
  padding: 0 15px 0 0;
  line-height: 30px;
  border-radius: 3px;
  position: relative;
  cursor: pointer;
}
.group-user.ui-draggable-dragging {
  cursor: move;
  list-style: none;
  z-index: 9999;
}
.group-user.group-user-highlight {
  animation: highlight-shadow-fade ease-in 1s;
}
.group-user .al-trigger {
  padding: 0;
  text-align: right;
}

.group-user-actions,
.assign-to-group {
  outline-width: 0.125rem;
  outline-color: transparent;
  outline-style: solid;
  position: absolute;
  top: 0px;
  right: 3px;
  top: 1px;
}
.group-user-actions:focus,
.assign-to-group:focus {
  outline-offset: 0;
  outline-color: var(--ic-link-color);
}
.group-user-actions i:before,
.assign-to-group i:before {
  color: var(--ic-brand-font-color-dark-lightened-28);
  font-size: 0.8em;
}
.group-user-actions .icon-mini-arrow-down,
.assign-to-group .icon-mini-arrow-down {
  text-align: left;
}

.assign-to-group {
  outline-width: 0.125rem;
  outline-color: transparent;
  outline-style: solid;
  position: absolute;
  top: 1px;
  right: 8px;
}
.assign-to-group:focus {
  outline-offset: 0;
  outline-color: var(--ic-link-color);
}

.group .group-users {
  margin: 1.25em 0 -8px;
  padding: 8px 0;
  overflow: hidden;
}
.group .group-users .collectionViewItems {
  width: 103%;
}

.group-leader {
  color: #555;
}
.group-leader a {
  font-size: 0.85em;
}

.group-header .group-summary {
  font-size: 0.85em;
}

.group .group-user {
  float: left;
  width: 31%;
  margin: 0 2% 3px 0;
  box-sizing: border-box;
}
.group-category-contents-condensed .group .group-user {
  width: 23.5%;
  margin: 0 1% 3px 0;
}
.group .group-user .group-user-name {
  margin-right: 0;
}
.group .group-user .group-leader {
  position: absolute;
  right: 36px;
  top: 7px;
}

.group-user-name {
  max-width: 80%;
  overflow: hidden;
  white-space: nowrap;
  margin-right: 10px;
  font-weight: bold;
  color: #73818C;
}

.group-users .paginatedLoadingIndicator {
  clear: both;
}

/*
 * 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
 */
#assignment-details-dialog .distribution {
  margin: 15px 0;
  height: 40px;
  position: relative;
}
#assignment-details-dialog .distribution div {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  overflow: hidden;
  border-style: solid;
  border-color: #aaa;
  box-sizing: border-box;
}
#assignment-details-dialog .distribution .zero, #assignment-details-dialog .distribution .points-possible {
  top: 26px;
  border-width: 0px;
  width: auto;
}
#assignment-details-dialog .distribution .points-possible {
  left: auto;
  right: 0;
}
#assignment-details-dialog .distribution .zero-point {
  height: 24px;
  margin: 0px;
  border-width: 1px;
  border-right-width: 0;
}
#assignment-details-dialog .distribution .max-point, #assignment-details-dialog .distribution .min-point {
  height: 14px;
  height: 18px;
  margin: 3px 0px;
  border-width: 2px;
  border-left-width: 0;
}
#assignment-details-dialog .distribution .whisker {
  height: 0px;
  margin-top: 10px;
  border-width: 2px;
  border-right-width: 0;
}
#assignment-details-dialog .distribution .left-box {
  height: 24px;
  border-width: 2px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-right-width: 0;
  background: #fff;
}
#assignment-details-dialog .distribution .right-box {
  height: 24px;
  border-width: 2px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  background: #fff;
}
#assignment-details-dialog .distribution .total-point {
  height: 24px;
  margin: 0px 1px;
  border-width: 1px;
  border-left-width: 0;
}

#assignment-details-dialog-stats-table {
  font-size: 1.2em;
}
#assignment-details-dialog-stats-table th, #assignment-details-dialog-stats-table td {
  padding: 2px 5px;
  white-space: nowrap;
}
#assignment-details-dialog-stats-table td {
  font-size: 1.1em;
  font-weight: bold;
}

/*
 * 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
 */
.submission_details_dialog .more-details-link {
  font-size: 1.2em;
  line-height: 42px;
}
.submission_details_dialog h1, .submission_details_dialog .h1 {
  margin: 20px 0 0;
  padding: 0 12px;
  font-size: 23px;
  font-size: 1.4375rem;
}
.submission_details_dialog .submission-details {
  padding: 10px;
}
.submission_details_dialog .submission-details h1, .submission_details_dialog .submission-details .h1 {
  margin: 0 -10px 15px;
  border-bottom: 1px solid #bbb;
}
.submission_details_dialog .submission-details h2, .submission_details_dialog .submission-details h2 select, .submission_details_dialog .submission-details .h2, .submission_details_dialog .submission-details .h2 select {
  font-size: 15px;
  font-size: 0.9375rem;
}
.submission_details_dialog .submission_detail {
  font-size: 1.1em;
  margin: 3px 0 10px;
}
.submission_details_dialog .rubric-link {
  font-weight: bold;
}
.submission_details_dialog .submisison-attachment {
  padding: 3px 0;
}
.submission_details_dialog .submisison-attachment a {
  font-size: 11px;
  font-size: 0.6875rem;
}
.submission_details_dialog .submisison-attachment a.turnitin_similarity_score {
  font-size: 10px;
  font-size: 0.625rem;
}
.submission_details_dialog .submission_details_comments {
  overflow: auto;
  max-height: 200px;
  border-top: 1px solid #bbb;
  padding: 0 12px;
  position: relative;
  background: #A3A3A3 url(/dist/images/messages/messages-background-08b79b5d31.png) 0 0 repeat;
}
.submission_details_dialog .comment {
  background: #fff;
  clear: both;
  border-bottom: 1px solid #ccc;
  padding: 10px;
  margin: 10px 0;
}
.submission_details_dialog .comment:last-child {
  border-bottom: none;
}
.submission_details_dialog .comment .middle {
  padding-left: 69px;
}
.submission_details_dialog .comment .avatar {
  float: left;
}
.submission_details_dialog .comment time {
  float: right;
  color: #777;
  font-size: 11px;
  font-size: 0.6875rem;
}
.submission_details_dialog .comment address {
  font-style: normal;
  font-weight: bold;
  margin: 0;
}
.submission_details_dialog .comment .comment_attachments a {
  padding-top: 4px;
}

.submission_details_add_comment_form {
  position: relative;
  border-top: 1px solid #bbb;
  background-color: #F2F2F2;
  margin: 0px;
  padding: 5px 10px;
}
.submission_details_add_comment_form label {
  font-weight: bold;
  display: block;
}
.submission_details_add_comment_form #add_a_comment {
  width: 99%;
  display: block;
}
.submission_details_add_comment_form #group-comment-container {
  float: left;
  line-height: 24px;
}
.submission_details_add_comment_form #group-comment-container label {
  display: inline;
  font-weight: normal;
}
.submission_details_add_comment_form .btn {
  float: right;
}

/*
 * 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) 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
 */
#syllabus {
  width: 100%;
  table-layout: fixed;
  margin-bottom: 10px;
}
#syllabus thead th, #syllabus td {
  text-align: left;
  font-size: 14px;
  font-size: 0.875rem;
}
#syllabus thead th.due {
  text-align: right;
}
#syllabus tr.detail_list td.dates {
  white-space: nowrap;
  padding-right: 7px;
  text-align: right;
}
#syllabus tr.detail_list td {
  padding-top: 15px;
  padding-bottom: 15px;
}
#syllabus tr.detail_list td.not_last {
  border-bottom: 1px solid #C7CDD1;
}
#syllabus tr.detail_list.related_event {
  background-color: #E5F2F8;
}
#syllabus tr.date.date_passed > td, #syllabus tr.date.date_passed > th {
  background-color: #F5F5F5;
}
#syllabus tr.date .day_date {
  white-space: nowrap;
}
@media not all and (min-width: 768px) {
  #syllabus tr.date .day_date {
    white-space: inherit;
  }
}
#syllabus tr.date td.details {
  padding-right: 0;
}
#syllabus tr.date td.details td {
  border: none;
  background-color: transparent;
}
#syllabus tr.date td.details td.icon {
  padding-right: 0;
  width: 1rem;
}
#syllabus tr.date.date_passed td, #syllabus tr.date.date_passed th {
  background-color: #F5F5F5;
}
#syllabus tr.date.date_passed.details {
  color: #444;
}
#syllabus tr.date.related td, #syllabus tr.date.related th, #syllabus tr.date.selected td, #syllabus tr.date.selected th {
  background-color: #E5F2F8;
}
#syllabus .special_date_title {
  color: #73818C;
  font-size: 12px;
  font-size: 0.75rem;
}

.name > i {
  padding-right: 6px;
}

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

/*
 * 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) 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
 */
#unauthorized_message {
  border: 1px solid #000;
  margin: 4em auto;
  width: 500px;
}
#unauthorized_message .ui-state-error, #unauthorized_message.ui-state-error {
  position: relative;
  z-index: 1;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 3px 3px -1px rgba(0, 0, 0, 0.25);
}
#unauthorized_message .ui-state-error:before, #unauthorized_message.ui-state-error:before {
  content: " ";
  background: transparent url(/dist/images/warning_36-e164d91ede.png) 0 4px no-repeat;
  position: absolute;
  top: 6px;
  left: 22px;
  width: 42px;
  height: 42px;
}
#unauthorized_message h2, #unauthorized_message .h2 {
  font-size: 1.5em;
}
#unauthorized_message h2.ui-state-error, #unauthorized_message .h2.ui-state-error {
  padding: 15px;
  margin: -1px;
  color: #fff;
  height: 60px;
  line-height: 60px;
  padding: 0 0 0 80px;
}
#unauthorized_message p {
  font-size: 1.1em;
  padding: 2em 3em;
  font-weight: bold;
  margin: 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/>.
 */
/*
 * 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) 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
 */
.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.ic-tokeninput {
  display: inline-block;
}

.ic-tokeninput-list {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 999999;
  border: 1px solid #C7CDD1;
  background: #FFFFFF;
  padding: 5px 0px;
  font-size: 14px;
  font-size: 0.875rem;
  width: 100%;
  box-sizing: border-box;
}

.ic-tokeninput-is-open .ic-tokeninput-list {
  display: block;
}

.ic-tokeninput-option:focus {
  outline: 0;
  color: white;
  background: #4095bf;
}

.ic-tokeninput-input {
  padding-right: 20px;
  width: 100%;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.ic-tokeninput-button {
  display: inline-block;
  position: absolute;
  cursor: default;
  outline: none;
  top: 2px;
  right: 6px;
  font-size: 16px;
  font-size: 1rem;
  cursor: default;
}

.ic-tokeninput-button:active {
  color: #4095BF;
}

.ic-tokeninput-option, .ic-tokeninput-header {
  display: block;
  padding: 2px 16px;
  cursor: default;
}

.ic-tokeninput-header {
  font-weight: bold;
}

.ic-tokeninput-header:focus {
  outline: 0;
  color: white;
  background: #ddd;
}

.ic-tokeninput-selected:before {
  content: "✓";
  position: absolute;
  left: 4px;
}

.token-input-wrapper {
  width: 204px;
  min-height: 50px;
  float: left;
}

.ic-tokens {
  margin-left: 5px;
  flex-wrap: wrap;
  z-index: 1;
  list-style: none;
  padding: 6px;
  border: 1px solid #C7CDD1;
  background-color: #FFFFFF;
  border-radius: 0;
  cursor: text;
  position: relative;
  will-change: transform;
  flex: 1 75%;
  margin: 0;
}

.ic-token {
  background-color: #F5F5F5;
  border: none;
  color: var(--ic-brand-font-color-dark);
  border-radius: 3px;
  padding: 0;
  margin: 2px;
  font-size: 14px;
  font-size: 0.875rem;
  display: inline-flex;
  align-items: center;
}

.ic-token-label {
  padding: 3px 15px;
}

.ic-token-delete-button {
  font-size: 14px;
  font-size: 0.875rem;
  padding: 3px 15px;
  cursor: pointer;
  order: 2;
}

.ic-token-delete-button:hover {
  background-color: #e8e8e8;
}

.ic-tokeninput {
  display: inline-flex;
}

.ic-tokeninput-input {
  border: 0 none;
  outline: 0;
}

.ic-tokeninput-button {
  display: none;
}

.token_input {
  position: relative;
  min-height: 0;
  height: 38px;
  box-sizing: border-box;
  background: #FFFFFF;
  border: 1px solid #C7CDD1;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  cursor: text;
  overflow: hidden;
  vertical-align: middle;
  padding: 2px;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}
.token_input a.browser {
  position: absolute;
  top: 6px;
  right: 6px;
  cursor: pointer;
  text-align: right;
}
.token_input > span {
  float: left;
  color: #6B7780;
  padding: 4px;
}
.token_input > div {
  overflow: auto;
  max-height: 90px;
}
.token_input.browsable > div {
  padding-right: 20px;
}
.token_input ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.token_input li {
  white-space: nowrap;
  float: left;
  color: var(--ic-brand-font-color-dark);
  background-color: #F5F5F5;
  border: 1px solid #C7CDD1;
  border-radius: 4px;
  cursor: default;
  position: relative;
  line-height: 1.1em;
}
.token_input li div {
  padding: 8px;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
}
.token_input li span {
  color: var(--ic-brand-font-color-dark);
  vertical-align: middle;
  display: inline-block;
}
.token_input li a, .token_input li button {
  color: var(--ic-brand-font-color-dark);
  padding-right: 8px;
  cursor: pointer;
  background-color: transparent;
  border: 1px solid transparent;
}
.token_input li a:hover, .token_input li button:hover {
  border: 1px solid var(--ic-brand-font-color-dark);
}
.token_input li.cannot_remove div, .token_input li.cannot_remove:hover div {
  padding-right: 8px;
}
.token_input li.selected {
  background-color: #5b89f3;
  border-color: #5b89f3;
  color: #fff;
}
.token_input li.selected a {
  background-position: -10px center;
}
.token_input li.details div {
  padding: 0 11px;
}
.token_input li.details span {
  padding: 0 15px 0 4px;
}
.token_input input {
  box-shadow: none;
  float: left;
  border: 0;
  outline: none;
  padding: 8px;
  margin: 1px 0;
  line-height: 1.1em;
}

.token_input.browse a.browser {
  background-position: 0 -36px;
}

.token_input.active {
  box-shadow: 0 0 3px 2px #68B4DF;
}

#edit_assignment_wrapper .overrides-column-right.overrideFormFlex select,
#edit_assignment_wrapper .overrides-column-right.overrideFormFlex .subtitle {
  margin-left: 0;
}
#edit_assignment_wrapper .overrides-column-right.overrideFormFlex label:not(.ic-Label) {
  padding: 0;
  margin: 0;
}
#edit_assignment_wrapper .overrides-column-right.overrideFormFlex label:not(.ic-Label):hover {
  background: none;
}

.quiz-overrides-column-right {
  display: inline-block;
  margin-left: 20px;
  margin-top: -15px;
}

.Button.Button--add-row, .Button--add-row.ui-button {
  text-align: center;
  border: 1px dashed #ccc;
  border-top: 0;
  border-radius: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  width: 100%;
}

.Date__label {
  font-weight: bold;
}

.ContainerDueDate {
  margin: 10px 0;
}

.Container__DueDateRow {
  border: 1px solid #ccc;
  border-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: none;
}

.Container__DueDateRow-item {
  border-bottom: 1px solid #ccc;
  padding: 15px;
}

.DueDateRow__RemoveRow {
  text-align: right;
  margin: 0;
  padding: 0;
}
.DueDateRow__RemoveRow > .Button.Button--link, .DueDateRow__RemoveRow > .Button--link.ui-button {
  padding: 0;
  color: var(--ic-brand-font-color-dark);
}

.UnlockLockInput {
  display: inline;
}
@media only screen and (min-width: 500px) {
  .UnlockLockInput {
    width: 107px;
  }
}

.DueDateInput {
  display: inline;
}
@media only screen and (min-width: 500px) {
  .DueDateInput {
    width: 285px;
  }
}

.DueDateInput__Container {
  display: inline;
}
.DueDateInput__Container .datetime_suggest.invalid_datetime {
  color: #E0061F;
}

.Available-from-to {
  display: flex;
}
@media only screen and (min-width: 500px) {
  .Available-from-to .from {
    margin-right: 3px;
  }
  .Available-from-to .to {
    margin-left: 3px;
  }
}
.Available-from-to .Available-from-to__prompt {
  text-align: center;
  line-height: 38px;
  padding: 0 6px;
}

.tokenInputThrobber {
  z-index: 9999;
  text-align: center;
  color: #e9e9e9;
  font-size: 10px;
  font-size: 0.625rem;
  background: url("/dist/images/load-4418e90aeb.gif") no-repeat 50% 80%;
  background-size: 16px;
  margin-bottom: -3px;
  min-width: 25px;
  min-height: 20px;
  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/>.
 */
.uploadMediaTrackForm .media-track-content-box {
  padding: 10px;
  margin: 0 auto;
  display: block;
  margin-bottom: 10px;
}
.uploadMediaTrackForm .media-track-content-box form {
  padding: 0px;
}
.uploadMediaTrackForm .media-track-form-button {
  padding: 10px;
  display: block;
  margin: 0 auto;
  width: 100%;
}

/*
 * 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/>.
 */
.message-students-dialog textarea {
  box-sizing: border-box;
  width: 100%;
  height: 200px;
}

#message-recipients {
  margin-bottom: 10px;
  max-height: 100px;
  overflow: auto;
}

.message-recipients-group-container {
  line-height: 30px;
  margin-bottom: 10px;
}
.message-recipients-group-container label {
  font-weight: bold;
  margin-bottom: 0;
}

#message-recipients-group {
  width: auto;
  margin-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/>.
 */
/*
 * 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) 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/>.
 */
.outcome-details {
  position: absolute;
  z-index: 1000;
  background-color: #fff;
  border: 1px solid #b0afaf;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
  width: calc(100% - 26px);
  max-width: 500px;
  min-width: 320px;
  padding: 18px 12px;
  border-radius: 8px;
  font-weight: bold;
  color: #4f5f6e;
}

.outcome-details .title, .outcome-details-dialog .title {
  font-size: 14px;
  font-size: 0.875rem;
}
.outcome-details .chart, .outcome-details-dialog .chart {
  font-size: 11px;
  font-size: 0.6875rem;
  text-align: center;
  height: 150px;
  padding-bottom: 12px;
}
.outcome-details .line-graph, .outcome-details-dialog .line-graph {
  font-size: 10px;
  font-size: 0.625rem;
}
.outcome-details .line-graph .guides .tick, .outcome-details-dialog .line-graph .guides .tick {
  stroke: lightgrey;
  opacity: 0.7;
}
.outcome-details .line-graph .guides path, .outcome-details-dialog .line-graph .guides path {
  stroke-width: 0;
}
.outcome-details .line-graph .date-guides path, .outcome-details-dialog .line-graph .date-guides path {
  stroke-width: 0;
}
.outcome-details .line-graph .mastery-percentage-guide .tick, .outcome-details-dialog .line-graph .mastery-percentage-guide .tick {
  stroke: #00B416;
  opacity: 0.5;
}
.outcome-details .line-graph .mastery-percentage-guide path, .outcome-details-dialog .line-graph .mastery-percentage-guide path {
  stroke-width: 0;
}
.outcome-details .line-graph .trendline, .outcome-details-dialog .line-graph .trendline {
  stroke: #9f9f9f;
}
.outcome-details .line-graph svg, .outcome-details-dialog .line-graph svg {
  background: #f7f7f7;
}
.outcome-details .line-graph .domain, .outcome-details-dialog .line-graph .domain {
  fill: none;
  stroke: black;
  stroke-width: 1;
}
.outcome-details .ratings, .outcome-details-dialog .ratings {
  font-weight: normal;
  display: inline-block;
  text-align: left;
  margin-bottom: 0px;
  margin-top: 25px;
}
.outcome-details .ratings .rating, .outcome-details-dialog .ratings .rating {
  list-style-type: none;
}
.outcome-details .ratings .legend-color, .outcome-details-dialog .ratings .legend-color {
  width: 13px;
  height: 13px;
  display: inline-block;
  margin-right: 3px;
  vertical-align: sub;
}
.outcome-details .outcome-info, .outcome-details-dialog .outcome-info {
  clear: both;
}
.outcome-details .outcome-info .description, .outcome-details-dialog .outcome-info .description {
  font-weight: 200;
}
.outcome-details .friendly-description, .outcome-details-dialog .friendly-description {
  background-color: #F5F5F5;
  padding: 8px;
  margin-top: 10px;
}
.outcome-details .friendly-description .friendly-description-info, .outcome-details-dialog .friendly-description .friendly-description-info {
  font-weight: 200;
}
.outcome-details .mastery, .outcome-details-dialog .mastery {
  clear: both;
  color: #555;
}
.outcome-details .last-assessment, .outcome-details-dialog .last-assessment {
  color: #999;
  font-size: 11.9px;
}
.outcome-details .mastery-details i:before, .outcome-details-dialog .mastery-details i:before {
  font-size: 1.5em;
}
.outcome-details .icon-check-plus:before, .outcome-details-dialog .icon-check-plus:before {
  color: #6a843f;
}
.outcome-details .icon-check:before, .outcome-details-dialog .icon-check:before {
  color: #8aac53;
}
.outcome-details .icon-plus, .outcome-details-dialog .icon-plus {
  color: #e0d773;
}
.outcome-details .icon-x:before, .outcome-details-dialog .icon-x:before {
  color: #df5b59;
}
.outcome-details .method-details, .outcome-details-dialog .method-details {
  background-color: #e6e6e6;
  margin-bottom: 0px;
  margin-top: 10px;
}
.outcome-details .method-details dt, .outcome-details-dialog .method-details dt {
  width: 140px;
}
.outcome-details .method-details dd, .outcome-details-dialog .method-details dd {
  margin-left: 160px;
  padding-bottom: 10px;
}
.outcome-details .method-details span, .outcome-details-dialog .method-details span {
  display: inline-block;
  font-style: italic;
}
.outcome-details .method-details .example, .outcome-details-dialog .method-details .example {
  color: #999;
  font-size: 11.9px;
}
.outcome-details .method-details .method-description, .outcome-details-dialog .method-details .method-description {
  width: 320px;
}

/*
 * 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) 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
 */
.FindFlickrImageView .flickrResults {
  padding: 0;
  max-height: 200px;
  overflow: auto;
  margin-left: 0px;
  margin-top: 10px;
}
.FindFlickrImageView .flickrResults li {
  margin-bottom: 10px;
  margin-left: 10px;
}
.FindFlickrImageView .flickrResults li a.active {
  background-color: #81c0dd;
}