@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) 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
 */
/* line 5, app/stylesheets/components/_ic-reset.scss */
body {
  margin: 0; }

/* line 9, app/stylesheets/components/_ic-reset.scss */
audio,
canvas,
video {
  display: inline-block; }

/* line 16, app/stylesheets/components/_ic-reset.scss */
audio:not([controls]) {
  display: none;
  height: 0; }

/* line 22, app/stylesheets/components/_ic-reset.scss */
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic; }

/* line 31, app/stylesheets/components/_ic-reset.scss */
#map_canvas img,
.google-maps img {
  max-width: none; }

/* line 37, app/stylesheets/components/_ic-reset.scss */
button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle; }

/* line 46, app/stylesheets/components/_ic-reset.scss */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/* line 54, app/stylesheets/components/_ic-reset.scss */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

/* line 62, app/stylesheets/components/_ic-reset.scss */
input[type="search"] {
  box-sizing: content-box;
  -webkit-appearance: textfield; }

/* line 67, app/stylesheets/components/_ic-reset.scss */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none; }

/* line 72, app/stylesheets/components/_ic-reset.scss */
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
----------------------------------*/
/* line 13, app/stylesheets/vendor/jqueryui/_jquery.ui.core.scss */
.ui-helper-hidden {
  display: none; }

/* line 14, app/stylesheets/vendor/jqueryui/_jquery.ui.core.scss */
.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); }

/* line 15, app/stylesheets/vendor/jqueryui/_jquery.ui.core.scss */
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

/* line 16, app/stylesheets/vendor/jqueryui/_jquery.ui.core.scss */
.ui-helper-clearfix:before, .ui-helper-clearfix:after {
  content: "";
  display: table; }

/* line 17, app/stylesheets/vendor/jqueryui/_jquery.ui.core.scss */
.ui-helper-clearfix:after {
  clear: both; }

/* line 18, app/stylesheets/vendor/jqueryui/_jquery.ui.core.scss */
.ui-helper-clearfix {
  zoom: 1; }

/* line 19, app/stylesheets/vendor/jqueryui/_jquery.ui.core.scss */
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0); }

/* Interaction Cues
----------------------------------*/
/* line 24, app/stylesheets/vendor/jqueryui/_jquery.ui.core.scss */
.ui-state-disabled {
  cursor: default !important; }

/* Icons
----------------------------------*/
/* states and images */
/* line 31, app/stylesheets/vendor/jqueryui/_jquery.ui.core.scss */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

/* Misc visuals
----------------------------------*/
/* Overlays */
/* line 38, app/stylesheets/vendor/jqueryui/_jquery.ui.core.scss */
.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
 */
/* line 10, app/stylesheets/vendor/jqueryui/_jquery.ui.resizable.scss */
.ui-resizable {
  position: relative; }

/* line 11, app/stylesheets/vendor/jqueryui/_jquery.ui.resizable.scss */
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block; }

/* line 12, app/stylesheets/vendor/jqueryui/_jquery.ui.resizable.scss */
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
  display: none; }

/* line 13, app/stylesheets/vendor/jqueryui/_jquery.ui.resizable.scss */
.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0; }

/* line 14, app/stylesheets/vendor/jqueryui/_jquery.ui.resizable.scss */
.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0; }

/* line 15, app/stylesheets/vendor/jqueryui/_jquery.ui.resizable.scss */
.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%; }

/* line 16, app/stylesheets/vendor/jqueryui/_jquery.ui.resizable.scss */
.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%; }

/* line 17, app/stylesheets/vendor/jqueryui/_jquery.ui.resizable.scss */
.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px; }

/* line 18, app/stylesheets/vendor/jqueryui/_jquery.ui.resizable.scss */
.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px; }

/* line 19, app/stylesheets/vendor/jqueryui/_jquery.ui.resizable.scss */
.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px; }

/* line 20, app/stylesheets/vendor/jqueryui/_jquery.ui.resizable.scss */
.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
 */
/* line 10, app/stylesheets/vendor/jqueryui/_jquery.ui.selectable.scss */
.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black; }

/*!
 * jQuery UI Accordion 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/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */
/* line 11, app/stylesheets/vendor/jqueryui/_jquery.ui.accordion.scss */
.ui-accordion {
  width: 100%; }
  /* line 13, app/stylesheets/vendor/jqueryui/_jquery.ui.accordion.scss */
  .ui-accordion .ui-accordion-header {
    cursor: pointer;
    position: relative;
    margin-top: 1px;
    zoom: 1; }
  /* line 14, app/stylesheets/vendor/jqueryui/_jquery.ui.accordion.scss */
  .ui-accordion .ui-accordion-li-fix {
    display: inline; }
  /* line 15, app/stylesheets/vendor/jqueryui/_jquery.ui.accordion.scss */
  .ui-accordion .ui-accordion-header-active {
    border-bottom: 0 !important; }
  /* line 16, app/stylesheets/vendor/jqueryui/_jquery.ui.accordion.scss */
  .ui-accordion .ui-accordion-header a {
    display: block;
    font-size: 1em;
    padding: .5em .5em .5em .7em;
    font-weight: bold; }

/* line 20, app/stylesheets/vendor/jqueryui/_jquery.ui.accordion.scss */
.ui-accordion-icons .ui-accordion-header a {
  padding-left: 2.2em; }

/* line 22, app/stylesheets/vendor/jqueryui/_jquery.ui.accordion.scss */
.ui-accordion .ui-accordion-header .ui-icon {
  position: absolute;
  left: .5em;
  top: 50%;
  margin-top: -8px; }

/* line 23, app/stylesheets/vendor/jqueryui/_jquery.ui.accordion.scss */
.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  margin-top: -2px;
  position: relative;
  top: 1px;
  margin-bottom: 2px;
  overflow: auto;
  display: none;
  zoom: 1; }

/* line 24, app/stylesheets/vendor/jqueryui/_jquery.ui.accordion.scss */
.ui-accordion .ui-accordion-content-active {
  display: block; }

/* line 25, app/stylesheets/vendor/jqueryui/_jquery.ui.accordion.scss */
.ui-accordion .ui-accordion-header, .ui-accordion .ui-accordion-content {
  border-radius: 0; }

/*!
 * 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
 */
/* line 11, app/stylesheets/vendor/jqueryui/_jquery.ui.autocomplete.scss */
.ui-autocomplete {
  position: absolute;
  cursor: default; }

/* workarounds */
/* line 14, app/stylesheets/vendor/jqueryui/_jquery.ui.autocomplete.scss */
* 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
 */
/* line 25, app/stylesheets/vendor/jqueryui/_jquery.ui.autocomplete.scss */
.ui-menu {
  list-style: none;
  padding: 2px;
  margin: 0;
  display: block;
  float: left; }
  /* line 31, app/stylesheets/vendor/jqueryui/_jquery.ui.autocomplete.scss */
  .ui-menu .ui-menu {
    margin-top: -3px; }
  /* line 32, app/stylesheets/vendor/jqueryui/_jquery.ui.autocomplete.scss */
  .ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    zoom: 1;
    float: left;
    clear: left;
    width: 100%; }
    /* line 40, app/stylesheets/vendor/jqueryui/_jquery.ui.autocomplete.scss */
    .ui-menu .ui-menu-item a {
      text-decoration: none;
      display: block;
      padding: .2em .4em;
      line-height: 1.5;
      zoom: 1; }
      /* line 47, app/stylesheets/vendor/jqueryui/_jquery.ui.autocomplete.scss */
      .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; }

/*
@styleguide Button Set

<br/>

We use jQuery UI button set

<br/>

```html
<div id="radio1" class="ui-buttonset">
  <input type="radio" id="radio1" name="radio" class="ui-helper-hidden-accessible">
    <label for="radio1" class="ui-button ui-widget ui-state-default ui-button-text-only ui-corner-left" role="button" aria-disabled="false">
      <span class="ui-button-text">Choice 1</span>
    </label>
  <input type="radio" id="radio2" name="radio" checked="checked" class="ui-helper-hidden-accessible">
    <label for="radio2" class="ui-state-active ui-button ui-widget ui-state-default ui-button-text-only" role="button" aria-disabled="false">
      <span class="ui-button-text">Choice 2</span>
    </label>
  <input type="radio" id="radio3" name="radio" class="ui-helper-hidden-accessible">
    <label for="radio3" class="ui-button ui-widget ui-state-default ui-button-text-only ui-corner-right" role="button" aria-disabled="false">
      <span class="ui-button-text">Choice 3</span>
    </label>
</div>
```

*/
/* line 29, app/stylesheets/vendor/jqueryui/_jquery.ui.button.scss */
.ui-buttonset {
  margin-right: 7px; }
  /* line 31, app/stylesheets/vendor/jqueryui/_jquery.ui.button.scss */
  .ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -5px;
    border-radius: 0; }
    /* line 38, app/stylesheets/vendor/jqueryui/_jquery.ui.button.scss */
    .ui-buttonset .ui-button.ui-corner-right {
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px; }
    /* line 42, app/stylesheets/vendor/jqueryui/_jquery.ui.button.scss */
    .ui-buttonset .ui-button.ui-corner-left {
      border-top-left-radius: 3px;
      border-bottom-left-radius: 3px; }
  /* line 47, app/stylesheets/vendor/jqueryui/_jquery.ui.button.scss */
  .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
 */
/* line 11, app/stylesheets/vendor/jqueryui/_jquery.ui.dialog.scss */
.ui-dialog {
  position: absolute;
  padding: .2em;
  width: 300px;
  overflow: hidden; }

/* line 13, app/stylesheets/vendor/jqueryui/_jquery.ui.dialog.scss */
.ui-dialog .ui-dialog-title {
  float: left;
  margin: 0 16px 0 0;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: normal; }

/* line 18, app/stylesheets/vendor/jqueryui/_jquery.ui.dialog.scss */
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 19px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 18px;
  padding: 0;
  background: none; }
  /* line 29, app/stylesheets/vendor/jqueryui/_jquery.ui.dialog.scss */
  .ui-dialog .ui-dialog-titlebar-close:not(.ui-state-focus) {
    border-color: transparent; }

/* line 33, app/stylesheets/vendor/jqueryui/_jquery.ui.dialog.scss */
.ui-dialog .ui-dialog-titlebar-close span {
  display: block;
  margin: 1px; }

/* line 34, app/stylesheets/vendor/jqueryui/_jquery.ui.dialog.scss */
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
  padding: 0; }

/* line 35, app/stylesheets/vendor/jqueryui/_jquery.ui.dialog.scss */
.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto;
  zoom: 1; }

/* line 36, app/stylesheets/vendor/jqueryui/_jquery.ui.dialog.scss */
.ui-dialog .ui-dialog-buttonpane, .ui-dialog .ui-datepicker .ui-datepicker-time, .ui-datepicker .ui-dialog .ui-datepicker-time {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin: .5em 0 0 0;
  padding: 0.3em 1em 0.5em 0.4em; }

/* line 37, app/stylesheets/vendor/jqueryui/_jquery.ui.dialog.scss */
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset, .ui-dialog .ui-datepicker .ui-datepicker-time .ui-dialog-buttonset, .ui-datepicker .ui-dialog .ui-datepicker-time .ui-dialog-buttonset {
  float: right; }

/* line 38, app/stylesheets/vendor/jqueryui/_jquery.ui.dialog.scss */
.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; }

/* line 39, app/stylesheets/vendor/jqueryui/_jquery.ui.dialog.scss */
.ui-dialog .ui-resizable-se {
  width: 14px;
  height: 14px;
  right: 3px;
  bottom: 3px; }

/* line 40, app/stylesheets/vendor/jqueryui/_jquery.ui.dialog.scss */
.ui-draggable .ui-dialog-titlebar, .ui-draggable .ui-datepicker .ui-datepicker-header, .ui-datepicker .ui-draggable .ui-datepicker-header {
  cursor: move; }

/* line 44, app/stylesheets/vendor/jqueryui/_jquery.ui.dialog.scss */
.ui-dialog {
  padding: 0; }
  /* line 47, app/stylesheets/vendor/jqueryui/_jquery.ui.dialog.scss */
  .ui-dialog .ui-dialog-titlebar-close {
    right: 12px;
    width: 20px;
    height: 20px; }
    /* line 50, app/stylesheets/vendor/jqueryui/_jquery.ui.dialog.scss */
    .ui-dialog .ui-dialog-titlebar-close span {
      transition: opacity 0.2s;
      background: url(/dist/images/icon-x-black-7a9992ed03.svg) 50% 50% no-repeat;
      background-size: 10px;
      opacity: 0.6; }
    /* line 56, app/stylesheets/vendor/jqueryui/_jquery.ui.dialog.scss */
    .ui-dialog .ui-dialog-titlebar-close.ui-state-hover, .ui-dialog .ui-dialog-titlebar-close.ui-state-focus {
      border: 1px solid;
      border-color: #16a8ff !important;
      border-radius: 3px; }
      /* line 60, app/stylesheets/vendor/jqueryui/_jquery.ui.dialog.scss */
      .ui-dialog .ui-dialog-titlebar-close.ui-state-hover span, .ui-dialog .ui-dialog-titlebar-close.ui-state-focus span {
        opacity: 0.8; }

/* line 67, app/stylesheets/vendor/jqueryui/_jquery.ui.dialog.scss */
.ui-dialog .ui-dialog-titlebar, .ui-dialog .ui-datepicker .ui-datepicker-header, .ui-datepicker .ui-dialog .ui-datepicker-header {
  padding: .4em 1em;
  position: relative; }
  /* line 69, app/stylesheets/vendor/jqueryui/_jquery.ui.dialog.scss */
  .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; }

/* line 76, app/stylesheets/vendor/jqueryui/_jquery.ui.dialog.scss */
.ui-dialog.ui-widget-content {
  border: none;
  box-shadow: 0 1px 4px 1px rgba(45, 59, 69, 0.95); }

/* line 83, app/stylesheets/vendor/jqueryui/_jquery.ui.dialog.scss */
.ui-datepicker .ui-datepicker-time,
.ui-dialog .ui-dialog-buttonpane,
.ui-dialog .ui-datepicker .ui-datepicker-time, .ui-datepicker
.ui-dialog .ui-datepicker-time {
  background-color: #f2f2f2;
  border-top: 1px solid #C7CDD1; }

/* line 89, app/stylesheets/vendor/jqueryui/_jquery.ui.dialog.scss */
.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) {
    /* line 89, app/stylesheets/vendor/jqueryui/_jquery.ui.dialog.scss */
    .ui-dialog .ui-dialog-buttonpane, .ui-dialog .ui-datepicker .ui-datepicker-time, .ui-datepicker .ui-dialog .ui-datepicker-time {
      padding: 12px; } }
  /* line 92, app/stylesheets/vendor/jqueryui/_jquery.ui.dialog.scss */
  .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; }
    /* line 94, app/stylesheets/vendor/jqueryui/_jquery.ui.dialog.scss */
    .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; }

/* line 98, app/stylesheets/vendor/jqueryui/_jquery.ui.dialog.scss */
.ui-datepicker .ui-datepicker-header,
.ui-dialog .ui-dialog-titlebar,
.ui-dialog .ui-datepicker .ui-datepicker-header, .ui-datepicker
.ui-dialog .ui-datepicker-header {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  font-weight: bold;
  font-size: 14px;
  font-size: 0.875rem; }

/*!
 * jQuery UI Slider 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/Slider#theming
 */
/* line 10, app/stylesheets/vendor/jqueryui/_jquery.ui.slider.scss */
.ui-slider {
  position: relative;
  text-align: left; }

/* line 11, app/stylesheets/vendor/jqueryui/_jquery.ui.slider.scss */
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default; }

/* line 12, app/stylesheets/vendor/jqueryui/_jquery.ui.slider.scss */
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0; }

/* line 14, app/stylesheets/vendor/jqueryui/_jquery.ui.slider.scss */
.ui-slider-horizontal {
  height: .8em; }

/* line 15, app/stylesheets/vendor/jqueryui/_jquery.ui.slider.scss */
.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em; }

/* line 16, app/stylesheets/vendor/jqueryui/_jquery.ui.slider.scss */
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%; }

/* line 17, app/stylesheets/vendor/jqueryui/_jquery.ui.slider.scss */
.ui-slider-horizontal .ui-slider-range-min {
  left: 0; }

/* line 18, app/stylesheets/vendor/jqueryui/_jquery.ui.slider.scss */
.ui-slider-horizontal .ui-slider-range-max {
  right: 0; }

/* line 20, app/stylesheets/vendor/jqueryui/_jquery.ui.slider.scss */
.ui-slider-vertical {
  width: .8em;
  height: 100px; }

/* line 21, app/stylesheets/vendor/jqueryui/_jquery.ui.slider.scss */
.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em; }

/* line 22, app/stylesheets/vendor/jqueryui/_jquery.ui.slider.scss */
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%; }

/* line 23, app/stylesheets/vendor/jqueryui/_jquery.ui.slider.scss */
.ui-slider-vertical .ui-slider-range-min {
  bottom: 0; }

/* line 24, app/stylesheets/vendor/jqueryui/_jquery.ui.slider.scss */
.ui-slider-vertical .ui-slider-range-max {
  top: 0; }

/*!
 * 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
 */
/* line 11, app/stylesheets/vendor/jqueryui/_jquery.ui.tabs.scss */
.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... */ }
  /* line 15, app/stylesheets/vendor/jqueryui/_jquery.ui.tabs.scss */
  .ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0;
    border-radius: 0;
    background: transparent;
    border-width: 0 0 1px 0;
    box-shadow: none; }
    /* line 21, app/stylesheets/vendor/jqueryui/_jquery.ui.tabs.scss */
    .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; }
      /* line 30, app/stylesheets/vendor/jqueryui/_jquery.ui.tabs.scss */
      .ui-tabs .ui-tabs-nav li a {
        float: left;
        padding: .5em .9em;
        text-decoration: none;
        font-weight: bold;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }
      /* line 37, app/stylesheets/vendor/jqueryui/_jquery.ui.tabs.scss */
      .ui-tabs .ui-tabs-nav li.ui-tabs-active {
        margin-bottom: 0;
        padding-bottom: 1px;
        background: #fff;
        border-color: #aaa;
        box-shadow: none; }
        /* line 41, app/stylesheets/vendor/jqueryui/_jquery.ui.tabs.scss */
        .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
          color: #333; }
      /* line 44, app/stylesheets/vendor/jqueryui/_jquery.ui.tabs.scss */
      .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; }
  /* line 48, app/stylesheets/vendor/jqueryui/_jquery.ui.tabs.scss */
  .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
    cursor: pointer; }
  /* line 49, app/stylesheets/vendor/jqueryui/_jquery.ui.tabs.scss */
  .ui-tabs .ui-tabs-panel {
    display: block;
    padding: 1em 1.4em;
    background-color: #fff;
    border-width: 0 1px 1px 1px;
    border-radius: 0; }
  /* line 55, app/stylesheets/vendor/jqueryui/_jquery.ui.tabs.scss */
  .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
 */
/* line 10, app/stylesheets/vendor/jqueryui/_jquery.ui.datepicker.scss */
.ui-datepicker {
  width: 17em;
  padding: 0;
  display: none; }

/* line 11, app/stylesheets/vendor/jqueryui/_jquery.ui.datepicker.scss */
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 4px 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

/* line 12, app/stylesheets/vendor/jqueryui/_jquery.ui.datepicker.scss */
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 5px;
  width: 1.8em;
  height: 1.8em; }

/* line 13, app/stylesheets/vendor/jqueryui/_jquery.ui.datepicker.scss */
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
  top: 4px; }

/* line 14, app/stylesheets/vendor/jqueryui/_jquery.ui.datepicker.scss */
.ui-datepicker .ui-datepicker-prev {
  left: 4px; }

/* line 15, app/stylesheets/vendor/jqueryui/_jquery.ui.datepicker.scss */
.ui-datepicker .ui-datepicker-next {
  right: 4px; }

/* line 16, app/stylesheets/vendor/jqueryui/_jquery.ui.datepicker.scss */
.ui-datepicker .ui-datepicker-prev-hover {
  left: 3px; }

/* line 17, app/stylesheets/vendor/jqueryui/_jquery.ui.datepicker.scss */
.ui-datepicker .ui-datepicker-next-hover {
  right: 3px; }

/* line 18, app/stylesheets/vendor/jqueryui/_jquery.ui.datepicker.scss */
.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; }

/* line 19, app/stylesheets/vendor/jqueryui/_jquery.ui.datepicker.scss */
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center; }

/* line 20, app/stylesheets/vendor/jqueryui/_jquery.ui.datepicker.scss */
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0; }

/* line 21, app/stylesheets/vendor/jqueryui/_jquery.ui.datepicker.scss */
.ui-datepicker select.ui-datepicker-month-year {
  width: 100%; }

/* line 22, app/stylesheets/vendor/jqueryui/_jquery.ui.datepicker.scss */
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%; }

/* line 24, app/stylesheets/vendor/jqueryui/_jquery.ui.datepicker.scss */
.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em; }

/* line 25, app/stylesheets/vendor/jqueryui/_jquery.ui.datepicker.scss */
.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0; }

/* line 26, app/stylesheets/vendor/jqueryui/_jquery.ui.datepicker.scss */
.ui-datepicker td {
  border: 0; }

/* line 27, app/stylesheets/vendor/jqueryui/_jquery.ui.datepicker.scss */
.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: 2px;
  text-align: center;
  text-decoration: none;
  border-color: transparent; }

/* line 28, app/stylesheets/vendor/jqueryui/_jquery.ui.datepicker.scss */
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0; }

/* line 29, app/stylesheets/vendor/jqueryui/_jquery.ui.datepicker.scss */
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible; }

/* line 30, app/stylesheets/vendor/jqueryui/_jquery.ui.datepicker.scss */
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left; }

/* with multiple calendars */
/* line 33, app/stylesheets/vendor/jqueryui/_jquery.ui.datepicker.scss */
.ui-datepicker.ui-datepicker-multi {
  width: auto; }

/* line 34, app/stylesheets/vendor/jqueryui/_jquery.ui.datepicker.scss */
.ui-datepicker-multi .ui-datepicker-group {
  float: left; }

/* line 35, app/stylesheets/vendor/jqueryui/_jquery.ui.datepicker.scss */
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em; }

/* line 36, app/stylesheets/vendor/jqueryui/_jquery.ui.datepicker.scss */
.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%; }

/* line 37, app/stylesheets/vendor/jqueryui/_jquery.ui.datepicker.scss */
.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%; }

/* line 38, app/stylesheets/vendor/jqueryui/_jquery.ui.datepicker.scss */
.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%; }

/* line 39, app/stylesheets/vendor/jqueryui/_jquery.ui.datepicker.scss */
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
  border-left-width: 0; }

/* line 40, app/stylesheets/vendor/jqueryui/_jquery.ui.datepicker.scss */
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0; }

/* line 41, app/stylesheets/vendor/jqueryui/_jquery.ui.datepicker.scss */
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left; }

/* line 42, app/stylesheets/vendor/jqueryui/_jquery.ui.datepicker.scss */
.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0em; }

/* line 45, app/stylesheets/vendor/jqueryui/_jquery.ui.datepicker.scss */
.ui-datepicker .ui-state-default {
  background: transparent;
  box-shadow: none; }

/* line 49, app/stylesheets/vendor/jqueryui/_jquery.ui.datepicker.scss */
.ui-datepicker .ui-state-active, .ui-datepicker .ui-progressbar .ui-widget-header, .ui-progressbar .ui-datepicker .ui-widget-header, .ui-datepicker .ui-state-active.ui-state-hover, .ui-datepicker .ui-progressbar .ui-state-hover.ui-widget-header, .ui-progressbar .ui-datepicker .ui-state-hover.ui-widget-header {
  border: 1px solid #a8adb3;
  color: #333;
  background: #d5dde3;
  background: linear-gradient(to bottom, #e0e6eb, #d4dce2);
  font-weight: bold;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.75); }

/* line 57, app/stylesheets/vendor/jqueryui/_jquery.ui.datepicker.scss */
.ui-datepicker .ui-datepicker-time {
  padding: 5px 6px;
  text-align: right; }
  /* line 62, app/stylesheets/vendor/jqueryui/_jquery.ui.datepicker.scss */
  .ui-datepicker .ui-datepicker-time input, .ui-datepicker .ui-datepicker-time select {
    padding: 2px;
    margin-bottom: 0; }
  /* line 63, app/stylesheets/vendor/jqueryui/_jquery.ui.datepicker.scss */
  .ui-datepicker .ui-datepicker-time .ui-datepicker-ok {
    margin-left: 6px; }

/* line 65, app/stylesheets/vendor/jqueryui/_jquery.ui.datepicker.scss */
.ui-datepicker .ui-datepicker-header {
  font-size: 12px;
  font-size: 0.75rem; }

/* line 70, app/stylesheets/vendor/jqueryui/_jquery.ui.datepicker.scss */
.ui-datepicker-today .ui-state-highlight:not(.ui-state-active):not(.ui-progressbar .ui-widget-header) {
  background: transparent;
  border-color: transparent;
  font-weight: bold; }

/* line 77, app/stylesheets/vendor/jqueryui/_jquery.ui.datepicker.scss */
#ui-datepicker-div {
  z-index: 9999; }

/* line 81, app/stylesheets/vendor/jqueryui/_jquery.ui.datepicker.scss */
.ui-datepicker-header.ui-widget-header {
  background: #FFFFFF;
  box-shadow: none;
  padding: 6px 0;
  border-color: #C7CDD1;
  text-shadow: none; }

/* line 89, app/stylesheets/vendor/jqueryui/_jquery.ui.datepicker.scss */
.ui-datepicker.ui-widget-content {
  border-color: #C7CDD1;
  box-shadow: 0 1px 2px rgba(45, 59, 69, 0.2); }

/* line 94, app/stylesheets/vendor/jqueryui/_jquery.ui.datepicker.scss */
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  background: url("/dist/images/icon-arrow-left-74c1c5f40b.svg") 50% 50% no-repeat;
  background-size: 12px; }
  /* line 95, app/stylesheets/vendor/jqueryui/_jquery.ui.datepicker.scss */
  .ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon {
    display: none; }

/* line 101, app/stylesheets/vendor/jqueryui/_jquery.ui.datepicker.scss */
.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; }
  /* line 102, app/stylesheets/vendor/jqueryui/_jquery.ui.datepicker.scss */
  .ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon, .ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon {
    display: none; }
  /* line 108, app/stylesheets/vendor/jqueryui/_jquery.ui.datepicker.scss */
  .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; }

/* line 115, app/stylesheets/vendor/jqueryui/_jquery.ui.datepicker.scss */
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  background-image: url("/dist/images/icon-arrow-left-74c1c5f40b.svg"); }

/* line 118, app/stylesheets/vendor/jqueryui/_jquery.ui.datepicker.scss */
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  background-image: url("/dist/images/icon-arrow-right-1b7f46cf1a.svg"); }

/* line 124, app/stylesheets/vendor/jqueryui/_jquery.ui.datepicker.scss */
.ui-datepicker td span, .ui-datepicker td a {
  border-radius: 3px;
  color: var(--ic-brand-font-color-dark); }
  /* line 127, app/stylesheets/vendor/jqueryui/_jquery.ui.datepicker.scss */
  .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; }
  /* line 133, app/stylesheets/vendor/jqueryui/_jquery.ui.datepicker.scss */
  .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; }

/* line 141, app/stylesheets/vendor/jqueryui/_jquery.ui.datepicker.scss */
.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
 */
/*
@styleguide Progress Bar

<br/>
We use jQuery UI progress bar
<br/>

```html

<a id="animateProgress" href="#" class="Button Button--primary">Click Me</a>
<br/><br/>
<div id="progressbar" class="ui-progressbar ui-widget ui-widget-content ui-corner-all" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="37" style="width: 100%;">
	<div class="ui-progressbar-value ui-widget-header ui-corner-left" style="width: 50%;"></div>
</div>
```

*/
/* line 29, app/stylesheets/vendor/jqueryui/_jquery.ui.progressbar.scss */
.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden; }

/* line 30, app/stylesheets/vendor/jqueryui/_jquery.ui.progressbar.scss */
.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) 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
 */
/* line 3, app/stylesheets/vendor/jqueryui/_jquery.ui.tooltip.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; }

/* line 20, app/stylesheets/vendor/jqueryui/_jquery.ui.tooltip.scss */
.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; }

/* line 31, app/stylesheets/vendor/jqueryui/_jquery.ui.tooltip.scss */
.ui-tooltip.right:before {
  left: auto;
  right: 5px; }

/* line 35, app/stylesheets/vendor/jqueryui/_jquery.ui.tooltip.scss */
.ui-tooltip.bottom:before {
  border-color: black transparent transparent transparent;
  top: auto;
  bottom: -10px; }

/* line 40, app/stylesheets/vendor/jqueryui/_jquery.ui.tooltip.scss */
.ui-tooltip.center:before {
  left: 50%;
  margin-left: -5px;
  right: auto; }

/* line 45, app/stylesheets/vendor/jqueryui/_jquery.ui.tooltip.scss */
.ui-tooltip.middle:before {
  top: 50%;
  margin-top: -5px;
  bottom: auto; }

/* line 50, app/stylesheets/vendor/jqueryui/_jquery.ui.tooltip.scss */
.ui-tooltip.horizontal:before {
  top: 50%;
  margin-top: -5px;
  bottom: auto;
  left: -10px;
  right: auto;
  border-color: transparent black transparent transparent; }

/* line 58, app/stylesheets/vendor/jqueryui/_jquery.ui.tooltip.scss */
.ui-tooltip.right.horizontal:before {
  left: auto;
  right: -10px;
  border-color: transparent transparent transparent black; }

/* line 63, app/stylesheets/vendor/jqueryui/_jquery.ui.tooltip.scss */
.ui-tooltip.bottom.horizontal:before {
  top: auto;
  bottom: 5px; }

/* line 67, app/stylesheets/vendor/jqueryui/_jquery.ui.tooltip.scss */
.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
----------------------------------*/
/* line 16, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-widget {
  font-size: 12px;
  font-size: 0.75rem; }

/* line 17, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-widget .ui-widget {
  font-size: 1em; }

/* line 18, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-widget-content {
  border: 1px solid #aaa;
  background: #fff;
  color: var(--ic-brand-font-color-dark); }

/* line 22, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-widget-header {
  border: 1px solid #C7CDD1;
  background: #F5F5F5; }

/* line 23, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-widget-header a {
  color: #333333; }

/* Interaction states
----------------------------------*/
/* line 28, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.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; }

/* line 36, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.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); }

/* line 42, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: #404040; }

/* line 44, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
  color: #333;
  text-decoration: none; }

/* line 45, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.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; }

/* line 49, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-state-hover a, .ui-state-hover a:hover {
  color: #313131;
  text-decoration: none; }

/* line 51, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-state-active, .ui-progressbar .ui-widget-header, .ui-widget-header .ui-state-active, .ui-widget-header .ui-progressbar .ui-widget-header, .ui-progressbar .ui-widget-header .ui-widget-header {
  border: 1px solid #1e7bc8;
  color: #fff;
  background: #05a6eb;
  background-image: linear-gradient(to bottom, #0abeff, #0a95ff); }

/* line 54, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-state-active a, .ui-progressbar .ui-widget-header a, .ui-state-active a:link, .ui-progressbar .ui-widget-header a:link, .ui-state-active a:visited, .ui-progressbar .ui-widget-header a:visited {
  color: #fff;
  text-decoration: none; }

/* line 55, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-widget :active {
  outline: none; }

/* Interaction Cues
----------------------------------*/
/* line 60, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.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); }

/* line 67, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
  color: #fff; }

/* line 68, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
  color: #fff; }

/* line 69, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
  font-weight: bold; }

/* line 70, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  font-weight: normal; }

/* line 71, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: 0.6;
  background-image: none; }

/* line 74, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-state-success, .ui-state-warning,
.dialog-warning .ui-dialog-titlebar,
.dialog-warning .ui-datepicker .ui-datepicker-header, .ui-datepicker
.dialog-warning .ui-datepicker-header, .dialog-success .ui-dialog-titlebar, .dialog-success .ui-datepicker .ui-datepicker-header, .ui-datepicker .dialog-success .ui-datepicker-header {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  color: #EE0612; }

/* line 82, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.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); }

/* line 85, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-state-warning, .dialog-warning .ui-dialog-titlebar, .dialog-warning .ui-datepicker .ui-datepicker-header, .ui-datepicker .dialog-warning .ui-datepicker-header {
  background-image: linear-gradient(to bottom, #fbb450, #f89406); }

/* Icons
----------------------------------*/
/* states and images */
/* line 94, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-icon {
  width: 16px;
  height: 16px;
  background-image: url(/dist/images/jqueryui/ui-icons_222222_256x240-a2c05c5e96.png); }

/* line 95, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-widget-content .ui-icon {
  background-image: url(/dist/images/jqueryui/ui-icons_222222_256x240-a2c05c5e96.png); }

/* line 96, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-widget-header .ui-icon {
  background-image: url(/dist/images/jqueryui/ui-icons_ffffff_256x240-ed886cdf6e.png); }

/* line 97, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-state-default .ui-icon {
  background-image: url(/dist/images/jqueryui/ui-icons_222222_256x240-a2c05c5e96.png); }

/* line 98, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
  background-image: url(/dist/images/jqueryui/ui-icons_222222_256x240-a2c05c5e96.png); }

/* line 99, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-state-active .ui-icon, .ui-progressbar .ui-widget-header .ui-icon {
  background-image: url(/dist/images/jqueryui/ui-icons_ffffff_256x240-ed886cdf6e.png); }

/* line 100, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-state-highlight .ui-icon {
  background-image: url(/dist/images/jqueryui/ui-icons_228ef1_256x240-69cd3c6fca.png); }

/* line 101, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.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; }

/* line 105, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-state-highlight .ui-icon, .ui-state-error .ui-icon {
  margin-top: -1px; }

/* positioning */
/* line 108, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-icon-carat-1-e {
  background-position: -32px 0; }

/* line 109, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-icon-triangle-1-n {
  background-position: 0 -16px; }

/* line 110, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-icon-triangle-1-ne {
  background-position: -16px -16px; }

/* line 111, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-icon-triangle-1-e {
  background-position: -32px -16px; }

/* line 112, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-icon-triangle-1-se {
  background-position: -48px -16px; }

/* line 113, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-icon-triangle-1-s {
  background-position: -64px -16px; }

/* line 114, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-icon-triangle-1-sw {
  background-position: -80px -16px; }

/* line 115, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-icon-triangle-1-w {
  background-position: -96px -16px; }

/* line 116, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-icon-triangle-1-nw {
  background-position: -112px -16px; }

/* line 117, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-icon-triangle-2-n-s {
  background-position: -128px -16px; }

/* line 118, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-icon-triangle-2-e-w {
  background-position: -144px -16px; }

/* line 119, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px; }

/* line 120, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-icon-extlink {
  background-position: -32px -80px; }

/* line 121, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-icon-pencil {
  background-position: -64px -112px; }

/* line 122, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-icon-wrench {
  background-position: -176px -112px; }

/* line 123, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-icon-minus {
  background-position: -48px -128px; }

/* line 124, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-icon-close {
  background-position: -248px -546px; }

/* line 125, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-icon-closethick {
  background-position: -96px -128px; }

/* line 126, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-icon-alert {
  background-position: 0 -144px; }

/* line 127, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-icon-info {
  background: url(/dist/images/jqueryui/icon_sprite-30c4d78a47.png) 0 0 no-repeat !important; }

/* line 128, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-icon-check {
  background-position: -50px -546px; }

/* line 129, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-icon-seek-first {
  background-position: -80px -160px; }

/* line 130, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-icon-circle-triangle-e {
  background-position: -48px -192px; }

/* line 131, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-icon-circle-triangle-s {
  background-position: -182px -480px; }

/* line 132, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-icon-circle-triangle-w {
  background-position: -80px -192px; }

/* line 133, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-icon-circle-triangle-n {
  background-position: -96px -192px; }

/* line 134, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-icon-circle-arrow-s {
  background-position: -128px -192px; }

/* line 135, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-icon-circle-arrow-n {
  background-position: -160px -192px; }

/* line 136, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-icon-grip-diagonal-se {
  background-position: -80px -224px; }

/* line 155, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-icon-radio-off {
  background: none !important; }

/* line 156, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-icon-radio-on {
  background: url(/dist/images/icon-checkmark-3879439d37.svg) 0 50% no-repeat !important;
  background-size: 14px; }

/* line 160, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-icon-sections {
  background: url(/dist/images/jqueryui/ui-icon-sections-2a6fae7598.png) 0 0 no-repeat !important; }

/* line 161, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-icon-cog {
  background: url(/dist/images/jqueryui/ui-icon-cog-df5572602e.png) 0 0 no-repeat !important; }

/* line 164, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.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 */
/* line 172, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  border-top-left-radius: 3px; }

/* line 173, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  border-top-right-radius: 3px; }

/* line 174, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  border-bottom-left-radius: 3px; }

/* line 175, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  border-bottom-right-radius: 3px; }

/* Overlays */
/* line 178, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.ui-widget-overlay {
  background: rgba(45, 59, 69, 0.75); }

/* line 181, app/stylesheets/vendor/jqueryui/_jquery.ui.theme.scss */
.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
 */
/* line 10, app/stylesheets/vendor/jqueryui/_jquery.ui.menu.scss */
.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: none; }

/* line 11, app/stylesheets/vendor/jqueryui/_jquery.ui.menu.scss */
.ui-menu .ui-menu {
  margin-top: -3px;
  position: absolute; }

/* line 12, app/stylesheets/vendor/jqueryui/_jquery.ui.menu.scss */
.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  zoom: 1;
  width: 100%; }

/* line 13, app/stylesheets/vendor/jqueryui/_jquery.ui.menu.scss */
.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: 6px .4em;
  line-height: 1.5;
  zoom: 1; }

/* line 14, app/stylesheets/vendor/jqueryui/_jquery.ui.menu.scss */
.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; }

/* line 17, app/stylesheets/vendor/jqueryui/_jquery.ui.menu.scss */
.ui-menu li.ui-state-disabled {
  padding: 0.7em 0.4em 0.5em;
  margin: .4em 0 .2em;
  line-height: 1.5; }

/* icon support */
/* line 20, app/stylesheets/vendor/jqueryui/_jquery.ui.menu.scss */
.ui-menu-icons {
  position: relative; }

/* line 21, app/stylesheets/vendor/jqueryui/_jquery.ui.menu.scss */
.ui-menu-icons .ui-menu-item a {
  position: relative;
  padding-left: 2em; }

/* left-aligned */
/* line 24, app/stylesheets/vendor/jqueryui/_jquery.ui.menu.scss */
.ui-menu .ui-icon {
  position: absolute;
  top: .5em;
  left: .4em; }

/* right-aligned */
/* line 27, app/stylesheets/vendor/jqueryui/_jquery.ui.menu.scss */
.ui-menu .ui-menu-icon {
  position: static;
  float: right; }

/* line 30, app/stylesheets/vendor/jqueryui/_jquery.ui.menu.scss */
.ui-menu .ui-menu-input-group {
  text-transform: uppercase;
  font-weight: bold;
  color: #000;
  font-size: 12px;
  font-size: 0.75rem; }

/* line 37, app/stylesheets/vendor/jqueryui/_jquery.ui.menu.scss */
.ui-menu-item span.ui-menu-input-group {
  padding-left: 2em; }

/* line 39, app/stylesheets/vendor/jqueryui/_jquery.ui.menu.scss */
.ui-menu-item label {
  cursor: pointer; }

/* line 41, app/stylesheets/vendor/jqueryui/_jquery.ui.menu.scss */
.ui-menu .ui-corner-all {
  border-radius: 0; }

/* line 51, app/stylesheets/vendor/jqueryui/_jquery.ui.menu.scss */
.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; }

/* line 62, app/stylesheets/vendor/jqueryui/_jquery.ui.menu.scss */
.ui-menu-carat span {
  border-width: 0px 8px 8px;
  top: 1px;
  margin-left: -8px;
  border-color: #FFFFFF transparent; }

/* line 69, app/stylesheets/vendor/jqueryui/_jquery.ui.menu.scss */
.carat-bottom .ui-menu-carat, .carat-bottom .ui-menu-carat span {
  top: auto;
  bottom: -9px;
  border-width: 9px 9px 0; }

/* line 74, app/stylesheets/vendor/jqueryui/_jquery.ui.menu.scss */
.carat-bottom .ui-menu-carat span {
  top: auto;
  bottom: 1px;
  border-width: 8px 8px 0; }

/* line 80, app/stylesheets/vendor/jqueryui/_jquery.ui.menu.scss */
.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; }
  /* line 90, app/stylesheets/vendor/jqueryui/_jquery.ui.menu.scss */
  .ui-kyle-menu a {
    color: #333;
    padding: 6px 12px;
    min-width: 144px;
    line-height: 1.1; }
  /* line 96, app/stylesheets/vendor/jqueryui/_jquery.ui.menu.scss */
  .ui-kyle-menu hr {
    margin: 0;
    height: 0;
    border: 0;
    border-top: 1px solid #C7CDD1; }
  /* line 105, app/stylesheets/vendor/jqueryui/_jquery.ui.menu.scss */
  .ui-kyle-menu li:first-of-type a {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; }
  /* line 106, app/stylesheets/vendor/jqueryui/_jquery.ui.menu.scss */
  .ui-kyle-menu li:last-child a {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px; }
  /* line 107, app/stylesheets/vendor/jqueryui/_jquery.ui.menu.scss */
  .ui-kyle-menu .ui-state-focus {
    font-weight: bold !important;
    border: none; }
    /* line 111, app/stylesheets/vendor/jqueryui/_jquery.ui.menu.scss */
    .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; }

/* line 118, app/stylesheets/vendor/jqueryui/_jquery.ui.menu.scss */
.ui-menu-small {
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: normal;
  white-space: nowrap; }
  /* line 122, app/stylesheets/vendor/jqueryui/_jquery.ui.menu.scss */
  .ui-menu-small .ui-state-focus {
    font-weight: normal;
    text-shadow: none; }
  /* line 123, app/stylesheets/vendor/jqueryui/_jquery.ui.menu.scss */
  .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) 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
 */
/* line 3, app/stylesheets/vendor/jqueryui/_overrides.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/>.
 */
/* line 204, app/stylesheets/deprecated/bootstrap/_mixins.scss */
.row {
  margin-left: -20px; }
  /* line 25, app/stylesheets/base/_ic_mixins.scss */
  .row:before, .row:after {
    display: table;
    content: "";
    line-height: 0; }
  /* line 31, app/stylesheets/base/_ic_mixins.scss */
  .row:after {
    clear: both; }

/* line 209, app/stylesheets/deprecated/bootstrap/_mixins.scss */
[class*="span"] {
  float: left;
  min-height: 1px;
  margin-left: 20px; }

/* line 216, app/stylesheets/deprecated/bootstrap/_mixins.scss */
.container {
  width: 940px; }

/* line 227, app/stylesheets/deprecated/bootstrap/_mixins.scss */
.span12 {
  width: 940px; }

/* line 227, app/stylesheets/deprecated/bootstrap/_mixins.scss */
.span11 {
  width: 860px; }

/* line 227, app/stylesheets/deprecated/bootstrap/_mixins.scss */
.span10 {
  width: 780px; }

/* line 227, app/stylesheets/deprecated/bootstrap/_mixins.scss */
.span9 {
  width: 700px; }

/* line 227, app/stylesheets/deprecated/bootstrap/_mixins.scss */
.span8 {
  width: 620px; }

/* line 227, app/stylesheets/deprecated/bootstrap/_mixins.scss */
.span7 {
  width: 540px; }

/* line 227, app/stylesheets/deprecated/bootstrap/_mixins.scss */
.span6 {
  width: 460px; }

/* line 227, app/stylesheets/deprecated/bootstrap/_mixins.scss */
.span5 {
  width: 380px; }

/* line 227, app/stylesheets/deprecated/bootstrap/_mixins.scss */
.span4 {
  width: 300px; }

/* line 227, app/stylesheets/deprecated/bootstrap/_mixins.scss */
.span3 {
  width: 220px; }

/* line 227, app/stylesheets/deprecated/bootstrap/_mixins.scss */
.span2 {
  width: 140px; }

/* line 227, app/stylesheets/deprecated/bootstrap/_mixins.scss */
.span1 {
  width: 60px; }

/* line 234, app/stylesheets/deprecated/bootstrap/_mixins.scss */
.offset12 {
  margin-left: 980px; }

/* line 234, app/stylesheets/deprecated/bootstrap/_mixins.scss */
.offset11 {
  margin-left: 900px; }

/* line 234, app/stylesheets/deprecated/bootstrap/_mixins.scss */
.offset10 {
  margin-left: 820px; }

/* line 234, app/stylesheets/deprecated/bootstrap/_mixins.scss */
.offset9 {
  margin-left: 740px; }

/* line 234, app/stylesheets/deprecated/bootstrap/_mixins.scss */
.offset8 {
  margin-left: 660px; }

/* line 234, app/stylesheets/deprecated/bootstrap/_mixins.scss */
.offset7 {
  margin-left: 580px; }

/* line 234, app/stylesheets/deprecated/bootstrap/_mixins.scss */
.offset6 {
  margin-left: 500px; }

/* line 234, app/stylesheets/deprecated/bootstrap/_mixins.scss */
.offset5 {
  margin-left: 420px; }

/* line 234, app/stylesheets/deprecated/bootstrap/_mixins.scss */
.offset4 {
  margin-left: 340px; }

/* line 234, app/stylesheets/deprecated/bootstrap/_mixins.scss */
.offset3 {
  margin-left: 260px; }

/* line 234, app/stylesheets/deprecated/bootstrap/_mixins.scss */
.offset2 {
  margin-left: 180px; }

/* line 234, app/stylesheets/deprecated/bootstrap/_mixins.scss */
.offset1 {
  margin-left: 100px; }

/* line 250, app/stylesheets/deprecated/bootstrap/_mixins.scss */
.row-fluid {
  width: 100%; }
  /* line 25, app/stylesheets/base/_ic_mixins.scss */
  .row-fluid:before, .row-fluid:after {
    display: table;
    content: "";
    line-height: 0; }
  /* line 31, app/stylesheets/base/_ic_mixins.scss */
  .row-fluid:after {
    clear: both; }
  /* line 253, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .row-fluid [class*="span"] {
    display: block;
    width: 100%;
    min-height: 30px;
    box-sizing: border-box;
    float: left;
    margin-left: 2.12766%; }
  /* line 261, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .row-fluid [class*="span"]:first-child {
    margin-left: 0; }
  /* line 266, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .row-fluid .controls-row [class*="span"] + [class*="span"] {
    margin-left: 2.12766%; }
  /* line 278, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .row-fluid .span12 {
    width: 100%; }
  /* line 278, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .row-fluid .span11 {
    width: 91.48936%; }
  /* line 278, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .row-fluid .span10 {
    width: 82.97872%; }
  /* line 278, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .row-fluid .span9 {
    width: 74.46809%; }
  /* line 278, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .row-fluid .span8 {
    width: 65.95745%; }
  /* line 278, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .row-fluid .span7 {
    width: 57.44681%; }
  /* line 278, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .row-fluid .span6 {
    width: 48.93617%; }
  /* line 278, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .row-fluid .span5 {
    width: 40.42553%; }
  /* line 278, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .row-fluid .span4 {
    width: 31.91489%; }
  /* line 278, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .row-fluid .span3 {
    width: 23.40426%; }
  /* line 278, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .row-fluid .span2 {
    width: 14.89362%; }
  /* line 278, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .row-fluid .span1 {
    width: 6.38298%; }
  /* line 285, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .row-fluid .offset12 {
    margin-left: 104.25532%; }
  /* line 286, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .row-fluid .offset12:first-child {
    margin-left: 102.12766%; }
  /* line 285, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .row-fluid .offset11 {
    margin-left: 95.74468%; }
  /* line 286, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .row-fluid .offset11:first-child {
    margin-left: 93.61702%; }
  /* line 285, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .row-fluid .offset10 {
    margin-left: 87.23404%; }
  /* line 286, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .row-fluid .offset10:first-child {
    margin-left: 85.10638%; }
  /* line 285, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .row-fluid .offset9 {
    margin-left: 78.7234%; }
  /* line 286, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .row-fluid .offset9:first-child {
    margin-left: 76.59574%; }
  /* line 285, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .row-fluid .offset8 {
    margin-left: 70.21277%; }
  /* line 286, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .row-fluid .offset8:first-child {
    margin-left: 68.08511%; }
  /* line 285, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .row-fluid .offset7 {
    margin-left: 61.70213%; }
  /* line 286, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .row-fluid .offset7:first-child {
    margin-left: 59.57447%; }
  /* line 285, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .row-fluid .offset6 {
    margin-left: 53.19149%; }
  /* line 286, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .row-fluid .offset6:first-child {
    margin-left: 51.06383%; }
  /* line 285, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .row-fluid .offset5 {
    margin-left: 44.68085%; }
  /* line 286, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .row-fluid .offset5:first-child {
    margin-left: 42.55319%; }
  /* line 285, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .row-fluid .offset4 {
    margin-left: 36.17021%; }
  /* line 286, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .row-fluid .offset4:first-child {
    margin-left: 34.04255%; }
  /* line 285, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .row-fluid .offset3 {
    margin-left: 27.65957%; }
  /* line 286, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .row-fluid .offset3:first-child {
    margin-left: 25.53191%; }
  /* line 285, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .row-fluid .offset2 {
    margin-left: 19.14894%; }
  /* line 286, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .row-fluid .offset2:first-child {
    margin-left: 17.02128%; }
  /* line 285, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .row-fluid .offset1 {
    margin-left: 10.6383%; }
  /* line 286, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .row-fluid .offset1:first-child {
    margin-left: 8.51064%; }

/* line 13, app/stylesheets/vendor/bootstrap/_grid.scss */
[class*="span"].hide,
.row-fluid [class*="span"].hide {
  display: none; }

/* line 18, app/stylesheets/vendor/bootstrap/_grid.scss */
[class*="span"].pull-right,
.row-fluid [class*="span"].pull-right {
  float: right; }

/* line 7, app/stylesheets/vendor/bootstrap/_layouts.scss */
.container {
  margin-right: auto;
  margin-left: auto; }
  /* line 25, app/stylesheets/base/_ic_mixins.scss */
  .container:before, .container:after {
    display: table;
    content: "";
    line-height: 0; }
  /* line 31, app/stylesheets/base/_ic_mixins.scss */
  .container:after {
    clear: both; }

/* line 12, app/stylesheets/vendor/bootstrap/_layouts.scss */
.container-fluid {
  padding-right: 20px;
  padding-left: 20px; }
  /* line 25, app/stylesheets/base/_ic_mixins.scss */
  .container-fluid:before, .container-fluid:after {
    display: table;
    content: "";
    line-height: 0; }
  /* line 31, app/stylesheets/base/_ic_mixins.scss */
  .container-fluid:after {
    clear: both; }

/* line 10, app/stylesheets/vendor/bootstrap/_forms.scss */
form {
  margin: 0 0 20px; }

/* line 14, app/stylesheets/vendor/bootstrap/_forms.scss */
fieldset {
  padding: 0;
  margin: 0;
  border: 0; }

/* line 21, app/stylesheets/vendor/bootstrap/_forms.scss */
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; }
  /* line 33, app/stylesheets/vendor/bootstrap/_forms.scss */
  legend small {
    font-size: 15px;
    font-size: 0.9375rem;
    color: #999; }

/* line 40, app/stylesheets/vendor/bootstrap/_forms.scss */
label,
input,
button,
select,
textarea {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 20px; }

/* line 47, app/stylesheets/vendor/bootstrap/_forms.scss */
input,
button,
select,
textarea {
  font-family: "LatoWeb", "Helvetica Neue", Helvetica, Arial, sans-serif; }

/* line 55, app/stylesheets/vendor/bootstrap/_forms.scss */
label {
  display: block;
  margin-bottom: 5px; }

/* line 64, app/stylesheets/vendor/bootstrap/_forms.scss */
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; }

/* line 94, app/stylesheets/vendor/bootstrap/_forms.scss */
input,
textarea,
.uneditable-input {
  width: 206px; }

/* line 100, app/stylesheets/vendor/bootstrap/_forms.scss */
textarea {
  height: auto; }

/* line 104, app/stylesheets/vendor/bootstrap/_forms.scss */
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border linear 0.2s, box-shadow linear 0.2s; }
  /* line 126, app/stylesheets/vendor/bootstrap/_forms.scss */
  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; }

/* line 133, app/stylesheets/vendor/bootstrap/_forms.scss */
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  line-height: normal;
  cursor: pointer; }

/* line 141, app/stylesheets/vendor/bootstrap/_forms.scss */
input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto; }

/* line 152, app/stylesheets/vendor/bootstrap/_forms.scss */
select,
input[type="file"] {
  height: 38px;
  line-height: 38px; }

/* line 160, app/stylesheets/vendor/bootstrap/_forms.scss */
select {
  width: 220px;
  border: 1px solid #ccc;
  background-color: #fff; }

/* line 167, app/stylesheets/vendor/bootstrap/_forms.scss */
select[multiple],
select[size] {
  height: auto; }

/* line 173, app/stylesheets/vendor/bootstrap/_forms.scss */
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; }

/* line 185, app/stylesheets/vendor/bootstrap/_forms.scss */
.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; }

/* line 195, app/stylesheets/vendor/bootstrap/_forms.scss */
.uneditable-input {
  overflow: hidden;
  white-space: nowrap; }

/* line 201, app/stylesheets/vendor/bootstrap/_forms.scss */
.uneditable-textarea {
  width: auto;
  height: auto; }

/* line 25, app/stylesheets/deprecated/bootstrap/_mixins.scss */
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #999; }

/* line 28, app/stylesheets/deprecated/bootstrap/_mixins.scss */
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999; }

/* line 31, app/stylesheets/deprecated/bootstrap/_mixins.scss */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999; }

/* line 221, app/stylesheets/vendor/bootstrap/_forms.scss */
.radio,
.checkbox {
  min-height: 20px;
  padding-left: 20px; }

/* line 226, app/stylesheets/vendor/bootstrap/_forms.scss */
.radio input[type="radio"],
.checkbox input[type="checkbox"] {
  float: left;
  margin-left: -20px; }

/* line 233, app/stylesheets/vendor/bootstrap/_forms.scss */
.controls > .radio:first-child,
.controls > .checkbox:first-child {
  padding-top: 5px; }

/* line 240, app/stylesheets/vendor/bootstrap/_forms.scss */
.radio.inline,
.checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle; }

/* line 247, app/stylesheets/vendor/bootstrap/_forms.scss */
.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
  margin-left: 10px; }

/* line 258, app/stylesheets/vendor/bootstrap/_forms.scss */
.input-mini {
  width: 60px; }

/* line 259, app/stylesheets/vendor/bootstrap/_forms.scss */
.input-small {
  width: 90px; }

/* line 260, app/stylesheets/vendor/bootstrap/_forms.scss */
.input-medium {
  width: 150px; }

/* line 261, app/stylesheets/vendor/bootstrap/_forms.scss */
.input-large {
  width: 210px; }

/* line 262, app/stylesheets/vendor/bootstrap/_forms.scss */
.input-xlarge {
  width: 270px; }

/* line 263, app/stylesheets/vendor/bootstrap/_forms.scss */
.input-xxlarge {
  width: 530px; }

/* line 266, app/stylesheets/vendor/bootstrap/_forms.scss */
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; }

/* line 279, app/stylesheets/vendor/bootstrap/_forms.scss */
.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; }

/* line 306, app/stylesheets/deprecated/bootstrap/_mixins.scss */
input,
textarea,
.uneditable-input {
  margin-left: 0; }

/* line 313, app/stylesheets/deprecated/bootstrap/_mixins.scss */
.controls-row [class*="span"] + [class*="span"] {
  margin-left: 20px; }

/* line 323, app/stylesheets/deprecated/bootstrap/_mixins.scss */
input.span12,
textarea.span12,
.uneditable-input.span12 {
  width: 926px; }

/* line 323, app/stylesheets/deprecated/bootstrap/_mixins.scss */
input.span11,
textarea.span11,
.uneditable-input.span11 {
  width: 846px; }

/* line 323, app/stylesheets/deprecated/bootstrap/_mixins.scss */
input.span10,
textarea.span10,
.uneditable-input.span10 {
  width: 766px; }

/* line 323, app/stylesheets/deprecated/bootstrap/_mixins.scss */
input.span9,
textarea.span9,
.uneditable-input.span9 {
  width: 686px; }

/* line 323, app/stylesheets/deprecated/bootstrap/_mixins.scss */
input.span8,
textarea.span8,
.uneditable-input.span8 {
  width: 606px; }

/* line 323, app/stylesheets/deprecated/bootstrap/_mixins.scss */
input.span7,
textarea.span7,
.uneditable-input.span7 {
  width: 526px; }

/* line 323, app/stylesheets/deprecated/bootstrap/_mixins.scss */
input.span6,
textarea.span6,
.uneditable-input.span6 {
  width: 446px; }

/* line 323, app/stylesheets/deprecated/bootstrap/_mixins.scss */
input.span5,
textarea.span5,
.uneditable-input.span5 {
  width: 366px; }

/* line 323, app/stylesheets/deprecated/bootstrap/_mixins.scss */
input.span4,
textarea.span4,
.uneditable-input.span4 {
  width: 286px; }

/* line 323, app/stylesheets/deprecated/bootstrap/_mixins.scss */
input.span3,
textarea.span3,
.uneditable-input.span3 {
  width: 206px; }

/* line 323, app/stylesheets/deprecated/bootstrap/_mixins.scss */
input.span2,
textarea.span2,
.uneditable-input.span2 {
  width: 126px; }

/* line 323, app/stylesheets/deprecated/bootstrap/_mixins.scss */
input.span1,
textarea.span1,
.uneditable-input.span1 {
  width: 46px; }

/* line 25, app/stylesheets/base/_ic_mixins.scss */
.controls-row:before, .controls-row:after {
  display: table;
  content: "";
  line-height: 0; }

/* line 31, app/stylesheets/base/_ic_mixins.scss */
.controls-row:after {
  clear: both; }

/* line 306, app/stylesheets/vendor/bootstrap/_forms.scss */
.controls-row [class*="span"],
.row-fluid .controls-row [class*="span"] {
  float: left; }

/* line 312, app/stylesheets/vendor/bootstrap/_forms.scss */
.controls-row .checkbox[class*="span"],
.controls-row .radio[class*="span"] {
  padding-top: 5px; }

/* line 324, app/stylesheets/vendor/bootstrap/_forms.scss */
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  cursor: not-allowed;
  background-color: #eee; }

/* line 334, app/stylesheets/vendor/bootstrap/_forms.scss */
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
  background-color: transparent; }

/* line 73, app/stylesheets/deprecated/bootstrap/_mixins.scss */
.control-group.warning > label,
.control-group.warning .help-block,
.control-group.warning .help-inline {
  color: #c09853; }

/* line 79, app/stylesheets/deprecated/bootstrap/_mixins.scss */
.control-group.warning .checkbox,
.control-group.warning .radio,
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
  color: #c09853; }

/* line 86, app/stylesheets/deprecated/bootstrap/_mixins.scss */
.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); }
  /* line 91, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .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; }

/* line 97, app/stylesheets/deprecated/bootstrap/_mixins.scss */
.control-group.warning .input-prepend .add-on,
.control-group.warning .input-append .add-on {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #c09853; }

/* line 73, app/stylesheets/deprecated/bootstrap/_mixins.scss */
.control-group.error > label,
.control-group.error .help-block,
.control-group.error .help-inline {
  color: #b94a48; }

/* line 79, app/stylesheets/deprecated/bootstrap/_mixins.scss */
.control-group.error .checkbox,
.control-group.error .radio,
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
  color: #b94a48; }

/* line 86, app/stylesheets/deprecated/bootstrap/_mixins.scss */
.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); }
  /* line 91, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .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; }

/* line 97, app/stylesheets/deprecated/bootstrap/_mixins.scss */
.control-group.error .input-prepend .add-on,
.control-group.error .input-append .add-on {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #b94a48; }

/* line 73, app/stylesheets/deprecated/bootstrap/_mixins.scss */
.control-group.success > label,
.control-group.success .help-block,
.control-group.success .help-inline {
  color: #417e42; }

/* line 79, app/stylesheets/deprecated/bootstrap/_mixins.scss */
.control-group.success .checkbox,
.control-group.success .radio,
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
  color: #417e42; }

/* line 86, app/stylesheets/deprecated/bootstrap/_mixins.scss */
.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); }
  /* line 91, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .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; }

/* line 97, app/stylesheets/deprecated/bootstrap/_mixins.scss */
.control-group.success .input-prepend .add-on,
.control-group.success .input-append .add-on {
  color: #417e42;
  background-color: #dff0d8;
  border-color: #417e42; }

/* line 73, app/stylesheets/deprecated/bootstrap/_mixins.scss */
.control-group.info > label,
.control-group.info .help-block,
.control-group.info .help-inline {
  color: #3a87ad; }

/* line 79, app/stylesheets/deprecated/bootstrap/_mixins.scss */
.control-group.info .checkbox,
.control-group.info .radio,
.control-group.info input,
.control-group.info select,
.control-group.info textarea {
  color: #3a87ad; }

/* line 86, app/stylesheets/deprecated/bootstrap/_mixins.scss */
.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); }
  /* line 91, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .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; }

/* line 97, app/stylesheets/deprecated/bootstrap/_mixins.scss */
.control-group.info .input-prepend .add-on,
.control-group.info .input-append .add-on {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #3a87ad; }

/* line 366, app/stylesheets/vendor/bootstrap/_forms.scss */
input:focus:required:invalid,
textarea:focus:required:invalid,
select:focus:required:invalid {
  color: #b94a48;
  border-color: #ee5f5b; }
  /* line 371, app/stylesheets/vendor/bootstrap/_forms.scss */
  input:focus:required:invalid:focus,
  textarea:focus:required:invalid:focus,
  select:focus:required:invalid:focus {
    border-color: #e9322d;
    box-shadow: 0 0 6px #f8b9b7; }

/*
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>
```

*/
/* line 396, app/stylesheets/vendor/bootstrap/_forms.scss */
.form-actions {
  padding: 19px 20px 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  border-top: 1px solid #e5e5e5; }
  /* line 25, app/stylesheets/base/_ic_mixins.scss */
  .form-actions:before, .form-actions:after {
    display: table;
    content: "";
    line-height: 0; }
  /* line 31, app/stylesheets/base/_ic_mixins.scss */
  .form-actions:after {
    clear: both; }

/* line 409, app/stylesheets/vendor/bootstrap/_forms.scss */
.help-block,
.help-inline {
  color: var(--ic-brand-font-color-dark-lightened-15); }

/* line 414, app/stylesheets/vendor/bootstrap/_forms.scss */
.help-block {
  display: block;
  margin-bottom: 10px; }

/* line 419, app/stylesheets/vendor/bootstrap/_forms.scss */
.help-inline {
  display: inline-block;
  vertical-align: middle;
  padding-left: 5px; }

/* line 431, app/stylesheets/vendor/bootstrap/_forms.scss */
.input-append,
.input-prepend {
  margin-bottom: 5px;
  font-size: 0;
  white-space: nowrap; }
  /* line 438, app/stylesheets/vendor/bootstrap/_forms.scss */
  .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; }
  /* line 445, app/stylesheets/vendor/bootstrap/_forms.scss */
  .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; }
    /* line 454, app/stylesheets/vendor/bootstrap/_forms.scss */
    .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; }
  /* line 458, app/stylesheets/vendor/bootstrap/_forms.scss */
  .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; }
  /* line 471, app/stylesheets/vendor/bootstrap/_forms.scss */
  .input-append .add-on,
  .input-append .btn,
  .input-prepend .add-on,
  .input-prepend .btn {
    vertical-align: top;
    border-radius: 0; }
  /* line 476, app/stylesheets/vendor/bootstrap/_forms.scss */
  .input-append .active,
  .input-prepend .active {
    background-color: #a9dba9;
    border-color: #46a546; }

/* line 483, app/stylesheets/vendor/bootstrap/_forms.scss */
.input-prepend .add-on,
.input-prepend .btn {
  margin-right: -1px; }

/* line 487, app/stylesheets/vendor/bootstrap/_forms.scss */
.input-prepend .add-on:first-child,
.input-prepend .btn:first-child {
  border-radius: 3px 0 0 3px; }

/* line 495, app/stylesheets/vendor/bootstrap/_forms.scss */
.input-append input,
.input-append select,
.input-append .uneditable-input {
  border-radius: 3px 0 0 3px; }
  /* line 499, app/stylesheets/vendor/bootstrap/_forms.scss */
  .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; }

/* line 503, app/stylesheets/vendor/bootstrap/_forms.scss */
.input-append .add-on,
.input-append .btn,
.input-append .btn-group {
  margin-left: -1px; }

/* line 508, app/stylesheets/vendor/bootstrap/_forms.scss */
.input-append .add-on:last-child,
.input-append .btn:last-child {
  border-radius: 0 3px 3px 0; }

/* line 516, app/stylesheets/vendor/bootstrap/_forms.scss */
.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {
  border-radius: 0; }
  /* line 520, app/stylesheets/vendor/bootstrap/_forms.scss */
  .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; }

/* line 524, app/stylesheets/vendor/bootstrap/_forms.scss */
.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
  margin-right: -1px;
  border-radius: 3px 0 0 3px; }

/* line 529, app/stylesheets/vendor/bootstrap/_forms.scss */
.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
  margin-left: -1px;
  border-radius: 0 3px 3px 0; }

/* line 534, app/stylesheets/vendor/bootstrap/_forms.scss */
.input-prepend.input-append .btn-group:first-child {
  margin-left: 0; }

/* line 545, app/stylesheets/vendor/bootstrap/_forms.scss */
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 */
/* line 554, app/stylesheets/vendor/bootstrap/_forms.scss */
.form-search .input-append .search-query,
.form-search .input-prepend .search-query {
  border-radius: 0; }

/* line 558, app/stylesheets/vendor/bootstrap/_forms.scss */
.form-search .input-append .search-query {
  border-radius: 14px 0 0 14px; }

/* line 561, app/stylesheets/vendor/bootstrap/_forms.scss */
.form-search .input-append .btn {
  border-radius: 0 14px 14px 0; }

/* line 564, app/stylesheets/vendor/bootstrap/_forms.scss */
.form-search .input-prepend .search-query {
  border-radius: 0 14px 14px 0; }

/* line 567, app/stylesheets/vendor/bootstrap/_forms.scss */
.form-search .input-prepend .btn {
  border-radius: 14px 0 0 14px; }

/* line 583, app/stylesheets/vendor/bootstrap/_forms.scss */
.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; }

/* line 595, app/stylesheets/vendor/bootstrap/_forms.scss */
.form-search .hide,
.form-inline .hide,
.form-horizontal .hide {
  display: none; }

/* line 599, app/stylesheets/vendor/bootstrap/_forms.scss */
.form-search label,
.form-inline label,
.form-search .btn-group,
.form-inline .btn-group {
  display: inline-block; }

/* line 606, app/stylesheets/vendor/bootstrap/_forms.scss */
.form-search .input-append,
.form-inline .input-append,
.form-search .input-prepend,
.form-inline .input-prepend {
  margin-bottom: 0; }

/* line 613, app/stylesheets/vendor/bootstrap/_forms.scss */
.form-search .radio,
.form-search .checkbox,
.form-inline .radio,
.form-inline .checkbox {
  padding-left: 0;
  margin-bottom: 0;
  vertical-align: middle; }

/* line 622, app/stylesheets/vendor/bootstrap/_forms.scss */
.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; }

/* line 633, app/stylesheets/vendor/bootstrap/_forms.scss */
.control-group {
  margin-bottom: 10px; }

/* line 638, app/stylesheets/vendor/bootstrap/_forms.scss */
legend + .control-group {
  margin-top: 20px;
  -webkit-margin-top-collapse: separate; }

/* line 648, app/stylesheets/vendor/bootstrap/_forms.scss */
.form-horizontal .control-group {
  margin-bottom: 20px; }
  /* line 25, app/stylesheets/base/_ic_mixins.scss */
  .form-horizontal .control-group:before, .form-horizontal .control-group:after {
    display: table;
    content: "";
    line-height: 0; }
  /* line 31, app/stylesheets/base/_ic_mixins.scss */
  .form-horizontal .control-group:after {
    clear: both; }

/* line 653, app/stylesheets/vendor/bootstrap/_forms.scss */
.form-horizontal .control-label {
  float: left;
  width: 160px;
  padding-top: 5px;
  text-align: right; }

/* line 660, app/stylesheets/vendor/bootstrap/_forms.scss */
.form-horizontal .controls {
  margin-left: 180px; }

/* line 664, app/stylesheets/vendor/bootstrap/_forms.scss */
.form-horizontal .help-block {
  margin-bottom: 0; }

/* line 671, app/stylesheets/vendor/bootstrap/_forms.scss */
.form-horizontal input + .help-block,
.form-horizontal select + .help-block,
.form-horizontal textarea + .help-block {
  margin-top: 10px; }

/* line 676, app/stylesheets/vendor/bootstrap/_forms.scss */
.form-horizontal .form-actions {
  padding-left: 180px; }

/* line 8, app/stylesheets/vendor/bootstrap/_tables.scss */
.table {
  width: 100%;
  margin-bottom: 20px; }
  /* line 12, app/stylesheets/vendor/bootstrap/_tables.scss */
  .table th,
  .table td {
    padding: 8px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #ddd; }
  /* line 20, app/stylesheets/vendor/bootstrap/_tables.scss */
  .table th {
    font-weight: bold; }
  /* line 24, app/stylesheets/vendor/bootstrap/_tables.scss */
  .table thead th {
    vertical-align: bottom; }
  /* line 28, app/stylesheets/vendor/bootstrap/_tables.scss */
  .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; }
  /* line 37, app/stylesheets/vendor/bootstrap/_tables.scss */
  .table tbody + tbody {
    border-top: 2px solid #ddd; }

/* line 48, app/stylesheets/vendor/bootstrap/_tables.scss */
.table-condensed th,
.table-condensed td {
  padding: 4px 5px; }

/* line 58, app/stylesheets/vendor/bootstrap/_tables.scss */
.table-bordered {
  border: 1px solid #ddd;
  border-collapse: separate;
  *border-collapse: collapse;
  border-left: 0;
  border-radius: 3px; }
  /* line 64, app/stylesheets/vendor/bootstrap/_tables.scss */
  .table-bordered th,
  .table-bordered td {
    border-left: 1px solid #ddd; }
  /* line 69, app/stylesheets/vendor/bootstrap/_tables.scss */
  .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; }
  /* line 81, app/stylesheets/vendor/bootstrap/_tables.scss */
  .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; }
  /* line 85, app/stylesheets/vendor/bootstrap/_tables.scss */
  .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; }
  /* line 90, app/stylesheets/vendor/bootstrap/_tables.scss */
  .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; }
  /* line 96, app/stylesheets/vendor/bootstrap/_tables.scss */
  .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; }
  /* line 103, app/stylesheets/vendor/bootstrap/_tables.scss */
  .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; }
  /* line 109, app/stylesheets/vendor/bootstrap/_tables.scss */
  .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; }

/* line 127, app/stylesheets/vendor/bootstrap/_tables.scss */
.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
  background-color: #f9f9f9; }

/* line 140, app/stylesheets/vendor/bootstrap/_tables.scss */
.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
  background-color: #f5f5f5; }

/* line 152, app/stylesheets/vendor/bootstrap/_tables.scss */
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; }

/* line 165, app/stylesheets/vendor/bootstrap/_tables.scss */
.table td.span1,
.table th.span1 {
  float: none;
  width: 44px;
  margin-left: 0; }

/* line 165, app/stylesheets/vendor/bootstrap/_tables.scss */
.table td.span2,
.table th.span2 {
  float: none;
  width: 124px;
  margin-left: 0; }

/* line 165, app/stylesheets/vendor/bootstrap/_tables.scss */
.table td.span3,
.table th.span3 {
  float: none;
  width: 204px;
  margin-left: 0; }

/* line 165, app/stylesheets/vendor/bootstrap/_tables.scss */
.table td.span4,
.table th.span4 {
  float: none;
  width: 284px;
  margin-left: 0; }

/* line 165, app/stylesheets/vendor/bootstrap/_tables.scss */
.table td.span5,
.table th.span5 {
  float: none;
  width: 364px;
  margin-left: 0; }

/* line 165, app/stylesheets/vendor/bootstrap/_tables.scss */
.table td.span6,
.table th.span6 {
  float: none;
  width: 444px;
  margin-left: 0; }

/* line 165, app/stylesheets/vendor/bootstrap/_tables.scss */
.table td.span7,
.table th.span7 {
  float: none;
  width: 524px;
  margin-left: 0; }

/* line 165, app/stylesheets/vendor/bootstrap/_tables.scss */
.table td.span8,
.table th.span8 {
  float: none;
  width: 604px;
  margin-left: 0; }

/* line 165, app/stylesheets/vendor/bootstrap/_tables.scss */
.table td.span9,
.table th.span9 {
  float: none;
  width: 684px;
  margin-left: 0; }

/* line 165, app/stylesheets/vendor/bootstrap/_tables.scss */
.table td.span10,
.table th.span10 {
  float: none;
  width: 764px;
  margin-left: 0; }

/* line 165, app/stylesheets/vendor/bootstrap/_tables.scss */
.table td.span11,
.table th.span11 {
  float: none;
  width: 844px;
  margin-left: 0; }

/* line 165, app/stylesheets/vendor/bootstrap/_tables.scss */
.table td.span12,
.table th.span12 {
  float: none;
  width: 924px;
  margin-left: 0; }

/* line 176, app/stylesheets/vendor/bootstrap/_tables.scss */
.table tbody tr.success td {
  background-color: #dff0d8; }

/* line 179, app/stylesheets/vendor/bootstrap/_tables.scss */
.table tbody tr.error td {
  background-color: #f2dede; }

/* line 182, app/stylesheets/vendor/bootstrap/_tables.scss */
.table tbody tr.warning td {
  background-color: #fcf8e3; }

/* line 185, app/stylesheets/vendor/bootstrap/_tables.scss */
.table tbody tr.info td {
  background-color: #d9edf7; }

/* line 192, app/stylesheets/vendor/bootstrap/_tables.scss */
.table-hover tbody tr.success:hover td {
  background-color: #d0e9c6; }

/* line 195, app/stylesheets/vendor/bootstrap/_tables.scss */
.table-hover tbody tr.error:hover td {
  background-color: #ebcccc; }

/* line 198, app/stylesheets/vendor/bootstrap/_tables.scss */
.table-hover tbody tr.warning:hover td {
  background-color: #faf2cc; }

/* line 201, app/stylesheets/vendor/bootstrap/_tables.scss */
.table-hover tbody tr.info:hover td {
  background-color: #c4e3f3; }

/* line 7, app/stylesheets/vendor/bootstrap/_dropdowns.scss */
.dropup,
.dropdown {
  position: relative; }

/* line 11, app/stylesheets/vendor/bootstrap/_dropdowns.scss */
.dropdown-toggle {
  *margin-bottom: -3px; }

/* line 15, app/stylesheets/vendor/bootstrap/_dropdowns.scss */
.dropdown-toggle:active,
.open .dropdown-toggle {
  outline: 0; }

/* line 22, app/stylesheets/vendor/bootstrap/_dropdowns.scss */
.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: ""; }

/* line 34, app/stylesheets/vendor/bootstrap/_dropdowns.scss */
.dropdown .caret {
  margin-top: 8px;
  margin-left: 2px; }

/* line 41, app/stylesheets/vendor/bootstrap/_dropdowns.scss */
.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; }
  /* line 64, app/stylesheets/vendor/bootstrap/_dropdowns.scss */
  .dropdown-menu.pull-right {
    right: 0;
    left: auto; }
  /* line 70, app/stylesheets/vendor/bootstrap/_dropdowns.scss */
  .dropdown-menu .divider {
    height: 1px;
    margin: 9px 1px;
    overflow: hidden;
    background-color: #e5e5e5;
    border-bottom: 1px solid #fff; }
  /* line 75, app/stylesheets/vendor/bootstrap/_dropdowns.scss */
  .dropdown-menu li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 20px;
    color: #333;
    white-space: nowrap; }

/* line 88, app/stylesheets/vendor/bootstrap/_dropdowns.scss */
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
  text-decoration: none;
  color: #fff;
  background: var(--ic-brand-primary); }

/* line 98, app/stylesheets/vendor/bootstrap/_dropdowns.scss */
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
  color: #333;
  text-decoration: none;
  outline: 0;
  background: var(--ic-brand-primary-darkened-5); }

/* line 109, app/stylesheets/vendor/bootstrap/_dropdowns.scss */
.dropdown-menu .disabled > a,
.dropdown-menu .disabled > a:hover {
  color: #999; }

/* line 114, app/stylesheets/vendor/bootstrap/_dropdowns.scss */
.dropdown-menu .disabled > a:hover {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  cursor: default; }

/* line 123, app/stylesheets/vendor/bootstrap/_dropdowns.scss */
.open {
  *z-index: 1000; }
  /* line 128, app/stylesheets/vendor/bootstrap/_dropdowns.scss */
  .open > .dropdown-menu {
    display: block; }

/* line 135, app/stylesheets/vendor/bootstrap/_dropdowns.scss */
.pull-right > .dropdown-menu {
  right: 0;
  left: auto; }

/* line 143, app/stylesheets/vendor/bootstrap/_dropdowns.scss */
.dropdown-submenu {
  position: relative; }

/* line 147, app/stylesheets/vendor/bootstrap/_dropdowns.scss */
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  border-radius: 0 6px 6px 6px; }

/* line 154, app/stylesheets/vendor/bootstrap/_dropdowns.scss */
.dropdown-submenu a:focus + .dropdown-menu,
.dropdown-submenu:hover > .dropdown-menu {
  display: block; }

/* line 161, app/stylesheets/vendor/bootstrap/_dropdowns.scss */
.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; }

/* line 174, app/stylesheets/vendor/bootstrap/_dropdowns.scss */
.dropdown-submenu:hover > a:after {
  border-left-color: #fff; }

/* line 179, app/stylesheets/vendor/bootstrap/_dropdowns.scss */
.dropdown-submenu.pull-left {
  float: none; }
  /* line 185, app/stylesheets/vendor/bootstrap/_dropdowns.scss */
  .dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    border-radius: 6px 0 6px 6px; }

/* line 6, app/stylesheets/deprecated/bootstrap/_close.scss */
.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; }
  /* line 15, app/stylesheets/deprecated/bootstrap/_close.scss */
  .close:hover, .close:focus {
    color: var(--ic-brand-font-color-dark);
    text-decoration: none;
    cursor: pointer;
    opacity: 1; }

/* line 26, app/stylesheets/deprecated/bootstrap/_close.scss */
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none; }

/* line 14, app/stylesheets/deprecated/bootstrap/_navs.scss */
.nav {
  margin-left: 0;
  margin-bottom: 20px;
  list-style: none; }

/* line 21, app/stylesheets/deprecated/bootstrap/_navs.scss */
.nav > li > a {
  display: block; }

/* line 24, app/stylesheets/deprecated/bootstrap/_navs.scss */
.nav > li > a:hover {
  text-decoration: none;
  background-color: #eee; }

/* line 30, app/stylesheets/deprecated/bootstrap/_navs.scss */
.nav > .pull-right {
  float: right; }

/* line 25, app/stylesheets/base/_ic_mixins.scss */
.nav-pills:before, .nav-pills:after {
  display: table;
  content: "";
  line-height: 0; }

/* line 31, app/stylesheets/base/_ic_mixins.scss */
.nav-pills:after {
  clear: both; }

/* line 42, app/stylesheets/deprecated/bootstrap/_navs.scss */
.nav-pills > li {
  float: left; }

/* line 45, app/stylesheets/deprecated/bootstrap/_navs.scss */
.nav-pills > li > a {
  padding-right: 12px;
  padding-left: 12px;
  margin-right: 2px;
  line-height: 14px; }

/* line 57, app/stylesheets/deprecated/bootstrap/_navs.scss */
.nav-pills > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 2px;
  margin-bottom: 2px;
  border-radius: 5px; }

/* line 66, app/stylesheets/deprecated/bootstrap/_navs.scss */
.nav-pills > .active > a,
.nav-pills > .active > a:hover {
  color: #fff;
  background-color: var(--ic-link-color); }

/* line 6, app/stylesheets/vendor/bootstrap/_pagination.scss */
.pagination {
  margin: 20px 0; }

/* line 10, app/stylesheets/vendor/bootstrap/_pagination.scss */
.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); }

/* line 20, app/stylesheets/vendor/bootstrap/_pagination.scss */
.pagination ul > li {
  display: inline; }

/* line 23, app/stylesheets/vendor/bootstrap/_pagination.scss */
.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; }

/* line 33, app/stylesheets/vendor/bootstrap/_pagination.scss */
.pagination ul > li > a:hover,
.pagination ul > .active > a,
.pagination ul > .active > span {
  background-color: #f5f5f5; }

/* line 38, app/stylesheets/vendor/bootstrap/_pagination.scss */
.pagination ul > .active > a,
.pagination ul > .active > span {
  color: #999;
  cursor: default; }

/* line 43, app/stylesheets/vendor/bootstrap/_pagination.scss */
.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover {
  color: #999;
  background-color: transparent;
  cursor: default; }

/* line 50, app/stylesheets/vendor/bootstrap/_pagination.scss */
.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; }

/* line 55, app/stylesheets/vendor/bootstrap/_pagination.scss */
.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px; }

/* line 64, app/stylesheets/vendor/bootstrap/_pagination.scss */
.pagination-centered {
  text-align: center; }

/* line 67, app/stylesheets/vendor/bootstrap/_pagination.scss */
.pagination-right {
  text-align: right; }

/* line 77, app/stylesheets/vendor/bootstrap/_pagination.scss */
.pagination-large ul > li > a,
.pagination-large ul > li > span {
  padding: 11px 19px;
  font-size: 17.5px;
  font-size: 1.09375rem; }

/* line 82, app/stylesheets/vendor/bootstrap/_pagination.scss */
.pagination-large ul > li:first-child > a,
.pagination-large ul > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px; }

/* line 86, app/stylesheets/vendor/bootstrap/_pagination.scss */
.pagination-large ul > li:last-child > a,
.pagination-large ul > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px; }

/* line 95, app/stylesheets/vendor/bootstrap/_pagination.scss */
.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; }

/* line 99, app/stylesheets/vendor/bootstrap/_pagination.scss */
.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; }

/* line 107, app/stylesheets/vendor/bootstrap/_pagination.scss */
.pagination-small ul > li > a,
.pagination-small ul > li > span {
  padding: 2px 8px;
  font-size: 11.9px;
  font-size: 0.74375rem; }

/* line 115, app/stylesheets/vendor/bootstrap/_pagination.scss */
.pagination-mini ul > li > a,
.pagination-mini ul > li > span {
  padding: 1px 6px;
  font-size: 10.5px;
  font-size: 0.65625rem; }

/* line 5, app/stylesheets/vendor/bootstrap/_popovers.scss */
.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); }
  /* line 23, app/stylesheets/vendor/bootstrap/_popovers.scss */
  .popover.top {
    margin-top: -10px; }
  /* line 24, app/stylesheets/vendor/bootstrap/_popovers.scss */
  .popover.right {
    margin-left: 10px; }
  /* line 25, app/stylesheets/vendor/bootstrap/_popovers.scss */
  .popover.bottom {
    margin-top: 10px; }
  /* line 26, app/stylesheets/vendor/bootstrap/_popovers.scss */
  .popover.left {
    margin-left: -10px; }

/* line 30, app/stylesheets/vendor/bootstrap/_popovers.scss */
.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; }

/* line 41, app/stylesheets/vendor/bootstrap/_popovers.scss */
.popover-content {
  padding: 9px 14px; }
  /* line 43, app/stylesheets/vendor/bootstrap/_popovers.scss */
  .popover-content p, .popover-content ul, .popover-content ol {
    margin-bottom: 0; }

/* line 49, app/stylesheets/vendor/bootstrap/_popovers.scss */
.popover .arrow,
.popover .arrow:after {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

/* line 58, app/stylesheets/vendor/bootstrap/_popovers.scss */
.popover .arrow:after {
  content: "";
  z-index: -1; }

/* line 64, app/stylesheets/vendor/bootstrap/_popovers.scss */
.popover.top .arrow {
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
  border-width: 10px 10px 0;
  border-top-color: #fff; }
  /* line 70, app/stylesheets/vendor/bootstrap/_popovers.scss */
  .popover.top .arrow:after {
    border-width: 11px 11px 0;
    border-top-color: rgba(0, 0, 0, 0.25);
    bottom: -1px;
    left: -11px; }

/* line 77, app/stylesheets/vendor/bootstrap/_popovers.scss */
.popover.right .arrow {
  top: 50%;
  left: -10px;
  margin-top: -10px;
  border-width: 10px 10px 10px 0;
  border-right-color: #fff; }
  /* line 83, app/stylesheets/vendor/bootstrap/_popovers.scss */
  .popover.right .arrow:after {
    border-width: 11px 11px 11px 0;
    border-right-color: rgba(0, 0, 0, 0.25);
    bottom: -11px;
    left: -1px; }

/* line 90, app/stylesheets/vendor/bootstrap/_popovers.scss */
.popover.bottom .arrow {
  top: -10px;
  left: 50%;
  margin-left: -10px;
  border-width: 0 10px 10px;
  border-bottom-color: #fff; }
  /* line 96, app/stylesheets/vendor/bootstrap/_popovers.scss */
  .popover.bottom .arrow:after {
    border-width: 0 11px 11px;
    border-bottom-color: rgba(0, 0, 0, 0.25);
    top: -1px;
    left: -11px; }

/* line 103, app/stylesheets/vendor/bootstrap/_popovers.scss */
.popover.left .arrow {
  top: 50%;
  right: -10px;
  margin-top: -10px;
  border-width: 10px 0 10px 10px;
  border-left-color: #fff; }
  /* line 109, app/stylesheets/vendor/bootstrap/_popovers.scss */
  .popover.left .arrow:after {
    border-width: 11px 0 11px 11px;
    border-left-color: rgba(0, 0, 0, 0.25);
    bottom: -11px;
    right: -1px; }

/* line 9, app/stylesheets/vendor/bootstrap/_thumbnails.scss */
.thumbnails {
  margin-left: -20px;
  list-style: none; }
  /* line 25, app/stylesheets/base/_ic_mixins.scss */
  .thumbnails:before, .thumbnails:after {
    display: table;
    content: "";
    line-height: 0; }
  /* line 31, app/stylesheets/base/_ic_mixins.scss */
  .thumbnails:after {
    clear: both; }

/* line 15, app/stylesheets/vendor/bootstrap/_thumbnails.scss */
.row-fluid .thumbnails {
  margin-left: 0; }

/* line 20, app/stylesheets/vendor/bootstrap/_thumbnails.scss */
.thumbnails > li {
  float: left;
  margin-bottom: 20px;
  margin-left: 20px; }

/* line 27, app/stylesheets/vendor/bootstrap/_thumbnails.scss */
.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; }

/* line 37, app/stylesheets/vendor/bootstrap/_thumbnails.scss */
a.thumbnail:hover {
  border-color: var(--ic-link-color);
  box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); }

/* line 43, app/stylesheets/vendor/bootstrap/_thumbnails.scss */
.thumbnail > img {
  display: block;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }

/* line 49, app/stylesheets/vendor/bootstrap/_thumbnails.scss */
.thumbnail .caption {
  padding: 9px;
  color: #73818C; }

/* line 9, app/stylesheets/vendor/bootstrap/_thumbnails.scss */
.thumbnails {
  margin-left: -20px;
  list-style: none; }
  /* line 25, app/stylesheets/base/_ic_mixins.scss */
  .thumbnails:before, .thumbnails:after {
    display: table;
    content: "";
    line-height: 0; }
  /* line 31, app/stylesheets/base/_ic_mixins.scss */
  .thumbnails:after {
    clear: both; }

/* line 15, app/stylesheets/vendor/bootstrap/_thumbnails.scss */
.row-fluid .thumbnails {
  margin-left: 0; }

/* line 20, app/stylesheets/vendor/bootstrap/_thumbnails.scss */
.thumbnails > li {
  float: left;
  margin-bottom: 20px;
  margin-left: 20px; }

/* line 27, app/stylesheets/vendor/bootstrap/_thumbnails.scss */
.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; }

/* line 37, app/stylesheets/vendor/bootstrap/_thumbnails.scss */
a.thumbnail:hover {
  border-color: var(--ic-link-color);
  box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); }

/* line 43, app/stylesheets/vendor/bootstrap/_thumbnails.scss */
.thumbnail > img {
  display: block;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }

/* line 49, app/stylesheets/vendor/bootstrap/_thumbnails.scss */
.thumbnail .caption {
  padding: 9px;
  color: #73818C; }

/* line 7, app/stylesheets/deprecated/bootstrap/_labels-badges.scss */
.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; }

/* line 21, app/stylesheets/deprecated/bootstrap/_labels-badges.scss */
.label {
  border-radius: 3px; }

/* line 24, app/stylesheets/deprecated/bootstrap/_labels-badges.scss */
.badge {
  padding-left: 9px;
  padding-right: 9px;
  border-radius: 9px; }

/* line 32, app/stylesheets/deprecated/bootstrap/_labels-badges.scss */
a.label:hover, a.badge:hover {
  color: #fff;
  text-decoration: none;
  cursor: pointer; }

/* line 43, app/stylesheets/deprecated/bootstrap/_labels-badges.scss */
.label-important, .badge-important {
  background-color: #b94a48; }

/* line 44, app/stylesheets/deprecated/bootstrap/_labels-badges.scss */
.label-important[href], .badge-important[href] {
  background-color: #953b39; }

/* line 46, app/stylesheets/deprecated/bootstrap/_labels-badges.scss */
.label-warning, .badge-warning {
  background-color: #f89406; }

/* line 47, app/stylesheets/deprecated/bootstrap/_labels-badges.scss */
.label-warning[href], .badge-warning[href] {
  background-color: #c67605; }

/* line 49, app/stylesheets/deprecated/bootstrap/_labels-badges.scss */
.label-success, .badge-success {
  background-color: #417e42; }

/* line 50, app/stylesheets/deprecated/bootstrap/_labels-badges.scss */
.label-success[href], .badge-success[href] {
  background-color: #305c30; }

/* line 52, app/stylesheets/deprecated/bootstrap/_labels-badges.scss */
.label-info, .badge-info {
  background-color: #3a87ad; }

/* line 53, app/stylesheets/deprecated/bootstrap/_labels-badges.scss */
.label-info[href], .badge-info[href] {
  background-color: #2d6987; }

/* line 55, app/stylesheets/deprecated/bootstrap/_labels-badges.scss */
.label-inverse, .badge-inverse {
  background-color: #333; }

/* line 56, app/stylesheets/deprecated/bootstrap/_labels-badges.scss */
.label-inverse[href], .badge-inverse[href] {
  background-color: #1a1a1a; }

/* line 60, app/stylesheets/deprecated/bootstrap/_labels-badges.scss */
.btn .label,
.btn .badge {
  position: relative;
  top: -1px; }

/* line 67, app/stylesheets/deprecated/bootstrap/_labels-badges.scss */
.btn-mini .label,
.btn-mini .badge {
  top: 0; }

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

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

/* line 45, app/stylesheets/deprecated/bootstrap/_progress-bars.scss */
.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; }

/* line 55, app/stylesheets/deprecated/bootstrap/_progress-bars.scss */
.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; }

/* line 68, app/stylesheets/deprecated/bootstrap/_progress-bars.scss */
.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); }

/* line 73, app/stylesheets/deprecated/bootstrap/_progress-bars.scss */
.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; }

/* line 79, app/stylesheets/deprecated/bootstrap/_progress-bars.scss */
.progress.active .bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite; }

/* line 10, app/stylesheets/vendor/bootstrap/_media.scss */
.media,
.media-body {
  overflow: hidden;
  zoom: 1; }

/* line 17, app/stylesheets/vendor/bootstrap/_media.scss */
.media,
.media .media {
  margin-top: 15px; }

/* line 21, app/stylesheets/vendor/bootstrap/_media.scss */
.media:first-child {
  margin-top: 0; }

/* line 26, app/stylesheets/vendor/bootstrap/_media.scss */
.media-object {
  display: block; }

/* line 31, app/stylesheets/vendor/bootstrap/_media.scss */
.media-heading {
  margin: 0 0 5px; }

/* line 40, app/stylesheets/vendor/bootstrap/_media.scss */
.media > .pull-left {
  margin-right: 10px; }

/* line 43, app/stylesheets/vendor/bootstrap/_media.scss */
.media > .pull-right {
  margin-left: 10px; }

/* line 53, app/stylesheets/vendor/bootstrap/_media.scss */
.media-list {
  padding-left: 0;
  list-style: none; }

@media (min-width: 1200px) {
  /* line 204, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .row {
    margin-left: -30px; }
    /* line 25, app/stylesheets/base/_ic_mixins.scss */
    .row:before, .row:after {
      display: table;
      content: "";
      line-height: 0; }
    /* line 31, app/stylesheets/base/_ic_mixins.scss */
    .row:after {
      clear: both; }
  /* line 209, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 30px; }
  /* line 216, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .container {
    width: 1170px; }
  /* line 227, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .span12 {
    width: 1170px; }
  /* line 227, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .span11 {
    width: 1070px; }
  /* line 227, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .span10 {
    width: 970px; }
  /* line 227, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .span9 {
    width: 870px; }
  /* line 227, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .span8 {
    width: 770px; }
  /* line 227, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .span7 {
    width: 670px; }
  /* line 227, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .span6 {
    width: 570px; }
  /* line 227, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .span5 {
    width: 470px; }
  /* line 227, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .span4 {
    width: 370px; }
  /* line 227, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .span3 {
    width: 270px; }
  /* line 227, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .span2 {
    width: 170px; }
  /* line 227, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .span1 {
    width: 70px; }
  /* line 234, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .offset12 {
    margin-left: 1230px; }
  /* line 234, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .offset11 {
    margin-left: 1130px; }
  /* line 234, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .offset10 {
    margin-left: 1030px; }
  /* line 234, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .offset9 {
    margin-left: 930px; }
  /* line 234, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .offset8 {
    margin-left: 830px; }
  /* line 234, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .offset7 {
    margin-left: 730px; }
  /* line 234, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .offset6 {
    margin-left: 630px; }
  /* line 234, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .offset5 {
    margin-left: 530px; }
  /* line 234, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .offset4 {
    margin-left: 430px; }
  /* line 234, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .offset3 {
    margin-left: 330px; }
  /* line 234, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .offset2 {
    margin-left: 230px; }
  /* line 234, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .offset1 {
    margin-left: 130px; }
  /* line 250, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .row-fluid {
    width: 100%; }
    /* line 25, app/stylesheets/base/_ic_mixins.scss */
    .row-fluid:before, .row-fluid:after {
      display: table;
      content: "";
      line-height: 0; }
    /* line 31, app/stylesheets/base/_ic_mixins.scss */
    .row-fluid:after {
      clear: both; }
    /* line 253, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid [class*="span"] {
      display: block;
      width: 100%;
      min-height: 30px;
      box-sizing: border-box;
      float: left;
      margin-left: 2.5641%; }
    /* line 261, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid [class*="span"]:first-child {
      margin-left: 0; }
    /* line 266, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .controls-row [class*="span"] + [class*="span"] {
      margin-left: 2.5641%; }
    /* line 278, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .span12 {
      width: 100%; }
    /* line 278, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .span11 {
      width: 91.45299%; }
    /* line 278, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .span10 {
      width: 82.90598%; }
    /* line 278, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .span9 {
      width: 74.35897%; }
    /* line 278, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .span8 {
      width: 65.81197%; }
    /* line 278, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .span7 {
      width: 57.26496%; }
    /* line 278, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .span6 {
      width: 48.71795%; }
    /* line 278, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .span5 {
      width: 40.17094%; }
    /* line 278, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .span4 {
      width: 31.62393%; }
    /* line 278, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .span3 {
      width: 23.07692%; }
    /* line 278, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .span2 {
      width: 14.52991%; }
    /* line 278, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .span1 {
      width: 5.98291%; }
    /* line 285, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .offset12 {
      margin-left: 105.12821%; }
    /* line 286, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .offset12:first-child {
      margin-left: 102.5641%; }
    /* line 285, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .offset11 {
      margin-left: 96.5812%; }
    /* line 286, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .offset11:first-child {
      margin-left: 94.01709%; }
    /* line 285, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .offset10 {
      margin-left: 88.03419%; }
    /* line 286, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .offset10:first-child {
      margin-left: 85.47009%; }
    /* line 285, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .offset9 {
      margin-left: 79.48718%; }
    /* line 286, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .offset9:first-child {
      margin-left: 76.92308%; }
    /* line 285, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .offset8 {
      margin-left: 70.94017%; }
    /* line 286, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .offset8:first-child {
      margin-left: 68.37607%; }
    /* line 285, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .offset7 {
      margin-left: 62.39316%; }
    /* line 286, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .offset7:first-child {
      margin-left: 59.82906%; }
    /* line 285, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .offset6 {
      margin-left: 53.84615%; }
    /* line 286, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .offset6:first-child {
      margin-left: 51.28205%; }
    /* line 285, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .offset5 {
      margin-left: 45.29915%; }
    /* line 286, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .offset5:first-child {
      margin-left: 42.73504%; }
    /* line 285, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .offset4 {
      margin-left: 36.75214%; }
    /* line 286, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .offset4:first-child {
      margin-left: 34.18803%; }
    /* line 285, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .offset3 {
      margin-left: 28.20513%; }
    /* line 286, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .offset3:first-child {
      margin-left: 25.64103%; }
    /* line 285, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .offset2 {
      margin-left: 19.65812%; }
    /* line 286, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .offset2:first-child {
      margin-left: 17.09402%; }
    /* line 285, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .offset1 {
      margin-left: 11.11111%; }
    /* line 286, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .offset1:first-child {
      margin-left: 8.54701%; }
  /* line 306, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  input,
  textarea,
  .uneditable-input {
    margin-left: 0; }
  /* line 313, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 30px; }
  /* line 323, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  input.span12,
  textarea.span12,
  .uneditable-input.span12 {
    width: 1156px; }
  /* line 323, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  input.span11,
  textarea.span11,
  .uneditable-input.span11 {
    width: 1056px; }
  /* line 323, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  input.span10,
  textarea.span10,
  .uneditable-input.span10 {
    width: 956px; }
  /* line 323, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  input.span9,
  textarea.span9,
  .uneditable-input.span9 {
    width: 856px; }
  /* line 323, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  input.span8,
  textarea.span8,
  .uneditable-input.span8 {
    width: 756px; }
  /* line 323, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  input.span7,
  textarea.span7,
  .uneditable-input.span7 {
    width: 656px; }
  /* line 323, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  input.span6,
  textarea.span6,
  .uneditable-input.span6 {
    width: 556px; }
  /* line 323, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  input.span5,
  textarea.span5,
  .uneditable-input.span5 {
    width: 456px; }
  /* line 323, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  input.span4,
  textarea.span4,
  .uneditable-input.span4 {
    width: 356px; }
  /* line 323, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  input.span3,
  textarea.span3,
  .uneditable-input.span3 {
    width: 256px; }
  /* line 323, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  input.span2,
  textarea.span2,
  .uneditable-input.span2 {
    width: 156px; }
  /* line 323, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  input.span1,
  textarea.span1,
  .uneditable-input.span1 {
    width: 56px; }
  /* line 18, app/stylesheets/deprecated/bootstrap/_responsive-1200px-min.scss */
  .thumbnails {
    margin-left: -30px; }
  /* line 21, app/stylesheets/deprecated/bootstrap/_responsive-1200px-min.scss */
  .thumbnails > li {
    margin-left: 30px; }
  /* line 24, app/stylesheets/deprecated/bootstrap/_responsive-1200px-min.scss */
  .row-fluid .thumbnails {
    margin-left: 0; } }

@media (min-width: 768px) and (max-width: 979px) {
  /* line 204, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .row {
    margin-left: -20px; }
    /* line 25, app/stylesheets/base/_ic_mixins.scss */
    .row:before, .row:after {
      display: table;
      content: "";
      line-height: 0; }
    /* line 31, app/stylesheets/base/_ic_mixins.scss */
    .row:after {
      clear: both; }
  /* line 209, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 20px; }
  /* line 216, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .container {
    width: 724px; }
  /* line 227, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .span12 {
    width: 724px; }
  /* line 227, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .span11 {
    width: 662px; }
  /* line 227, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .span10 {
    width: 600px; }
  /* line 227, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .span9 {
    width: 538px; }
  /* line 227, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .span8 {
    width: 476px; }
  /* line 227, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .span7 {
    width: 414px; }
  /* line 227, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .span6 {
    width: 352px; }
  /* line 227, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .span5 {
    width: 290px; }
  /* line 227, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .span4 {
    width: 228px; }
  /* line 227, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .span3 {
    width: 166px; }
  /* line 227, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .span2 {
    width: 104px; }
  /* line 227, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .span1 {
    width: 42px; }
  /* line 234, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .offset12 {
    margin-left: 764px; }
  /* line 234, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .offset11 {
    margin-left: 702px; }
  /* line 234, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .offset10 {
    margin-left: 640px; }
  /* line 234, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .offset9 {
    margin-left: 578px; }
  /* line 234, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .offset8 {
    margin-left: 516px; }
  /* line 234, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .offset7 {
    margin-left: 454px; }
  /* line 234, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .offset6 {
    margin-left: 392px; }
  /* line 234, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .offset5 {
    margin-left: 330px; }
  /* line 234, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .offset4 {
    margin-left: 268px; }
  /* line 234, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .offset3 {
    margin-left: 206px; }
  /* line 234, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .offset2 {
    margin-left: 144px; }
  /* line 234, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .offset1 {
    margin-left: 82px; }
  /* line 250, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .row-fluid {
    width: 100%; }
    /* line 25, app/stylesheets/base/_ic_mixins.scss */
    .row-fluid:before, .row-fluid:after {
      display: table;
      content: "";
      line-height: 0; }
    /* line 31, app/stylesheets/base/_ic_mixins.scss */
    .row-fluid:after {
      clear: both; }
    /* line 253, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid [class*="span"] {
      display: block;
      width: 100%;
      min-height: 30px;
      box-sizing: border-box;
      float: left;
      margin-left: 2.76243%; }
    /* line 261, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid [class*="span"]:first-child {
      margin-left: 0; }
    /* line 266, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .controls-row [class*="span"] + [class*="span"] {
      margin-left: 2.76243%; }
    /* line 278, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .span12 {
      width: 100%; }
    /* line 278, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .span11 {
      width: 91.43646%; }
    /* line 278, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .span10 {
      width: 82.87293%; }
    /* line 278, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .span9 {
      width: 74.30939%; }
    /* line 278, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .span8 {
      width: 65.74586%; }
    /* line 278, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .span7 {
      width: 57.18232%; }
    /* line 278, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .span6 {
      width: 48.61878%; }
    /* line 278, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .span5 {
      width: 40.05525%; }
    /* line 278, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .span4 {
      width: 31.49171%; }
    /* line 278, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .span3 {
      width: 22.92818%; }
    /* line 278, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .span2 {
      width: 14.36464%; }
    /* line 278, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .span1 {
      width: 5.8011%; }
    /* line 285, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .offset12 {
      margin-left: 105.52486%; }
    /* line 286, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .offset12:first-child {
      margin-left: 102.76243%; }
    /* line 285, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .offset11 {
      margin-left: 96.96133%; }
    /* line 286, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .offset11:first-child {
      margin-left: 94.1989%; }
    /* line 285, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .offset10 {
      margin-left: 88.39779%; }
    /* line 286, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .offset10:first-child {
      margin-left: 85.63536%; }
    /* line 285, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .offset9 {
      margin-left: 79.83425%; }
    /* line 286, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .offset9:first-child {
      margin-left: 77.07182%; }
    /* line 285, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .offset8 {
      margin-left: 71.27072%; }
    /* line 286, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .offset8:first-child {
      margin-left: 68.50829%; }
    /* line 285, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .offset7 {
      margin-left: 62.70718%; }
    /* line 286, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .offset7:first-child {
      margin-left: 59.94475%; }
    /* line 285, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .offset6 {
      margin-left: 54.14365%; }
    /* line 286, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .offset6:first-child {
      margin-left: 51.38122%; }
    /* line 285, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .offset5 {
      margin-left: 45.58011%; }
    /* line 286, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .offset5:first-child {
      margin-left: 42.81768%; }
    /* line 285, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .offset4 {
      margin-left: 37.01657%; }
    /* line 286, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .offset4:first-child {
      margin-left: 34.25414%; }
    /* line 285, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .offset3 {
      margin-left: 28.45304%; }
    /* line 286, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .offset3:first-child {
      margin-left: 25.69061%; }
    /* line 285, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .offset2 {
      margin-left: 19.8895%; }
    /* line 286, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .offset2:first-child {
      margin-left: 17.12707%; }
    /* line 285, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .offset1 {
      margin-left: 11.32597%; }
    /* line 286, app/stylesheets/deprecated/bootstrap/_mixins.scss */
    .row-fluid .offset1:first-child {
      margin-left: 8.56354%; }
  /* line 306, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  input,
  textarea,
  .uneditable-input {
    margin-left: 0; }
  /* line 313, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 20px; }
  /* line 323, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  input.span12,
  textarea.span12,
  .uneditable-input.span12 {
    width: 710px; }
  /* line 323, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  input.span11,
  textarea.span11,
  .uneditable-input.span11 {
    width: 648px; }
  /* line 323, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  input.span10,
  textarea.span10,
  .uneditable-input.span10 {
    width: 586px; }
  /* line 323, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  input.span9,
  textarea.span9,
  .uneditable-input.span9 {
    width: 524px; }
  /* line 323, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  input.span8,
  textarea.span8,
  .uneditable-input.span8 {
    width: 462px; }
  /* line 323, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  input.span7,
  textarea.span7,
  .uneditable-input.span7 {
    width: 400px; }
  /* line 323, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  input.span6,
  textarea.span6,
  .uneditable-input.span6 {
    width: 338px; }
  /* line 323, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  input.span5,
  textarea.span5,
  .uneditable-input.span5 {
    width: 276px; }
  /* line 323, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  input.span4,
  textarea.span4,
  .uneditable-input.span4 {
    width: 214px; }
  /* line 323, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  input.span3,
  textarea.span3,
  .uneditable-input.span3 {
    width: 152px; }
  /* line 323, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  input.span2,
  textarea.span2,
  .uneditable-input.span2 {
    width: 90px; }
  /* line 323, app/stylesheets/deprecated/bootstrap/_mixins.scss */
  input.span1,
  textarea.span1,
  .uneditable-input.span1 {
    width: 28px; } }

/*
@styleguide Grid

<br/>

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

*"Just tell me how to make 2 columns."*

```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>
```
## Get all fancypants responsive

*"I want two columns, but only when the screen is wide enough"*

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

## Give your UI some room to breathe by adding alignment classes (.start, .center-, .end-) to the .grid-row element

*"Once the screen is wide enough, limit my content to 8 columns and center it horizontally"*

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

## Align UI elements on a horizontal axis like it's 2014 (or later).

Because it is, and you can use flexbox.

```html
<div class="content-box">
  <div class="grid-row middle-xs">
      <div class="col-xs-4">
          <div class="styleguide-section__grid-demo-element" style="height: 100px;">Look, ma &hellip;</div>
      </div>
      <div class="col-xs-8">
          <div class="styleguide-section__grid-demo-element">&hellip; we're horizontally centered!</div>
      </div>
  </div>
</div>
<div class="content-box">
  <div class="grid-row top-xs">
      <div class="col-xs-4">
          <div class="styleguide-section__grid-demo-element" style="height: 100px;">Look, ma &hellip;</div>
      </div>
      <div class="col-xs-8">
          <div class="styleguide-section__grid-demo-element">&hellip; we're aligned to the top of our container!</div>
      </div>
  </div>
</div>
<div class="content-box">
  <div class="grid-row bottom-xs">
      <div class="col-xs-4">
          <div class="styleguide-section__grid-demo-element" style="height: 100px;">Look, ma &hellip;</div>
      </div>
      <div class="col-xs-8">
          <div class="styleguide-section__grid-demo-element">&hellip; we're aligned to the bottom of our container!</div>
      </div>
  </div>
</div>
```

## Use the power of flexbox to perfectly add space *.around-* or *.between-* UI elements

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

## Offset grid columns

"When the screen gets wide enough, offset this 2-column box by 3 grid columns."

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

## Be completely lazy

"Never miss another game of foosball. Just let the grid evenly distribute your elements."

```html
<div class="content-box">
  <div class="grid-row">
      <div class="col-xs">
          <div class="styleguide-section__grid-demo-element">I'm lazy</div>
      </div>
      <div class="col-xs">
          <div class="styleguide-section__grid-demo-element">Me, too</div>
      </div>
      <div class="col-xs">
          <div class="styleguide-section__grid-demo-element">I can't believe this works</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) 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
 */
/* line 221, app/stylesheets/vendor/_flexboxgrid.scss */
.grid-row {
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-right: -12px;
  margin-left: -12px; }
  /* line 229, app/stylesheets/vendor/_flexboxgrid.scss */
  .grid-row.reverse {
    -webkit-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-flex-wrap: row-reverse;
            flex-wrap: row-reverse; }

/* line 235, app/stylesheets/vendor/_flexboxgrid.scss */
.col.reverse {
  -webkit-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-flex-wrap: column-reverse;
          flex-wrap: column-reverse; }

/* line 174, app/stylesheets/vendor/_flexboxgrid.scss */
.col-xs, .col-xs-1, .off-xs-1, .col-xs-2, .off-xs-2, .col-xs-3, .off-xs-3, .col-xs-4, .off-xs-4, .col-xs-5, .off-xs-5, .col-xs-6, .off-xs-6, .col-xs-7, .off-xs-7, .col-xs-8, .off-xs-8, .col-xs-9, .off-xs-9, .col-xs-10, .off-xs-10, .col-xs-11, .off-xs-11, .col-xs-12, .off-xs-12 {
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-flex-grow: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  padding-right: 12px;
  padding-left: 12px; }

/* line 183, app/stylesheets/vendor/_flexboxgrid.scss */
.col-xs {
  -webkit-flex-grow: 1;
          flex-grow: 1;
  -webkit-flex-basis: 0;
          flex-basis: 0;
  max-width: 100%; }

/* line 193, app/stylesheets/vendor/_flexboxgrid.scss */
.col-xs-1 {
  -webkit-flex-basis: 8.33333%;
          flex-basis: 8.33333%;
  max-width: 8.33333%; }

/* line 198, app/stylesheets/vendor/_flexboxgrid.scss */
.off-xs-1 {
  margin-left: 8.33333%; }

/* line 193, app/stylesheets/vendor/_flexboxgrid.scss */
.col-xs-2 {
  -webkit-flex-basis: 16.66667%;
          flex-basis: 16.66667%;
  max-width: 16.66667%; }

/* line 198, app/stylesheets/vendor/_flexboxgrid.scss */
.off-xs-2 {
  margin-left: 16.66667%; }

/* line 193, app/stylesheets/vendor/_flexboxgrid.scss */
.col-xs-3 {
  -webkit-flex-basis: 25%;
          flex-basis: 25%;
  max-width: 25%; }

/* line 198, app/stylesheets/vendor/_flexboxgrid.scss */
.off-xs-3 {
  margin-left: 25%; }

/* line 193, app/stylesheets/vendor/_flexboxgrid.scss */
.col-xs-4 {
  -webkit-flex-basis: 33.33333%;
          flex-basis: 33.33333%;
  max-width: 33.33333%; }

/* line 198, app/stylesheets/vendor/_flexboxgrid.scss */
.off-xs-4 {
  margin-left: 33.33333%; }

/* line 193, app/stylesheets/vendor/_flexboxgrid.scss */
.col-xs-5 {
  -webkit-flex-basis: 41.66667%;
          flex-basis: 41.66667%;
  max-width: 41.66667%; }

/* line 198, app/stylesheets/vendor/_flexboxgrid.scss */
.off-xs-5 {
  margin-left: 41.66667%; }

/* line 193, app/stylesheets/vendor/_flexboxgrid.scss */
.col-xs-6 {
  -webkit-flex-basis: 50%;
          flex-basis: 50%;
  max-width: 50%; }

/* line 198, app/stylesheets/vendor/_flexboxgrid.scss */
.off-xs-6 {
  margin-left: 50%; }

/* line 193, app/stylesheets/vendor/_flexboxgrid.scss */
.col-xs-7 {
  -webkit-flex-basis: 58.33333%;
          flex-basis: 58.33333%;
  max-width: 58.33333%; }

/* line 198, app/stylesheets/vendor/_flexboxgrid.scss */
.off-xs-7 {
  margin-left: 58.33333%; }

/* line 193, app/stylesheets/vendor/_flexboxgrid.scss */
.col-xs-8 {
  -webkit-flex-basis: 66.66667%;
          flex-basis: 66.66667%;
  max-width: 66.66667%; }

/* line 198, app/stylesheets/vendor/_flexboxgrid.scss */
.off-xs-8 {
  margin-left: 66.66667%; }

/* line 193, app/stylesheets/vendor/_flexboxgrid.scss */
.col-xs-9 {
  -webkit-flex-basis: 75%;
          flex-basis: 75%;
  max-width: 75%; }

/* line 198, app/stylesheets/vendor/_flexboxgrid.scss */
.off-xs-9 {
  margin-left: 75%; }

/* line 193, app/stylesheets/vendor/_flexboxgrid.scss */
.col-xs-10 {
  -webkit-flex-basis: 83.33333%;
          flex-basis: 83.33333%;
  max-width: 83.33333%; }

/* line 198, app/stylesheets/vendor/_flexboxgrid.scss */
.off-xs-10 {
  margin-left: 83.33333%; }

/* line 193, app/stylesheets/vendor/_flexboxgrid.scss */
.col-xs-11 {
  -webkit-flex-basis: 91.66667%;
          flex-basis: 91.66667%;
  max-width: 91.66667%; }

/* line 198, app/stylesheets/vendor/_flexboxgrid.scss */
.off-xs-11 {
  margin-left: 91.66667%; }

/* line 193, app/stylesheets/vendor/_flexboxgrid.scss */
.col-xs-12 {
  -webkit-flex-basis: 100%;
          flex-basis: 100%;
  max-width: 100%; }

/* line 206, app/stylesheets/vendor/_flexboxgrid.scss */
.start-xs {
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  text-align: start; }

/* line 207, app/stylesheets/vendor/_flexboxgrid.scss */
.center-xs {
  -webkit-justify-content: center;
          justify-content: center;
  text-align: center; }

/* line 208, app/stylesheets/vendor/_flexboxgrid.scss */
.end-xs {
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
  text-align: end; }

/* line 210, app/stylesheets/vendor/_flexboxgrid.scss */
.top-xs {
  -webkit-align-items: flex-start;
          align-items: flex-start; }

/* line 211, app/stylesheets/vendor/_flexboxgrid.scss */
.middle-xs {
  -webkit-align-items: center;
          align-items: center; }

/* line 212, app/stylesheets/vendor/_flexboxgrid.scss */
.bottom-xs {
  -webkit-align-items: flex-end;
          align-items: flex-end; }

/* line 214, app/stylesheets/vendor/_flexboxgrid.scss */
.around-xs {
  -webkit-justify-content: space-around;
          justify-content: space-around; }

/* line 215, app/stylesheets/vendor/_flexboxgrid.scss */
.between-xs {
  -webkit-justify-content: space-between;
          justify-content: space-between; }

/* line 217, app/stylesheets/vendor/_flexboxgrid.scss */
.first-xs {
  -webkit-order: -1;
          order: -1; }

/* line 218, app/stylesheets/vendor/_flexboxgrid.scss */
.last-xs {
  -webkit-order: 1;
          order: 1; }

@media only screen and (min-width: 500px) {
  /* line 174, app/stylesheets/vendor/_flexboxgrid.scss */
  .col-sm, .col-sm-1, .off-sm-1, .col-sm-2, .off-sm-2, .col-sm-3, .off-sm-3, .col-sm-4, .off-sm-4, .col-sm-5, .off-sm-5, .col-sm-6, .off-sm-6, .col-sm-7, .off-sm-7, .col-sm-8, .off-sm-8, .col-sm-9, .off-sm-9, .col-sm-10, .off-sm-10, .col-sm-11, .off-sm-11, .col-sm-12, .off-sm-12 {
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px; }
  /* line 183, app/stylesheets/vendor/_flexboxgrid.scss */
  .col-sm {
    -webkit-flex-grow: 1;
            flex-grow: 1;
    -webkit-flex-basis: 0;
            flex-basis: 0;
    max-width: 100%; }
  /* line 193, app/stylesheets/vendor/_flexboxgrid.scss */
  .col-sm-1 {
    -webkit-flex-basis: 8.33333%;
            flex-basis: 8.33333%;
    max-width: 8.33333%; }
  /* line 198, app/stylesheets/vendor/_flexboxgrid.scss */
  .off-sm-1 {
    margin-left: 8.33333%; }
  /* line 193, app/stylesheets/vendor/_flexboxgrid.scss */
  .col-sm-2 {
    -webkit-flex-basis: 16.66667%;
            flex-basis: 16.66667%;
    max-width: 16.66667%; }
  /* line 198, app/stylesheets/vendor/_flexboxgrid.scss */
  .off-sm-2 {
    margin-left: 16.66667%; }
  /* line 193, app/stylesheets/vendor/_flexboxgrid.scss */
  .col-sm-3 {
    -webkit-flex-basis: 25%;
            flex-basis: 25%;
    max-width: 25%; }
  /* line 198, app/stylesheets/vendor/_flexboxgrid.scss */
  .off-sm-3 {
    margin-left: 25%; }
  /* line 193, app/stylesheets/vendor/_flexboxgrid.scss */
  .col-sm-4 {
    -webkit-flex-basis: 33.33333%;
            flex-basis: 33.33333%;
    max-width: 33.33333%; }
  /* line 198, app/stylesheets/vendor/_flexboxgrid.scss */
  .off-sm-4 {
    margin-left: 33.33333%; }
  /* line 193, app/stylesheets/vendor/_flexboxgrid.scss */
  .col-sm-5 {
    -webkit-flex-basis: 41.66667%;
            flex-basis: 41.66667%;
    max-width: 41.66667%; }
  /* line 198, app/stylesheets/vendor/_flexboxgrid.scss */
  .off-sm-5 {
    margin-left: 41.66667%; }
  /* line 193, app/stylesheets/vendor/_flexboxgrid.scss */
  .col-sm-6 {
    -webkit-flex-basis: 50%;
            flex-basis: 50%;
    max-width: 50%; }
  /* line 198, app/stylesheets/vendor/_flexboxgrid.scss */
  .off-sm-6 {
    margin-left: 50%; }
  /* line 193, app/stylesheets/vendor/_flexboxgrid.scss */
  .col-sm-7 {
    -webkit-flex-basis: 58.33333%;
            flex-basis: 58.33333%;
    max-width: 58.33333%; }
  /* line 198, app/stylesheets/vendor/_flexboxgrid.scss */
  .off-sm-7 {
    margin-left: 58.33333%; }
  /* line 193, app/stylesheets/vendor/_flexboxgrid.scss */
  .col-sm-8 {
    -webkit-flex-basis: 66.66667%;
            flex-basis: 66.66667%;
    max-width: 66.66667%; }
  /* line 198, app/stylesheets/vendor/_flexboxgrid.scss */
  .off-sm-8 {
    margin-left: 66.66667%; }
  /* line 193, app/stylesheets/vendor/_flexboxgrid.scss */
  .col-sm-9 {
    -webkit-flex-basis: 75%;
            flex-basis: 75%;
    max-width: 75%; }
  /* line 198, app/stylesheets/vendor/_flexboxgrid.scss */
  .off-sm-9 {
    margin-left: 75%; }
  /* line 193, app/stylesheets/vendor/_flexboxgrid.scss */
  .col-sm-10 {
    -webkit-flex-basis: 83.33333%;
            flex-basis: 83.33333%;
    max-width: 83.33333%; }
  /* line 198, app/stylesheets/vendor/_flexboxgrid.scss */
  .off-sm-10 {
    margin-left: 83.33333%; }
  /* line 193, app/stylesheets/vendor/_flexboxgrid.scss */
  .col-sm-11 {
    -webkit-flex-basis: 91.66667%;
            flex-basis: 91.66667%;
    max-width: 91.66667%; }
  /* line 198, app/stylesheets/vendor/_flexboxgrid.scss */
  .off-sm-11 {
    margin-left: 91.66667%; }
  /* line 193, app/stylesheets/vendor/_flexboxgrid.scss */
  .col-sm-12 {
    -webkit-flex-basis: 100%;
            flex-basis: 100%;
    max-width: 100%; }
  /* line 206, app/stylesheets/vendor/_flexboxgrid.scss */
  .start-sm {
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
    text-align: start; }
  /* line 207, app/stylesheets/vendor/_flexboxgrid.scss */
  .center-sm {
    -webkit-justify-content: center;
            justify-content: center;
    text-align: center; }
  /* line 208, app/stylesheets/vendor/_flexboxgrid.scss */
  .end-sm {
    -webkit-justify-content: flex-end;
            justify-content: flex-end;
    text-align: end; }
  /* line 210, app/stylesheets/vendor/_flexboxgrid.scss */
  .top-sm {
    -webkit-align-items: flex-start;
            align-items: flex-start; }
  /* line 211, app/stylesheets/vendor/_flexboxgrid.scss */
  .middle-sm {
    -webkit-align-items: center;
            align-items: center; }
  /* line 212, app/stylesheets/vendor/_flexboxgrid.scss */
  .bottom-sm {
    -webkit-align-items: flex-end;
            align-items: flex-end; }
  /* line 214, app/stylesheets/vendor/_flexboxgrid.scss */
  .around-sm {
    -webkit-justify-content: space-around;
            justify-content: space-around; }
  /* line 215, app/stylesheets/vendor/_flexboxgrid.scss */
  .between-sm {
    -webkit-justify-content: space-between;
            justify-content: space-between; }
  /* line 217, app/stylesheets/vendor/_flexboxgrid.scss */
  .first-sm {
    -webkit-order: -1;
            order: -1; }
  /* line 218, app/stylesheets/vendor/_flexboxgrid.scss */
  .last-sm {
    -webkit-order: 1;
            order: 1; } }

@media only screen and (min-width: 768px) {
  /* line 174, app/stylesheets/vendor/_flexboxgrid.scss */
  .col-md, .col-md-1, .off-md-1, .col-md-2, .off-md-2, .col-md-3, .off-md-3, .col-md-4, .off-md-4, .col-md-5, .off-md-5, .col-md-6, .off-md-6, .col-md-7, .off-md-7, .col-md-8, .off-md-8, .col-md-9, .off-md-9, .col-md-10, .off-md-10, .col-md-11, .off-md-11, .col-md-12, .off-md-12 {
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px; }
  /* line 183, app/stylesheets/vendor/_flexboxgrid.scss */
  .col-md {
    -webkit-flex-grow: 1;
            flex-grow: 1;
    -webkit-flex-basis: 0;
            flex-basis: 0;
    max-width: 100%; }
  /* line 193, app/stylesheets/vendor/_flexboxgrid.scss */
  .col-md-1 {
    -webkit-flex-basis: 8.33333%;
            flex-basis: 8.33333%;
    max-width: 8.33333%; }
  /* line 198, app/stylesheets/vendor/_flexboxgrid.scss */
  .off-md-1 {
    margin-left: 8.33333%; }
  /* line 193, app/stylesheets/vendor/_flexboxgrid.scss */
  .col-md-2 {
    -webkit-flex-basis: 16.66667%;
            flex-basis: 16.66667%;
    max-width: 16.66667%; }
  /* line 198, app/stylesheets/vendor/_flexboxgrid.scss */
  .off-md-2 {
    margin-left: 16.66667%; }
  /* line 193, app/stylesheets/vendor/_flexboxgrid.scss */
  .col-md-3 {
    -webkit-flex-basis: 25%;
            flex-basis: 25%;
    max-width: 25%; }
  /* line 198, app/stylesheets/vendor/_flexboxgrid.scss */
  .off-md-3 {
    margin-left: 25%; }
  /* line 193, app/stylesheets/vendor/_flexboxgrid.scss */
  .col-md-4 {
    -webkit-flex-basis: 33.33333%;
            flex-basis: 33.33333%;
    max-width: 33.33333%; }
  /* line 198, app/stylesheets/vendor/_flexboxgrid.scss */
  .off-md-4 {
    margin-left: 33.33333%; }
  /* line 193, app/stylesheets/vendor/_flexboxgrid.scss */
  .col-md-5 {
    -webkit-flex-basis: 41.66667%;
            flex-basis: 41.66667%;
    max-width: 41.66667%; }
  /* line 198, app/stylesheets/vendor/_flexboxgrid.scss */
  .off-md-5 {
    margin-left: 41.66667%; }
  /* line 193, app/stylesheets/vendor/_flexboxgrid.scss */
  .col-md-6 {
    -webkit-flex-basis: 50%;
            flex-basis: 50%;
    max-width: 50%; }
  /* line 198, app/stylesheets/vendor/_flexboxgrid.scss */
  .off-md-6 {
    margin-left: 50%; }
  /* line 193, app/stylesheets/vendor/_flexboxgrid.scss */
  .col-md-7 {
    -webkit-flex-basis: 58.33333%;
            flex-basis: 58.33333%;
    max-width: 58.33333%; }
  /* line 198, app/stylesheets/vendor/_flexboxgrid.scss */
  .off-md-7 {
    margin-left: 58.33333%; }
  /* line 193, app/stylesheets/vendor/_flexboxgrid.scss */
  .col-md-8 {
    -webkit-flex-basis: 66.66667%;
            flex-basis: 66.66667%;
    max-width: 66.66667%; }
  /* line 198, app/stylesheets/vendor/_flexboxgrid.scss */
  .off-md-8 {
    margin-left: 66.66667%; }
  /* line 193, app/stylesheets/vendor/_flexboxgrid.scss */
  .col-md-9 {
    -webkit-flex-basis: 75%;
            flex-basis: 75%;
    max-width: 75%; }
  /* line 198, app/stylesheets/vendor/_flexboxgrid.scss */
  .off-md-9 {
    margin-left: 75%; }
  /* line 193, app/stylesheets/vendor/_flexboxgrid.scss */
  .col-md-10 {
    -webkit-flex-basis: 83.33333%;
            flex-basis: 83.33333%;
    max-width: 83.33333%; }
  /* line 198, app/stylesheets/vendor/_flexboxgrid.scss */
  .off-md-10 {
    margin-left: 83.33333%; }
  /* line 193, app/stylesheets/vendor/_flexboxgrid.scss */
  .col-md-11 {
    -webkit-flex-basis: 91.66667%;
            flex-basis: 91.66667%;
    max-width: 91.66667%; }
  /* line 198, app/stylesheets/vendor/_flexboxgrid.scss */
  .off-md-11 {
    margin-left: 91.66667%; }
  /* line 193, app/stylesheets/vendor/_flexboxgrid.scss */
  .col-md-12 {
    -webkit-flex-basis: 100%;
            flex-basis: 100%;
    max-width: 100%; }
  /* line 206, app/stylesheets/vendor/_flexboxgrid.scss */
  .start-md {
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
    text-align: start; }
  /* line 207, app/stylesheets/vendor/_flexboxgrid.scss */
  .center-md {
    -webkit-justify-content: center;
            justify-content: center;
    text-align: center; }
  /* line 208, app/stylesheets/vendor/_flexboxgrid.scss */
  .end-md {
    -webkit-justify-content: flex-end;
            justify-content: flex-end;
    text-align: end; }
  /* line 210, app/stylesheets/vendor/_flexboxgrid.scss */
  .top-md {
    -webkit-align-items: flex-start;
            align-items: flex-start; }
  /* line 211, app/stylesheets/vendor/_flexboxgrid.scss */
  .middle-md {
    -webkit-align-items: center;
            align-items: center; }
  /* line 212, app/stylesheets/vendor/_flexboxgrid.scss */
  .bottom-md {
    -webkit-align-items: flex-end;
            align-items: flex-end; }
  /* line 214, app/stylesheets/vendor/_flexboxgrid.scss */
  .around-md {
    -webkit-justify-content: space-around;
            justify-content: space-around; }
  /* line 215, app/stylesheets/vendor/_flexboxgrid.scss */
  .between-md {
    -webkit-justify-content: space-between;
            justify-content: space-between; }
  /* line 217, app/stylesheets/vendor/_flexboxgrid.scss */
  .first-md {
    -webkit-order: -1;
            order: -1; }
  /* line 218, app/stylesheets/vendor/_flexboxgrid.scss */
  .last-md {
    -webkit-order: 1;
            order: 1; } }

@media only screen and (min-width: 992px) {
  /* line 174, app/stylesheets/vendor/_flexboxgrid.scss */
  .col-lg, .col-lg-1, .off-lg-1, .col-lg-2, .off-lg-2, .col-lg-3, .off-lg-3, .col-lg-4, .off-lg-4, .col-lg-5, .off-lg-5, .col-lg-6, .off-lg-6, .col-lg-7, .off-lg-7, .col-lg-8, .off-lg-8, .col-lg-9, .off-lg-9, .col-lg-10, .off-lg-10, .col-lg-11, .off-lg-11, .col-lg-12, .off-lg-12 {
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-flex-grow: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-right: 12px;
    padding-left: 12px; }
  /* line 183, app/stylesheets/vendor/_flexboxgrid.scss */
  .col-lg {
    -webkit-flex-grow: 1;
            flex-grow: 1;
    -webkit-flex-basis: 0;
            flex-basis: 0;
    max-width: 100%; }
  /* line 193, app/stylesheets/vendor/_flexboxgrid.scss */
  .col-lg-1 {
    -webkit-flex-basis: 8.33333%;
            flex-basis: 8.33333%;
    max-width: 8.33333%; }
  /* line 198, app/stylesheets/vendor/_flexboxgrid.scss */
  .off-lg-1 {
    margin-left: 8.33333%; }
  /* line 193, app/stylesheets/vendor/_flexboxgrid.scss */
  .col-lg-2 {
    -webkit-flex-basis: 16.66667%;
            flex-basis: 16.66667%;
    max-width: 16.66667%; }
  /* line 198, app/stylesheets/vendor/_flexboxgrid.scss */
  .off-lg-2 {
    margin-left: 16.66667%; }
  /* line 193, app/stylesheets/vendor/_flexboxgrid.scss */
  .col-lg-3 {
    -webkit-flex-basis: 25%;
            flex-basis: 25%;
    max-width: 25%; }
  /* line 198, app/stylesheets/vendor/_flexboxgrid.scss */
  .off-lg-3 {
    margin-left: 25%; }
  /* line 193, app/stylesheets/vendor/_flexboxgrid.scss */
  .col-lg-4 {
    -webkit-flex-basis: 33.33333%;
            flex-basis: 33.33333%;
    max-width: 33.33333%; }
  /* line 198, app/stylesheets/vendor/_flexboxgrid.scss */
  .off-lg-4 {
    margin-left: 33.33333%; }
  /* line 193, app/stylesheets/vendor/_flexboxgrid.scss */
  .col-lg-5 {
    -webkit-flex-basis: 41.66667%;
            flex-basis: 41.66667%;
    max-width: 41.66667%; }
  /* line 198, app/stylesheets/vendor/_flexboxgrid.scss */
  .off-lg-5 {
    margin-left: 41.66667%; }
  /* line 193, app/stylesheets/vendor/_flexboxgrid.scss */
  .col-lg-6 {
    -webkit-flex-basis: 50%;
            flex-basis: 50%;
    max-width: 50%; }
  /* line 198, app/stylesheets/vendor/_flexboxgrid.scss */
  .off-lg-6 {
    margin-left: 50%; }
  /* line 193, app/stylesheets/vendor/_flexboxgrid.scss */
  .col-lg-7 {
    -webkit-flex-basis: 58.33333%;
            flex-basis: 58.33333%;
    max-width: 58.33333%; }
  /* line 198, app/stylesheets/vendor/_flexboxgrid.scss */
  .off-lg-7 {
    margin-left: 58.33333%; }
  /* line 193, app/stylesheets/vendor/_flexboxgrid.scss */
  .col-lg-8 {
    -webkit-flex-basis: 66.66667%;
            flex-basis: 66.66667%;
    max-width: 66.66667%; }
  /* line 198, app/stylesheets/vendor/_flexboxgrid.scss */
  .off-lg-8 {
    margin-left: 66.66667%; }
  /* line 193, app/stylesheets/vendor/_flexboxgrid.scss */
  .col-lg-9 {
    -webkit-flex-basis: 75%;
            flex-basis: 75%;
    max-width: 75%; }
  /* line 198, app/stylesheets/vendor/_flexboxgrid.scss */
  .off-lg-9 {
    margin-left: 75%; }
  /* line 193, app/stylesheets/vendor/_flexboxgrid.scss */
  .col-lg-10 {
    -webkit-flex-basis: 83.33333%;
            flex-basis: 83.33333%;
    max-width: 83.33333%; }
  /* line 198, app/stylesheets/vendor/_flexboxgrid.scss */
  .off-lg-10 {
    margin-left: 83.33333%; }
  /* line 193, app/stylesheets/vendor/_flexboxgrid.scss */
  .col-lg-11 {
    -webkit-flex-basis: 91.66667%;
            flex-basis: 91.66667%;
    max-width: 91.66667%; }
  /* line 198, app/stylesheets/vendor/_flexboxgrid.scss */
  .off-lg-11 {
    margin-left: 91.66667%; }
  /* line 193, app/stylesheets/vendor/_flexboxgrid.scss */
  .col-lg-12 {
    -webkit-flex-basis: 100%;
            flex-basis: 100%;
    max-width: 100%; }
  /* line 206, app/stylesheets/vendor/_flexboxgrid.scss */
  .start-lg {
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
    text-align: start; }
  /* line 207, app/stylesheets/vendor/_flexboxgrid.scss */
  .center-lg {
    -webkit-justify-content: center;
            justify-content: center;
    text-align: center; }
  /* line 208, app/stylesheets/vendor/_flexboxgrid.scss */
  .end-lg {
    -webkit-justify-content: flex-end;
            justify-content: flex-end;
    text-align: end; }
  /* line 210, app/stylesheets/vendor/_flexboxgrid.scss */
  .top-lg {
    -webkit-align-items: flex-start;
            align-items: flex-start; }
  /* line 211, app/stylesheets/vendor/_flexboxgrid.scss */
  .middle-lg {
    -webkit-align-items: center;
            align-items: center; }
  /* line 212, app/stylesheets/vendor/_flexboxgrid.scss */
  .bottom-lg {
    -webkit-align-items: flex-end;
            align-items: flex-end; }
  /* line 214, app/stylesheets/vendor/_flexboxgrid.scss */
  .around-lg {
    -webkit-justify-content: space-around;
            justify-content: space-around; }
  /* line 215, app/stylesheets/vendor/_flexboxgrid.scss */
  .between-lg {
    -webkit-justify-content: space-between;
            justify-content: space-between; }
  /* line 217, app/stylesheets/vendor/_flexboxgrid.scss */
  .first-lg {
    -webkit-order: -1;
            order: -1; }
  /* line 218, app/stylesheets/vendor/_flexboxgrid.scss */
  .last-lg {
    -webkit-order: 1;
            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/>.
 */
/* line 23, app/stylesheets/base/_ic_utilities.scss */
.pull-right {
  float: right; }

/* line 27, app/stylesheets/base/_ic_utilities.scss */
.pull-left {
  float: left; }

/* line 32, app/stylesheets/base/_ic_utilities.scss */
.hide {
  display: none; }

/* line 36, app/stylesheets/base/_ic_utilities.scss */
.show {
  display: block; }

/* line 41, app/stylesheets/base/_ic_utilities.scss */
.invisible {
  visibility: hidden; }

/* line 46, app/stylesheets/base/_ic_utilities.scss */
.affix {
  position: fixed; }

/* line 25, app/stylesheets/base/_ic_mixins.scss */
.clearfix:before, .clearfix:after {
  display: table;
  content: "";
  line-height: 0; }

/* line 31, app/stylesheets/base/_ic_mixins.scss */
.clearfix:after {
  clear: both; }

/* line 56, app/stylesheets/base/_ic_utilities.scss */
.clickthrough-container {
  pointer-events: none; }
  /* line 59, app/stylesheets/base/_ic_utilities.scss */
  .clickthrough-container > * {
    pointer-events: auto; }

/* line 65, app/stylesheets/base/_ic_utilities.scss */
.hide-text {
  text-indent: -119988px;
  overflow: hidden;
  text-align: left; }

/* line 72, app/stylesheets/base/_ic_utilities.scss */
.input-block-level {
  display: block;
  width: 100%;
  min-height: 38px;
  box-sizing: border-box; }

/* line 78, app/stylesheets/base/_ic_utilities.scss */
.hidden {
  display: none;
  visibility: hidden; }

/* line 88, app/stylesheets/base/_ic_utilities.scss */
.hidden-desktop {
  display: none !important; }

/* line 89, app/stylesheets/base/_ic_utilities.scss */
.visible-desktop {
  display: inherit !important; }

@media (min-width: 768px) and (max-width: 979px) {
  /* line 94, app/stylesheets/base/_ic_utilities.scss */
  .hidden-desktop {
    display: inherit !important; }
  /* line 95, app/stylesheets/base/_ic_utilities.scss */
  .visible-desktop {
    display: none !important; }
  /* line 97, app/stylesheets/base/_ic_utilities.scss */
  .hidden-tablet {
    display: none !important; } }

@media (max-width: 767px) {
  /* line 103, app/stylesheets/base/_ic_utilities.scss */
  .hidden-desktop {
    display: inherit !important; }
  /* line 104, app/stylesheets/base/_ic_utilities.scss */
  .visible-desktop {
    display: none !important; }
  /* line 106, app/stylesheets/base/_ic_utilities.scss */
  .hidden-phone {
    display: none !important; } }

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

## The Basic Button

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

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

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

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

## Button Sizes

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

<table class="ic-Table">
  <thead>
    <th>Class</th>
    <th>Size</th>
  </thead>
  <tbody>
    <tr>
      <td>default</td>
      <td><button class="Button" type="button">.Button</button></td>
    </tr>
    <tr>
      <td>.Button.Button--large</td>
      <td><button class="Button Button--large" type="button">.Button-large</button></td>
    </tr>
    <tr>
      <td>.Button.Button--small</td>
      <td><button class="Button Button--small" type="button">.Button-small</button></td>
    </tr>
    <tr>
      <td>.Button.Button--mini</td>
      <td><button class="Button Button--mini" type="button">.Button-mini</button></td>
    </tr>
  </tbody>
</table>

```html
<button class="Button Button--large" type="button">This is a massive button!</button>
```


## Artificial button

To create something that acts like a button when you can't use a button element,

listen to the "click" and "keyclick" events and add `tabindex="0"` and `role="button"`

```html
<div class="btn" tabindex="0" role="button">Activate me</div>
```

*/
/* line 149, app/stylesheets/components/_buttons.scss */
.btn,
.Button,
.ui-button {
  background: #F5F5F5;
  color: #2D3B45;
  border: 1px solid;
  border-color: #C7CDD1;
  border-radius: 3px;
  transition: background-color 0.2s ease-in-out;
  display: inline-block;
  position: relative;
  padding: 8px 14px;
  margin-bottom: 0;
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  text-decoration: none;
  overflow: hidden;
  text-shadow: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  /* line 111, app/stylesheets/base/_ic_mixins.scss */
  .btn:focus,
  .Button:focus,
  .ui-button:focus,
  .ui-button.ui-state-focus {
    color: #2D3B45; }
  /* line 112, app/stylesheets/base/_ic_mixins.scss */
  .btn:hover,
  .Button:hover,
  .ui-button:hover,
  .ui-button.ui-state-hover {
    background: #e8e8e8;
    color: #2D3B45; }
    /* line 123, app/stylesheets/base/_ic_mixins.scss */
    .btn:hover.ui-state-hover,
    .Button:hover.ui-state-hover,
    .ui-state-hover.ui-button {
      background: #e8e8e8;
      color: #2D3B45;
      border-color: #cfcfcf; }
  /* line 139, app/stylesheets/base/_ic_mixins.scss */
  .btn.active, .btn.Button--active, .btn.ui-button.ui-state-active, .ui-progressbar .btn.ui-button.ui-widget-header, .btn:active,
  .Button.active,
  .active.ui-button,
  .Button.Button--active,
  .Button--active.ui-button,
  .ui-button.ui-state-active,
  .ui-progressbar .ui-button.ui-widget-header,
  .ui-button.ui-state-active:hover,
  .ui-button.ui-state-active.ui-state-hover,
  .Button:active,
  .ui-button:active {
    box-shadow: none; }
  /* line 140, app/stylesheets/base/_ic_mixins.scss */
  .btn.active, .btn.Button--active, .btn.ui-button.ui-state-active, .ui-progressbar .btn.ui-button.ui-widget-header,
  .Button.active,
  .active.ui-button,
  .Button.Button--active,
  .Button--active.ui-button,
  .ui-button.ui-state-active,
  .ui-progressbar .ui-button.ui-widget-header,
  .ui-button.ui-state-active:hover,
  .ui-button.ui-state-active.ui-state-hover {
    background: dimgray;
    border-color: #4f4f4f;
    color: #FFFFFF; }
  /* line 145, app/stylesheets/base/_ic_mixins.scss */
  .btn:focus,
  .Button:focus,
  .ui-button:focus,
  .ui-button.ui-state-focus {
    box-shadow: inset 0 0 0 1px var(--ic-link-color); }
  /* line 148, app/stylesheets/base/_ic_mixins.scss */
  .btn.ui-state-focus.ui-state-active:focus, .ui-progressbar .btn.ui-state-focus.ui-widget-header:focus,
  .Button.ui-state-focus.ui-state-active:focus,
  .ui-progressbar .Button.ui-state-focus.ui-widget-header:focus,
  .ui-progressbar .ui-state-focus.ui-widget-header.ui-button,
  .ui-state-focus.ui-state-active.ui-button {
    box-shadow: inset 0 0 0 1px #FFFFFF; }
  /* line 150, app/stylesheets/base/_ic_mixins.scss */
  .btn:active,
  .Button:active,
  .ui-button:active {
    background: #e1e1e1; }
  /* line 168, app/stylesheets/components/_buttons.scss */
  .btn:focus,
  .Button:focus,
  .ui-button:focus,
  .ui-button.ui-state-focus {
    text-decoration: none;
    outline: none;
    outline: none; }
  /* line 174, app/stylesheets/components/_buttons.scss */
  .btn:hover,
  .Button:hover,
  .ui-button:hover,
  .ui-button.ui-state-hover {
    text-decoration: none; }
  /* line 176, app/stylesheets/components/_buttons.scss */
  .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; }

/* line 189, app/stylesheets/components/_buttons.scss */
.btn-large,
.Button--large {
  padding: 11px 19px;
  font-size: 18px;
  font-size: 1.125rem;
  border-radius: 6px; }
  /* line 195, app/stylesheets/components/_buttons.scss */
  .btn-large [class^="icon-"], .btn-large [class*=" icon-"],
  .Button--large [class^="icon-"],
  .Button--large [class*=" icon-"] {
    margin-top: 2px; }

/* line 201, app/stylesheets/components/_buttons.scss */
.btn-small,
.Button--small {
  padding: 2px 8px;
  font-size: 14px;
  font-size: 0.875rem; }
  /* line 205, app/stylesheets/components/_buttons.scss */
  .btn-small [class^="icon-"], .btn-small [class*=" icon-"],
  .Button--small [class^="icon-"],
  .Button--small [class*=" icon-"] {
    margin-top: 0; }

/* line 210, app/stylesheets/components/_buttons.scss */
.btn-mini,
.Button--mini {
  padding: 1px 6px;
  font-size: 10px;
  font-size: 0.625rem;
  border-radius: 1px; }

/* line 221, app/stylesheets/components/_buttons.scss */
.btn-block,
.Button--block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box; }

/* line 231, app/stylesheets/components/_buttons.scss */
.btn-block + .btn-block, .Button--block + .Button--block {
  margin-top: 6px; }

/* line 237, app/stylesheets/components/_buttons.scss */
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%; }

/* line 244, app/stylesheets/components/_buttons.scss */
.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); }
  /* line 111, app/stylesheets/base/_ic_mixins.scss */
  .btn-primary:focus,
  .Button--primary:focus {
    color: var(--ic-brand-button--primary-text); }
  /* line 112, app/stylesheets/base/_ic_mixins.scss */
  .btn-primary:hover,
  .Button--primary:hover {
    background: var(--ic-brand-button--primary-bgd-darkened-5);
    color: var(--ic-brand-button--primary-text); }
    /* line 123, app/stylesheets/base/_ic_mixins.scss */
    .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); }
  /* line 156, app/stylesheets/base/_ic_mixins.scss */
  .btn-primary:focus,
  .Button--primary:focus {
    box-shadow: inset 0 0 0 1px #FFFFFF; }
  /* line 157, app/stylesheets/base/_ic_mixins.scss */
  .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; }

/* line 259, app/stylesheets/components/_buttons.scss */
.btn-warning,
.Button--warning {
  background: #FC5E13;
  color: #FFFFFF;
  border: 1px solid;
  border-color: #c03f02; }
  /* line 111, app/stylesheets/base/_ic_mixins.scss */
  .btn-warning:focus,
  .Button--warning:focus {
    color: #FFFFFF; }
  /* line 112, app/stylesheets/base/_ic_mixins.scss */
  .btn-warning:hover,
  .Button--warning:hover {
    background: #f25003;
    color: #FFFFFF; }
    /* line 123, app/stylesheets/base/_ic_mixins.scss */
    .btn-warning:hover.ui-state-hover,
    .Button--warning:hover.ui-state-hover {
      background: #f25003;
      color: #FFFFFF;
      border-color: #c03f02; }
  /* line 156, app/stylesheets/base/_ic_mixins.scss */
  .btn-warning:focus,
  .Button--warning:focus {
    box-shadow: inset 0 0 0 1px #FFFFFF; }
  /* line 157, app/stylesheets/base/_ic_mixins.scss */
  .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; }

/* line 264, app/stylesheets/components/_buttons.scss */
.btn-danger,
.Button--danger {
  background: #EE0612;
  color: #FFFFFF;
  border: 1px solid;
  border-color: #a3040c; }
  /* line 111, app/stylesheets/base/_ic_mixins.scss */
  .btn-danger:focus,
  .Button--danger:focus {
    color: #FFFFFF; }
  /* line 112, app/stylesheets/base/_ic_mixins.scss */
  .btn-danger:hover,
  .Button--danger:hover {
    background: #d50510;
    color: #FFFFFF; }
    /* line 123, app/stylesheets/base/_ic_mixins.scss */
    .btn-danger:hover.ui-state-hover,
    .Button--danger:hover.ui-state-hover {
      background: #d50510;
      color: #FFFFFF;
      border-color: #a3040c; }
  /* line 156, app/stylesheets/base/_ic_mixins.scss */
  .btn-danger:focus,
  .Button--danger:focus {
    box-shadow: inset 0 0 0 1px #FFFFFF; }
  /* line 157, app/stylesheets/base/_ic_mixins.scss */
  .btn-danger.active, .btn-danger.Button--active, .btn-danger.ui-button.ui-state-active, .ui-progressbar .btn-danger.ui-button.ui-widget-header, .btn-danger:active,
  .Button--danger.active,
  .Button--danger.Button--active,
  .Button--danger.ui-button.ui-state-active,
  .ui-progressbar .Button--danger.ui-button.ui-widget-header,
  .Button--danger:active {
    background: #d50510;
    box-shadow: none; }

/* line 269, app/stylesheets/components/_buttons.scss */
.btn-success,
.Button--success {
  background: #00AC18;
  color: #FFFFFF;
  border: 1px solid;
  border-color: #00600d; }
  /* line 111, app/stylesheets/base/_ic_mixins.scss */
  .btn-success:focus,
  .Button--success:focus {
    color: #FFFFFF; }
  /* line 112, app/stylesheets/base/_ic_mixins.scss */
  .btn-success:hover,
  .Button--success:hover {
    background: #009314;
    color: #FFFFFF; }
    /* line 123, app/stylesheets/base/_ic_mixins.scss */
    .btn-success:hover.ui-state-hover,
    .Button--success:hover.ui-state-hover {
      background: #009314;
      color: #FFFFFF;
      border-color: #00600d; }
  /* line 156, app/stylesheets/base/_ic_mixins.scss */
  .btn-success:focus,
  .Button--success:focus {
    box-shadow: inset 0 0 0 1px #FFFFFF; }
  /* line 157, app/stylesheets/base/_ic_mixins.scss */
  .btn-success.active, .btn-success.Button--active, .btn-success.ui-button.ui-state-active, .ui-progressbar .btn-success.ui-button.ui-widget-header, .btn-success:active,
  .Button--success.active,
  .Button--success.Button--active,
  .Button--success.ui-button.ui-state-active,
  .ui-progressbar .Button--success.ui-button.ui-widget-header,
  .Button--success:active {
    background: #009314;
    box-shadow: none; }

/* line 274, app/stylesheets/components/_buttons.scss */
.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); }
  /* line 111, app/stylesheets/base/_ic_mixins.scss */
  .btn-info:focus,
  .Button--secondary:focus {
    color: var(--ic-brand-button--secondary-text); }
  /* line 112, app/stylesheets/base/_ic_mixins.scss */
  .btn-info:hover,
  .Button--secondary:hover {
    background: var(--ic-brand-button--secondary-bgd-darkened-5);
    color: var(--ic-brand-button--secondary-text); }
    /* line 123, app/stylesheets/base/_ic_mixins.scss */
    .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); }
  /* line 156, app/stylesheets/base/_ic_mixins.scss */
  .btn-info:focus,
  .Button--secondary:focus {
    box-shadow: inset 0 0 0 1px #FFFFFF; }
  /* line 157, app/stylesheets/base/_ic_mixins.scss */
  .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; }

/* line 295, app/stylesheets/components/_buttons.scss */
.btn-link, .btn-link:active, .btn-link[disabled],
.Button--link, .Button--link:active, .Button--link[disabled] {
  background: transparent;
  background-image: none;
  box-shadow: none; }

/* line 302, app/stylesheets/components/_buttons.scss */
.btn-link,
.Button--link {
  border-color: transparent;
  cursor: pointer;
  color: var(--ic-link-color); }
  /* line 312, app/stylesheets/components/_buttons.scss */
  body.Underline-All-Links__enabled .btn-link, body.Underline-All-Links__enabled
  .Button--link {
    text-decoration: underline; }
  /* line 316, app/stylesheets/components/_buttons.scss */
  .btn-link:hover,
  .Button--link:hover {
    color: var(--ic-link-color-darkened-10);
    text-decoration: underline;
    background: transparent; }
    /* line 325, app/stylesheets/components/_buttons.scss */
    body.Underline-All-Links__enabled .btn-link:hover, body.Underline-All-Links__enabled
    .Button--link:hover {
      text-decoration: none; }
    /* line 328, app/stylesheets/components/_buttons.scss */
    .btn-link:hover:focus,
    .Button--link:hover:focus {
      color: var(--ic-link-color); }
  /* line 331, app/stylesheets/components/_buttons.scss */
  .btn-link:focus,
  .Button--link:focus {
    color: var(--ic-link-color); }
  /* line 333, app/stylesheets/components/_buttons.scss */
  .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); }
  /* line 340, app/stylesheets/components/_buttons.scss */
  .btn-link.disabled, .btn-link[disabled],
  .Button--link.disabled,
  .Button--link[disabled] {
    color: var(--ic-brand-font-color-dark);
    background: transparent; }
  /* line 345, app/stylesheets/components/_buttons.scss */
  .btn-link i[class*=icon-], .btn-link i[class^=icon-],
  .Button--link i[class*=icon-],
  .Button--link i[class^=icon-] {
    margin-right: 3px; }

/* line 350, app/stylesheets/components/_buttons.scss */
.Button--link--has-divider {
  display: block;
  text-align: left;
  border-bottom: 1px solid #C7CDD1;
  color: #2D3B45;
  padding: 12px; }

/* line 364, app/stylesheets/components/_buttons.scss */
.Button--icon-action, .Button--icon-action-rev {
  transition: color 0.2s;
  background: transparent;
  border: none;
  padding: 2px 4px;
  border-radius: 0;
  color: var(--ic-brand-font-color-dark-lightened-30); }
  /* line 371, app/stylesheets/components/_buttons.scss */
  .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); }
  /* line 375, app/stylesheets/components/_buttons.scss */
  .Button--icon-action.active, .active.Button--icon-action-rev, .Button--icon-action.Button--active, .Button--active.Button--icon-action-rev, .Button--icon-action-rev.ui-button.ui-state-active, .ui-progressbar .Button--icon-action-rev.ui-button.ui-widget-header, .Button--icon-action.ui-button.ui-state-active, .ui-progressbar .Button--icon-action.ui-button.ui-widget-header, .Button--icon-action:active, .Button--icon-action-rev:active {
    background: transparent;
    box-shadow: none;
    border-color: transparent;
    color: var(--ic-link-color); }

/* line 384, app/stylesheets/components/_buttons.scss */
.Button--icon-action-rev {
  color: #FFFFFF; }
  /* line 387, app/stylesheets/components/_buttons.scss */
  .Button--icon-action-rev:hover, .Button--icon-action-rev:focus {
    color: #FFFFFF; }
  /* line 388, app/stylesheets/components/_buttons.scss */
  .Button--icon-action-rev:focus {
    box-shadow: inset 0 0 0 1px #FFFFFF; }

/* line 392, app/stylesheets/components/_buttons.scss */
.ui-button {
  position: relative; }

/* line 404, app/stylesheets/components/_buttons.scss */
.Button--theme-editor-apply {
  text-decoration: none; }

/* line 414, app/stylesheets/components/_buttons.scss */
.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; }
  /* line 426, app/stylesheets/components/_buttons.scss */
  .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/>.
 */
/* line 19, app/stylesheets/components/_ic-code.scss */
code,
pre {
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  font-size: 0.75rem;
  border-radius: 6px;
  background-color: #F5F5F5;
  border: 1px solid #C7CDD1; }

/* line 28, app/stylesheets/components/_ic-code.scss */
code {
  padding: 0.125rem 0.25rem;
  color: #EE0612; }

/* line 33, app/stylesheets/components/_ic-code.scss */
pre {
  color: #2D3B45;
  display: block;
  padding: 9px;
  margin: 0 0 12px;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre;
  white-space: pre-wrap; }
  /* line 44, app/stylesheets/components/_ic-code.scss */
  pre.prettyprint {
    margin-bottom: 24px; }
  /* line 49, app/stylesheets/components/_ic-code.scss */
  pre code {
    padding: 0;
    color: inherit;
    background-color: transparent;
    border: 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/>.
 */
/* line 21, app/stylesheets/components/deprecated/_chevron_crumbs.scss */
.chevron-crumbs {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 0 0 1em 0;
  padding: 0;
  border: 1px solid #ccc;
  border-radius: 5px;
  overflow: hidden;
  color: #595959;
  background-color: #f2f2f2; }
  /* line 24, app/stylesheets/base/mixins/_misc.scss */
  .chevron-crumbs li {
    margin: 0;
    padding: 0; }
  /* line 30, app/stylesheets/components/deprecated/_chevron_crumbs.scss */
  .chevron-crumbs a {
    font-size: 13px;
    font-size: 0.8125rem;
    color: inherit;
    text-decoration: none !important; }
    /* line 34, app/stylesheets/components/deprecated/_chevron_crumbs.scss */
    .chevron-crumbs a:hover, .chevron-crumbs a:active {
      background-color: inherit !important;
      color: inherit;
      text-decoration: underline !important; }
    /* line 39, app/stylesheets/components/deprecated/_chevron_crumbs.scss */
    .chevron-crumbs a span {
      display: block; }
    /* line 42, app/stylesheets/components/deprecated/_chevron_crumbs.scss */
    .chevron-crumbs a .title {
      font-size: 1.1em; }
  /* line 46, app/stylesheets/components/deprecated/_chevron_crumbs.scss */
  .chevron-crumbs .chevron-crumb {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    float: left;
    padding-right: 2px;
    height: 40px;
    margin-left: 11px;
    padding-left: 20px;
    padding-right: 10px; }
    /* line 57, app/stylesheets/components/deprecated/_chevron_crumbs.scss */
    .chevron-crumbs .chevron-crumb.first {
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px;
      margin-left: 0; }
  /* line 63, app/stylesheets/components/deprecated/_chevron_crumbs.scss */
  .chevron-crumbs .chevron-outer,
  .chevron-crumbs .chevron-inner {
    position: absolute;
    width: 0;
    height: 0;
    border-bottom-width: 0;
    background: none; }
  /* line 71, app/stylesheets/components/deprecated/_chevron_crumbs.scss */
  .chevron-crumbs .chevron-outer {
    border-bottom: 21px dotted transparent;
    border-top: 21px dotted transparent;
    border-left: 14px solid #fff;
    right: -14px;
    top: auto;
    bottom: 50%;
    margin-bottom: -20px; }
  /* line 80, app/stylesheets/components/deprecated/_chevron_crumbs.scss */
  .chevron-crumbs .chevron-inner {
    border-bottom: 18px dotted transparent;
    border-top: 18px dotted transparent;
    border-left: 11px solid #fff;
    right: auto;
    left: -14px;
    bottom: -18px;
    border-left-color: #f2f2f2; }
  /* line 89, app/stylesheets/components/deprecated/_chevron_crumbs.scss */
  .chevron-crumbs .active {
    font-weight: bold;
    background-color: #E3E3E3; }
    /* line 92, app/stylesheets/components/deprecated/_chevron_crumbs.scss */
    .chevron-crumbs .active .chevron-inner {
      border-left-color: #E3E3E3; }
  /* line 97, app/stylesheets/components/deprecated/_chevron_crumbs.scss */
  .chevron-crumbs .before-active .chevron-inner {
    background-color: #E3E3E3;
    border-bottom-width: 21px;
    border-top-width: 21px;
    margin-bottom: -4px; }
  /* line 104, app/stylesheets/components/deprecated/_chevron_crumbs.scss */
  .chevron-crumbs #hide-scratch {
    float: right;
    margin-right: 1em; }

/*
 * 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/>.
 */
/* line 21, app/stylesheets/components/deprecated/_legacy_buttons.scss */
.button-container {
  margin-top: 0.5em; }

/* line 27, app/stylesheets/components/deprecated/_legacy_buttons.scss */
#right-side .button-sidebar-wide {
  text-align: left;
  margin: 5px auto;
  display: block; }
  /* line 33, app/stylesheets/components/deprecated/_legacy_buttons.scss */
  #right-side .button-sidebar-wide i[class*=icon-]:before, #right-side .button-sidebar-wide i[class^=icon-]:before {
    color: inherit; }

/* line 37, app/stylesheets/components/deprecated/_legacy_buttons.scss */
#right-side button.button-sidebar-wide {
  width: 100%; }

/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/* line 28, app/stylesheets/components/deprecated/_fancy_links.scss */
a.external_link {
  padding-right: 15px;
  background: no-repeat right center;
  background-image: url(/dist/images/popout-6a042f140c.png); }

/* line 34, app/stylesheets/components/deprecated/_fancy_links.scss */
a.equella_content_link {
  padding-left: 17px;
  background: no-repeat left center;
  background-image: url(/dist/images/equella_icon-3624f403e9.png); }

/* line 40, app/stylesheets/components/deprecated/_fancy_links.scss */
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); }

/* line 45, app/stylesheets/components/deprecated/_fancy_links.scss */
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); }

/* line 51, app/stylesheets/components/deprecated/_fancy_links.scss */
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); }

/* line 56, app/stylesheets/components/deprecated/_fancy_links.scss */
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); }

/* line 61, app/stylesheets/components/deprecated/_fancy_links.scss */
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); }

/* line 66, app/stylesheets/components/deprecated/_fancy_links.scss */
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); }

/* line 71, app/stylesheets/components/deprecated/_fancy_links.scss */
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); }

/* line 76, app/stylesheets/components/deprecated/_fancy_links.scss */
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); }

/* line 81, app/stylesheets/components/deprecated/_fancy_links.scss */
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); }

/* line 86, app/stylesheets/components/deprecated/_fancy_links.scss */
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); }

/* line 91, app/stylesheets/components/deprecated/_fancy_links.scss */
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); }

/* line 96, app/stylesheets/components/deprecated/_fancy_links.scss */
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); }

/* line 101, app/stylesheets/components/deprecated/_fancy_links.scss */
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); }

/* line 106, app/stylesheets/components/deprecated/_fancy_links.scss */
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); }

/* line 111, app/stylesheets/components/deprecated/_fancy_links.scss */
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); }

/* line 116, app/stylesheets/components/deprecated/_fancy_links.scss */
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); }

/* line 121, app/stylesheets/components/deprecated/_fancy_links.scss */
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); }

/* line 126, app/stylesheets/components/deprecated/_fancy_links.scss */
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); }

/* line 131, app/stylesheets/components/deprecated/_fancy_links.scss */
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); }

/* line 136, app/stylesheets/components/deprecated/_fancy_links.scss */
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); }

/* line 141, app/stylesheets/components/deprecated/_fancy_links.scss */
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); }

/* line 146, app/stylesheets/components/deprecated/_fancy_links.scss */
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); }

/* line 151, app/stylesheets/components/deprecated/_fancy_links.scss */
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); }

/* line 156, app/stylesheets/components/deprecated/_fancy_links.scss */
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); }

/* line 161, app/stylesheets/components/deprecated/_fancy_links.scss */
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); }

/* line 166, app/stylesheets/components/deprecated/_fancy_links.scss */
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); }

/* line 171, app/stylesheets/components/deprecated/_fancy_links.scss */
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); }

/* line 176, app/stylesheets/components/deprecated/_fancy_links.scss */
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); }

/* line 182, app/stylesheets/components/deprecated/_fancy_links.scss */
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); }

/* line 187, app/stylesheets/components/deprecated/_fancy_links.scss */
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); }

/* line 192, app/stylesheets/components/deprecated/_fancy_links.scss */
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); }

/* line 197, app/stylesheets/components/deprecated/_fancy_links.scss */
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); }

/* line 202, app/stylesheets/components/deprecated/_fancy_links.scss */
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); }

/* line 207, app/stylesheets/components/deprecated/_fancy_links.scss */
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); }

/* line 212, app/stylesheets/components/deprecated/_fancy_links.scss */
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); }

/* line 217, app/stylesheets/components/deprecated/_fancy_links.scss */
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); }

/* line 222, app/stylesheets/components/deprecated/_fancy_links.scss */
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); }

/* line 227, app/stylesheets/components/deprecated/_fancy_links.scss */
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); }

/* line 232, app/stylesheets/components/deprecated/_fancy_links.scss */
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); }

/* line 237, app/stylesheets/components/deprecated/_fancy_links.scss */
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); }

/* line 242, app/stylesheets/components/deprecated/_fancy_links.scss */
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); }

/* line 247, app/stylesheets/components/deprecated/_fancy_links.scss */
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); }

/* line 252, app/stylesheets/components/deprecated/_fancy_links.scss */
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); }

/* line 257, app/stylesheets/components/deprecated/_fancy_links.scss */
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); }

/* line 262, app/stylesheets/components/deprecated/_fancy_links.scss */
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); }

/* line 267, app/stylesheets/components/deprecated/_fancy_links.scss */
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; }

/* line 280, app/stylesheets/components/deprecated/_fancy_links.scss */
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; }

/* line 286, app/stylesheets/components/deprecated/_fancy_links.scss */
a.admin {
  color: #D15545; }

/* line 298, app/stylesheets/components/deprecated/_fancy_links.scss */
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; }

/* line 302, app/stylesheets/components/deprecated/_fancy_links.scss */
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; }

/* line 306, app/stylesheets/components/deprecated/_fancy_links.scss */
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; }

/* line 310, app/stylesheets/components/deprecated/_fancy_links.scss */
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; }

/* line 314, app/stylesheets/components/deprecated/_fancy_links.scss */
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; }

/* line 318, app/stylesheets/components/deprecated/_fancy_links.scss */
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; }

/* line 322, app/stylesheets/components/deprecated/_fancy_links.scss */
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; }

/* line 326, app/stylesheets/components/deprecated/_fancy_links.scss */
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; }

/* line 330, app/stylesheets/components/deprecated/_fancy_links.scss */
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; }

/* line 334, app/stylesheets/components/deprecated/_fancy_links.scss */
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; }

/* line 338, app/stylesheets/components/deprecated/_fancy_links.scss */
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; }

/* line 342, app/stylesheets/components/deprecated/_fancy_links.scss */
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; }

/* line 346, app/stylesheets/components/deprecated/_fancy_links.scss */
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; }

/* line 350, app/stylesheets/components/deprecated/_fancy_links.scss */
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; }

/* line 356, app/stylesheets/components/deprecated/_fancy_links.scss */
a.no-underline, a.no-underline:hover, a.no-underline:focus {
  text-decoration: none; }

/* line 364, app/stylesheets/components/deprecated/_fancy_links.scss */
.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; }

/* line 374, app/stylesheets/components/deprecated/_fancy_links.scss */
.atr-reply {
  background-image: url("/dist/images/reply-8a2bc3988e.png"); }

/* line 378, app/stylesheets/components/deprecated/_fancy_links.scss */
.atr-edit {
  background-image: url("/dist/images/edit-f36fae5353.png"); }

/* line 382, app/stylesheets/components/deprecated/_fancy_links.scss */
.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/>.
 */
/* line 31, app/stylesheets/components/deprecated/_tooltip.scss */
.tooltip {
  position: relative;
  z-index: 2;
  outline: none; }
  /* line 35, app/stylesheets/components/deprecated/_tooltip.scss */
  .tooltip:hover, .tooltip:active, .tooltip:focus {
    outline: none;
    text-decoration: none; }
    /* line 38, app/stylesheets/components/deprecated/_tooltip.scss */
    .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; }
  /* line 42, app/stylesheets/components/deprecated/_tooltip.scss */
  .tooltip .tooltip_wrap, .tooltip .tooltip_text {
    display: block;
    visibility: hidden; }
  /* line 46, app/stylesheets/components/deprecated/_tooltip.scss */
  .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; }
  /* line 53, app/stylesheets/components/deprecated/_tooltip.scss */
  .tooltip .tooltip_text {
    background-color: #444;
    background-position: left bottom;
    color: #fff;
    left: 0px;
    max-width: 250px;
    padding: 2px 7px 2px;
    white-space: nowrap;
    border-radius: 5px;
    font-weight: normal; }
  /* line 64, app/stylesheets/components/deprecated/_tooltip.scss */
  .tooltip .right {
    right: 0px;
    background-position: right bottom; }

/*
 * 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/>.
 */
/* line 19, app/stylesheets/components/deprecated/_ui_listview.scss */
.ui-listview {
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
  padding: 0;
  list-style: none;
  min-width: 300px;
  border-radius: 0.6em;
  /*  &, li:first-child, li:last-child {
    @include background-clip(padding-box);
  }*/ }
  /* line 26, app/stylesheets/components/deprecated/_ui_listview.scss */
  .ui-listview li:first-child {
    border-top-right-radius: 0.6em;
    border-top-left-radius: 0.6em; }
  /* line 30, app/stylesheets/components/deprecated/_ui_listview.scss */
  .ui-listview li:last-child {
    border-bottom-right-radius: 0.6em;
    border-bottom-left-radius: 0.6em; }
  /* line 36, app/stylesheets/components/deprecated/_ui_listview.scss */
  .ui-listview.ui-listview-no-rounded-bottom, .ui-listview.ui-listview-no-rounded-bottom li:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }
  /* line 46, app/stylesheets/components/deprecated/_ui_listview.scss */
  .ui-listview li {
    border: 1px solid #ccc;
    border-bottom-width: 0;
    background: #eee;
    font-weight: bold;
    color: #444;
    text-shadow: 0 1px 1px #f6f6f6;
    text-decoration: none;
    background-image: linear-gradient(to bottom, #fdfdfd, #eeeeee); }
    /* line 55, app/stylesheets/components/deprecated/_ui_listview.scss */
    .ui-listview li .ui-listview-text {
      display: block;
      position: relative;
      height: 100%;
      padding: .7em 15px .7em 44px;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      font-size: 1em;
      /*this is to override the .file, .pdf, .doc etc 10px size*/
      background-position: 15px center;
      /*overrides background-position left of attachment_links*/ }
    /* line 64, app/stylesheets/components/deprecated/_ui_listview.scss */
    .ui-listview li:hover {
      border-color: #bbb;
      background: #dadada;
      font-weight: bold;
      color: #101010;
      text-decoration: none;
      text-shadow: 0 1px 1px  #fff;
      background-image: linear-gradient(to bottom, #ededed, #dadada); }
      /* line 72, app/stylesheets/components/deprecated/_ui_listview.scss */
      .ui-listview li:hover a {
        text-decoration: none; }
    /* line 74, app/stylesheets/components/deprecated/_ui_listview.scss */
    .ui-listview li:active, .ui-listview li.active {
      border-color: #999;
      background: #999;
      font-weight: bold;
      color: #fff;
      cursor: pointer;
      text-shadow: 0 -1px 1px #999;
      text-decoration: none;
      background-image: linear-gradient(to bottom, #ccc, #aaa);
      outline: none; }
      /* line 84, app/stylesheets/components/deprecated/_ui_listview.scss */
      .ui-listview li:active a, .ui-listview li.active a {
        color: #fff; }
    /* line 86, app/stylesheets/components/deprecated/_ui_listview.scss */
    .ui-listview li .ui-listview-right {
      display: block;
      float: right; }
      /* line 89, app/stylesheets/components/deprecated/_ui_listview.scss */
      .ui-listview li .ui-listview-right .turnitin_similarity_score {
        margin-right: 10px; }
    /* line 94, app/stylesheets/components/deprecated/_ui_listview.scss */
    .ui-listview li.ui-listview-header, .ui-listview li.ui-listview-header:hover {
      padding: .5em 15px;
      font-size: 16px;
      font-size: 1rem;
      border: 1px solid #b3cbbc;
      background: #5e87b0;
      color: #747575;
      font-weight: normal;
      text-shadow: 0 -1px 1px #cce6d6;
      background-image: linear-gradient(to bottom, #c8e0d1, #b3cbbc); }

/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/* line 19, app/stylesheets/components/_breadcrumbs.scss */
#breadcrumbs {
  background-color: #FFFFFF; }
  /* line 21, app/stylesheets/components/_breadcrumbs.scss */
  #breadcrumbs > ul {
    margin: 0;
    padding: 4px 15px;
    list-style: none;
    padding: 0; }
    /* line 26, app/stylesheets/components/_breadcrumbs.scss */
    #breadcrumbs > ul > li {
      display: inline-block;
      white-space: nowrap;
      vertical-align: top;
      font-size: 18px;
      font-size: 1.125rem; }
      /* line 33, app/stylesheets/components/_breadcrumbs.scss */
      #breadcrumbs > ul > li:first-of-type {
        display: none; }
      /* line 34, app/stylesheets/components/_breadcrumbs.scss */
      #breadcrumbs > ul > li:nth-child(2):before {
        display: none; }
      /* line 39, app/stylesheets/components/_breadcrumbs.scss */
      #breadcrumbs > ul > li > a .ellipsis {
        float: right;
        line-height: inherit; }
        /* line 45, app/stylesheets/components/_breadcrumbs.scss */
        .ff #breadcrumbs > ul > li > a .ellipsis {
          float: none;
          display: inline-block;
          position: relative;
          top: 5px;
          margin-top: -5px; }
      /* line 55, app/stylesheets/components/_breadcrumbs.scss */
      #breadcrumbs > ul > li + li:before {
        content: "";
        width: 5px;
        height: 9px;
        display: inline-block;
        margin: 0 9px;
        background: url("/dist/images/breadcrumb-arrow-light-07db3abe9d.svg") no-repeat 50% 50%;
        background-size: 5px 9px; }
      /* line 64, app/stylesheets/components/_breadcrumbs.scss */
      #breadcrumbs > ul > li + li:last-of-type a {
        color: var(--ic-brand-font-color-dark); }
  /* line 71, app/stylesheets/components/_breadcrumbs.scss */
  #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/>.
 */
/*
@styleguide Cogs

<br/>

Admin "cog" dropdowns should only be used if there is **more than one action** you want the user to choose from. If there's only one action, please use a regular button.

<br/>

## Toolbar Cog (button + cog)

Admin dropdowns come in two flavors: If the dropdown is to be used in a header/toolbar, please follow the example below:

```html
<div style="text-align: center;">

  <!-- Begin dropdown markup -->
  <div class="al-dropdown__container" style="position: relative;">
    <a class="al-trigger btn" role="button" href="#">
      <i class="icon-settings"></i>
      <i class="icon-mini-arrow-down"></i>
      <span class="screenreader-only">Settings</span>
    </a>
    <ul id="toolbar-1" class="al-options" role="menu" tabindex="0" aria-hidden="true" aria-expanded="false" aria-activedescendant="toolbar-2">
      <li role="presentation">
        <a href="#" class="icon-edit" id="toolbar-2" tabindex="-1" role="menuitem">Edit</a>
      </li>
      <li role="presentation">
        <a href="#" class="icon-trash" id="toolbar-3" tabindex="-1" role="menuitem">Delete</a>
      </li>
      <li role="presentation">
        <a href="#" class="icon-lock" id="toolbar-4" tabindex="-1" role="menuitem">Lock</a>
      </li>
    </ul>
  </div>
  <!-- End dropdown markup -->

</div>
```

## Content cog

For admin dropdowns that appear in main content areas, such as item groups, please use the example below:

```html
<div style="text-align: center;">

  <!-- Begin dropdown markup -->
  <div class="al-dropdown__container">
    <a class="al-trigger al-trigger-gray" role="button" href="#">
      <i class="icon-settings"></i>
      <i class="icon-mini-arrow-down"></i>
      <span class="screenreader-only">Settings</span>
    </a>

    <ul id="content-1" class="al-options" role="menu" tabindex="0" aria-hidden="true" aria-expanded="false" aria-activedescendant="content-2">
      <li role="presentation">
        <a href="#" class="icon-edit" id="content-2" tabindex="-1" role="menuitem" title="Edit">Edit</a>
      </li>
      <li role="presentation">
        <a href="#" class="icon-trash" id="content-3" tabindex="-1" role="menuitem" title="Delete this module">Delete</a>
      </li>
    </ul>
  </div>
  <!-- End dropdown markup -->

</div>
```

*/
@-webkit-keyframes al-slide-down {
  from {
    -webkit-transform: rotateX(-90deg);
            transform: rotateX(-90deg);
    opacity: 0.2; }
  to {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
    opacity: 1; } }
@keyframes al-slide-down {
  from {
    -webkit-transform: rotateX(-90deg);
            transform: rotateX(-90deg);
    opacity: 0.2; }
  to {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
    opacity: 1; } }

/* line 102, app/stylesheets/components/_admin_links.scss */
.admin-links {
  float: right; }

/* line 106, app/stylesheets/components/_admin_links.scss */
.al-dropdown__container {
  position: relative;
  display: inline-block; }

/* line 111, app/stylesheets/components/_admin_links.scss */
.al-options {
  display: none;
  -webkit-font-smoothing: antialiased; }
  /* line 114, app/stylesheets/components/_admin_links.scss */
  .al-options.ui-menu {
    display: block; }

/* line 119, app/stylesheets/components/_admin_links.scss */
.al-options {
  box-sizing: border-box;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
  position: absolute;
  padding: 8px 0;
  border-color: #C7CDD1;
  text-align: left; }
  /* line 128, app/stylesheets/components/_admin_links.scss */
  .al-options * {
    box-sizing: border-box; }
  /* line 130, app/stylesheets/components/_admin_links.scss */
  .al-options.ui-state-open {
    -webkit-animation-duration: 0.2s;
            animation-duration: 0.2s;
    -webkit-animation-name: al-slide-down;
            animation-name: al-slide-down;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(0, 1, 0.5, 1);
            animation-timing-function: cubic-bezier(0, 1, 0.5, 1);
    -webkit-transform-origin: top;
            transform-origin: top; }
  /* line 139, app/stylesheets/components/_admin_links.scss */
  .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; }
    /* line 146, app/stylesheets/components/_admin_links.scss */
    .al-options .ui-menu-item a i[class*=icon-]:before,
    .al-options .ui-menu-item a i[class^=icon-]:before {
      margin-right: 8px; }
  /* line 150, app/stylesheets/components/_admin_links.scss */
  .al-options .ui-menu-item a.disabled.ui-state-focus {
    border: solid;
    border-width: 1px;
    border-color: #9da8af; }
  /* line 156, app/stylesheets/components/_admin_links.scss */
  .al-options .ui-menu-item:first-of-type a {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  /* line 160, app/stylesheets/components/_admin_links.scss */
  .al-options .ui-menu-item:last-child a {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  /* line 165, app/stylesheets/components/_admin_links.scss */
  .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; }
  /* line 172, app/stylesheets/components/_admin_links.scss */
  .al-options .ui-menu-item a.disabled,
  .al-options .ui-menu-item a.disabled.ui-state-focus {
    background: none;
    cursor: not-allowed;
    color: #b3b3b3; }
  /* line 178, app/stylesheets/components/_admin_links.scss */
  .al-options .ui-menu-carat span {
    border-color: #FFFFFF transparent; }
  /* line 179, app/stylesheets/components/_admin_links.scss */
  .al-options .ui-state-focus {
    margin: 0 !important;
    border: none;
    text-shadow: none; }

/* line 186, app/stylesheets/components/_admin_links.scss */
.al-trigger-gray {
  color: var(--ic-brand-font-color-dark-lightened-15); }
  /* line 188, app/stylesheets/components/_admin_links.scss */
  .al-trigger-gray:hover, .al-trigger-gray:focus {
    color: var(--ic-brand-font-color-dark); }

/* line 191, app/stylesheets/components/_admin_links.scss */
.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; }

/* line 197, app/stylesheets/components/_admin_links.scss */
.al-trigger {
  padding-left: 8px;
  padding-right: 8px;
  cursor: pointer;
  white-space: nowrap;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: inline-block; }

/* line 207, app/stylesheets/components/_admin_links.scss */
.al-hover-container .al-trigger {
  position: relative; }

/* line 1, app/stylesheets/components/_broken-images.scss */
.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 Border Classes

<br/>

The `.border` class defines the border style and color with no width.

Additional variations of this define the side(s) and radius(s) of the element. Examples are combined with `.content-box` and `.pad-box-mini`.

<br/>

## Full Border

```html

<div class="content-box pad-box-mini border border-trbl">
  <p>some content here</p>
</div>
```

## Partial Borders

```html
<div class="content-box pad-box-mini border border-rbl">
  <p>The Content</p>
</div>

<div class="content-box pad-box-mini border border-tbl">
  <p>The Content</p>
</div>

<div class="content-box pad-box-mini border border-bl">
  <p>The Content</p>
</div>

<div class="content-box pad-box-mini border border-tl">
  <p>The Content</p>
</div>

<div class="content-box pad-box-mini border border-b">
  <p>The Content</p>
</div>

<div class="content-box pad-box-mini border border-t">
  <p>The Content</p>
</div>
```

## Border Radius

Combines with `.border` and `.border-trbl`

```html

<div class="content-box pad-box-mini border border-trbl border-round">
  <p>some content here</p>
</div>

<div class="content-box pad-box-mini border border-trbl border-round-b">
  <p>some content here</p>
</div>

<div class="content-box pad-box-mini border border-trbl border-round-t">
  <p>some content here</p>
</div>

<div class="content-box pad-box-mini border border-trbl border-round-tl">
  <p>some content here</p>
</div>
```

*/
/* line 93, app/stylesheets/components/_borders.scss */
.border {
  border-width: 0px;
  border-style: solid;
  border-color: #C7CDD1; }

/* line 99, app/stylesheets/components/_borders.scss */
.border-trbl {
  border-width: 1px; }

/* line 103, app/stylesheets/components/_borders.scss */
.border-rbl {
  border-width: 1px;
  border-top: none; }

/* line 108, app/stylesheets/components/_borders.scss */
.border-tbl {
  border-width: 1px;
  border-right: none; }

/* line 113, app/stylesheets/components/_borders.scss */
.border-bl {
  border-bottom-size: 1px;
  border-left-size: 1px; }

/* line 118, app/stylesheets/components/_borders.scss */
.border-tl {
  border-top-width: 1px;
  border-left-width: 1px; }

/* line 122, app/stylesheets/components/_borders.scss */
.border-b {
  border-bottom-width: 1px; }

/* line 126, app/stylesheets/components/_borders.scss */
.border-t {
  border-top-width: 1px; }

/* line 130, app/stylesheets/components/_borders.scss */
.border-r {
  border-right-width: 1px; }

/* line 134, app/stylesheets/components/_borders.scss */
.border-round-b {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }

/* line 139, app/stylesheets/components/_borders.scss */
.border-round-t {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

/* line 144, app/stylesheets/components/_borders.scss */
.border-round-tl {
  border-top-left-radius: 4px; }

/* line 148, app/stylesheets/components/_borders.scss */
.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/>.
 */
/* line 26, app/stylesheets/components/_centered-block.scss */
.centered-block {
  width: 100%;
  overflow: hidden;
  position: relative; }
  /* line 30, app/stylesheets/components/_centered-block.scss */
  .centered-block .centered-block-wrap {
    clear: left;
    margin: 0;
    padding: 0;
    position: relative;
    left: 50%;
    text-align: center; }
    /* line 37, app/stylesheets/components/_centered-block.scss */
    .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/>.
 */
/* line 19, app/stylesheets/components/_components.scss */
.toolbar {
  padding: 4px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px; }
  /* line 23, app/stylesheets/components/_components.scss */
  .toolbar .header {
    font-size: 18px;
    font-size: 1.125rem; }

/* line 27, app/stylesheets/components/_components.scss */
.list-view {
  overflow: auto; }
  /* line 29, app/stylesheets/components/_components.scss */
  .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; }
  /* line 39, app/stylesheets/components/_components.scss */
  .list-view #section-tabs-header-subtitle {
    display: block;
    font-size: 11px;
    font-size: 0.6875rem;
    font-style: italic;
    color: inherit; }
  /* line 46, app/stylesheets/components/_components.scss */
  .list-view > *:first-child {
    border-top: 0 !important; }
  /* line 50, app/stylesheets/components/_components.scss */
  .list-view > ul,
  .list-view > nav > ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    /* line 57, app/stylesheets/components/_components.scss */
    .list-view > ul > li,
    .list-view > nav > ul > li {
      padding: 0; }
      /* line 59, app/stylesheets/components/_components.scss */
      .list-view > ul > li > a,
      .list-view > nav > ul > li > a {
        display: block;
        text-decoration: none;
        color: var(--ic-brand-font-color-dark);
        border-radius: 3px;
        padding: 8px 12px;
        overflow-wrap: break-word;
        word-wrap: break-word;
        -webkit-hyphens: auto;
           -moz-hyphens: auto;
            -ms-hyphens: auto;
                hyphens: auto;
        line-height: 1.3; }
        /* line 74, app/stylesheets/components/_components.scss */
        .list-view > ul > li > a:hover, .list-view > ul > li > a:focus,
        .list-view > nav > ul > li > a:hover,
        .list-view > nav > ul > li > a:focus {
          background: #f2f2f2; }
        /* line 78, app/stylesheets/components/_components.scss */
        .list-view > ul > li > a > span,
        .list-view > nav > ul > li > a > span {
          white-space: nowrap; }
      /* line 83, app/stylesheets/components/_components.scss */
      .list-view > ul > li:last-child > a,
      .list-view > nav > ul > li:last-child > a {
        border-bottom: 0; }
  /* line 90, app/stylesheets/components/_components.scss */
  .list-view > ul + ul {
    border-top: 1px solid #C7CDD1; }
  /* line 94, app/stylesheets/components/_components.scss */
  .list-view a.active {
    background-color: var(--ic-brand-primary);
    font-weight: bold;
    color: #FFFFFF; }
    /* line 98, app/stylesheets/components/_components.scss */
    .list-view a.active:hover, .list-view a.active:focus {
      background-color: var(--ic-brand-primary); }
    /* line 99, app/stylesheets/components/_components.scss */
    .list-view a.active .nav-badge {
      background: #FFFFFF;
      color: var(--ic-brand-primary); }

/* line 105, app/stylesheets/components/_components.scss */
.image-block {
  display: -webkit-flex;
  display: flex;
  min-width: 1px; }
  /* line 109, app/stylesheets/components/_components.scss */
  .image-block .image-block-content {
    -webkit-flex: 1;
            flex: 1;
    min-width: 1px;
    padding-left: 12px;
    box-sizing: border-box; }

/* line 117, app/stylesheets/components/_components.scss */
.box-shadow {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); }

/* line 121, app/stylesheets/components/_components.scss */
.page-action-list {
  margin: 0;
  padding: 0;
  list-style: none; }
  /* line 24, app/stylesheets/base/mixins/_misc.scss */
  .page-action-list li {
    margin: 0;
    padding: 0; }
  /* line 123, app/stylesheets/components/_components.scss */
  .page-action-list a {
    display: block;
    padding: 8px 0;
    color: var(--ic-brand-font-color-dark);
    font-weight: bold;
    border-bottom: 1px solid #C7CDD1; }
    /* line 130, app/stylesheets/components/_components.scss */
    .page-action-list a:hover, .page-action-list a:focus {
      color: var(--ic-link-color); }
    /* line 136, app/stylesheets/components/_components.scss */
    .page-action-list a:active {
      color: #999; }

/* line 142, app/stylesheets/components/_components.scss */
* + .page-action-list {
  margin-top: 12px; }

/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/* line 20, app/stylesheets/components/_external_link.scss */
a.external:hover, a.external:focus, a.external:active {
  text-decoration: none; }
  /* line 22, app/stylesheets/components/_external_link.scss */
  a.external:hover span, a.external:focus span, a.external:active span {
    text-decoration: underline; }
  /* line 25, app/stylesheets/components/_external_link.scss */
  a.external:hover .ui-icon-extlink, a.external:focus .ui-icon-extlink, a.external:active .ui-icon-extlink {
    text-decoration: none; }

/* line 29, app/stylesheets/components/_external_link.scss */
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/>.
 */
/* line 19, app/stylesheets/components/_gutters.scss */
.v-gutter {
  margin-top: 20px;
  margin-bottom: 20px; }

/* line 24, app/stylesheets/components/_gutters.scss */
.v-gutter-large {
  margin-top: 30px;
  margin-bottom: 30px; }

@media (min-width: 1200px) {
  /* line 30, app/stylesheets/components/_gutters.scss */
  .v-gutter {
    margin-top: 30px;
    margin-bottom: 30px; }
  /* line 35, app/stylesheets/components/_gutters.scss */
  .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/>.
 */
/*
@styleguide Header Bar

<br/>

### tl;dr
  - Actions is the header bar should exist on the right
  - Cog menus should always be the most right
  - Many actions should be grouped by related function, IE (edit/delete content) and (preview/publish content)
  - Left side should be used for filtering and searching content
  - Add body class `.padless-content` to the body when using `.header-bar` so that header-bar extends full width.
  - Add padding or margin to containers below header-bar


## Actions on the right; primary and secondary actions

```html

<div class="header-bar">
  <div class="header-bar-right">
    <a href="#" class="btn">Preview</a>
    <a href="#" class="btn btn-primary">Add Module</a>
  </div>
</div>

```

## Actions on the right; primary, secondary and cog

```html

<div class="header-bar">
  <div class="header-bar-right">
    <a href="#" class="btn">Preview</a>
    <a href="#" class="btn btn-primary">Add Module</a>
    <div class="inline-block">
      <a class="al-trigger btn" href="#" role="button">
        <i class="icon-settings"></i><i class="icon-mini-arrow-down"></i>
        <span class="screenreader-only">Settings</span>
      </a>
      <ul class="al-options">
        <li><a href="#" class="icon-edit">Edit</a></li>
        <li><a href="#" class="icon-trash">Delete</a></li>
        <li><a href="#" class="icon-lock">Lock</a></li>
      </ul>
    </div>
  </div>
</div>

```


## Actions grouped by related function

```html

<div class="header-bar">
  <div class="header-bar-right">
    <div class="header-group-left">
      <a href="#" class="btn btn-published"></a>
      <a href="#" class="btn">Preview</a>
    </div>
    <div class="header-group-right">
      <a href="#" class="btn"><i class="icon-edit"></i> Edit</a>
      <div class="inline-block">
        <a class="al-trigger btn" href="#" role="button">
          <i class="icon-settings"></i><i class="icon-mini-arrow-down"></i>
          <span class="screenreader-only">Settings</span>
        </a>
        <ul class="al-options">
          <li><a href="#" class="icon-edit">Edit</a></li>
          <li><a href="#" class="icon-trash">Delete</a></li>
          <li><a href="#" class="icon-lock">Lock</a></li>
        </ul>
      </div>
    </div>
  </div>
</div>

```

## Actions on the right, filters and search on the left

```html

<div class="header-bar row-fluid">
  <div class="span8">
    <input type="text" name="search_term" data-view="inputFilter" placeholder="Search people" aria-label="Search">
    <select name="enrollment_role" data-view="roleSelect" aria-label="Limit search to role"><option value="">All Roles</option>
      <option value="StudentEnrollment">Student (0)</option>
      <option value="TeacherEnrollment">Teacher (1)</option>
      <option value="TaEnrollment">TA (0)</option>
      <option value="DesignerEnrollment">Designer (0)</option>
      <option value="ObserverEnrollment">Observer (0)</option>
    </select>
  </div>
  <div class="span4 align-right">
    <a class="btn btn-primary"><i class="icon-add"></i> Add People</a>
    <div class="inline-block">
      <a class="al-trigger btn" href="#" role="button">
        <i class="icon-settings"></i><i class="icon-mini-arrow-down"></i>
        <span class="screenreader-only">Settings</span>
      </a>
      <ul class="al-options">
        <li><a href="#" class="icon-edit">Edit</a></li>
        <li><a href="#" class="icon-trash">Delete</a></li>
        <li><a href="#" class="icon-lock">Lock</a></li>
      </ul>
    </div>
  </div>
</div>

```
*/
/* line 134, app/stylesheets/components/_header_bar.scss */
.header-bar {
  border-bottom: 1px solid #C7CDD1;
  background-color: #fff;
  min-height: 33px;
  padding-bottom: 12px; }
  /* line 25, app/stylesheets/base/_ic_mixins.scss */
  .header-bar:before, .header-bar:after {
    display: table;
    content: "";
    line-height: 0; }
  /* line 31, app/stylesheets/base/_ic_mixins.scss */
  .header-bar:after {
    clear: both; }
  /* line 141, app/stylesheets/components/_header_bar.scss */
  .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; }
  /* line 152, app/stylesheets/components/_header_bar.scss */
  .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); }
  /* line 167, app/stylesheets/components/_header_bar.scss */
  .header-bar .header-bar-right {
    float: right; }
  /* line 170, app/stylesheets/components/_header_bar.scss */
  .header-bar .header-bar-left {
    float: left; }
  /* line 173, app/stylesheets/components/_header_bar.scss */
  .header-bar.no-line {
    border: none; }

/* line 179, app/stylesheets/components/_header_bar.scss */
.header-group-left {
  margin-right: 10px; }

/* line 182, app/stylesheets/components/_header_bar.scss */
.header-group-left, .header-group-right {
  float: left; }

/* line 186, app/stylesheets/components/_header_bar.scss */
#searchTerm {
  width: 225px; }

/*
 * 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://github.com/instructure/instructure-icons">Instructure Icons</a> for its icon library. There are various ways that you can bring icons into Canvas, including as a React component, or from our the icon font.

## Comprehensive Icon Listing

For a complete list of Instructure Icons go to <a href="http://instructure.github.io/instructure-icons/">http://instructure.github.io/instructure-icons</a>

## Light vs Solid

There are two weights to our icons: line or solid. Canvas defaults to solid, however, if you want to use the same icon as a line varient you can add the `icon-Line` utility class.

```html
<a class="icon-add icon-Line" href="whatever">Add Stuff</a>
```

## Using as a React Component

```javascript
import { IconAddLine } from 'instructure-icons'

function MyComponent () {
  return <IconAddLine />
}
```

## Using the Icon Font

### Icons in links

```html
<a class="icon-add" href="whatever">Add Stuff</a>
```

### Icons in buttons links

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

Either use `<a>` with icon desired icon class added or insert `<i>` inside `<button>` and set to desired icon class

*/
@font-face {
  font-family: "InstructureIcons-Line";
  src: url("/dist/fonts/instructure_icons/Line/InstructureIcons-Line-563d920b31.eot");
  src: url("/dist/fonts/instructure_icons/Line/InstructureIcons-Line-563d920b31.eot?#iefix") format("eot"), url("/dist/fonts/instructure_icons/Line/InstructureIcons-Line-f67043aa75.woff") format("woff"), url("/dist/fonts/instructure_icons/Line/InstructureIcons-Line-30beff9d17.ttf") format("truetype"), url("/dist/fonts/instructure_icons/Line/InstructureIcons-Line-3bf6e20fe0.svg#InstructureIcons-Line") format("svg");
  font-weight: normal;
  font-style: normal; }

/* line 110, app/stylesheets/components/_canvas-icons.scss */
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-6bc774a0a7.eot");
  src: url("/dist/fonts/instructure_icons/Solid/InstructureIcons-Solid-6bc774a0a7.eot?#iefix") format("eot"), url("/dist/fonts/instructure_icons/Solid/InstructureIcons-Solid-2962988277.woff") format("woff"), url("/dist/fonts/instructure_icons/Solid/InstructureIcons-Solid-e14cb20e86.ttf") format("truetype"), url("/dist/fonts/instructure_icons/Solid/InstructureIcons-Solid-75a4054c9f.svg#InstructureIcons-Solid") format("svg");
  font-weight: normal;
  font-style: normal; }

/* line 110, app/stylesheets/components/_canvas-icons.scss */
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"; }

/* line 120, app/stylesheets/components/_canvas-icons.scss */
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;
  text-rendering: optimizeLegibility;
  font-size: 16px;
  font-size: 1rem;
  text-transform: none !important;
  font-weight: normal !important;
  font-style: normal !important; }

/* line 160, app/stylesheets/components/_canvas-icons.scss */
i[class*=icon-], i[class^=icon-] {
  display: inline-block;
  font-style: normal !important;
  line-height: 1; }
  /* line 166, app/stylesheets/components/_canvas-icons.scss */
  .btn-large i[class*=icon-],
  .Button--large i[class*=icon-], .btn-large i[class^=icon-],
  .Button--large i[class^=icon-] {
    line-height: 1; }
    /* line 169, app/stylesheets/components/_canvas-icons.scss */
    .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; }
  /* line 174, app/stylesheets/components/_canvas-icons.scss */
  .btn-mini i[class*=icon-],
  i[class*=icon-] .Button--mini, .btn-mini i[class^=icon-],
  i[class^=icon-] .Button--mini {
    line-height: 1; }
    /* line 177, app/stylesheets/components/_canvas-icons.scss */
    .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; }

/* line 185, app/stylesheets/components/_canvas-icons.scss */
a[class*=icon-]:before, a[class^=icon-]:before {
  margin-right: 4px;
  vertical-align: text-bottom; }

/* line 193, app/stylesheets/components/_canvas-icons.scss */
.standalone-icon:before {
  color: #555; }

/* line 205, app/stylesheets/components/_canvas-icons.scss */
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; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-add:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-address-book:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-admin:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-alerts:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-analytics:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-android:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-annotate:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-announcement:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-apple:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-arrow-down:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-arrow-left:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-arrow-open-down:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-arrow-open-left:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-arrow-open-right:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-arrow-open-up:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-arrow-right:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-arrow-up:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-assignment:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-attach-media:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-audio:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-bank:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-blueprint-lock:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-blueprint:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-bold:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-bookmark:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-box:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-bullet-list:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-calendar-add:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-calendar-clock:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-calendar-day:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-calendar-days:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-calendar-month:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-calendar-reserved:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-chat:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-check-dark:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-check-mark:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-check-plus:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-check:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-clear-text-formatting:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-clock:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-cloud-download:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-cloud-lock:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-collapse:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-collection-save:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-collection:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-commons:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-complete:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-compose:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-copy-course:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-copy:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-courses:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-dashboard:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-deactivate-user:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-discussion-check:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-discussion-new:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-discussion-reply-2:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-discussion-reply-dark:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-discussion-reply:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-discussion-search:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-discussion-x:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-discussion:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-document:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-download:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-drag-handle:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-drop-down:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-edit:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-educators:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-email:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-empty:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-end:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-equation:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-equella:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-essay:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-expand-items:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-expand-left:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-expand:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-export-content:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-export:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-external-link:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-eye:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-facebook-boxed:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-facebook:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-fast-forward:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-feedback:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-file-locked:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-files-copyright:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-files-creative-commons:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-files-fair-use:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-files-obtained-permission:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-files-public-domain:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-filmstrip:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-flag:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-folder-locked:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-folder:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-forward:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-github:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-gradebook-export:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-gradebook-import:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-gradebook:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-group-dark-new:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-group-new:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-group:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-hamburger:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-heart:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-highlighter:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-home:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-hour-glass:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-image:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-import-content:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-import:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-inbox:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-indent-2:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-indent:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-info:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-instructure:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-integrations:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-invitation:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-italic:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-keyboard-shortcuts:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-launch:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-life-preserver:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-like:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-link:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-linkedin:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-lock:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-lti:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-mark-as-read:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-marker:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-masquerade:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-mastery-paths:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-materials-required-light:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-materials-required:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-mature-light:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-mature:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-media:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-message:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-mic:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-mini-arrow-down:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-mini-arrow-left:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-mini-arrow-right:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-mini-arrow-up:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-minimize:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-module:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-more:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-move-down-bottom:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-move-down:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-move-left:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-move-right:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-move-up-top:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-move-up:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-ms-excel:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-ms-ppt:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-ms-word:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-muted:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-next-unread:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-not-graded:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-note-dark:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-note-light:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-note:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-numbered-list:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-off:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-open-folder:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-outcomes:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-outdent:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-outdent2:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-oval-half:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-page-down:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-page-up:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-paint:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-paperclip:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-partial:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-pause:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-pdf:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-peer-graded:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-peer-review:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-pin:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-pinterest:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-play:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-plus:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-post-to-sis:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-prerequisite:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-printer:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-publish:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-question:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-quiz-stats-avg:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-quiz-stats-cronbachs-alpha:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-quiz-stats-deviation:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-quiz-stats-high:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-quiz-stats-low:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-quiz-stats-time:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-quiz:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-refresh:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-remove-bookmark:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-remove-from-collection:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-remove-link:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-replied:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-reply-2:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-reply-all-2:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-reply:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-reset:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-rewind:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-rss-add:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-rss:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-rubric-dark:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-rubric:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-save:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-search-address-book:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-search:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-settings-2:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-settings:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-shape-oval:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-shape-polygon:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-shape-rectangle:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-sis-imported:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-sis-not-synced:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-sis-synced:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-skype:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-speed-grader:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-standards:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-star-light:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-star:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-stats:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-stop:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-strikethrough:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-student-view:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-syllabus:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-table:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-tag:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-target:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-text-background-color:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-text-centered:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-text-color:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-text-left:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-text-right:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-text-subscript:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-text-superscript:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-text:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-textarea:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-timer:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-toggle-left:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-toggle-right:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-trash:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-trouble:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-twitter-boxed:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-twitter:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-underline:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-unlock:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-unmuted:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-unpublish:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-unpublished:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-updown:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-upload:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-user-add:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-user:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-video:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-warning:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-windows:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-wordpress:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-x:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-zipped:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-zoom-in:before {
  content: ""; }

/* line 215, app/stylesheets/components/_canvas-icons.scss */
.icon-zoom-out:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-add.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-address-book.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-admin.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-alerts.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-analytics.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-android.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-annotate.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-announcement.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-apple.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-arrow-down.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-arrow-left.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-arrow-open-down.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-arrow-open-left.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-arrow-open-right.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-arrow-open-up.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-arrow-right.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-arrow-up.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-assignment.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-attach-media.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-audio.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-bank.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-blueprint-lock.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-blueprint.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-bold.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-bookmark.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-box.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-bullet-list.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-calendar-add.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-calendar-clock.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-calendar-day.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-calendar-days.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-calendar-month.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-calendar-reserved.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-chat.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-check-dark.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-check-mark.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-check-plus.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-check.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-clear-text-formatting.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-clock.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-cloud-download.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-cloud-lock.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-collapse.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-collection-save.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-collection.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-commons.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-complete.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-compose.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-copy-course.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-copy.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-courses.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-dashboard.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-deactivate-user.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-discussion-check.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-discussion-new.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-discussion-reply-2.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-discussion-reply-dark.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-discussion-reply.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-discussion-search.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-discussion-x.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-discussion.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-document.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-download.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-drag-handle.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-drop-down.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-edit.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-educators.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-email.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-empty.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-end.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-equation.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-equella.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-essay.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-expand-items.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-expand-left.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-expand.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-export-content.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-export.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-external-link.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-eye.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-facebook-boxed.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-facebook.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-fast-forward.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-feedback.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-file-locked.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-files-copyright.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-files-creative-commons.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-files-fair-use.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-files-obtained-permission.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-files-public-domain.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-filmstrip.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-flag.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-folder-locked.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-folder.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-forward.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-github.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-gradebook-export.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-gradebook-import.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-gradebook.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-group-dark-new.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-group-new.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-group.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-hamburger.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-heart.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-highlighter.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-home.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-hour-glass.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-image.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-import-content.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-import.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-inbox.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-indent-2.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-indent.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-info.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-instructure.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-integrations.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-invitation.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-italic.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-keyboard-shortcuts.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-launch.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-life-preserver.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-like.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-link.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-linkedin.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-lock.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-lti.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-mark-as-read.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-marker.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-masquerade.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-mastery-paths.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-materials-required-light.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-materials-required.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-mature-light.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-mature.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-media.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-message.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-mic.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-mini-arrow-down.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-mini-arrow-left.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-mini-arrow-right.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-mini-arrow-up.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-minimize.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-module.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-more.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-move-down-bottom.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-move-down.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-move-left.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-move-right.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-move-up-top.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-move-up.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-ms-excel.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-ms-ppt.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-ms-word.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-muted.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-next-unread.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-not-graded.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-note-dark.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-note-light.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-note.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-numbered-list.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-off.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-open-folder.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-outcomes.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-outdent.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-outdent2.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-oval-half.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-page-down.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-page-up.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-paint.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-paperclip.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-partial.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-pause.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-pdf.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-peer-graded.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-peer-review.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-pin.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-pinterest.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-play.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-plus.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-post-to-sis.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-prerequisite.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-printer.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-publish.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-question.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-quiz-stats-avg.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-quiz-stats-cronbachs-alpha.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-quiz-stats-deviation.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-quiz-stats-high.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-quiz-stats-low.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-quiz-stats-time.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-quiz.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-refresh.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-remove-bookmark.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-remove-from-collection.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-remove-link.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-replied.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-reply-2.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-reply-all-2.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-reply.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-reset.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-rewind.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-rss-add.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-rss.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-rubric-dark.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-rubric.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-save.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-search-address-book.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-search.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-settings-2.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-settings.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-shape-oval.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-shape-polygon.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-shape-rectangle.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-sis-imported.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-sis-not-synced.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-sis-synced.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-skype.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-speed-grader.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-standards.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-star-light.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-star.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-stats.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-stop.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-strikethrough.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-student-view.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-syllabus.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-table.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-tag.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-target.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-text-background-color.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-text-centered.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-text-color.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-text-left.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-text-right.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-text-subscript.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-text-superscript.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-text.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-textarea.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-timer.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-toggle-left.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-toggle-right.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-trash.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-trouble.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-twitter-boxed.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-twitter.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-underline.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-unlock.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-unmuted.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-unpublish.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-unpublished.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-updown.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-upload.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-user-add.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-user.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-video.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-warning.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-windows.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-wordpress.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-x.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-zipped.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-zoom-in.icon-Solid:before {
  content: ""; }

/* line 222, app/stylesheets/components/_canvas-icons.scss */
.icon-zoom-out.icon-Solid:before {
  content: ""; }

/*
 * 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/>.
 */
/* line 20, app/stylesheets/components/_indicate_loading.scss */
.loading.after:after {
  width: 16px;
  height: 11px;
  background: url(/dist/images/ajax-loader-linear-5e0ba729a9.gif);
  content: '';
  display: inline-block;
  margin-left: 7px; }

/* line 31, app/stylesheets/components/_indicate_loading.scss */
.loading.center {
  background-image: url(/dist/images/ajax-loader-linear-5e0ba729a9.gif);
  background-position: center;
  background-repeat: no-repeat; }

/*
 * 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/>.
 */
/* line 19, app/stylesheets/components/_inst_tree.scss */
.alt {
  display: none; }

/* line 23, app/stylesheets/components/_inst_tree.scss */
ul.instTree {
  padding-left: 0;
  width: 100%;
  margin: 0;
  overflow: hidden;
  list-style: none; }
  /* line 29, app/stylesheets/components/_inst_tree.scss */
  ul.instTree ul {
    padding-left: 0;
    margin-left: 0; }
  /* line 33, app/stylesheets/components/_inst_tree.scss */
  ul.instTree li {
    list-style: none;
    min-height: 20px;
    padding-left: 35px;
    position: relative;
    border-radius: 3px;
    background: left 13px top no-repeat;
    background-size: 16px 16px; }
    /* line 41, app/stylesheets/components/_inst_tree.scss */
    ul.instTree li.separator {
      min-height: 2px;
      line-height: 2px;
      font-size: 12px;
      font-size: 0.75rem; }
    /* line 46, app/stylesheets/components/_inst_tree.scss */
    ul.instTree li.node {
      background-image: url("/dist/images/mimeClassIcons/folder-0a8e688b83.svg"); }
      /* line 48, app/stylesheets/components/_inst_tree.scss */
      ul.instTree li.node.collaborations {
        background-image: url("/dist/images/collaboration_folder-89b6ccb526.png"); }
      /* line 51, app/stylesheets/components/_inst_tree.scss */
      ul.instTree li.node.groups {
        background-image: url("/dist/images/groups_folder-6ba540e01c.png"); }
    /* line 55, app/stylesheets/components/_inst_tree.scss */
    ul.instTree li.leaf {
      background-image: url("/dist/images/mimeClassIcons/file-9a619254ab.svg"); }
      /* line 57, app/stylesheets/components/_inst_tree.scss */
      ul.instTree li.leaf:hover {
        background-color: #eee; }
      /* line 60, app/stylesheets/components/_inst_tree.scss */
      ul.instTree li.leaf.active-leaf {
        background-color: #ddd; }
    /* line 65, app/stylesheets/components/_inst_tree.scss */
    ul.instTree li.node ul {
      display: none;
      position: relative;
      left: -13px; }
    /* line 70, app/stylesheets/components/_inst_tree.scss */
    ul.instTree li.node.open > ul {
      display: block; }
    /* line 74, app/stylesheets/components/_inst_tree.scss */
    ul.instTree li span {
      cursor: default;
      -moz-user-select: none; }
      /* line 77, app/stylesheets/components/_inst_tree.scss */
      ul.instTree li span.text {
        cursor: pointer; }
      /* line 81, app/stylesheets/components/_inst_tree.scss */
      ul.instTree li span.sign {
        display: block;
        width: 30px;
        height: 15px;
        cursor: pointer;
        position: absolute;
        left: -4px;
        top: 0; }
        /* line 92, app/stylesheets/components/_inst_tree.scss */
        ul.instTree li span.sign.plus {
          background: url("/dist/images/inst_tree/plus-1d1fde3d66.gif") 5px 50% no-repeat; }
        /* line 95, app/stylesheets/components/_inst_tree.scss */
        ul.instTree li span.sign.minus {
          background: url("/dist/images/inst_tree/minus-754690b971.gif") 5px 50% no-repeat; }
  /* line 101, app/stylesheets/components/_inst_tree.scss */
  ul.instTree input {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 1em;
    position: absolute;
    left: 30px;
    top: 0; }

/* line 110, app/stylesheets/components/_inst_tree.scss */
#instTree-drag {
  padding: 3px 3px 3px 30px;
  z-index: 1000;
  position: absolute; }
  /* line 114, app/stylesheets/components/_inst_tree.scss */
  #instTree-drag.node {
    background: #C3E1FF url("/images/inst_tree/node-drag.gif") left 3px no-repeat; }
  /* line 118, app/stylesheets/components/_inst_tree.scss */
  #instTree-drag.leaf {
    background: #C3E1FF url("/dist/images/inst_tree/leaf-drag-9ca4499a10.gif") left 3px no-repeat; }

/* line 124, app/stylesheets/components/_inst_tree.scss */
ul.instTree li.separator.dd-hover {
  background: transparent url("/dist/images/inst_tree/separator-drag-98b4cdd28e.gif") 3px 1px no-repeat; }

/* line 128, app/stylesheets/components/_inst_tree.scss */
ul.instTree li.leaf.dd-hover {
  background-color: yellow; }

/* line 131, app/stylesheets/components/_inst_tree.scss */
ul.instTree li.leaf.pdf {
  background-image: url("/dist/images/mimeClassIcons/pdf-b7597a109a.svg"); }

/* line 134, app/stylesheets/components/_inst_tree.scss */
ul.instTree li.leaf.image, ul.instTree li.leaf.jpeg, ul.instTree li.leaf.jpg, ul.instTree li.leaf.png, ul.instTree li.leaf.svg {
  background-image: url("/dist/images/mimeClassIcons/image-b44ffeb12a.svg"); }

/* line 137, app/stylesheets/components/_inst_tree.scss */
ul.instTree li.leaf.xls, ul.instTree li.leaf.xlsx, ul.instTree li.leaf.spreadsheet {
  background-image: url("/dist/images/mimeClassIcons/xls-7931270f41.svg"); }

/* line 140, app/stylesheets/components/_inst_tree.scss */
ul.instTree li.leaf.word, ul.instTree li.leaf.doc, ul.instTree li.leaf.docx {
  background-image: url("/dist/images/mimeClassIcons/doc-004a867732.svg"); }

/* line 143, app/stylesheets/components/_inst_tree.scss */
ul.instTree li.leaf.ppt, ul.instTree li.leaf.pptx {
  background-image: url("/dist/images/mimeClassIcons/ppt-2c7c121830.svg"); }

/* line 146, app/stylesheets/components/_inst_tree.scss */
ul.instTree li.leaf.audio {
  background-image: url("/dist/images/mimeClassIcons/audio-23bca366fc.svg"); }

/* line 149, app/stylesheets/components/_inst_tree.scss */
ul.instTree li.leaf.zip {
  background-image: url("/dist/images/mimeClassIcons/zip-5a52bae599.svg"); }

/* line 152, app/stylesheets/components/_inst_tree.scss */
ul.instTree li.leaf.video {
  background-image: url("/dist/images/mimeClassIcons/video-645b215d5f.svg"); }

/* line 155, app/stylesheets/components/_inst_tree.scss */
ul.instTree li.leaf.html {
  background-image: url("/dist/images/mimeClassIcons/html-0941fc6b16.svg"); }

/* line 158, app/stylesheets/components/_inst_tree.scss */
ul.instTree li.leaf.google_docs {
  background-image: url("/dist/images/google_docs_icon-4a2651fd72.ico"); }

/* line 161, app/stylesheets/components/_inst_tree.scss */
ul.instTree li.leaf.etherpad {
  background-image: url("/dist/images/etherpad_icon-fa2b274fab.ico"); }

/* line 164, app/stylesheets/components/_inst_tree.scss */
ul.instTree li.leaf.loading {
  background-image: url("/dist/images/ajax-loader-small-5ae081ad76.gif"); }

/*
 * 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/>.
 */
/* line 19, app/stylesheets/components/_misc.scss */
.unstyled_list {
  margin: 0;
  padding: 0;
  list-style: none; }
  /* line 23, app/stylesheets/components/_misc.scss */
  .unstyled_list.wide_spacing {
    line-height: 1.7em; }

/* line 29, app/stylesheets/components/_misc.scss */
.ui-dialog-no-close-button .ui-dialog-titlebar-close {
  display: none; }

/* line 33, app/stylesheets/components/_misc.scss */
.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

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

/* line 63, app/stylesheets/components/_new-and-total-badge.scss */
.new-and-total-badge .new-items {
  background-color: var(--ic-brand-primary);
  margin-right: -3px;
  padding-right: 8px; }

/* line 68, app/stylesheets/components/_new-and-total-badge.scss */
.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/>.
 */
/* @styleguide Modal Dialog

## Default Canvas modal

React Modal comes with very few default classes to make it as themeable as possible. If you want plain-vanilla Canvas modal styles, be sure to specify `className: 'ReactModal__Content--canvas'` when you initialize the modal, as follows:

<br/>

```javascript
ReactDOM.render(
  ReactModalExample(
    { className: 'ReactModal__Content--canvas'
      overlayClassName: 'ReactModal__Overlay--canvas' }
  ), document.getElementById('react-modal-example')
);
```

```html
<p>
  <div id="react-modal-example"></div>
</p>
```

See `app/jsx/styleguide/ReactModalExample.jsx` for complete example usage.

<br />

## Mini Canvas modal

For small dialogs like Confirms, the default Canvas modal width might seem too much.

The `.ReactModal__Content--mini-modal` class can be appended to the `.ReactModal__Content--canvas` class to render a less wide modal dialog.

<br/>

```javascript
ReactDOM.render(
  ReactModalExample(
    { label: 'Trigger Confirm Dialog',
      className: 'ReactModal__Content--canvas ReactModal__Content--mini-modal',
      overlayClassName: 'ReactModal__Overlay--canvas' }
  ), document.getElementById('react-modal-confirm-example')
);
```

```html
<p>
  <div id="react-modal-confirm-example"></div>
</p>
```

See `app/jsx/examples/ReactModalExample.jsx` for complete example usage.

*/
/* line 76, app/stylesheets/components/_react_modal.scss */
.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; }
  /* line 90, app/stylesheets/components/_react_modal.scss */
  .ReactModal__Overlay.ReactModal__Overlay--after-open {
    opacity: 1; }

/* line 101, app/stylesheets/components/_react_modal.scss */
.ReactModal__Content {
  position: absolute;
  overflow: auto;
  border-radius: 4px;
  outline: none;
  padding: 20px;
  top: 40px;
  left: 40px;
  right: 40px;
  bottom: 40px; }
  /* line 123, app/stylesheets/components/_react_modal.scss */
  .ReactModal__Content.ReactModal__Content--canvas {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    height: 100%;
    padding: 6px; }
    @media only screen and (min-width: 500px) {
      /* line 123, app/stylesheets/components/_react_modal.scss */
      .ReactModal__Content.ReactModal__Content--canvas {
        padding: 12px; } }
    @media only screen and (min-width: 768px) {
      /* line 123, app/stylesheets/components/_react_modal.scss */
      .ReactModal__Content.ReactModal__Content--canvas {
        padding: 0; } }
    /* line 133, app/stylesheets/components/_react_modal.scss */
    .ReactModal__Content.ReactModal__Content--canvas form {
      margin: 0; }
    /* line 135, app/stylesheets/components/_react_modal.scss */
    .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) {
        /* line 135, app/stylesheets/components/_react_modal.scss */
        .ReactModal__Content.ReactModal__Content--canvas .ReactModal__Layout {
          width: 696px;
          transition: all 0.5s cubic-bezier(0, 1, 0.5, 1);
          opacity: 0;
          -webkit-transform: rotateX(60deg) scale(0.8);
                  transform: rotateX(60deg) scale(0.8); } }
    @media only screen and (min-width: 768px) {
      /* line 150, app/stylesheets/components/_react_modal.scss */
      .ReactModal__Content.ReactModal__Content--canvas.ReactModal__Content--after-open .ReactModal__Layout {
        opacity: 1;
        -webkit-transform: rotateX(0) scale(1);
                transform: rotateX(0) scale(1); } }
    @media only screen and (min-width: 768px) {
      /* line 158, app/stylesheets/components/_react_modal.scss */
      .ReactModal__Content.ReactModal__Content--canvas.ReactModal__Content--mini-modal .ReactModal__Layout {
        max-width: 384px; } }
    /* line 163, app/stylesheets/components/_react_modal.scss */
    .ReactModal__Content.ReactModal__Content--canvas .ReactModal__Header {
      padding: 6px;
      border-top-left-radius: 3px;
      border-top-right-radius: 3px;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
              align-items: center;
      background: #FFFFFF;
      border-bottom: 1px solid #C7CDD1; }
      @media only screen and (min-width: 768px) {
        /* line 163, app/stylesheets/components/_react_modal.scss */
        .ReactModal__Content.ReactModal__Content--canvas .ReactModal__Header {
          padding: 12px; } }
      /* line 171, app/stylesheets/components/_react_modal.scss */
      .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; }
    /* line 178, app/stylesheets/components/_react_modal.scss */
    .ReactModal__Content.ReactModal__Content--canvas .ReactModal__Header-Title {
      -webkit-flex: 1;
              flex: 1;
      overflow: hidden; }
      /* line 182, app/stylesheets/components/_react_modal.scss */
      .ReactModal__Content.ReactModal__Content--canvas .ReactModal__Header-Title * {
        margin: 0; }
    /* line 185, app/stylesheets/components/_react_modal.scss */
    .ReactModal__Content.ReactModal__Content--canvas .ReactModal__Header-Actions {
      text-align: right; }
    /* line 187, app/stylesheets/components/_react_modal.scss */
    .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) {
        /* line 187, app/stylesheets/components/_react_modal.scss */
        .ReactModal__Content.ReactModal__Content--canvas .ReactModal__Body {
          padding: 18px; } }
      /* line 193, app/stylesheets/components/_react_modal.scss */
      .ReactModal__Content.ReactModal__Content--canvas .ReactModal__Body:last-child {
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px; }
      /* line 197, app/stylesheets/components/_react_modal.scss */
      .ReactModal__Content.ReactModal__Content--canvas .ReactModal__Body.ReactModal__Body--force-no-padding {
        padding: 0; }
    /* line 200, app/stylesheets/components/_react_modal.scss */
    .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) {
        /* line 200, app/stylesheets/components/_react_modal.scss */
        .ReactModal__Content.ReactModal__Content--canvas .ReactModal__Footer {
          padding: 12px; } }
      @media only screen and (min-width: 500px) {
        /* line 200, app/stylesheets/components/_react_modal.scss */
        .ReactModal__Content.ReactModal__Content--canvas .ReactModal__Footer {
          display: -webkit-flex;
          display: flex;
          -webkit-align-items: center;
                  align-items: center; } }
    /* line 212, app/stylesheets/components/_react_modal.scss */
    .ReactModal__Content.ReactModal__Content--canvas .ReactModal__Footer-Scheduler {
      padding: 6px;
      border-bottom-left-radius: 3px;
      border-bottom-right-radius: 3px;
      background: white;
      border-top: 1px solid #C7CDD1; }
      @media only screen and (min-width: 768px) {
        /* line 212, app/stylesheets/components/_react_modal.scss */
        .ReactModal__Content.ReactModal__Content--canvas .ReactModal__Footer-Scheduler {
          padding: 12px; } }
      @media only screen and (min-width: 500px) {
        /* line 212, app/stylesheets/components/_react_modal.scss */
        .ReactModal__Content.ReactModal__Content--canvas .ReactModal__Footer-Scheduler {
          display: -webkit-flex;
          display: flex;
          -webkit-align-items: center;
                  align-items: center; } }
    @media only screen and (min-width: 500px) {
      /* line 224, app/stylesheets/components/_react_modal.scss */
      .ReactModal__Content.ReactModal__Content--canvas .ReactModal__Footer-Actions {
        -webkit-flex: 1;
                flex: 1;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-end;
                justify-content: flex-end; } }
    /* line 230, app/stylesheets/components/_react_modal.scss */
    .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; }
      /* line 232, app/stylesheets/components/_react_modal.scss */
      .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) 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/>.
 */
/* line 19, app/stylesheets/components/_react_select_box.scss */
.react-select-box-container {
  position: relative;
  width: 240px;
  display: inline-block;
  background-color: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #C7CDD1;
  text-align: left;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); }

/* line 29, app/stylesheets/components/_react_select_box.scss */
.react-select-box {
  padding: 12px 0;
  display: inline-block;
  cursor: pointer;
  border: none;
  width: 100%;
  text-align: left;
  background-color: transparent; }

/* line 39, app/stylesheets/components/_react_select_box.scss */
.react-select-box:before {
  content: ' ';
  z-index: 1;
  position: absolute;
  height: 20px;
  top: 15px;
  right: 34px;
  border-left: 1px solid #C7CDD1; }

/* line 49, app/stylesheets/components/_react_select_box.scss */
.react-select-box:after {
  content: ' ';
  position: absolute;
  z-index: 1;
  top: 20px;
  right: 13px;
  border-top: 6px solid #2D3B45;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent; }

/* line 60, app/stylesheets/components/_react_select_box.scss */
.react-select-box-label,
.react-select-box-option {
  line-height: 1.5;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  color: var(--ic-brand-font-color-dark); }

/* line 68, app/stylesheets/components/_react_select_box.scss */
.react-select-box-label {
  padding: 0 48px 0 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--ic-brand-font-color-dark); }

/* line 76, app/stylesheets/components/_react_select_box.scss */
.react-select-box-empty .react-select-box-label {
  color: var(--ic-brand-font-color-dark); }

/* line 80, app/stylesheets/components/_react_select_box.scss */
.react-select-box-click-outside-layer {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2; }

/* line 89, app/stylesheets/components/_react_select_box.scss */
.react-select-box-clear {
  position: absolute;
  top: 15px;
  right: 0;
  width: 35px;
  height: 20px;
  background-color: #FFFFFF;
  text-indent: -9999em;
  z-index: 3;
  border: none; }

/* line 101, app/stylesheets/components/_react_select_box.scss */
.react-select-box-clear:before {
  content: '×';
  position: absolute;
  top: 2px;
  left: 10px;
  z-index: 1;
  background-color: #73818C;
  border-radius: 100%;
  font-size: 13px;
  font-size: 0.8125rem;
  color: #FFFFFF;
  line-height: 1;
  width: 15px;
  height: 15px;
  text-indent: 0;
  text-align: center; }

/* line 118, app/stylesheets/components/_react_select_box.scss */
.react-select-box-clear:hover:before,
.react-select-box-clear:focus:before {
  background-color: var(--ic-brand-primary); }

/* line 123, app/stylesheets/components/_react_select_box.scss */
.react-select-box-hidden {
  display: none; }

/* line 127, app/stylesheets/components/_react_select_box.scss */
.react-select-box-options {
  margin: 2px 0 0;
  position: absolute;
  padding: 10px 0;
  width: 240px;
  top: 100%;
  left: 0;
  z-index: 4;
  background-color: #FFFFFF;
  border-radius: 4px; }

/* line 139, app/stylesheets/components/_react_select_box.scss */
.react-select-box-options-list {
  list-style: none outside;
  margin: 0;
  padding: 0; }

/* line 145, app/stylesheets/components/_react_select_box.scss */
.react-select-box-option {
  padding: 12px;
  margin: 0;
  cursor: pointer;
  display: block;
  line-height: 1.5;
  text-decoration: none; }

/* line 154, app/stylesheets/components/_react_select_box.scss */
.react-select-box-option:hover {
  color: #FFFFFF;
  background-color: var(--ic-brand-primary);
  text-decoration: none; }

/* line 160, app/stylesheets/components/_react_select_box.scss */
.react-select-box-option-selected {
  color: #F5F5F5; }

/* line 164, app/stylesheets/components/_react_select_box.scss */
.react-select-box-multi .react-select-box-option {
  padding-left: 42px;
  position: relative; }

/* line 169, app/stylesheets/components/_react_select_box.scss */
.react-select-box-multi .react-select-box-option:before {
  content: ' ';
  position: absolute;
  line-height: 1;
  text-align: center;
  left: 20px;
  top: 9px;
  border-radius: 3px;
  height: 12px;
  width: 12px;
  margin-right: 10px;
  border: 1px solid #C7CDD1;
  background: #F5F5F5;
  vertical-align: middle; }

/* line 185, app/stylesheets/components/_react_select_box.scss */
.react-select-box-multi .react-select-box-option-selected:before {
  content: '✓'; }

/* line 190, app/stylesheets/components/_react_select_box.scss */
.react-select-box-multi .react-select-box-option-selected {
  color: var(--ic-brand-font-color-dark); }

/* line 194, app/stylesheets/components/_react_select_box.scss */
.react-select-box-option:focus,
.react-select-box-option-focused {
  color: #FFFFFF;
  outline: 0;
  background-color: var(--ic-brand-primary); }

/* line 201, app/stylesheets/components/_react_select_box.scss */
.react-select-box-close {
  color: var(--ic-brand-primary);
  text-transform: uppercase;
  background-color: transparent;
  border: none;
  padding: 5px 0;
  display: block;
  text-align: center;
  width: 100%;
  font-weight: bold;
  cursor: pointer;
  outline: none; }

/* line 215, app/stylesheets/components/_react_select_box.scss */
.react-select-box-close:hover,
.react-select-box-close:focus {
  text-decoration: underline; }

/* line 220, app/stylesheets/components/_react_select_box.scss */
.react-select-box-empty .react-select-box-close {
  color: var(--ic-brand-font-color-dark); }

/* line 224, app/stylesheets/components/_react_select_box.scss */
.react-select-box-native {
  position: absolute;
  left: -99999em; }

/*
 * 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/>.
 */
/* line 32, app/stylesheets/components/_show_hide_opacity.scss */
.hide-till-hover {
  opacity: 0; }
  /* line 35, app/stylesheets/components/_show_hide_opacity.scss */
  .touch .hide-till-hover,
  .hover-container:hover .hide-till-hover,
  .hover-container:focus .hide-till-hover {
    opacity: 0.6; }
  /* line 41, app/stylesheets/components/_show_hide_opacity.scss */
  .hide-till-hover:focus, .hide-till-hover:hover {
    opacity: 1 !important; }

/* line 52, app/stylesheets/components/_show_hide_opacity.scss */
.dim-till-hover {
  opacity: 0.6; }
  /* line 54, app/stylesheets/components/_show_hide_opacity.scss */
  .dim-till-hover:hover, .dim-till-hover:focus {
    opacity: 1; }

/* line 59, app/stylesheets/components/_show_hide_opacity.scss */
.screenreader-only {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  -webkit-transform: translatez(0);
          transform: translatez(0); }

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

## Spacing: Content Box

Content boxes automatically clear their floated children and have default 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>
```

## Sizes Content Box

```html
<div class="content-box-mini border border-trbl">Half spacing</div>
<div class="content-box-mini border border-trbl">Third spacing</div>
```
## Spacing: Pad Box

Use pad-box if you want to arbitrarily add some padding to an element.

## Sizes Pad Box

```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>
```
*/
/* line 55, app/stylesheets/components/_spacing.scss */
[class*='content-box'] {
  clear: both;
  position: relative; }
  /* line 25, app/stylesheets/base/_ic_mixins.scss */
  [class*='content-box']:before, [class*='content-box']:after {
    display: table;
    content: "";
    line-height: 0; }
  /* line 31, app/stylesheets/base/_ic_mixins.scss */
  [class*='content-box']:after {
    clear: both; }

/* line 61, app/stylesheets/components/_spacing.scss */
.content-box {
  margin: 20px 0; }

/* line 62, app/stylesheets/components/_spacing.scss */
.content-box-mini {
  margin: 10px 0; }

/* line 63, app/stylesheets/components/_spacing.scss */
.content-box-micro {
  margin: 6.66667px 0; }

/* line 65, app/stylesheets/components/_spacing.scss */
.pad-box {
  padding: 20px; }

/* line 66, app/stylesheets/components/_spacing.scss */
.pad-box-mega {
  padding: 40px; }

/* line 67, app/stylesheets/components/_spacing.scss */
.pad-box-mini {
  padding: 10px; }

/* line 68, app/stylesheets/components/_spacing.scss */
.pad-box-micro {
  padding: 5px; }

/* line 71, app/stylesheets/components/_spacing.scss */
.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; }

/* line 74, app/stylesheets/components/_spacing.scss */
.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; }

/* line 77, app/stylesheets/components/_spacing.scss */
.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; }

/* line 80, app/stylesheets/components/_spacing.scss */
.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/>.
 */
/* line 19, app/stylesheets/components/_alignment.scss */
.align-right, .text-right {
  text-align: right; }

/* line 22, app/stylesheets/components/_alignment.scss */
.text-left {
  text-align: left; }

/* line 25, app/stylesheets/components/_alignment.scss */
.text-center {
  text-align: center; }

/* line 28, app/stylesheets/components/_alignment.scss */
.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) 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>
```

*/
/* line 71, app/stylesheets/components/_forms.scss */
input[type=text].loading {
  background-image: url("/dist/images/ajax-reload-animated-8255e06a8a.gif");
  background-repeat: no-repeat;
  background-position: 98% center; }

/* line 77, app/stylesheets/components/_forms.scss */
.loadingIndicator, .paginatedLoadingIndicator {
  background-image: url("/dist/images/ajax-reload-animated-8255e06a8a.gif");
  background-repeat: no-repeat;
  background-position: center center;
  height: 20px; }

/* line 86, app/stylesheets/components/_forms.scss */
.hint-text {
  font-size: 12px;
  font-size: 0.75rem;
  color: var(--ic-brand-font-color-dark-lightened-30); }

/* line 91, app/stylesheets/components/_forms.scss */
input + .hint-text {
  /* pull up into the input */
  margin-top: -8px;
  /* replace the inputs margin-bottom */
  margin-bottom: 10px; }

/* line 101, app/stylesheets/components/_forms.scss */
.formtable td:first-child {
  /* lines-up label in first cell with input in second */
  padding-top: 6px; }

/* line 109, app/stylesheets/components/_forms.scss */
.form-dialog {
  padding-bottom: 70px !important;
  margin-bottom: 0; }
  /* line 113, app/stylesheets/components/_forms.scss */
  .form-dialog .form-controls {
    padding: 10px;
    margin: 0;
    background-color: #f2f2f2;
    border-top: 1px solid #C7CDD1;
    text-align: right;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px; }
  /* line 125, app/stylesheets/components/_forms.scss */
  .form-dialog .form-dialog-content {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 51px;
    overflow: auto;
    padding: 20px; }

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

/* line 32, app/stylesheets/components/_avatars.scss */
#avatars tr .avatar_state {
  text-align: center; }

/* line 37, app/stylesheets/components/_avatars.scss */
.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) 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
 */
/* @styleguide Item Groups

<br/>
### tl;dr

  - Item groups come either `item-group` or `item-group-condensed` styles
  - The `item-group` style is for draggable tiems and `item-group-condensed` is for items that are not draggable

<br/>

```html
<div class="item-group">
  <div class="ig-header">
    <h2 class="ig-header-title element_toggler"
       aria-controls="group_1"
       aria-expanded="true"
       aria-label="Item Group Header toggle item visibility"
       role="button">
      <i class="icon-mini-arrow-down"></i> Item Group Header
    </h2>
  </div>
  <ul class="ig-list" id="group_1">
    <li>
      <div class="ig-row">
        <div class="ig-row__layout">
          <div class="ig-type-icon" aria-hidden="true">
            <i class="icon-assignment" aria-hidden="true"></i>
          </div>
          <div class="ig-info">
            <a href="#" class="ig-title">
               Some Assignment
            </a>
            <div class="ig-details">
              <div class="ig-details__item"><b>Due</b> Nov 4, 2012</div>
              <div class="ig-details__item"><b>Available</b> Nov 1</div>
              <div class="ig-details__item">10 pts</div>
            </div>
          </div>
          <div class="ig-admin">
            <span class="publish-icon publish-icon-published" data-tooltip title="Unpublish">
              <i class="icon-publish"></i><span class="publish-text">&nbsp;Published</span>
            </span>

            <div class="inline-block">
              <a class="al-trigger al-trigger-gray" role="button" aria-haspopup="true" aria-owns="content-1" href="#">
                <i class="icon-settings"></i>
                <i class="icon-mini-arrow-down"></i>
                <span class="screenreader-only">Settings</span>
              </a>

              <ul id="content-1" class="al-options" role="menu" tabindex="0" aria-hidden="true" aria-expanded="false" aria-activedescendant="content-2">
                <li role="presentation">
                  <a href="#" class="icon-edit" id="content-2" tabindex="-1" role="menuitem" title="Edit">Edit</a>
                </li>
                <li role="presentation">
                  <a href="#" class="icon-trash" id="content-3" tabindex="-1" role="menuitem" title="Delete this module">Delete</a>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </li>

    <li>
      <div class="ig-row ig-published ig-indent1">
        <div class="ig-row__layout">
          <div class="ig-type-icon" aria-hidden="true">
            <i class="icon-assignment"></i>
          </div>
          <div class="ig-info">
            <a href="#" class="ig-title">
               Some Assignment
            </a>
            <div class="ig-details">
              <div class="ig-details__item"><b>Due</b> Nov 4, 2012</div>
              <div class="ig-details__item"><b>Available</b> Nov 1</div>
              <div class="ig-details__item">10 pts</div>
            </div>
          </div>
          <div class="ig-admin">
            <span class="publish-icon publish-icon-published" data-tooltip title="Unpublish">
              <i class="icon-publish"></i><span class="publish-text">&nbsp;Published</span>
            </span>

            <div class="inline-block">
              <a class="al-trigger al-trigger-gray" role="button" aria-haspopup="true" aria-owns="content-1" href="#">
                <i class="icon-settings"></i>
                <i class="icon-mini-arrow-down"></i>
                <span class="screenreader-only">Settings</span>
              </a>

              <ul id="content-1" class="al-options" role="menu" tabindex="0" aria-hidden="true" aria-expanded="false" aria-activedescendant="content-2">
                <li role="presentation">
                  <a href="#" class="icon-edit" id="content-2" tabindex="-1" role="menuitem" title="Edit">Edit</a>
                </li>
                <li role="presentation">
                  <a href="#" class="icon-trash" id="content-3" tabindex="-1" role="menuitem" title="Delete this module">Delete</a>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </li>

    <li>
      <div class="ig-text">
        Greek Civilization Essay
      </div>
    </li>

    <li>
      <div class="ig-row">
        <div class="ig-row__layout">
          <div class="ig-type-icon" aria-hidden="true">
            <i class="icon-assignment"></i>
          </div>
          <div class="ig-info">
            <a href="#" class="ig-title">
              Some Assignment
            </a>
            <div class="ig-details">
              <div class="ig-details__item"><b>Due</b> Nov 4, 2012</div>
              <div class="ig-details__item"><b>Available</b> Nov 1</div>
              <div class="ig-details__item">10 pts</div>
            </div>
          </div>
          <div class="ig-admin">
            <span class="publish-icon publish-icon-published" data-tooltip title="Unpublish">
              <i class="icon-publish"></i><span class="publish-text">&nbsp;Published</span>
            </span>

            <div class="inline-block">
              <a class="al-trigger al-trigger-gray" role="button" aria-haspopup="true" aria-owns="content-1" href="#">
                <i class="icon-settings"></i>
                <i class="icon-mini-arrow-down"></i>
                <span class="screenreader-only">Settings</span>
              </a>

              <ul id="content-1" class="al-options" role="menu" tabindex="0" aria-hidden="true" aria-expanded="false" aria-activedescendant="content-2">
                <li role="presentation">
                  <a href="#" class="icon-edit" id="content-2" tabindex="-1" role="menuitem" title="Edit">Edit</a>
                </li>
                <li role="presentation">
                  <a href="#" class="icon-trash" id="content-3" tabindex="-1" role="menuitem" title="Delete this module">Delete</a>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </li>

  </ul>
</div>

<div class="item-group">
  <div class="ig-header">
    <h2 class="ig-header-title element_toggler"
       aria-controls="group_2"
       aria-expanded="true">
      <i class="icon-mini-arrow-down"></i> Item Group Header
    </h2>
  </div>
  <ul class="ig-list" id="group_2">
    <li>
      <div class="ig-row ig-row-empty">
        <div class="ig-empty-msg">
          No assignments in this Group
        </div>
      </div>
    </li>
  </ul>
</div>
```

*/
/* line 206, app/stylesheets/components/_item-groups.scss */
.item-group {
  border: 1px solid #C7CDD1;
  padding: 12px;
  border-radius: 3px;
  margin-bottom: 24px;
  background-color: #F5F5F5; }

/* line 214, app/stylesheets/components/_item-groups.scss */
.ig-header .name {
  color: #3d454c;
  font-size: 16px;
  font-size: 1rem;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
  font-weight: bold; }

/* line 221, app/stylesheets/components/_item-groups.scss */
.ig-text {
  padding-top: 10px;
  padding-bottom: 10px; }

/* line 226, app/stylesheets/components/_item-groups.scss */
.ig-header {
  min-height: 30px;
  padding-top: 6px;
  padding-bottom: 6px; }
  /* line 231, app/stylesheets/components/_item-groups.scss */
  .ig-header .ig-header-title {
    text-decoration: none;
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    line-height: 20px;
    margin: auto;
    display: inline-block; }
    /* line 239, app/stylesheets/components/_item-groups.scss */
    .ig-header .ig-header-title .icon-mini-arrow-down {
      vertical-align: middle; }
    /* line 242, app/stylesheets/components/_item-groups.scss */
    .ig-header .ig-header-title .icon-mini-arrow-right {
      position: relative;
      top: -1px;
      vertical-align: middle; }
  /* line 249, app/stylesheets/components/_item-groups.scss */
  .ig-header .btn {
    vertical-align: text-bottom; }

/* line 254, app/stylesheets/components/_item-groups.scss */
.ig-list {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: 10px; }

/* line 261, app/stylesheets/components/_item-groups.scss */
.ig-list li {
  margin: 6px 0; }

/* line 265, app/stylesheets/components/_item-groups.scss */
.ig-row__layout {
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  position: relative; }

/* line 272, app/stylesheets/components/_item-groups.scss */
.ig-info {
  word-wrap: break-word;
  /* for IE support */
  overflow-wrap: break-word;
  -webkit-flex: 1;
          flex: 1;
  min-width: 1px;
  margin: 0 12px; }
  @media only screen and (min-width: 992px) {
    /* line 272, app/stylesheets/components/_item-groups.scss */
    .ig-info {
      margin-left: 12px;
      margin-right: 24px; } }

/* line 284, app/stylesheets/components/_item-groups.scss */
.ig-list .ig-row {
  position: relative;
  display: block;
  padding: 12px 6px 12px 10px;
  box-sizing: border-box;
  border-radius: 3px;
  color: var(--ic-brand-font-color-dark-lightened-15);
  border: 1px solid #C7CDD1;
  background: #FFFFFF; }
  /* line 294, app/stylesheets/components/_item-groups.scss */
  .ig-list .ig-row a.ig-title {
    color: var(--ic-brand-font-color-dark);
    text-decoration: none; }
    /* line 299, app/stylesheets/components/_item-groups.scss */
    .ig-list .ig-row a.ig-title:hover, .ig-list .ig-row a.ig-title:focus {
      text-decoration: underline; }
  /* line 305, app/stylesheets/components/_item-groups.scss */
  .ig-list .ig-row .ellipses {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  /* line 309, app/stylesheets/components/_item-groups.scss */
  .ig-list .ig-row:hover {
    background-color: #eef7ff; }
  /* line 313, app/stylesheets/components/_item-groups.scss */
  .ig-list .ig-row:focus {
    background-color: #eef7ff; }
  /* line 319, app/stylesheets/components/_item-groups.scss */
  .ig-list .ig-row.ig-published:not(.student-view):before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    top: -1px;
    left: -1px;
    width: 0.25rem;
    height: calc(100% + 2px);
    background-color: #00AC18;
    border-top: 1px solid #008312;
    border-bottom: 1px solid #008312; }
  /* line 332, app/stylesheets/components/_item-groups.scss */
  .ig-list .ig-row.ig-published:not(.student-view).student-view .ig-title {
    color: var(--ic-brand-font-color-dark); }
  /* line 338, app/stylesheets/components/_item-groups.scss */
  .ig-list .ig-row.ig-row-empty {
    box-sizing: border-box;
    height: 36px;
    line-height: 36px;
    padding: 0;
    border: 1px solid #C7CDD1;
    background: #FFFFFF; }
  /* line 346, app/stylesheets/components/_item-groups.scss */
  .ig-list .ig-row .ig-empty-msg {
    text-align: center;
    color: var(--ic-brand-font-color-dark-lightened-15); }

/* line 352, app/stylesheets/components/_item-groups.scss */
.ig-type-icon {
  width: 1.875rem;
  height: 1.875rem;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center; }
  /* line 359, app/stylesheets/components/_item-groups.scss */
  .ig-published:not(.student-view) .ig-type-icon {
    color: #00AC18; }

/* line 365, app/stylesheets/components/_item-groups.scss */
.ig-handle + .ig-type-icon {
  margin-left: 9px; }

/* line 370, app/stylesheets/components/_item-groups.scss */
.ig-title {
  box-sizing: border-box;
  font-weight: bold;
  padding-right: 12px;
  line-height: 1.3;
  margin-bottom: 3px;
  min-width: 1px; }

/* line 379, app/stylesheets/components/_item-groups.scss */
.ig-details {
  font-size: 12px;
  font-size: 0.75rem;
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap; }

/* line 386, app/stylesheets/components/_item-groups.scss */
.ig-details__item {
  white-space: nowrap; }
  /* line 389, app/stylesheets/components/_item-groups.scss */
  .ig-details__item--wrap-text {
    white-space: normal; }
  /* line 393, app/stylesheets/components/_item-groups.scss */
  .ig-details__item:after {
    content: "\00a0\00a0|\00a0\00a0"; }
  /* line 397, app/stylesheets/components/_item-groups.scss */
  .ig-details__item:last-of-type:after {
    display: none; }

/* line 401, app/stylesheets/components/_item-groups.scss */
.ig-admin {
  box-sizing: border-box;
  white-space: nowrap;
  padding-left: 12px; }
  @media only screen and (min-width: 992px) {
    /* line 401, app/stylesheets/components/_item-groups.scss */
    .ig-admin {
      padding-left: 0; } }
  /* line 407, app/stylesheets/components/_item-groups.scss */
  .ig-admin .publish-icon, .ig-admin .lock-icon {
    margin-right: 6px; }
    /* line 409, app/stylesheets/components/_item-groups.scss */
    .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; }
  /* line 413, app/stylesheets/components/_item-groups.scss */
  .ig-admin > a {
    margin-right: 10px; }
  /* line 417, app/stylesheets/components/_item-groups.scss */
  .ig-admin .mastery-path-icon {
    margin-right: 10px;
    padding: 2px 7px;
    font-size: 0.8em; }
    /* line 422, app/stylesheets/components/_item-groups.scss */
    .ig-admin .mastery-path-icon i {
      margin-right: 5px; }

/* line 428, app/stylesheets/components/_item-groups.scss */
.ig-list .icon-drag-handle {
  color: var(--ic-brand-font-color-dark); }

/* line 432, app/stylesheets/components/_item-groups.scss */
.ig-details [class^=span] {
  white-space: nowrap; }

/* line 436, app/stylesheets/components/_item-groups.scss */
[class^=ig-indent] {
  margin-left: 60px; }

/* line 441, app/stylesheets/components/_item-groups.scss */
.ig-indent1 {
  margin-left: 20px; }

/* line 445, app/stylesheets/components/_item-groups.scss */
.ig-indent2 {
  margin-left: 40px; }

/* line 449, app/stylesheets/components/_item-groups.scss */
.ig-text {
  color: #3d454c;
  font-size: 15px;
  font-size: 0.9375rem; }

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

<br/>
### tl;dr

  - Item groups come either `item-group` or `item-group-condensed` styles
  - The `item-group` style is for draggable items and `item-group-condensed` is for items that are not draggable
  - The outer `item-group-container` div is optional, and adds a background color with a dashed line between groups

<br/>

```html
<div class="item-group-container">

  <div class="item-group-condensed">
    <div class="ig-header">
      <h2 class="ig-header-title element_toggler"
         aria-controls="cond_group_1"
         aria-expanded="true"
         aria-label="Item Group Header toggle item visibility"
         role="button">
        <i class="icon-mini-arrow-down"></i> Item Group Header
      </h2>
    </div>

    <ul class="ig-list" id="cond_group_1">
      <li>
        <div class="ig-row">
          <div class="ig-row__layout">
            <div class="ig-type-icon" aria-hidden="true">
              <i class="icon-assignment"></i>
            </div>
            <div class="ig-info">
              <a href="#" class="ig-title">
                Some Assignment
              </a>
              <div class="ig-details">
                <div class="ig-details__item"><b>Due</b> Nov 4, 2012</div>
                <div class="ig-details__item"><b>Available</b> Nov 1</div>
                <div class="ig-details__item">10 pts</div>
              </div>
            </div>
            <div class="ig-admin">
              <span class="publish-icon publish-icon-published" data-tooltip title="Unpublish">
                <i class="icon-publish"></i><span class="publish-text">&nbsp;Published</span>
              </span>

              <div class="inline-block">
                <a class="al-trigger al-trigger-gray" href="#" role="button">
                  <i class="icon-settings"></i><i class="icon-mini-arrow-down"></i>
                  <span class="screenreader-only"><%= t('manage', 'Manage') %></span>
                </a>
                <ul class="al-options">
                  <li><a href="#">Edit</a></li>
                  <li><a href="#">Delete</a></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </li>

      <li>
        <div class="ig-row ig-published">
          <div class="ig-row__layout">
            <div class="ig-type-icon" aria-hidden="true">
              <i class="icon-assignment"></i>
            </div>
            <div class="ig-info">
              <a href="#" class="ig-title">
                Some Assignment
              </a>
              <div class="ig-details">
                <div class="ig-details__item"><b>Due</b> Nov 4, 2012</div>
                <div class="ig-details__item"><b>Available</b> Nov 1</div>
                <div class="ig-details__item">10 pts</div>
              </div>
            </div>
            <div class="ig-admin">
              <span class="publish-icon publish-icon-published" data-tooltip title="Unpublish">
                <i class="icon-publish"></i><span class="publish-text">&nbsp;Published</span>
              </span>

              <div class="inline-block">
                <a class="al-trigger al-trigger-gray" href="#" role="button">
                  <i class="icon-settings"></i><i class="icon-mini-arrow-down"></i>
                  <span class="screenreader-only"><%= t('manage', 'Manage') %></span>
                </a>
                <ul class="al-options">
                  <li><a href="#">Edit</a></li>
                  <li><a href="#">Delete</a></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </li>

      <li>
        <div class="ig-row">
          <div class="ig-row__layout">
            <div class="ig-type-icon" aria-hidden="true">
              <i class="icon-assignment"></i>
            </div>
            <div class="ig-info">
              <a href="#" class="ig-title">
                Some Assignment
              </a>
              <div class="ig-details">
                <div class="ig-details__item"><b>Due</b> Nov 4, 2012</div>
                <div class="ig-details__item"><b>Available</b> Nov 1</div>
                <div class="ig-details__item">10 pts</div>
              </div>
            </div>
            <div class="ig-admin">
              <span class="publish-icon publish-icon-published" data-tooltip title="Unpublish">
                <i class="icon-publish"></i><span class="publish-text">&nbsp;Published</span>
              </span>

              <div class="inline-block">
                <a class="al-trigger al-trigger-gray" href="#" role="button">
                  <i class="icon-settings"></i><i class="icon-mini-arrow-down"></i>
                  <span class="screenreader-only"><%= t('manage', 'Manage') %></span>
                </a>
                <ul class="al-options">
                  <li><a href="#">Edit</a></li>
                  <li><a href="#">Delete</a></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </li>
    </ul>
  </div>

  <div class="item-group-condensed">
    <div class="ig-header">
      <h2 class="ig-header-title element_toggler"
         aria-controls="cond_group_2"
         aria-expanded="true"
         aria-label="Item Group Header toggle item visibility"
         role="button">
        <i class="icon-mini-arrow-down"></i> Item Group Header
      </h2>
    </div>
    <ul class="ig-list" id="cond_group_2">
    <li>
      <div class="ig-row">
        <div class="ig-row__layout">
          <div class="ig-type-icon" aria-hidden="true">
            <i class="icon-assignment"></i>
          </div>
          <div class="ig-info">
            <a href="#" class="ig-title">
              Some Assignment
            </a>
            <div class="ig-details">
              <div class="ig-details__item"><b>Due</b> Nov 4, 2012</div>
              <div class="ig-details__item"><b>Available</b> Nov 1</div>
              <div class="ig-details__item">10 pts</div>
            </div>
          </div>
          <div class="ig-admin">
            <span class="publish-icon publish-icon-published" data-tooltip title="Unpublish">
              <i class="icon-publish"></i><span class="publish-text">&nbsp;Published</span>
            </span>

            <div class="inline-block">
              <a class="al-trigger al-trigger-gray" role="button" aria-haspopup="true" aria-owns="content-1" href="#">
                <i class="icon-settings"></i>
                <i class="icon-mini-arrow-down"></i>
                <span class="screenreader-only">Settings</span>
              </a>

              <ul id="content-1" class="al-options" role="menu" tabindex="0" aria-hidden="true" aria-expanded="false" aria-activedescendant="content-2">
                <li role="presentation">
                  <a href="#" class="icon-edit" id="content-2" tabindex="-1" role="menuitem" title="Edit">Edit</a>
                </li>
                <li role="presentation">
                  <a href="#" class="icon-trash" id="content-3" tabindex="-1" role="menuitem" title="Delete this module">Delete</a>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </li>
    </ul>
  </div>

  <div class="item-group-condensed">
    <div class="ig-header">
      <h2 class="ig-header-title element_toggler"
         aria-controls="cond_group_3"
         aria-expanded="true">
        <i class="icon-mini-arrow-down"></i> Item Group Header
      </h2>
    </div>
    <ul class="ig-list" id="cond_group_3">
      <li>
        <div class="ig-row ig-row-empty">
          <div class="ig-empty-msg">
            No assignments in this Group
          </div>
        </div>
      </li>
    </ul>
  </div>
</div>
```

*/
/* line 236, app/stylesheets/components/_item-groups-condensed.scss */
.item-group-container {
  background: #F5F5F5;
  padding-bottom: 72px;
  border: 1px solid #C7CDD1;
  border-top: none; }
  /* line 242, app/stylesheets/components/_item-groups-condensed.scss */
  .item-group-container .item-group-condensed {
    border-bottom: 1px dashed #A5AFB5;
    padding: 18px; }
  /* line 247, app/stylesheets/components/_item-groups-condensed.scss */
  .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; }
  /* line 253, app/stylesheets/components/_item-groups-condensed.scss */
  .item-group-container .ig-list {
    margin-top: 0; }
  /* line 257, app/stylesheets/components/_item-groups-condensed.scss */
  .item-group-container .ig-list li {
    margin: 0; }

/* line 262, app/stylesheets/components/_item-groups-condensed.scss */
.item-group-condensed {
  padding: 9px; }
  /* line 265, app/stylesheets/components/_item-groups-condensed.scss */
  .item-group-condensed .ig-header {
    padding-left: 0px; }
  /* line 269, app/stylesheets/components/_item-groups-condensed.scss */
  .item-group-condensed .ig-row {
    border-top-width: 0;
    border-radius: 0;
    background: #fff;
    border-bottom: 1px solid #C7CDD1; }
  /* line 276, app/stylesheets/components/_item-groups-condensed.scss */
  .item-group-condensed .ig-list li:first-child,
  .item-group-condensed .ig-list li:first-of-type {
    margin-top: 6px; }
  /* line 281, app/stylesheets/components/_item-groups-condensed.scss */
  .item-group-condensed .ig-list li:first-child .ig-row,
  .item-group-condensed .ig-list li:first-of-type .ig-row,
  .item-group-condensed .first_visible .ig-row {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top: 1px solid #C7CDD1; }
    /* line 287, app/stylesheets/components/_item-groups-condensed.scss */
    .item-group-condensed .ig-list li:first-child .ig-row.ig-row-empty,
    .item-group-condensed .ig-list li:first-of-type .ig-row.ig-row-empty,
    .item-group-condensed .first_visible .ig-row.ig-row-empty {
      border-top: 1px solid #dcdee0; }
  /* line 290, app/stylesheets/components/_item-groups-condensed.scss */
  .item-group-condensed .ig-list li:last-child .ig-row,
  .item-group-condensed .ig-list li:last-of-type .ig-row,
  .item-group-condensed .last_visible .ig-row {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px; }
    /* line 295, app/stylesheets/components/_item-groups-condensed.scss */
    .item-group-condensed .ig-list li:last-child .ig-row.ig-row-empty,
    .item-group-condensed .ig-list li:last-of-type .ig-row.ig-row-empty,
    .item-group-condensed .last_visible .ig-row.ig-row-empty {
      border-bottom: 1px solid #C7CDD1; }
  /* line 298, app/stylesheets/components/_item-groups-condensed.scss */
  .item-group-condensed .item-group-expandable {
    border-radius: 3px;
    background-color: #FFFFFF;
    border: 1px solid #C7CDD1; }
    /* line 304, app/stylesheets/components/_item-groups-condensed.scss */
    .item-group-condensed .item-group-expandable .ig-list li {
      margin: 0; }
    /* line 305, app/stylesheets/components/_item-groups-condensed.scss */
    .item-group-condensed .item-group-expandable .ig-list li .ig-row {
      background: none;
      border: none;
      border-radius: inherit; }
    /* line 311, app/stylesheets/components/_item-groups-condensed.scss */
    .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; }
    /* line 316, app/stylesheets/components/_item-groups-condensed.scss */
    .item-group-condensed .item-group-expandable .ig-list li:last-child .ig-sublist,
    .item-group-condensed .item-group-expandable .ig-list li:last-of-type .ig-sublist {
      border-bottom-left-radius: 3px;
      border-bottom-right-radius: 3px;
      border-bottom: none; }
    /* line 324, app/stylesheets/components/_item-groups-condensed.scss */
    .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; }
    /* line 329, app/stylesheets/components/_item-groups-condensed.scss */
    .item-group-condensed .item-group-expandable .ig-button {
      white-space: nowrap; }
    /* line 333, app/stylesheets/components/_item-groups-condensed.scss */
    .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; }
      /* line 339, app/stylesheets/components/_item-groups-condensed.scss */
      .item-group-condensed .item-group-expandable .ig-sublist ul {
        list-style: none;
        padding: 0;
        margin: 0; }
        /* line 344, app/stylesheets/components/_item-groups-condensed.scss */
        .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; }
        /* line 349, app/stylesheets/components/_item-groups-condensed.scss */
        .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; }
        /* line 354, app/stylesheets/components/_item-groups-condensed.scss */
        .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; }
          /* line 361, app/stylesheets/components/_item-groups-condensed.scss */
          .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/>.
 */
/*
@styleguide Publish State

<br/>
The publish button has two states on click (publish and published) and a hover state of 'Unpublish' once published.

```html

<p>
  <button class="btn" id="publish"></button>
</p>

<p>
  <button class="btn" id="published"></button>
</p>

<p>
  <button class="btn" id="published-disabled" data-tooltip></button>
</p>

<p>
  <span class="publish-icon"></span>
</p>

<p>
  <span class='published-status published'>
    <i class="icon-publish"></i> Published
  </span>
</p>

<p>
  <span class='published-status unpublished'>
    <i class="icon-unpublished"></i> Not Published
  </span>
</p>

```

*/
/* publish buttons */
/* line 60, app/stylesheets/components/_publish-state.scss */
.btn-publish,
.btn-published,
.btn-unpublish {
  transition: none;
  padding-left: 9px; }
  /* line 66, app/stylesheets/components/_publish-state.scss */
  .btn-publish i,
  .btn-published i,
  .btn-unpublish i {
    margin-right: 4px;
    vertical-align: text-top;
    line-height: 17px; }
  /* line 71, app/stylesheets/components/_publish-state.scss */
  .btn-publish i:before,
  .btn-published i:before,
  .btn-unpublish i:before {
    font-size: 18px;
    font-size: 1.125rem;
    color: inherit; }

/* line 77, app/stylesheets/components/_publish-state.scss */
.btn-published,
.btn-published:hover {
  background: #00AC18;
  border: 1px solid #00600d;
  color: #FFFFFF; }

/* line 85, app/stylesheets/components/_publish-state.scss */
.btn-published:focus {
  box-shadow: inset 0 0 0 1px #FFFFFF;
  background: #007911;
  color: #FFFFFF; }

/* line 92, app/stylesheets/components/_publish-state.scss */
.btn-published.disabled,
.btn-published.disabled:hover {
  border: 1px solid #256f1e;
  background: #35842c;
  box-shadow: none;
  color: #fff; }

/* line 100, app/stylesheets/components/_publish-state.scss */
.btn-unpublish {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #d2413d;
  background-image: linear-gradient(to bottom, #ee5f5b, #a4100c);
  background-repeat: repeat-x;
  border-color: #a4100c #a4100c #5d0907;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  box-shadow: none; }
  /* line 86, app/stylesheets/base/_ic_mixins.scss */
  .btn-unpublish:hover, .btn-unpublish:active, .btn-unpublish.active, .btn-unpublish.disabled, .btn-unpublish[disabled] {
    color: #fff;
    background-color: #a4100c; }
  /* line 91, app/stylesheets/base/_ic_mixins.scss */
  .btn-unpublish:focus {
    color: #fff;
    background: #a4100c;
    text-decoration: none; }
  /* line 103, app/stylesheets/components/_publish-state.scss */
  .btn-unpublish:focus {
    box-shadow: inset 0 0 0 1px #FFFFFF; }

/* line 113, app/stylesheets/components/_publish-state.scss */
.publish-icon {
  outline-width: 1px;
  outline-color: transparent;
  outline-style: solid;
  display: inline-block;
  color: gray;
  cursor: pointer; }
  /* line 118, app/stylesheets/components/_publish-state.scss */
  .publish-icon:focus {
    outline-offset: -1px;
    outline-color: var(--ic-link-color); }
  /* line 119, app/stylesheets/components/_publish-state.scss */
  .publish-icon.publish-icon-unpublish {
    color: gray; }
  /* line 120, app/stylesheets/components/_publish-state.scss */
  .publish-icon.publish-icon-published {
    color: #00AC18; }
  /* line 121, app/stylesheets/components/_publish-state.scss */
  .publish-icon .publish-text {
    display: none; }

/* line 125, app/stylesheets/components/_publish-state.scss */
.published-status.published {
  font-weight: bold;
  color: #00AC18; }

/* line 131, app/stylesheets/components/_publish-state.scss */
.published-status.unpublished {
  font-weight: normal;
  color: gray; }

/* line 136, app/stylesheets/components/_publish-state.scss */
.published-status.hiddenState {
  font-weight: normal;
  color: #FC5E13; }

/* line 141, app/stylesheets/components/_publish-state.scss */
.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 */
/* line 20, app/stylesheets/components/_lock-state.scss */
.lock-icon {
  outline-width: 1px;
  outline-color: transparent;
  outline-style: solid;
  display: inline-block;
  color: gray;
  cursor: pointer; }
  /* line 25, app/stylesheets/components/_lock-state.scss */
  .lock-icon:focus {
    outline-offset: -1px;
    outline-color: var(--ic-link-color); }
  /* line 26, app/stylesheets/components/_lock-state.scss */
  .lock-icon.lock-icon-unlocked {
    color: gray; }
  /* line 27, app/stylesheets/components/_lock-state.scss */
  .lock-icon.lock-icon-locked {
    color: var(--ic-brand-primary); }
  /* line 28, app/stylesheets/components/_lock-state.scss */
  .lock-icon.disabled {
    color: gray; }
  /* line 29, app/stylesheets/components/_lock-state.scss */
  .lock-icon.disabled {
    cursor: default; }

/* line 32, app/stylesheets/components/_lock-state.scss */
.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/>.
 */
/* line 19, app/stylesheets/components/_post-to-sis-state.scss */
.post-to-sis-status {
  transition: none;
  margin-right: 12px;
  cursor: pointer; }
  /* line 24, app/stylesheets/components/_post-to-sis-state.scss */
  .post-to-sis-status input {
    width: 16px;
    height: 20px; }
  /* line 29, app/stylesheets/components/_post-to-sis-state.scss */
  .post-to-sis-status.enabled {
    font-weight: bold;
    color: #00AC18; }
  /* line 35, app/stylesheets/components/_post-to-sis-state.scss */
  .post-to-sis-status.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/>.
 */
/* @styleguide Pills

```html
<ul class="pill">
  <li>30% of total</li>
  <li>2 Rules</li>
  <li>10pts</li>
</ul>
```

*/
/* line 31, app/stylesheets/components/_pill.scss */
.pill {
  display: inline-block;
  margin: 0;
  list-style: none;
  border-radius: 1em;
  border: 1px solid rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 0 #fff; }

/* line 40, app/stylesheets/components/_pill.scss */
.pill > li {
  float: left;
  padding: 0 10px;
  border-right: solid 1px rgba(0, 0, 0, 0.25);
  font-size: 14px;
  font-size: 0.875rem; }
  /* line 46, app/stylesheets/components/_pill.scss */
  .pill > li:first-child {
    padding-left: 10px;
    border-radius: 1em 0 0 1em; }
  /* line 50, app/stylesheets/components/_pill.scss */
  .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/>.
 */
/*
@styleguide Highlights/Alerts


```html
<p>
  <div class="ic-flash-info">
    <div class="ic-flash__icon" aria-hidden="true">
      <i class="icon-info"></i>
    </div>
    Info: Sample flash notice style.
    <button type="button" class="Button Button--icon-action close_link">
      <i class="icon-x" aria-hidden="true"></i>
      <span class="screenreader-only">Close</span>
    </button>
  </div>
</p>
<p>
  <div class="ic-flash-success">
    <div class="ic-flash__icon" aria-hidden="true">
      <i class="icon-check"></i>
    </div>
    Success: Sample flash notice style.
    <button type="button" class="Button Button--icon-action close_link">
      <i class="icon-x" aria-hidden="true"></i>
      <span class="screenreader-only">Close</span>
    </button>
  </div>
</p>
<p>
  <div class="ic-flash-warning">
    <div class="ic-flash__icon" aria-hidden="true">
      <i class="icon-warning"></i>
    </div>
    Warning: Sample flash notice style.
    <button type="button" class="Button Button--icon-action close_link">
      <i class="icon-x" aria-hidden="true"></i>
      <span class="screenreader-only">Close</span>
    </button>
  </div>
</p>
<p>
  <div class="ic-flash-error">
    <div class="ic-flash__icon" aria-hidden="true">
      <i class="icon-warning"></i>
    </div>
    Error: Sample flash notice style.
    <button type="button" class="Button Button--icon-action close_link">
      <i class="icon-x" aria-hidden="true"></i>
      <span class="screenreader-only">Close</span>
    </button>
  </div>
</p>
```

*/
/* line 82, app/stylesheets/components/_alerts.scss */
.alert {
  padding: 12px 36px 12px 12px;
  background-color: #FBEDE7;
  border-radius: 6px;
  color: #D14604; }

/* line 92, app/stylesheets/components/_alerts.scss */
.alert h4 {
  margin: 0; }

/* line 98, app/stylesheets/components/_alerts.scss */
.alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 20px; }

/* line 107, app/stylesheets/components/_alerts.scss */
.alert-success {
  background-color: #E8F6E9;
  color: #008A13; }

/* line 115, app/stylesheets/components/_alerts.scss */
.alert-danger,
.alert-error {
  background-color: #FCE8E7;
  color: #EE0612; }

/* line 124, app/stylesheets/components/_alerts.scss */
.alert-info {
  background-color: #E5F2F8;
  color: #0078BD; }

/* line 138, app/stylesheets/components/_alerts.scss */
.ic-flash-info, .ic-flash-success, .ic-flash-warning, .ic-flash-error {
  position: relative;
  box-sizing: border-box;
  padding: 6px 40px 6px 48px;
  margin: 0 auto;
  width: 475px;
  min-height: 20px;
  line-height: 1.3;
  z-index: 2;
  vertical-align: middle;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25);
  border: 2px solid;
  border-radius: 6px;
  background-color: #FFFFFF; }
  /* line 153, app/stylesheets/components/_alerts.scss */
  .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; }
  /* line 161, app/stylesheets/components/_alerts.scss */
  .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; }
  /* line 165, app/stylesheets/components/_alerts.scss */
  .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: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    color: #FFFFFF; }
    /* line 178, app/stylesheets/components/_alerts.scss */
    .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; }
  /* line 185, app/stylesheets/components/_alerts.scss */
  .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; }

/* line 191, app/stylesheets/components/_alerts.scss */
.ic-flash-info {
  border-color: var(--ic-brand-primary); }
  /* line 193, app/stylesheets/components/_alerts.scss */
  .ic-flash-info .ic-flash__icon {
    background-color: var(--ic-brand-primary); }

/* line 196, app/stylesheets/components/_alerts.scss */
.ic-flash-success {
  border-color: #00AC18; }
  /* line 198, app/stylesheets/components/_alerts.scss */
  .ic-flash-success .ic-flash__icon {
    background-color: #00AC18; }

/* line 201, app/stylesheets/components/_alerts.scss */
.ic-flash-warning {
  border-color: #FC5E13; }
  /* line 203, app/stylesheets/components/_alerts.scss */
  .ic-flash-warning .ic-flash__icon {
    background-color: #FC5E13; }

/* line 206, app/stylesheets/components/_alerts.scss */
.ic-flash-error {
  border-color: #EE0612; }
  /* line 208, app/stylesheets/components/_alerts.scss */
  .ic-flash-error .ic-flash__icon {
    background-color: #EE0612; }

/* line 211, app/stylesheets/components/_alerts.scss */
.ic-flash--Theme-Editor {
  border-color: #2D3B45;
  text-align: center; }
  /* line 214, app/stylesheets/components/_alerts.scss */
  .ic-flash--Theme-Editor .ic-flash__icon {
    background-color: #2D3B45; }

/* line 217, app/stylesheets/components/_alerts.scss */
.ic-flash__headline {
  margin: 0;
  font-weight: bold; }

/* line 222, app/stylesheets/components/_alerts.scss */
.ic-flash__text {
  margin: 6px 0; }
  /* line 224, app/stylesheets/components/_alerts.scss */
  .ic-flash__text:first-of-type {
    margin-top: 0; }
  /* line 225, app/stylesheets/components/_alerts.scss */
  .ic-flash__text:last-child {
    margin-bottom: 0; }

/* line 229, app/stylesheets/components/_alerts.scss */
a.Button--flash {
  text-decoration: none; }

/* line 239, app/stylesheets/components/_alerts.scss */
.ic-alert-masquerade-student-view {
  padding: 6px 12px;
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  background: #BF32A4;
  color: #FFFFFF; }
  /* line 248, app/stylesheets/components/_alerts.scss */
  .ic-alert-masquerade-student-view:after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #BF32A4; }
  /* line 257, app/stylesheets/components/_alerts.scss */
  .ic-alert-masquerade-student-view .avatar {
    width: 36px;
    height: 36px; }

/* line 265, app/stylesheets/components/_alerts.scss */
body.is-masquerading-or-student-view {
  border-right: 3px solid #BF32A4; }
  /* line 267, app/stylesheets/components/_alerts.scss */
  body.is-masquerading-or-student-view .ic-app-header {
    border-left: 3px solid #BF32A4; }

/* line 270, app/stylesheets/components/_alerts.scss */
.ic-alert-masquerade-student-view-module {
  -webkit-flex: 1;
          flex: 1;
  padding: 0 6px; }
  /* line 273, app/stylesheets/components/_alerts.scss */
  .ic-alert-masquerade-student-view-module:first-of-type {
    padding-left: 0; }
  /* line 274, app/stylesheets/components/_alerts.scss */
  .ic-alert-masquerade-student-view-module:last-of-type {
    padding-right: 0; }
    /* line 276, app/stylesheets/components/_alerts.scss */
    .ic-alert-masquerade-student-view-module:last-of-type.ic-alert-masquerade-student-view-module--buttons {
      text-align: right; }
  /* line 280, app/stylesheets/components/_alerts.scss */
  .ic-alert-masquerade-student-view-module.ic-alert-masquerade-student-view-module--header {
    font-weight: bold; }
  /* line 283, app/stylesheets/components/_alerts.scss */
  .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; }

/* line 300, app/stylesheets/components/_alerts.scss */
.ic-notification {
  display: -webkit-flex;
  display: flex;
  border: 2px solid var(--ic-brand-primary);
  margin-bottom: 12px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  box-sizing: border-box; }
  /* line 307, app/stylesheets/components/_alerts.scss */
  .ic-notification form {
    margin: 0; }
  /* line 308, app/stylesheets/components/_alerts.scss */
  .ic-notification.ic-notification--success {
    border-color: #00AC18; }
    /* line 296, app/stylesheets/components/_alerts.scss */
    .ic-notification.ic-notification--success .ic-notification__icon {
      background: #00AC18; }
  /* line 309, app/stylesheets/components/_alerts.scss */
  .ic-notification.ic-notification--alert {
    border-color: #FC5E13; }
    /* line 296, app/stylesheets/components/_alerts.scss */
    .ic-notification.ic-notification--alert .ic-notification__icon {
      background: #FC5E13; }
  /* line 310, app/stylesheets/components/_alerts.scss */
  .ic-notification.ic-notification--danger {
    border-color: #EE0612; }
    /* line 296, app/stylesheets/components/_alerts.scss */
    .ic-notification.ic-notification--danger .ic-notification__icon {
      background: #EE0612; }
  /* line 313, app/stylesheets/components/_alerts.scss */
  .ic-notification.ic-notification--admin-created .ic-notification__content {
    display: -webkit-flex;
    display: flex; }
    @media only screen and (min-width: 992px) {
      /* line 313, app/stylesheets/components/_alerts.scss */
      .ic-notification.ic-notification--admin-created .ic-notification__content {
        -webkit-align-items: flex-start;
                align-items: flex-start; } }
  /* line 317, app/stylesheets/components/_alerts.scss */
  .ic-notification.ic-notification--admin-created .ic-notification__message {
    -webkit-flex: 1;
            flex: 1; }
  /* line 318, app/stylesheets/components/_alerts.scss */
  .ic-notification.ic-notification--admin-created .ic-notification__actions {
    margin-left: 24px; }
    @media only screen and (min-width: 992px) {
      /* line 318, app/stylesheets/components/_alerts.scss */
      .ic-notification.ic-notification--admin-created .ic-notification__actions {
        margin-left: 36px; } }
  /* line 322, app/stylesheets/components/_alerts.scss */
  .ic-notification.ic-notification--admin-created .ic-notification__title {
    display: block;
    font-size: 18px;
    font-size: 1.125rem;
    margin: 0 0 6px; }

/* line 330, app/stylesheets/components/_alerts.scss */
.ic-notification__icon {
  background: var(--ic-brand-primary);
  -webkit-flex: 0 0 48px;
          flex: 0 0 48px;
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  border-top-left-radius: 1px;
  border-bottom-left-radius: 1px;
  box-sizing: border-box; }
  /* line 74, app/stylesheets/base/mixins/_misc.scss */
  .ic-notification__icon i[class*=icon-], .ic-notification__icon i[class^=icon-] {
    line-height: 1; }
    /* line 76, app/stylesheets/base/mixins/_misc.scss */
    .ic-notification__icon i[class*=icon-]:before, .ic-notification__icon i[class^=icon-]:before {
      font-size: 22px; }
  /* line 341, app/stylesheets/components/_alerts.scss */
  .ic-notification__icon i[class*=icon-], .ic-notification__icon i[class^=icon-] {
    color: #FFFFFF;
    text-shadow: none; }

/* line 347, app/stylesheets/components/_alerts.scss */
.ic-notification__title {
  margin-right: 4px;
  font-size: 16px;
  font-size: 1rem;
  display: inline;
  font-weight: bold; }

/* line 354, app/stylesheets/components/_alerts.scss */
.ic-notification__content {
  -webkit-flex: 1;
          flex: 1;
  padding: 12px;
  box-sizing: border-box;
  background: #FFFFFF;
  position: relative; }

/* line 362, app/stylesheets/components/_alerts.scss */
.ic-notification__message {
  box-sizing: border-box; }
  /* line 364, app/stylesheets/components/_alerts.scss */
  .ic-notification__message p:last-of-type {
    margin-bottom: 0; }

/* line 367, app/stylesheets/components/_alerts.scss */
.ic-notification__actions {
  box-sizing: border-box; }

/* line 371, app/stylesheets/components/_alerts.scss */
.ic-notification__admin-actions {
  position: absolute;
  right: 12px;
  top: 12px; }

/* line 377, app/stylesheets/components/_alerts.scss */
.notification_account_content {
  width: 100%; }

/* line 381, app/stylesheets/components/_alerts.scss */
.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/>.
 */
/*
@styleguide Element Toggler

<br/>
This represents current best practices around using the `.element-toggler` class.

<br/>

  - The current thinking on accessibility is that we should use a `<span>` for the 
  element-toggler dom element so that it's not read as "link" like it would if we used an &lt;&gt; tag.  
  - Use `aria-controls` and `aria-expanded` on the dom element that has class `element_toggler`.  
  - Also include an aria-label, of the format: `[toggler-name] toggle [toggled-content-description] visibility`.  

<br/>

```html

<span
  class="element_toggler"
  aria-controls="group_1"
  aria-expanded="true"
  aria-label="Toggler toggle list visibility"
  role="button"
>
  <i class="icon-mini-arrow-down"></i> Toggler
</span>
<ul id="group_1">
  <li>item 1</li>
  <li>item 2</li>
</ul>

```

See `app/coffeescripts/behaviors/elementToggler.coffee`for implementation

*/
/* line 56, app/stylesheets/components/_element-toggler.scss */
.element_toggler {
  outline-width: 1px;
  outline-color: transparent;
  outline-style: solid;
  cursor: pointer; }
  /* line 59, app/stylesheets/components/_element-toggler.scss */
  .element_toggler:focus {
    outline-offset: -1px;
    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/>.
 */
/*
@styleguide Super Toggle
See Forms section.
*/
/* line 143, app/stylesheets/components/_ic-super-toggle.scss */
.ic-Super-toggle__container {
  box-sizing: border-box;
  margin: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

/* line 149, app/stylesheets/components/_ic-super-toggle.scss */
.ic-Super-toggle__input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0; }

/* line 155, app/stylesheets/components/_ic-super-toggle.scss */
.ic-Super-toggle__switch {
  transition: background 0.1s, border-color 0.1s;
  position: relative;
  line-height: 1;
  background-clip: padding-box; }
  /* line 161, app/stylesheets/components/_ic-super-toggle.scss */
  .ic-Super-toggle__switch::after {
    transition: all 0.1s ease-in-out;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    border-radius: 100%;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
    background-image: url("/dist/images/toggle-handle-139e09819b.svg");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 20px; }

/* line 176, app/stylesheets/components/_ic-super-toggle.scss */
[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; }
  /* line 74, app/stylesheets/base/mixins/_misc.scss */
  [class^="ic-Super-toggle__option--"] i[class*=icon-], [class^="ic-Super-toggle__option--"] i[class^=icon-] {
    line-height: 1; }
    /* line 76, app/stylesheets/base/mixins/_misc.scss */
    [class^="ic-Super-toggle__option--"] i[class*=icon-]:before, [class^="ic-Super-toggle__option--"] i[class^=icon-]:before {
      font-size: 18px; }

/* line 191, app/stylesheets/components/_ic-super-toggle.scss */
.ic-Super-toggle__input:checked ~ .ic-Super-toggle__container .ic-Super-toggle__switch::after {
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0); }

/* line 197, app/stylesheets/components/_ic-super-toggle.scss */
.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; }

/* line 201, app/stylesheets/components/_ic-super-toggle.scss */
.ic-Super-toggle__input:disabled ~ .ic-Super-toggle__container::before {
  font-style: italic;
  opacity: 0.8;
  content: attr(data-unchecked); }

/* line 209, app/stylesheets/components/_ic-super-toggle.scss */
.ic-Super-toggle__input:disabled:checked ~ .ic-Super-toggle__container::before {
  content: attr(data-checked); }

/* line 222, app/stylesheets/components/_ic-super-toggle.scss */
.ic-Super-toggle--on-off {
  position: relative;
  margin-bottom: 0; }
  @media only screen and (min-width: 768px) {
    /* line 50, app/stylesheets/components/_ic-super-toggle.scss */
    .ic-Form-group.ic-Form-group--horizontal .ic-Super-toggle--on-off {
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
              align-items: center;
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap;
      width: 100%; }
      /* line 56, app/stylesheets/components/_ic-super-toggle.scss */
      .ic-Form-group.ic-Form-group--horizontal .ic-Super-toggle--on-off .ic-Super-toggle__container {
        -webkit-flex: 1;
                flex: 1; } }
  /* line 60, app/stylesheets/components/_ic-super-toggle.scss */
  .ic-Super-toggle--on-off .ic-Super-toggle__switch {
    width: 60px;
    height: 30px;
    background: #394B58;
    border: 2px solid #394B58;
    border-radius: 17px; }
    /* line 66, app/stylesheets/components/_ic-super-toggle.scss */
    .ic-Super-toggle--on-off .ic-Super-toggle__switch::after {
      background-color: #FFFFFF;
      width: 30px;
      height: 30px; }
    /* line 71, app/stylesheets/components/_ic-super-toggle.scss */
    .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; }
  /* line 85, app/stylesheets/components/_ic-super-toggle.scss */
  .ic-Super-toggle--on-off .ic-Super-toggle__option--LEFT {
    color: #FFFFFF; }
    /* line 87, app/stylesheets/components/_ic-super-toggle.scss */
    .ic-Super-toggle--on-off .ic-Super-toggle__option--LEFT svg > * {
      fill: #FFFFFF; }
  /* line 90, app/stylesheets/components/_ic-super-toggle.scss */
  .ic-Super-toggle--on-off .ic-Super-toggle__option--RIGHT {
    color: #FFFFFF; }
    /* line 92, app/stylesheets/components/_ic-super-toggle.scss */
    .ic-Super-toggle--on-off .ic-Super-toggle__option--RIGHT svg > * {
      fill: #FFFFFF; }
  /* line 95, app/stylesheets/components/_ic-super-toggle.scss */
  .ic-Super-toggle--on-off svg {
    max-width: 15px;
    max-height: 15px;
    display: inline-block;
    vertical-align: middle; }
  /* line 103, app/stylesheets/components/_ic-super-toggle.scss */
  .ic-Super-toggle--on-off .ic-Super-toggle__input:checked ~ .ic-Super-toggle__container .ic-Super-toggle__switch {
    background: #00AC18;
    border-color: #00AC18; }
  /* line 107, app/stylesheets/components/_ic-super-toggle.scss */
  .ic-Super-toggle--on-off .ic-Super-toggle__input:checked ~ .ic-Super-toggle__container .ic-Super-toggle__option--LEFT {
    color: #FFFFFF; }
    /* line 109, app/stylesheets/components/_ic-super-toggle.scss */
    .ic-Super-toggle--on-off .ic-Super-toggle__input:checked ~ .ic-Super-toggle__container .ic-Super-toggle__option--LEFT svg > * {
      fill: #FFFFFF; }
  /* line 113, app/stylesheets/components/_ic-super-toggle.scss */
  .ic-Super-toggle--on-off .ic-Super-toggle__input:checked ~ .ic-Super-toggle__container .ic-Super-toggle__option--RIGHT {
    color: #FFFFFF; }
    /* line 115, app/stylesheets/components/_ic-super-toggle.scss */
    .ic-Super-toggle--on-off .ic-Super-toggle__input:checked ~ .ic-Super-toggle__container .ic-Super-toggle__option--RIGHT svg > * {
      fill: #FFFFFF; }
  /* line 122, app/stylesheets/components/_ic-super-toggle.scss */
  .ic-Super-toggle--on-off .ic-Super-toggle__input:focus ~ .ic-Super-toggle__container .ic-Super-toggle__switch::before {
    opacity: 1; }
  /* line 128, app/stylesheets/components/_ic-super-toggle.scss */
  .ic-Super-toggle--on-off .ic-Super-toggle__input:focus:checked ~ .ic-Super-toggle__container .ic-Super-toggle__switch::before {
    opacity: 1; }
  /* line 226, app/stylesheets/components/_ic-super-toggle.scss */
  .ic-Super-toggle--on-off .ic-Super-toggle__switch {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center; }
  /* line 231, app/stylesheets/components/_ic-super-toggle.scss */
  .ic-Super-toggle--on-off [class^="ic-Super-toggle__option--"] {
    transition-delay: 0.1s;
    -webkit-flex: 0 0 50%;
            flex: 0 0 50%; }
  /* line 236, app/stylesheets/components/_ic-super-toggle.scss */
  .ic-Super-toggle--on-off .ic-Super-toggle__option--LEFT {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0; }
  /* line 241, app/stylesheets/components/_ic-super-toggle.scss */
  .ic-Super-toggle--on-off .ic-Super-toggle__option--RIGHT {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  /* line 247, app/stylesheets/components/_ic-super-toggle.scss */
  .ic-Super-toggle--on-off .ic-Super-toggle__input:checked ~ .ic-Super-toggle__container .ic-Super-toggle__option--LEFT {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  /* line 251, app/stylesheets/components/_ic-super-toggle.scss */
  .ic-Super-toggle--on-off .ic-Super-toggle__input:checked ~ .ic-Super-toggle__container .ic-Super-toggle__option--RIGHT {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0; }

/* line 264, app/stylesheets/components/_ic-super-toggle.scss */
.ic-Super-toggle--ui-switch {
  position: relative;
  margin-bottom: 0; }
  @media only screen and (min-width: 768px) {
    /* line 50, app/stylesheets/components/_ic-super-toggle.scss */
    .ic-Form-group.ic-Form-group--horizontal .ic-Super-toggle--ui-switch {
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
              align-items: center;
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap;
      width: 100%; }
      /* line 56, app/stylesheets/components/_ic-super-toggle.scss */
      .ic-Form-group.ic-Form-group--horizontal .ic-Super-toggle--ui-switch .ic-Super-toggle__container {
        -webkit-flex: 1;
                flex: 1; } }
  /* line 60, app/stylesheets/components/_ic-super-toggle.scss */
  .ic-Super-toggle--ui-switch .ic-Super-toggle__switch {
    width: 60px;
    height: 30px;
    background: #2D3B45;
    border: 2px solid #2D3B45;
    border-radius: 17px; }
    /* line 66, app/stylesheets/components/_ic-super-toggle.scss */
    .ic-Super-toggle--ui-switch .ic-Super-toggle__switch::after {
      background-color: #FFFFFF;
      width: 30px;
      height: 30px; }
    /* line 71, app/stylesheets/components/_ic-super-toggle.scss */
    .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; }
  /* line 85, app/stylesheets/components/_ic-super-toggle.scss */
  .ic-Super-toggle--ui-switch .ic-Super-toggle__option--LEFT {
    color: var(--ic-brand-primary); }
    /* line 87, app/stylesheets/components/_ic-super-toggle.scss */
    .ic-Super-toggle--ui-switch .ic-Super-toggle__option--LEFT svg > * {
      fill: var(--ic-brand-primary); }
  /* line 90, app/stylesheets/components/_ic-super-toggle.scss */
  .ic-Super-toggle--ui-switch .ic-Super-toggle__option--RIGHT {
    color: var(--ic-brand-font-color-dark-lightened-30); }
    /* line 92, app/stylesheets/components/_ic-super-toggle.scss */
    .ic-Super-toggle--ui-switch .ic-Super-toggle__option--RIGHT svg > * {
      fill: var(--ic-brand-font-color-dark-lightened-30); }
  /* line 95, app/stylesheets/components/_ic-super-toggle.scss */
  .ic-Super-toggle--ui-switch svg {
    max-width: 15px;
    max-height: 15px;
    display: inline-block;
    vertical-align: middle; }
  /* line 103, app/stylesheets/components/_ic-super-toggle.scss */
  .ic-Super-toggle--ui-switch .ic-Super-toggle__input:checked ~ .ic-Super-toggle__container .ic-Super-toggle__switch {
    background: #2D3B45;
    border-color: #2D3B45; }
  /* line 107, app/stylesheets/components/_ic-super-toggle.scss */
  .ic-Super-toggle--ui-switch .ic-Super-toggle__input:checked ~ .ic-Super-toggle__container .ic-Super-toggle__option--LEFT {
    color: var(--ic-brand-font-color-dark-lightened-30); }
    /* line 109, app/stylesheets/components/_ic-super-toggle.scss */
    .ic-Super-toggle--ui-switch .ic-Super-toggle__input:checked ~ .ic-Super-toggle__container .ic-Super-toggle__option--LEFT svg > * {
      fill: var(--ic-brand-font-color-dark-lightened-30); }
  /* line 113, app/stylesheets/components/_ic-super-toggle.scss */
  .ic-Super-toggle--ui-switch .ic-Super-toggle__input:checked ~ .ic-Super-toggle__container .ic-Super-toggle__option--RIGHT {
    color: var(--ic-brand-primary); }
    /* line 115, app/stylesheets/components/_ic-super-toggle.scss */
    .ic-Super-toggle--ui-switch .ic-Super-toggle__input:checked ~ .ic-Super-toggle__container .ic-Super-toggle__option--RIGHT svg > * {
      fill: var(--ic-brand-primary); }
  /* line 122, app/stylesheets/components/_ic-super-toggle.scss */
  .ic-Super-toggle--ui-switch .ic-Super-toggle__input:focus ~ .ic-Super-toggle__container .ic-Super-toggle__switch::before {
    opacity: 1; }
  /* line 128, app/stylesheets/components/_ic-super-toggle.scss */
  .ic-Super-toggle--ui-switch .ic-Super-toggle__input:focus:checked ~ .ic-Super-toggle__container .ic-Super-toggle__switch::before {
    opacity: 1; }
  /* line 277, app/stylesheets/components/_ic-super-toggle.scss */
  .ic-Super-toggle--ui-switch .ic-Super-toggle__container {
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
            align-items: center; }
  /* line 282, app/stylesheets/components/_ic-super-toggle.scss */
  .ic-Super-toggle--ui-switch .ic-Super-toggle__switch {
    display: block; }
  /* line 284, app/stylesheets/components/_ic-super-toggle.scss */
  .ic-Super-toggle--ui-switch svg {
    max-width: 18px;
    max-height: 18px; }
  /* line 289, app/stylesheets/components/_ic-super-toggle.scss */
  .ic-Super-toggle--ui-switch [class^="ic-Super-toggle__option--"] {
    min-width: 24px; }
  /* line 293, app/stylesheets/components/_ic-super-toggle.scss */
  .ic-Super-toggle--ui-switch .ic-Super-toggle__option--LEFT {
    text-align: left;
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  /* line 298, app/stylesheets/components/_ic-super-toggle.scss */
  .ic-Super-toggle--ui-switch .ic-Super-toggle__option--RIGHT {
    text-align: right;
    -webkit-transform: scale(0.9);
            transform: scale(0.9); }
  /* line 304, app/stylesheets/components/_ic-super-toggle.scss */
  .ic-Super-toggle--ui-switch .ic-Super-toggle__input:checked ~ .ic-Super-toggle__container .ic-Super-toggle__option--LEFT {
    -webkit-transform: scale(0.9);
            transform: scale(0.9); }
  /* line 307, app/stylesheets/components/_ic-super-toggle.scss */
  .ic-Super-toggle--ui-switch .ic-Super-toggle__input:checked ~ .ic-Super-toggle__container .ic-Super-toggle__option--RIGHT {
    -webkit-transform: scale(1.1);
            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/>.
 */
/*
@styleguide Image-Text Combo

## Add an icon or avatar image to your text the right way

The Icon-Text Combo is a tiny component for when you want to use an avatar or icon with a headline or sentence, and not have the text wrap around the icon in an unsightly fashion.

```html

<div class="grid-row">
  <div class="col-xs-12 col-lg-6">
    <div class="ic-image-text-combo">
      <div class="ic-avatar">
        <img src="/images/panda-profile-placeholder.jpg" alt="Profile image" />
      </div>
      <div class="ic-image-text-combo__text">
        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
      </div>
    </div>
  </div>
  <div class="col-xs-12 col-lg-6">
    <div class="ic-image-text-combo">
      <i class="icon-assignment"></i>
      <div class="ic-image-text-combo__text">
        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
      </div>
    </div>
  </div>
</div>

```
*/
/* line 52, app/stylesheets/components/_ic-image-text-combo.scss */
.ic-image-text-combo {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center; }
  /* line 74, app/stylesheets/base/mixins/_misc.scss */
  .ic-image-text-combo i[class*=icon-], .ic-image-text-combo i[class^=icon-] {
    line-height: 1; }
    /* line 76, app/stylesheets/base/mixins/_misc.scss */
    .ic-image-text-combo i[class*=icon-]:before, .ic-image-text-combo i[class^=icon-]:before {
      font-size: 18px; }
  /* line 57, app/stylesheets/components/_ic-image-text-combo.scss */
  .ic-image-text-combo > * + .ic-image-text-combo__text {
    margin-left: 12px; }

/* line 62, app/stylesheets/components/_ic-image-text-combo.scss */
.ic-image-text-combo__text {
  -webkit-flex: 1;
          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/>.
 */
@-webkit-keyframes color-picker-enter {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-20%, 0, 0);
            transform: translate3d(-20%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }
@keyframes color-picker-enter {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-20%, 0, 0);
            transform: translate3d(-20%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

/* line 33, app/stylesheets/components/_ic-color-picker.scss */
.ColorPicker__Overlay {
  background-color: transparent; }

/* line 35, app/stylesheets/components/_ic-color-picker.scss */
.ColorPicker__Title {
  margin: 0 0 12px;
  padding: 0;
  line-height: 1.1;
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold; }

/* line 42, app/stylesheets/components/_ic-color-picker.scss */
.ColorPicker__Container.with-animation {
  -webkit-animation-name: color-picker-enter;
          animation-name: color-picker-enter;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out; }

/* line 49, app/stylesheets/components/_ic-color-picker.scss */
.ColorPicker__Container {
  width: 174px;
  background: #FFFFFF;
  box-sizing: border-box;
  padding: 12px;
  position: relative; }

/* line 57, app/stylesheets/components/_ic-color-picker.scss */
.ColorPicker__Container.with-border {
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  border: 1px solid #C7CDD1; }

/* line 64, app/stylesheets/components/_ic-color-picker.scss */
.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; }

/* line 72, app/stylesheets/components/_ic-color-picker.scss */
.ColorPicker__Container.with-arrow:after {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #FFFFFF;
  border-width: 11px;
  margin-top: -11px; }

/* line 78, app/stylesheets/components/_ic-color-picker.scss */
.ColorPicker__Container.with-arrow:before {
  border-color: rgba(215, 215, 215, 0);
  border-right-color: #bcc3c8;
  border-width: 12px;
  margin-top: -12px; }

/* line 86, app/stylesheets/components/_ic-color-picker.scss */
.right > .ColorPicker__Container {
  -webkit-transform: translate3d(20%, 0, 0);
          transform: translate3d(20%, 0, 0); }
  /* line 88, app/stylesheets/components/_ic-color-picker.scss */
  .right > .ColorPicker__Container:after, .right > .ColorPicker__Container:before {
    right: auto;
    left: 100%; }
  /* line 91, app/stylesheets/components/_ic-color-picker.scss */
  .right > .ColorPicker__Container:after {
    border-right-color: rgba(255, 255, 255, 0);
    border-left-color: #FFFFFF; }
  /* line 95, app/stylesheets/components/_ic-color-picker.scss */
  .right > .ColorPicker__Container:before {
    border-right-color: rgba(255, 255, 255, 0);
    border-left-color: #bcc3c8; }

/* line 102, app/stylesheets/components/_ic-color-picker.scss */
.middle > .ColorPicker__Container:after, .middle > .ColorPicker__Container:before {
  top: 50%; }

/* line 105, app/stylesheets/components/_ic-color-picker.scss */
.ColorPicker__ColorContainer {
  margin-top: 12px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-between;
          justify-content: space-between; }

/* line 112, app/stylesheets/components/_ic-color-picker.scss */
.ColorPicker__ColorBlock {
  transition: all 0.2s;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0 7px 7px 0;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-shadow: none;
  text-align: center;
  color: #FFFFFF;
  border-radius: 3px;
  border-style: solid;
  border: 2px solid #C7CDD1; }
  /* line 128, app/stylesheets/components/_ic-color-picker.scss */
  .ColorPicker__ColorBlock:before {
    content: "";
    position: absolute;
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
    border: 1px solid var(--ic-brand-primary);
    border-radius: 5px;
    -webkit-transform: scale(0.01);
            transform: scale(0.01);
    transition: all 0.2s;
    opacity: 0; }
  /* line 142, app/stylesheets/components/_ic-color-picker.scss */
  .ColorPicker__ColorBlock:focus {
    outline: none; }
    /* line 144, app/stylesheets/components/_ic-color-picker.scss */
    .ColorPicker__ColorBlock:focus:before {
      opacity: 1;
      -webkit-transform: scale(1);
              transform: scale(1); }
  /* line 150, app/stylesheets/components/_ic-color-picker.scss */
  .ColorPicker__ColorBlock:hover, .ColorPicker__ColorBlock:focus {
    -webkit-transform: scale(1.15);
            transform: scale(1.15); }
  /* line 157, app/stylesheets/components/_ic-color-picker.scss */
  .ColorPicker__ColorBlock i[class*=icon-]:before,
  .ColorPicker__ColorBlock i[class^=icon-]:before {
    vertical-align: text-bottom; }
  /* line 164, app/stylesheets/components/_ic-color-picker.scss */
  .ColorPicker__ColorBlock:nth-child(5n) {
    margin-right: 0; }

/* line 169, app/stylesheets/components/_ic-color-picker.scss */
.ColorPicker__ColorBlock-line {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  stroke: red;
  stroke-width: 1; }

/* line 180, app/stylesheets/components/_ic-color-picker.scss */
.ColorPicker__ColorBlock.with-dark-check i[class*=icon-], .ColorPicker__ColorBlock.with-dark-check i[class^=icon-] {
  color: #2D3B45; }

/* line 186, app/stylesheets/components/_ic-color-picker.scss */
.ColorPicker__ColorBlock.with-box-shadow:hover {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); }

/* line 187, app/stylesheets/components/_ic-color-picker.scss */
.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; }

/* line 193, app/stylesheets/components/_ic-color-picker.scss */
.ColorPicker__CustomInputContainer {
  margin-top: 5px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center; }

/* line 199, app/stylesheets/components/_ic-color-picker.scss */
.ColorPicker__ColorPreview {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  width: 24px;
  height: 24px;
  border-style: solid;
  border-color: #C7CDD1;
  border-radius: 3px;
  border-width: 1px;
  margin-right: 2px; }
  /* line 211, app/stylesheets/components/_ic-color-picker.scss */
  .ColorPicker__ColorPreview:focus {
    outline: none; }
  /* line 214, app/stylesheets/components/_ic-color-picker.scss */
  .ColorPicker__ColorPreview i[class*=icon-], .ColorPicker__ColorPreview i[class^=icon-] {
    margin: 0 auto;
    color: #FC5E13; }

/* line 220, app/stylesheets/components/_ic-color-picker.scss */
.ColorPicker__Actions {
  margin-top: 6px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
          justify-content: flex-end; }
  /* line 226, app/stylesheets/components/_ic-color-picker.scss */
  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>
```

## Multiple inputs within a single form control

This is a common UI pattern in Canvas, made much easier with flexbox.

```html
<div class="ic-Form-control">
  <label for="demo-text-input-3" class="ic-Label">Favorite 2 colors</label>
  <div class="ic-Multi-input">
    <input type="text" id="demo-text-input-3" class="ic-Input" placeholder="e.g., purple">
    <span>and</span>
    <input type="text" id="demo-text-input-4" class="ic-Input" placeholder="e.g., purple">
  </div>
</div>
```
<br/>
Also works with ``.ic-Input-group`` (see more about ``.ic-Input-group`` below)
<br/>

```html
<div class="ic-Form-control">
  <label for="demo-text-input-5" class="ic-Label">Enter 2 friends' email addresses</label>
  <div class="ic-Multi-input">
    <div class="ic-Input-group">
      <div class="ic-Input-group__add-on" role="presentation" aria-hidden="true" tabindex="-1">
        <i class="icon-email"></i>
      </div>
      <input id="demo-text-input-5" class="ic-Input" placeholder="e.g., joe@site.com" type="email">
    </div>
    <span>and</span>
    <div class="ic-Input-group">
      <div class="ic-Input-group__add-on" role="presentation" aria-hidden="true" tabindex="-1">
        <i class="icon-email"></i>
      </div>
      <input id="demo-text-input-6" class="ic-Input" placeholder="e.g., joe@site.com" type="email">
    </div>
  </div>

</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>
```

## Fieldsets

Use `<fieldset class="ic-Fieldset">` to group related form
sections. Label each fieldset with `<legend class="ic-Legend">`.

```html
<div class="ic-Form-group ic-Form-group--horizontal">
  <fieldset class="ic-Fieldset">
    <legend class="ic-Legend">Personal information</legend>
    <div class="ic-Form-control">
      <label class="ic-Label" for="firstname">First name</label>
      <input type="text" class="ic-Input" id="firstname" />
    </div>
    <div class="ic-Form-control">
      <label class="ic-Label" for="lastname">Last name</label>
      <input type="text" class="ic-Input" id="lastname" />
    </div>
    <fieldset class="ic-Fieldset ic-Fieldset--radio-checkbox">
      <legend class="ic-Legend">
        Prefix
      </legend>
      <div class="ic-Form-control ic-Form-control--radio ic-Form-control--radio-inline">
        <div class="ic-Radio">
          <input id="mr" type="radio" value="mr" name="prefix" checked>
          <label for="mr" class="ic-Label">Mr.</label>
        </div>
        <div class="ic-Radio">
          <input id="ms" type="radio" value="ms" name="prefix">
          <label for="ms" class="ic-Label">Ms.</label>
        </div>
        <div class="ic-Radio">
          <input id="mrs" type="radio" value="mrs" name="prefix">
          <label for="mrs" class="ic-Label">Mrs.</label>
        </div>
      </div>
    </fieldset>
    <fieldset class="ic-Fieldset ic-Fieldset--radio-checkbox">
      <legend class="ic-Legend">
        Instructure office locations worked at
      </legend>
      <div class="ic-Checkbox-group ic-Checkbox-group--inline">
        <div class="ic-Form-control ic-Form-control--checkbox">
          <input type="checkbox" id="saltlake">
          <label class="ic-Label" for="saltlake">Salt Lake City, UT</label>
        </div>
        <div class="ic-Form-control ic-Form-control--checkbox">
          <input type="checkbox" id="chicago">
          <label class="ic-Label" for="chicago">Chicago, IL</label>
        </div>
        <div class="ic-Form-control ic-Form-control--checkbox">
          <input type="checkbox" id="seattle">
          <label class="ic-Label" for="seattle">Seattle, WA</label>
        </div>
        <div class="ic-Form-control ic-Form-control--checkbox">
          <input type="checkbox" id="remote">
          <label class="ic-Label" for="remote">Weird remote pajama person</label>
        </div>
      </div>
    </fieldset>
  </fieldset>
  <fieldset class="ic-Fieldset">
    <legend class="ic-Legend">Security questions</legend>
    <div class="ic-Form-control">
      <label class="ic-Label" for="firstpet">Name of your first pet</label>
      <input type="text" class="ic-Input" id="firstpet" placeholder="e.g., Mr. Wuffles" />
    </div>
    <div class="ic-Form-control">
      <label class="ic-Label" for="firstcar">Name of your first car</label>
      <input type="text" class="ic-Input" id="firstcar" placeholder="e.g., Ford Escort" />
    </div>
  </fieldset>
  <div class="ic-Form-actions">
    <button class="Button" type="button">Cancel</button>
    <button class="Button Button--primary" type="submit">Submit</button>
  </div>
</div>
```

## Super Toggle checkbox

- Regular old checkboxes that look and feel like toggle switches
- No javascript is required for the Super Toggle component.
- **However, including all the right markup is important for it to function properly.**
- The id of the checkbox input must match the "for" attribute of the label, for example.
- This component was designed to be as accessible as a regular checkbox.
- Supports both *:focus* and *disabled* states. Once in focus, it can be toggled via the keyboard by pressing SPACE.
- Icons can be switched out, as you see fit. Or just use the icons in the examples below: You can use icon font characters OR simple inline SVGs!

### Super Toggle type 1: **.ic-Super-toggle--on-off**

The ON state is indicated by a checkmark; OFF is indicated by an X. Ideal for turning features on and off, in place of a regular checkbox.

```html
<div class="ic-Form-control">

  <!-- start super toggle -->
  <label class="ic-Super-toggle--on-off" for="super-toggle-demo1">
    <div class="ic-Label">Enable flux capacitor</div>
    <input type="checkbox" id="super-toggle-demo1" class="ic-Super-toggle__input">
    <div class="ic-Super-toggle__container" aria-hidden="true" data-checked="On" data-unchecked="Off">
      <div class="ic-Super-toggle__switch">
        <div class="ic-Super-toggle__option--LEFT">
          <svg xmlns="http://www.w3.org/2000/svg" version="1.1" x="0" y="0" width="548.9" height="548.9" viewBox="0 0 548.9 548.9" xml:space="preserve"><polygon points="449.3 48 195.5 301.8 99.5 205.9 0 305.4 95.9 401.4 195.5 500.9 295 401.4 548.9 147.5 "/></svg>
        </div>
        <div class="ic-Super-toggle__option--RIGHT">
          <svg xmlns="http://www.w3.org/2000/svg" version="1.1" x="0" y="0" viewBox="0 0 28 28" xml:space="preserve"><polygon points="28 22.4 19.6 14 28 5.6 22.4 0 14 8.4 5.6 0 0 5.6 8.4 14 0 22.4 5.6 28 14 19.6 22.4 28 " fill="#030104"/></svg>
        </div>
      </div>
    </div>
  </label>
  <!-- end super toggle -->

</div>
```

### Super Toggle type 2: **.ic-Super-toggle--ui-switch**
This is a toggle that switches between 2 states, indicated by icons on the left and right of the toggle.

```html
<div class="ic-Form-control">
  <div class="ic-Label" aria-hidden="true">This is an optional faux label</div>

  <!-- start super toggle -->
  <label class="ic-Super-toggle--ui-switch" for="super-toggle-demo2">
    <span class="screenreader-only">This is the real label</span>
    <input type="checkbox" id="super-toggle-demo2" class="ic-Super-toggle__input">
    <div class="ic-Super-toggle__container" aria-hidden="true" data-checked="Option A is selected" data-unchecked="Option B is selected">
      <div class="ic-Super-toggle__option--LEFT">
        <i class="icon-unlock"></i>
      </div>
      <div class="ic-Super-toggle__switch"></div>
      <div class="ic-Super-toggle__option--RIGHT">
        <i class="icon-lock"></i>
      </div>
     </div>
   </label>
  <!-- end super toggle -->

</div>
```

## Simple form example

```html

<div class="grid-row">
    <div class="col-xs-12 col-md-8 off-md-2">

      <!-- Start form markup -->
      <form class="ic-Form-group">
        <div class="ic-Form-control">
          <label for="demo-input-1" class="ic-Label">What's your favorite color?</label>
          <input type="text" id="demo-input-1" class="ic-Input" placeholder="e.g., red"></input>
        </div>
        <div class="ic-Form-control">
          <label for="demo-input-2" class="ic-Label">Choose your favorite season</label>
          <select id="demo-input-2" class="ic-Input">
            <option>Spring</option>
            <option>Summer</option>
            <option>Fall</option>
            <option>Winter</option>
          </select>
        </div>
        <div class="ic-Form-control">
          <label for="demo-input-4" class="ic-Label">Write a quick essay</label>
          <textarea id="demo-input-4"class="ic-Input" placeholder="Don't be shy. Express yourself!"></textarea>
        </div>
        <div class="ic-Form-control">
          <!-- start super toggle -->
          <label class="ic-Super-toggle--on-off" for="super-toggle-demo3">
            <div class="ic-Label">Receive daily free breakfasts</div>
            <input type="checkbox" id="super-toggle-demo3" class="ic-Super-toggle__input">
            <div class="ic-Super-toggle__container" aria-hidden="true" data-checked="Yes" data-unchecked="No">
              <div class="ic-Super-toggle__switch">
                <div class="ic-Super-toggle__option--LEFT">
                  <svg xmlns="http://www.w3.org/2000/svg" version="1.1" x="0" y="0" width="548.9" height="548.9" viewBox="0 0 548.9 548.9" xml:space="preserve"><polygon points="449.3 48 195.5 301.8 99.5 205.9 0 305.4 95.9 401.4 195.5 500.9 295 401.4 548.9 147.5 "/></svg>
                </div>
                <div class="ic-Super-toggle__option--RIGHT">
                  <svg xmlns="http://www.w3.org/2000/svg" version="1.1" x="0" y="0" viewBox="0 0 28 28" xml:space="preserve"><polygon points="28 22.4 19.6 14 28 5.6 22.4 0 14 8.4 5.6 0 0 5.6 8.4 14 0 22.4 5.6 28 14 19.6 22.4 28 " fill="#030104"/></svg>
                </div>
              </div>
            </div>
          </label>
          <!-- end super toggle -->
        </div>
        <fieldset class="ic-Fieldset ic-Fieldset--radio-checkbox">
          <legend class="ic-Legend">
            Contact preferences
          </legend>
          <div class="ic-Checkbox-group">
            <div class="ic-Form-control ic-Form-control--checkbox">
              <input type="checkbox" id="demo-input-10a" checked>
              <label class="ic-Label" for="demo-input-10a">Email me about new products</label>
            </div>
            <div class="ic-Form-control ic-Form-control--checkbox">
              <input type="checkbox" id="demo-input-10b">
              <label class="ic-Label" for="demo-input-10b">Email me ONLY about special offers</label>
            </div>
          </div>
        </fieldset>
        <fieldset class="ic-Fieldset ic-Fieldset--radio-checkbox">
          <legend class="ic-Legend">
            What free gift would you like?
          </legend>
          <div class="ic-Form-control ic-Form-control--radio">
            <div class="ic-Radio">
              <input id="demo-radio-horiz-3" type="radio" value="hoodie" name="demo-radio-horiz-group-2" checked>
              <label for="demo-radio-horiz-3" class="ic-Label">I would like a hoodie</label>
            </div>
            <div class="ic-Radio">
              <input id="demo-radio-horiz-4" type="radio" value="frisbee" name="demo-radio-horiz-group-2">
              <label for="demo-radio-horiz-4" class="ic-Label">I would like a frisbee</label>
            </div>
          </div>
        </fieldset>
        <div class="ic-Form-actions">
          <button class="Button" type="button">Cancel</button>
          <button class="Button Button--primary" type="submit">Submit</button>
        </div>
      </form>
      <!-- End form markup -->
    </div>
</div>

```

### The same form with the inputs and labels displayed inline

Simply add `.ic-Form-group--horizontal` to the `.ic-Form-group` element.

(Collapses into a single-column form at lower screen widths.)

```html
<div class="content-box">
  <div class="grid-row">
      <div class="col-xs-12 col-md-8 off-md-2">

        <!-- Start form markup -->
        <form class="ic-Form-group ic-Form-group--horizontal">
          <div class="ic-Form-control">
            <label for="demo-input-5" class="ic-Label">What's your favorite color?</label>
            <input type="text" id="demo-input-5" class="ic-Input" placeholder="e.g., red"></input>
          </div>
          <div class="ic-Form-control">
            <label for="demo-input-6" class="ic-Label">Choose your favorite season</label>
            <select id="demo-input-6" class="ic-Input">
              <option>Spring</option>
              <option>Summer</option>
              <option>Fall</option>
              <option>Winter</option>
            </select>
          </div>
          <div class="ic-Form-control">
            <label for="demo-input-7" class="ic-Label">Write a quick essay</label>
            <textarea id="demo-input-7"class="ic-Input" placeholder="Don't be shy. Express yourself!"></textarea>
          </div>
          <div class="ic-Form-control">
          <!-- start super toggle -->
          <label class="ic-Super-toggle--on-off" for="super-toggle-demo4">
            <div class="ic-Label">Receive daily free breakfasts</div>
            <input type="checkbox" id="super-toggle-demo4" class="ic-Super-toggle__input">
            <div class="ic-Super-toggle__container" aria-hidden="true" data-checked="Yes" data-unchecked="No">
              <div class="ic-Super-toggle__switch">
                <div class="ic-Super-toggle__option--LEFT">
                  <svg xmlns="http://www.w3.org/2000/svg" version="1.1" x="0" y="0" width="548.9" height="548.9" viewBox="0 0 548.9 548.9" xml:space="preserve"><polygon points="449.3 48 195.5 301.8 99.5 205.9 0 305.4 95.9 401.4 195.5 500.9 295 401.4 548.9 147.5 "/></svg>
                </div>
                <div class="ic-Super-toggle__option--RIGHT">
                  <svg xmlns="http://www.w3.org/2000/svg" version="1.1" x="0" y="0" viewBox="0 0 28 28" xml:space="preserve"><polygon points="28 22.4 19.6 14 28 5.6 22.4 0 14 8.4 5.6 0 0 5.6 8.4 14 0 22.4 5.6 28 14 19.6 22.4 28 " fill="#030104"/></svg>
                </div>
              </div>
            </div>
          </label>
          <!-- end super toggle -->
          </div>
          <fieldset class="ic-Fieldset ic-Fieldset--radio-checkbox">
            <legend class="ic-Legend">
              Contact preferences
            </legend>
            <div class="ic-Checkbox-group">
              <div class="ic-Form-control ic-Form-control--checkbox">
                <input type="checkbox" id="demo-input-99a" checked>
                <label class="ic-Label" for="demo-input-99a">Email me about new products</label>
              </div>
              <div class="ic-Form-control ic-Form-control--checkbox">
                <input type="checkbox" id="demo-input-99b">
                <label class="ic-Label" for="demo-input-99b">Email me ONLY about special offers</label>
              </div>
            </div>
          </fieldset>
          <fieldset class="ic-Fieldset ic-Fieldset--radio-checkbox">
            <legend class="ic-Legend">
              What free gift would you like?
            </legend>
            <div class="ic-Form-control ic-Form-control--radio">
              <div class="ic-Radio">
                <input id="demo-radio-horiz-1" type="radio" value="hoodie" name="demo-radio-horiz-group" checked>
                <label for="demo-radio-horiz-1" class="ic-Label">I would like a hoodie</label>
              </div>
              <div class="ic-Radio">
                <input id="demo-radio-horiz-2" type="radio" value="frisbee" name="demo-radio-horiz-group">
                <label for="demo-radio-horiz-2" class="ic-Label">I would like a frisbee</label>
              </div>
            </div>
          </fieldset>
          <div class="ic-Form-actions">
            <button class="Button" type="button">Cancel</button>
            <button class="Button Button--primary" type="submit">Submit</button>
          </div>
        </form>
        <!-- End form markup -->

      </div>
  </div>
</div>

```

## Inline forms

At tablet screen-width, this form spreads out in a single row. Simply add ``.ic-Form-group--inline`` to the ``.ic-Form-group`` class.

**Use this one sparingly. Add too many inputs, and it won't look good or work well for the user.**

```html
<div class="content-box">
  <form class="ic-Form-group ic-Form-group--inline">
    <div class="ic-Form-control">
      <label for="demo-input-6" class="ic-Label">Your name</label>
      <input type="text" id="demo-input-6" class="ic-Input"></input>
    </div>
    <div class="ic-Form-control">
      <label class="ic-Label">Select a season</label>
      <select class="ic-Input">
        <option>Spring</option>
        <option>Summer</option>
        <option>Fall</option>
        <option>Winter</option>
      </select>
    </div>
    <div class="ic-Checkbox-group">
      <div class="ic-Form-control ic-Form-control--checkbox">
        <input type="checkbox" id="demo-ic-check-9">
        <label class="ic-Label" for="demo-ic-check-9">Remember me</label>
      </div>
    </div>
    <div class="ic-Form-actions">
      <button class="Button" type="button">Cancel</button>
      <button class="Button Button--primary" type="submit">Submit</button>
    </div>
  </form>
</div>
```

## The amazing **.ic-Input-group**

Like Bootstrap's, but better! Combine ``.ic-Input`` -styled inputs with buttons, labels, icons or just plain text characters to produce user-friendly form fields.

### Simple example: make a payment input easier to use:

```html
<div class="ic-Form-control">
  <label class="ic-Label" for="demo-your-donation">Your donation</label>
  <div class="ic-Input-group">
    <div class="ic-Input-group__add-on">$</div>
    <input type="number" id="demo-your-donation" class="ic-Input"></input>
    <div class="ic-Input-group__add-on">.00</div>
  </div>
</div>
```
### Add some spice with an icon!

```html

<div class="ic-Form-control">
  <label class="ic-Label" for="demo-group-name">Group name</label>
  <div class="ic-Input-group">
    <div class="ic-Input-group__add-on" role="presentation" aria-hidden="true" tabindex="-1">
      <i class="icon-group-new-dark" role="presentation"></i>
    </div>
    <input type="text" id="demo-group-name" class="ic-Input" placeholder="e.g., Team Awesomeness"></input>
  </div>
</div>
```

### Inline labels and buttons!

Put ``.ic-Label`` inside ``ic-Input-group`` to make an inline label. Yes, it even works with selects.

```html
<div class="ic-Form-control">
  <div class="ic-Input-group">
    <label class="ic-Label" for="demo-your-email">
      <i class="icon-email" role="presentation"></i>&nbsp;Your email
    </label>
    <input type="email" id="demo-your-email" class="ic-Input"></input>
    <button class="Button Button--primary" type="button">Save</button>
  </div>
</div>

<div class="ic-Form-control">
  <div class="ic-Input-group">
    <label class="ic-Label" for="demo-choose-quiz">
      <i class="icon-quiz" role="presentation"></i>&nbsp;Choose quiz
    </label>
    <select class="ic-Input" id="demo-choose-quiz">
      <option>English 101 Pop Quiz</option>
      <option>Midterm exam</option>
      <option>Long-form essay</option>
      <option>Final exam</option>
    </select>
    <button class="Button" type="button">Go</button>
  </div>
</div>
```

### Putting some form and grid modules together for a multi-column responsive layout

```html
<form>
  <div class="grid-row">
    <div class="col-xs-12 col-md-6">

      <div class="ic-Form-control">
        <label for="demo-responsive-1" class="ic-Label">Full name</label>
        <input type="text" id="demo-responsive-1" class="ic-Input" placeholder="First and last, please."></input>
      </div>
      <div class="ic-Form-control">
        <label for="demo-responsive-2" class="ic-Label">Email address</label>
        <div class="ic-Input-group">
          <div class="ic-Input-group__add-on" role="presentation" aria-hidden="true" tabindex="-1">
            <i class="icon-email"></i>
          </div>
          <input id="demo-responsive-2" class="ic-Input" placeholder="joe@example.com" type="email">
        </div>
      </div>
      <div class="ic-Form-control">
        <label for="demo-responsive-3" class="ic-Label">Personal website</label>
        <div class="ic-Input-group">
          <div class="ic-Input-group__add-on" role="presentation" aria-hidden="true" tabindex="-1">
            <i class="icon-home"></i>
          </div>
          <input id="demo-responsive-3" class="ic-Input" placeholder="yoursite@domain.com" type="url">
        </div>
      </div>

    </div>
    <div class="col-xs-12 col-md-6">

      <div class="ic-Form-control">
        <label for="demo-responsive-8" class="ic-Label">Preferred working hours</label>
        <div class="ic-Multi-input">
          <input type="time" class="ic-Input" id="demo-responsive-8" aria-label="Start time" placeholder="Start time">
          <span>to</span>
          <input type="time" class="ic-Input" aria-label="End time" placeholder="End time">
        </div>
      </div>

      <div class="ic-Form-control">
        <label for="demo-responsive-5" class="ic-Label">How did you hear about us?</label>
        <textarea id="demo-responsive-5" class="ic-Input"></textarea>
      </div>
      <div class="ic-Checkbox-group">
        <div class="ic-Form-control ic-Form-control--checkbox">
          <input type="checkbox" id="demo-responsive-6" checked>
          <label class="ic-Label" for="demo-responsive-6">I'd like to receive email updates</label>
        </div>
        <div class="ic-Form-control ic-Form-control--checkbox">
          <input type="checkbox" id="demo-responsive-7">
          <label class="ic-Label" for="demo-responsive-7">I'd like to make an in-person appointment</label>
        </div>
      </div>

    </div>
  </div>
  <div class="ic-Form-actions">
    <button class="Button" type="button">Cancel</button>
    <button class="Button Button--primary" type="submit">Submit</button>
  </div>

</form>
```

## .ic-Action-header

New and improved version of a common Canvas UI: a header with action buttons on the right-hand side.

### Simple header with no content on the left side; just buttons.

```html
<div class="ic-Action-header">
  <div class="ic-Action-header__Secondary">
    <button class="Button Button--primary">+ Widget</button>
    <div class="al-dropdown__container">
      <a class="al-trigger Button" role="button" href="#">
        <i class="icon-settings" role="presentation"></i>
        <i class="icon-mini-arrow-down" role="presentation"></i>
        <span class="screenreader-only">Settings</span>
      </a>
      <ul class="al-options" role="menu" tabindex="0" aria-hidden="true" aria-expanded="false" aria-activedescendant="toolbar-2">
        <li>
          <a href="#" class="icon-edit" tabindex="-1" role="menuitem">Edit settings</a>
        </li>
        <li>
          <a href="#" class="icon-upload" tabindex="-1" role="menuitem">Import widgets</a>
        </li>
      </ul>
    </div>
  </div>
</div>
```

### **.ic-Action-header** with a heading on the left side and buttons on the right.

```html
<div class="ic-Action-header">
  <div class="ic-Action-header__Primary">
    <h3 class="ic-Action-header__Heading">This is a header!</h3>
  </div>
  <div class="ic-Action-header__Secondary">
    <button class="Button Button--primary">+ Widget</button>
    <div class="al-dropdown__container">
      <a class="al-trigger Button" role="button" href="#">
        <i class="icon-settings" role="presentation"></i>
        <i class="icon-mini-arrow-down" role="presentation"></i>
        <span class="screenreader-only">Settings</span>
      </a>
      <ul class="al-options" role="menu" tabindex="0" aria-hidden="true" aria-expanded="false" aria-activedescendant="toolbar-2">
        <li>
          <a href="#" class="icon-edit" tabindex="-1" role="menuitem">Edit</a>
        </li>
        <li>
          <a href="#" class="icon-trash" tabindex="-1" role="menuitem">Delete</a>
        </li>
      </ul>
    </div>
  </div>
</div>
```

### **.ic-Action-header** with a heading on the left side and super toggle on the right.

```html
<div class="ic-Action-header">
  <div class="ic-Action-header__Primary">
    <h3 class="ic-Action-header__Heading">My amazing term paper</h3>
  </div>
  <div class="ic-Action-header__Secondary">
    <!-- start super toggle -->
    <label class="ic-Super-toggle--ui-switch" for="super-toggle-demo6">
      <span class="screenreader-only">This document is locked</span>
      <input type="checkbox" id="super-toggle-demo6" class="ic-Super-toggle__input">
      <div class="ic-Super-toggle__container" aria-hidden="true" data-checked="Document is locked" data-unchecked="Document is NOT locked">
        <div class="ic-Super-toggle__option--LEFT">
          <i class="icon-unlock"></i>
        </div>
        <div class="ic-Super-toggle__switch"></div>
        <div class="ic-Super-toggle__option--RIGHT">
          <i class="icon-lock"></i>
        </div>
       </div>
     </label>
    <!-- end super toggle -->
  </div>
</div>
```

### **.ic-Action-header** with form element on the left side and buttons on the right.

```html
<div class="ic-Action-header">
  <div class="ic-Action-header__Primary">
    <div class="ic-Input-group">
      <div class="ic-Input-group__add-on" role="presentation" aria-hidden="true" tabindex="-1">
        <i class="icon-search"></i>
      </div>
      <input class="ic-Input" placeholder="Search widgets" aria-label="Search widgets" value="" type="search">
    </div>
  </div>
  <div class="ic-Action-header__Secondary">
    <button class="Button Button--primary">+ Widget</button>
    <div class="al-dropdown__container">
      <a class="al-trigger Button" role="button" href="#">
        <i class="icon-settings" role="presentation"></i>
        <i class="icon-mini-arrow-down" role="presentation"></i>
        <span class="screenreader-only">Settings</span>
      </a>
      <ul class="al-options" role="menu" tabindex="0" aria-hidden="true" aria-expanded="false" aria-activedescendant="toolbar-2">
        <li>
          <a href="#" class="icon-edit" tabindex="-1" role="menuitem">Edit</a>
        </li>
        <li>
          <a href="#" class="icon-trash" tabindex="-1" role="menuitem">Delete</a>
        </li>
      </ul>
    </div>
  </div>
</div>
```
### **.ic-Form-action-box**

This responsive pattern is useful for when you need to build instances of things using form elements. It features an area on the right for interactions with the form, such as Delete.

Reduce the width of your screen to see how the example components below both scale down for smaller screens.

```html
<div class="ic-Form-action-box">

  <div class="ic-Form-action-box__Form">
    <div class="ic-Form-control">
      <div class="ic-Input-group">
        <label class="ic-Label" for="demo-action-box-1">
          Name
        </label>
        <input type="text" id="demo-action-box-1" class="ic-Input"></input>
      </div>
    </div>
    <div class="ic-Form-control">
      <div class="ic-Input-group">
        <label class="ic-Label" for="demo-action-box-2">
          Start date
        </label>
        <label class="screenreader-only" id="demo-action-box-2-accessible-label">
          <%= t("Start Date field for styleguide") %>
          <%= datepicker_screenreader_prompt %>
        </label>
        <input type="datetime"
               id="demo-action-box-2"
               class="ic-Input"
               aria-labelledby="demo-action-box-2-accessible-label"
               data-tooltip
               title="<%= accessible_date_format %>">
        </input>
        <button type="button" class="Button" aria-hidden="true" tabindex="-1">
          <i class="icon-calendar-month"></i>
        </button>
      </div>
    </div>
    <div class="ic-Form-control">
      <!-- start super toggle -->
      <label class="ic-Super-toggle--on-off" for="super-toggle-demo8">
        <div class="ic-Label">Teaching assistant</div>
        <input type="checkbox" id="super-toggle-demo8" class="ic-Super-toggle__input">
        <div class="ic-Super-toggle__container" aria-hidden="true" data-checked="Yes" data-unchecked="No">
          <div class="ic-Super-toggle__switch">
            <div class="ic-Super-toggle__option--LEFT">
              <svg xmlns="http://www.w3.org/2000/svg" version="1.1" x="0" y="0" width="548.9" height="548.9" viewBox="0 0 548.9 548.9" xml:space="preserve"><polygon points="449.3 48 195.5 301.8 99.5 205.9 0 305.4 95.9 401.4 195.5 500.9 295 401.4 548.9 147.5 "/></svg>
            </div>
            <div class="ic-Super-toggle__option--RIGHT">
              <svg xmlns="http://www.w3.org/2000/svg" version="1.1" x="0" y="0" viewBox="0 0 28 28" xml:space="preserve"><polygon points="28 22.4 19.6 14 28 5.6 22.4 0 14 8.4 5.6 0 0 5.6 8.4 14 0 22.4 5.6 28 14 19.6 22.4 28 " fill="#030104"/></svg>
            </div>
          </div>
        </div>
      </label>
      <!-- end super toggle -->
    </div>

  </div>

  <div class="ic-Form-action-box__Actions">
    <button type="button" class="Button Button--icon-action">
      <span class="screenreader-only">Delete row</span>
      <i class="icon-trash" role="presentation"></i>
    </button>
  </div>

</div>

<div class="ic-Form-action-box">

  <div class="ic-Form-action-box__Form">

    <div class="ic-Form-control">
      <select class="ic-Input" id="demo-action-box-4" aria-label="Choose a section">
        <option>All sections</option>
        <option>Section 1</option>
        <option>Section 2</option>
        <option>Section 3</option>
      </select>
    </div>
    <div class="ic-Form-control">
      <div class="ic-Input-group">
        <label class="screenreader-only" id="demo-action-box-5-accessible-label">
          <%= t("Due Date field for styleguide") %>
          <%= datepicker_screenreader_prompt %>
        </label>
        <input type="datetime" class="ic-Input" id="demo-action-box-5" placeholder="Due date" aria-labelledby="demo-action-box-5-accessible-label"
               data-tooltip
               title="<%= accessible_date_format %>">
        </input>
        <button type="button" class="Button" aria-hidden="true" tabindex="-1">
          <i class="icon-calendar-month"></i>
        </button>
      </div>
    </div>
    <div class="ic-Form-control">
      <div class="ic-Input-group">
        <label class="screenreader-only" id="demo-action-box-6-accessible-label">
          <%= t("Available From field for styleguide") %>
          <%= datepicker_screenreader_prompt %>
        </label>
        <input type="datetime" class="ic-Input" id="demo-action-box-6" placeholder="Available from" aria-label="demo-action-box-6-accessible-label"
               data-tooltip
               title="<%= accessible_date_format %>">
        </input>
        <button type="button" class="Button" aria-hidden="true" tabindex="-1">
          <i class="icon-calendar-month"></i>
        </button>
      </div>
    </div>
    <div class="ic-Form-control">
      <div class="ic-Input-group">
        <label class="screenreader-only" id="demo-action-box-7-accessible-label">
          <%= t("Available Until field for styleguide") %>
          <%= datepicker_screenreader_prompt %>
        </label>
        <input type="datetime" class="ic-Input" id="demo-action-box-7" placeholder="Until" aria-labelledby="demo-action-box-7-accessible-label"
               data-tooltip
               title="<%= accessible_date_format %>">
        </input>
        <button type="button" class="Button" aria-hidden="true" tabindex="-1">
          <i class="icon-calendar-month"></i>
        </button>
      </div>
    </div>

  </div>

  <div class="ic-Form-action-box__Actions">
    <button type="button" class="Button Button--icon-action">
      <span class="screenreader-only">Delete row</span>
      <i class="icon-trash" role="presentation"></i>
    </button>
  </div>

</div>

```

## Alernate input states and form messages

### Warning, Error and Success states

```html

<!-- Start form markup -->

<div class="ic-Form-control ic-Form-control--has-error">
  <label for="demo-states-1" class="ic-Label">Enter a new password</label>
  <input type="password" id="demo-states-1" class="ic-Input ic-Input--has-error" placeholder="At least 8 characters and 2 numbers"></input>
  <div class="ic-Form-message ic-Form-message--error">
    <div class="ic-Form-message__Layout">
      <i class="icon-warning" role="presentation"></i>
      You have not entered a password yet
    </div>
  </div>
</div>

<div class="ic-Form-control ic-Form-control--has-warning">
  <label for="demo-states-6" class="ic-Label">Enter a new password</label>
  <input type="password" id="demo-states-6" class="ic-Input ic-Input--has-warning" placeholder="At least 8 characters and 2 numbers" value="password"></input>
  <div class="ic-Form-message ic-Form-message--warning">
    <div class="ic-Form-message__Layout">
      <i class="icon-lock" role="presentation"></i>
      Your password is "password" - frd?
    </div>
  </div>
</div>

<div class="ic-Form-control ic-Form-control--has-success">
  <label for="demo-states-5" class="ic-Label">Enter a new password</label>
  <input type="password" id="demo-states-5" class="ic-Input ic-Input--has-success" placeholder="At least 8 characters and 2 numbers" value="grillmaster@1975"></input>
  <div class="ic-Form-message ic-Form-message--success">
    <div class="ic-Form-message__Layout">
      <i class="icon-check" role="presentation"></i>
      Your password meets our requirements!
    </div>
  </div>
</div>
```

### Alternate states and messages applied to horizontal form controls

```html

<div class="ic-Form-group ic-Form-group--horizontal">

  <div class="ic-Form-control ic-Form-control--has-error">
    <label for="demo-states-2" class="ic-Label">What's your favorite color?</label>
    <input type="text" id="demo-states-2" class="ic-Input ic-Input--has-error" placeholder="e.g., red" value="Breakfast burrito"></input>
    <div class="ic-Form-message ic-Form-message--error">
      <div class="ic-Form-message__Layout">
        <i class="icon-warning" role="presentation"></i>
        This is not a valid color.
      </div>
    </div>
  </div>

  <div class="ic-Form-control ic-Form-control--has-success">
    <label for="demo-states-3" class="ic-Label">What's your favorite color?</label>
    <input type="text" id="demo-states-3" class="ic-Input ic-Input--has-success" placeholder="e.g., red" value="Blue">
    <div class="ic-Form-message ic-Form-message--success">
      <div class="ic-Form-message__Layout">
        <i class="icon-check" role="presentation"></i>
        Awesome. Blue is a wonderful color.
      </div>
    </div>
  </div>

  <div class="ic-Form-control ic-Form-control--has-warning">
    <label class="ic-Label" for="demo-states-17">Group name</label>
    <div class="ic-Input-group">
      <div class="ic-Input-group__add-on" role="presentation" aria-hidden="true" tabindex="-1">
        <i class="icon-group-new-dark"></i>
      </div>
      <input type="text" id="demo-states-17" class="ic-Input" placeholder="e.g., Team Awesomeness" value="The Cool Kidz">
      <button type="submit" class="Button">Save</button>
    </div>
    <div class="ic-Form-message ic-Form-message--warning">
      <div class="ic-Form-message__Layout">
        <i class="icon-warning" role="presentation"></i>
        There is already a group with that name. Are you sure?
      </div>
    </div>
  </div>

</div>
```

### Alternate states and messages applied to custom radio buttons

```html
<div class="ic-Form-control ic-Form-control--radio ic-Form-control--has-error">
  <div class="ic-Radio">
    <input id="demo-states-9" type="radio" value="value 1" name="demo-states-radio">
    <label for="demo-states-9" class="ic-Label">myValue 1</label>
  </div>
  <div class="ic-Radio">
    <input id="demo-states-10" type="radio" value="value 2" name="demo-states-radio">
    <label for="demo-states-10" class="ic-Label">myValue 2</label>
  </div>
  <div class="ic-Radio">
    <input id="demo-states-11" type="radio" value="value 3" name="demo-states-radio">
    <label for="demo-states-11" class="ic-Label">myValue 3</label>
  </div>

  <div class="ic-Form-message ic-Form-message--error">
    <div class="ic-Form-message__Layout">
      <i class="icon-warning" role="presentation"></i>
      Please select a value.
    </div>
  </div>

</div>
```

### Alternate states and messages applied to custom checkboxes

```html
<div class="ic-Form-control ic-Form-control--checkbox">
  <input type="checkbox" id="demo-states-13" checked>
  <label class="ic-Label" for="demo-states-13">Salsa</label>
</div>

<div class="ic-Form-control ic-Form-control--checkbox ic-Form-control--has-warning">
  <input type="checkbox" id="demo-states-12">
  <label class="ic-Label" for="demo-states-12">Free taco <strong>TODAY ONLY!</strong></label>
  <div class="ic-Form-message ic-Form-message--warning">
    <div class="ic-Form-message__Layout">
      <i class="icon-warning" role="presentation"></i>
      Are you sure you don't want a free taco?
    </div>
  </div>
</div>

<div class="ic-Form-control ic-Form-control--checkbox">
  <input type="checkbox" id="demo-states-14" checked>
  <label class="ic-Label" for="demo-states-14">Refried beans</label>
</div>
```

### Alternate states and messages applied to inline custom checkboxes

```html
<div class="ic-Checkbox-group ic-Checkbox-group--inline">

  <div class="ic-Form-control ic-Form-control--checkbox ic-Form-control--has-error">
    <input type="checkbox" id="demo-states-15" checked>
    <label class="ic-Label" for="demo-states-15">Super Skooool LMS</label>
    <div class="ic-Form-message ic-Form-message--error">
      <div class="ic-Form-message__Layout">
        <i class="icon-warning" role="presentation"></i>
        Dreadful choice. Reconsider.
      </div>
    </div>
  </div>

  <div class="ic-Form-control ic-Form-control--checkbox ic-Form-control--has-warning">
    <input type="checkbox" id="demo-states-17" checked>
    <label class="ic-Label" for="demo-states-17">Kool Skool Toolz</label>
    <div class="ic-Form-message ic-Form-message--warning">
      <div class="ic-Form-message__Layout">
        <i class="icon-instructure" role="presentation"></i>
        You can do better.
      </div>
    </div>
  </div>

  <div class="ic-Form-control ic-Form-control--checkbox ic-Form-control--has-success">
    <input type="checkbox" id="demo-states-16" checked>
    <label class="ic-Label" for="demo-states-16">Canvas by Instructure</label>
    <div class="ic-Form-message ic-Form-message--success">
      <div class="ic-Form-message__Layout">
        <i class="icon-check" role="presentation"></i>
        Excellent choice, my friend!
      </div>
    </div>
  </div>

</div>
```

### Alternate states and messages applied to toggle checkbox

```html
<div class="grid-row">
  <div class="col-md-6">

    <div class="ic-Form-group">
      <div class="ic-Form-control ic-Form-control--has-warning">
        <!-- start super toggle -->
        <label class="ic-Super-toggle--on-off" for="ic-toggle-error-demo-1">
          <div class="ic-Label">Publish assignment immediately</div>
          <input type="checkbox" id="ic-toggle-error-demo-1" class="ic-Super-toggle__input" checked>
          <div class="ic-Super-toggle__container" aria-hidden="true" data-checked="Yes" data-unchecked="No">
            <div class="ic-Super-toggle__switch">
              <div class="ic-Super-toggle__option--LEFT">
                <svg xmlns="http://www.w3.org/2000/svg" version="1.1" x="0" y="0" width="548.9" height="548.9" viewBox="0 0 548.9 548.9" xml:space="preserve"><polygon points="449.3 48 195.5 301.8 99.5 205.9 0 305.4 95.9 401.4 195.5 500.9 295 401.4 548.9 147.5 "/></svg>
              </div>
              <div class="ic-Super-toggle__option--RIGHT">
                <svg xmlns="http://www.w3.org/2000/svg" version="1.1" x="0" y="0" viewBox="0 0 28 28" xml:space="preserve"><polygon points="28 22.4 19.6 14 28 5.6 22.4 0 14 8.4 5.6 0 0 5.6 8.4 14 0 22.4 5.6 28 14 19.6 22.4 28 " fill="#030104"/></svg>
              </div>
            </div>
          </div>
        </label>
        <!-- end super toggle -->
        <div class="ic-Form-message ic-Form-message--warning">
          <div class="ic-Form-message__Layout">
            <i class="icon-warning" role="presentation"></i>
            Are you sure you want to do this?
          </div>
        </div>
      </div>
    </div>

  </div>
  <div class="col-md-6">

    <div class="ic-Form-group ic-Form-group--horizontal">
      <div class="ic-Form-control ic-Form-control--has-error">
        <!-- start super toggle -->
        <label class="ic-Super-toggle--on-off" for="ic-toggle-error-demo-2">
          <div class="ic-Label">Publish assignment immediately</div>
          <input type="checkbox" id="ic-toggle-error-demo-2" class="ic-Super-toggle__input" checked>
          <div class="ic-Super-toggle__container" aria-hidden="true" data-checked="Published" data-unchecked="Unpublished">
            <div class="ic-Super-toggle__switch">
              <div class="ic-Super-toggle__option--LEFT">
                <svg xmlns="http://www.w3.org/2000/svg" version="1.1" x="0" y="0" width="548.9" height="548.9" viewBox="0 0 548.9 548.9" xml:space="preserve"><polygon points="449.3 48 195.5 301.8 99.5 205.9 0 305.4 95.9 401.4 195.5 500.9 295 401.4 548.9 147.5 "/></svg>
              </div>
              <div class="ic-Super-toggle__option--RIGHT">
                <svg xmlns="http://www.w3.org/2000/svg" version="1.1" x="0" y="0" viewBox="0 0 28 28" xml:space="preserve"><polygon points="28 22.4 19.6 14 28 5.6 22.4 0 14 8.4 5.6 0 0 5.6 8.4 14 0 22.4 5.6 28 14 19.6 22.4 28 " fill="#030104"/></svg>
              </div>
            </div>
          </div>
        </label>
        <!-- end super toggle -->
        <div class="ic-Form-message ic-Form-message--error">
          <div class="ic-Form-message__Layout">
            <i class="icon-warning" role="presentation"></i>
            This course cannot be published without content
          </div>
        </div>
      </div>
    </div>

  </div>
</div>
```

*/
/* line 1236, app/stylesheets/components/_ic-forms.scss */
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; }
  /* line 1210, app/stylesheets/components/_ic-forms.scss */
  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); }
  /* line 1269, app/stylesheets/components/_ic-forms.scss */
  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; }
  /* line 1282, app/stylesheets/components/_ic-forms.scss */
  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 {
    -webkit-transform: translate3d(0, -4px, 0);
            transform: translate3d(0, -4px, 0); }
  /* line 1286, app/stylesheets/components/_ic-forms.scss */
  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 {
    -webkit-transform: translate3d(0, 6px, 0);
            transform: translate3d(0, 6px, 0); }
  /* line 1290, app/stylesheets/components/_ic-forms.scss */
  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; }
  /* line 1297, app/stylesheets/components/_ic-forms.scss */
  select.ic-Input.ic-Input--has-error, .ic-Form-control--has-error select.ic-Input, textarea.ic-Input.ic-Input--has-error, .ic-Form-control--has-error textarea.ic-Input,
  input[type="text"].ic-Input.ic-Input--has-error, .ic-Form-control--has-error
  input[type="text"].ic-Input, input[type="password"].ic-Input.ic-Input--has-error, .ic-Form-control--has-error input[type="password"].ic-Input,
  input[type="datetime"].ic-Input.ic-Input--has-error, .ic-Form-control--has-error
  input[type="datetime"].ic-Input, input[type="datetime-local"].ic-Input.ic-Input--has-error, .ic-Form-control--has-error input[type="datetime-local"].ic-Input,
  input[type="date"].ic-Input.ic-Input--has-error, .ic-Form-control--has-error
  input[type="date"].ic-Input, input[type="month"].ic-Input.ic-Input--has-error, .ic-Form-control--has-error input[type="month"].ic-Input,
  input[type="time"].ic-Input.ic-Input--has-error, .ic-Form-control--has-error
  input[type="time"].ic-Input, input[type="week"].ic-Input.ic-Input--has-error, .ic-Form-control--has-error input[type="week"].ic-Input,
  input[type="number"].ic-Input.ic-Input--has-error, .ic-Form-control--has-error
  input[type="number"].ic-Input, input[type="email"].ic-Input.ic-Input--has-error, .ic-Form-control--has-error input[type="email"].ic-Input,
  input[type="url"].ic-Input.ic-Input--has-error, .ic-Form-control--has-error
  input[type="url"].ic-Input, input[type="search"].ic-Input.ic-Input--has-error, .ic-Form-control--has-error input[type="search"].ic-Input,
  input[type="tel"].ic-Input.ic-Input--has-error, .ic-Form-control--has-error
  input[type="tel"].ic-Input, input[type="color"].ic-Input.ic-Input--has-error, .ic-Form-control--has-error input[type="color"].ic-Input, .uneditable-input.ic-Input.ic-Input--has-error, .ic-Form-control--has-error .uneditable-input.ic-Input {
    border-color: #EE0612; }
    /* line 1210, app/stylesheets/components/_ic-forms.scss */
    select.ic-Input.ic-Input--has-error:focus, .ic-Form-control--has-error select.ic-Input:focus, textarea.ic-Input.ic-Input--has-error:focus, .ic-Form-control--has-error textarea.ic-Input:focus,
    input[type="text"].ic-Input.ic-Input--has-error:focus, .ic-Form-control--has-error
    input[type="text"].ic-Input:focus, input[type="password"].ic-Input.ic-Input--has-error:focus, .ic-Form-control--has-error input[type="password"].ic-Input:focus,
    input[type="datetime"].ic-Input.ic-Input--has-error:focus, .ic-Form-control--has-error
    input[type="datetime"].ic-Input:focus, input[type="datetime-local"].ic-Input.ic-Input--has-error:focus, .ic-Form-control--has-error input[type="datetime-local"].ic-Input:focus,
    input[type="date"].ic-Input.ic-Input--has-error:focus, .ic-Form-control--has-error
    input[type="date"].ic-Input:focus, input[type="month"].ic-Input.ic-Input--has-error:focus, .ic-Form-control--has-error input[type="month"].ic-Input:focus,
    input[type="time"].ic-Input.ic-Input--has-error:focus, .ic-Form-control--has-error
    input[type="time"].ic-Input:focus, input[type="week"].ic-Input.ic-Input--has-error:focus, .ic-Form-control--has-error input[type="week"].ic-Input:focus,
    input[type="number"].ic-Input.ic-Input--has-error:focus, .ic-Form-control--has-error
    input[type="number"].ic-Input:focus, input[type="email"].ic-Input.ic-Input--has-error:focus, .ic-Form-control--has-error input[type="email"].ic-Input:focus,
    input[type="url"].ic-Input.ic-Input--has-error:focus, .ic-Form-control--has-error
    input[type="url"].ic-Input:focus, input[type="search"].ic-Input.ic-Input--has-error:focus, .ic-Form-control--has-error input[type="search"].ic-Input:focus,
    input[type="tel"].ic-Input.ic-Input--has-error:focus, .ic-Form-control--has-error
    input[type="tel"].ic-Input:focus, input[type="color"].ic-Input.ic-Input--has-error:focus, .ic-Form-control--has-error input[type="color"].ic-Input:focus, .uneditable-input.ic-Input.ic-Input--has-error:focus, .ic-Form-control--has-error .uneditable-input.ic-Input:focus {
      border-color: #EE0612;
      outline-color: rgba(238, 6, 18, 0.2); }
  /* line 1298, app/stylesheets/components/_ic-forms.scss */
  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; }
    /* line 1210, app/stylesheets/components/_ic-forms.scss */
    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); }
  /* line 1299, app/stylesheets/components/_ic-forms.scss */
  select.ic-Input.ic-Input--has-success, .ic-Form-control--has-success select.ic-Input, textarea.ic-Input.ic-Input--has-success, .ic-Form-control--has-success textarea.ic-Input,
  input[type="text"].ic-Input.ic-Input--has-success, .ic-Form-control--has-success
  input[type="text"].ic-Input, input[type="password"].ic-Input.ic-Input--has-success, .ic-Form-control--has-success input[type="password"].ic-Input,
  input[type="datetime"].ic-Input.ic-Input--has-success, .ic-Form-control--has-success
  input[type="datetime"].ic-Input, input[type="datetime-local"].ic-Input.ic-Input--has-success, .ic-Form-control--has-success input[type="datetime-local"].ic-Input,
  input[type="date"].ic-Input.ic-Input--has-success, .ic-Form-control--has-success
  input[type="date"].ic-Input, input[type="month"].ic-Input.ic-Input--has-success, .ic-Form-control--has-success input[type="month"].ic-Input,
  input[type="time"].ic-Input.ic-Input--has-success, .ic-Form-control--has-success
  input[type="time"].ic-Input, input[type="week"].ic-Input.ic-Input--has-success, .ic-Form-control--has-success input[type="week"].ic-Input,
  input[type="number"].ic-Input.ic-Input--has-success, .ic-Form-control--has-success
  input[type="number"].ic-Input, input[type="email"].ic-Input.ic-Input--has-success, .ic-Form-control--has-success input[type="email"].ic-Input,
  input[type="url"].ic-Input.ic-Input--has-success, .ic-Form-control--has-success
  input[type="url"].ic-Input, input[type="search"].ic-Input.ic-Input--has-success, .ic-Form-control--has-success input[type="search"].ic-Input,
  input[type="tel"].ic-Input.ic-Input--has-success, .ic-Form-control--has-success
  input[type="tel"].ic-Input, input[type="color"].ic-Input.ic-Input--has-success, .ic-Form-control--has-success input[type="color"].ic-Input, .uneditable-input.ic-Input.ic-Input--has-success, .ic-Form-control--has-success .uneditable-input.ic-Input {
    border-color: #00AC18; }
    /* line 1210, app/stylesheets/components/_ic-forms.scss */
    select.ic-Input.ic-Input--has-success:focus, .ic-Form-control--has-success select.ic-Input:focus, textarea.ic-Input.ic-Input--has-success:focus, .ic-Form-control--has-success textarea.ic-Input:focus,
    input[type="text"].ic-Input.ic-Input--has-success:focus, .ic-Form-control--has-success
    input[type="text"].ic-Input:focus, input[type="password"].ic-Input.ic-Input--has-success:focus, .ic-Form-control--has-success input[type="password"].ic-Input:focus,
    input[type="datetime"].ic-Input.ic-Input--has-success:focus, .ic-Form-control--has-success
    input[type="datetime"].ic-Input:focus, input[type="datetime-local"].ic-Input.ic-Input--has-success:focus, .ic-Form-control--has-success input[type="datetime-local"].ic-Input:focus,
    input[type="date"].ic-Input.ic-Input--has-success:focus, .ic-Form-control--has-success
    input[type="date"].ic-Input:focus, input[type="month"].ic-Input.ic-Input--has-success:focus, .ic-Form-control--has-success input[type="month"].ic-Input:focus,
    input[type="time"].ic-Input.ic-Input--has-success:focus, .ic-Form-control--has-success
    input[type="time"].ic-Input:focus, input[type="week"].ic-Input.ic-Input--has-success:focus, .ic-Form-control--has-success input[type="week"].ic-Input:focus,
    input[type="number"].ic-Input.ic-Input--has-success:focus, .ic-Form-control--has-success
    input[type="number"].ic-Input:focus, input[type="email"].ic-Input.ic-Input--has-success:focus, .ic-Form-control--has-success input[type="email"].ic-Input:focus,
    input[type="url"].ic-Input.ic-Input--has-success:focus, .ic-Form-control--has-success
    input[type="url"].ic-Input:focus, input[type="search"].ic-Input.ic-Input--has-success:focus, .ic-Form-control--has-success input[type="search"].ic-Input:focus,
    input[type="tel"].ic-Input.ic-Input--has-success:focus, .ic-Form-control--has-success
    input[type="tel"].ic-Input:focus, input[type="color"].ic-Input.ic-Input--has-success:focus, .ic-Form-control--has-success input[type="color"].ic-Input:focus, .uneditable-input.ic-Input.ic-Input--has-success:focus, .ic-Form-control--has-success .uneditable-input.ic-Input:focus {
      border-color: #00AC18;
      outline-color: rgba(0, 172, 24, 0.2); }

/* line 1306, app/stylesheets/components/_ic-forms.scss */
select.ic-Input, input[type="file"].ic-Input {
  padding: 0 0 0 12px; }

/* line 1311, app/stylesheets/components/_ic-forms.scss */
textarea.ic-Input {
  height: auto;
  resize: vertical; }

/* line 1331, app/stylesheets/components/_ic-forms.scss */
select.ic-Input:not(*:root) {
  background-color: #FFFFFF;
  background-image: url("/dist/images/forms/ic-icon-arrow-down-e6754f120e.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) {
  /* line 1337, app/stylesheets/components/_ic-forms.scss */
  select.ic-Input {
    background-color: #FFFFFF;
    background-image: url("/dist/images/forms/ic-icon-arrow-down-e6754f120e.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) {
  /* line 1343, app/stylesheets/components/_ic-forms.scss */
  .ic-Form-group.ic-Form-group--inline {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-end;
            align-items: flex-end; }
    /* line 1349, app/stylesheets/components/_ic-forms.scss */
    .ic-Form-group.ic-Form-group--inline .ic-Form-actions {
      margin-top: 0;
      border: none;
      padding: 0 0 0 12px;
      background: transparent; }
    /* line 1355, app/stylesheets/components/_ic-forms.scss */
    .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 {
      -webkit-flex: 1;
              flex: 1;
      margin: 0 6px; }
      /* line 1359, app/stylesheets/components/_ic-forms.scss */
      .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; }
      /* line 1360, app/stylesheets/components/_ic-forms.scss */
      .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; }
      /* line 1362, app/stylesheets/components/_ic-forms.scss */
      .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) {
  /* line 1373, app/stylesheets/components/_ic-forms.scss */
  .ic-Form-group.ic-Form-group--horizontal > .ic-Form-control:not(.ic-Form-control--checkbox):not(.ic-Form-control--radio) {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap; }
    /* line 1377, app/stylesheets/components/_ic-forms.scss */
    .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;
      -webkit-flex: 0 0 192px;
              flex: 0 0 192px;
      padding-right: 24px; }
    /* line 1383, app/stylesheets/components/_ic-forms.scss */
    .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 {
      -webkit-flex: 1;
              flex: 1; }
    /* line 1388, app/stylesheets/components/_ic-forms.scss */
    .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%; }
      /* line 1392, app/stylesheets/components/_ic-forms.scss */
      .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: -webkit-inline-flex;
        display: inline-flex; }
    /* line 1398, app/stylesheets/components/_ic-forms.scss */
    .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; }
  /* line 1403, app/stylesheets/components/_ic-forms.scss */
  .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) {
    -webkit-align-items: center;
            align-items: center; }
  /* line 1407, app/stylesheets/components/_ic-forms.scss */
  .ic-Form-group.ic-Form-group--horizontal > .ic-Form-control.ic-Form-control--top-align-label > .ic-Label {
    -webkit-transform: translateY(2px);
            transform: translateY(2px); }
  /* line 1412, app/stylesheets/components/_ic-forms.scss */
  .ic-Form-group.ic-Form-group--horizontal > .ic-Fieldset--radio-checkbox {
    position: relative;
    padding-left: 192px;
    min-height: 30px; }
    /* line 1417, app/stylesheets/components/_ic-forms.scss */
    .ic-Form-group.ic-Form-group--horizontal > .ic-Fieldset--radio-checkbox > .ic-Legend {
      position: absolute;
      top: 5px;
      left: 0;
      width: 168px;
      margin-bottom: 0; } }

@media only screen and (min-width: 768px) {
  /* line 1436, app/stylesheets/components/_ic-forms.scss */
  _:-ms-input-placeholder .ic-Form-group.ic-Form-group--horizontal > .ic-Form-control:not(.ic-Form-control--checkbox):not(.ic-Form-control--radio) .ic-Form-help-text, :root .ic-Form-group.ic-Form-group--horizontal > .ic-Form-control:not(.ic-Form-control--checkbox):not(.ic-Form-control--radio) .ic-Form-help-text {
    padding-left: 216px; }
  /* line 1441, app/stylesheets/components/_ic-forms.scss */
  _:-ms-input-placeholder .ic-Form-group.ic-Form-group--horizontal > .ic-Fieldset--radio-checkbox, :root .ic-Form-group.ic-Form-group--horizontal > .ic-Fieldset--radio-checkbox {
    padding-left: 216px; }
    /* line 1444, app/stylesheets/components/_ic-forms.scss */
    _:-ms-input-placeholder .ic-Form-group.ic-Form-group--horizontal > .ic-Fieldset--radio-checkbox .ic-Legend, :root .ic-Form-group.ic-Form-group--horizontal > .ic-Fieldset--radio-checkbox .ic-Legend {
      width: 192px; } }

/* line 1465, app/stylesheets/components/_ic-forms.scss */
.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; }
  /* line 1455, app/stylesheets/components/_ic-forms.scss */
  .ic-Form-message.ic-Form-message--error .ic-Form-message__Layout {
    background: #EE0612; }
    /* line 1457, app/stylesheets/components/_ic-forms.scss */
    .ic-Form-message.ic-Form-message--error .ic-Form-message__Layout:before {
      background: #d50510;
      border-right: 1px solid #b2040d; }
    /* line 1461, app/stylesheets/components/_ic-forms.scss */
    .ic-Form-message.ic-Form-message--error .ic-Form-message__Layout:after {
      border-bottom-color: #d50510; }
  /* line 1455, app/stylesheets/components/_ic-forms.scss */
  .ic-Form-message.ic-Form-message--success .ic-Form-message__Layout {
    background: #00AC18; }
    /* line 1457, app/stylesheets/components/_ic-forms.scss */
    .ic-Form-message.ic-Form-message--success .ic-Form-message__Layout:before {
      background: #009314;
      border-right: 1px solid #006f0f; }
    /* line 1461, app/stylesheets/components/_ic-forms.scss */
    .ic-Form-message.ic-Form-message--success .ic-Form-message__Layout:after {
      border-bottom-color: #009314; }
  /* line 1455, app/stylesheets/components/_ic-forms.scss */
  .ic-Form-message.ic-Form-message--warning .ic-Form-message__Layout {
    background: #FC5E13; }
    /* line 1457, app/stylesheets/components/_ic-forms.scss */
    .ic-Form-message.ic-Form-message--warning .ic-Form-message__Layout:before {
      background: #f25003;
      border-right: 1px solid #cf4403; }
    /* line 1461, app/stylesheets/components/_ic-forms.scss */
    .ic-Form-message.ic-Form-message--warning .ic-Form-message__Layout:after {
      border-bottom-color: #f25003; }

/* line 1478, app/stylesheets/components/_ic-forms.scss */
.ic-Form-group:not(.ic-Form-group--horizontal) [class^="ic-Super-toggle--"] + .ic-Form-message {
  display: block;
  margin-left: 0; }
  /* line 1481, app/stylesheets/components/_ic-forms.scss */
  .ic-Form-group:not(.ic-Form-group--horizontal) [class^="ic-Super-toggle--"] + .ic-Form-message .ic-Form-message__Layout {
    display: -webkit-inline-flex;
    display: inline-flex; }

/* line 1484, app/stylesheets/components/_ic-forms.scss */
.ic-Input-group + .ic-Form-message {
  margin-left: 0; }

/* line 1486, app/stylesheets/components/_ic-forms.scss */
.ic-Form-message__Layout {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          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; }
  /* line 1497, app/stylesheets/components/_ic-forms.scss */
  .ic-Form-message__Layout:before {
    content: "";
    width: 32px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    box-sizing: border-box; }
  /* line 1506, app/stylesheets/components/_ic-forms.scss */
  .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; }
  /* line 1520, app/stylesheets/components/_ic-forms.scss */
  .ic-Form-message__Layout a {
    color: #FFFFFF;
    text-decoration: underline; }
    /* line 1523, app/stylesheets/components/_ic-forms.scss */
    .ic-Form-message__Layout a:hover, .ic-Form-message__Layout a:focus {
      color: #FFFFFF;
      text-decoration: none; }
  /* line 1529, app/stylesheets/components/_ic-forms.scss */
  .ic-Form-message__Layout i[class*=icon-], .ic-Form-message__Layout i[class^=icon-] {
    width: 32px;
    height: auto;
    -webkit-flex: 0 0 32px;
            flex: 0 0 32px;
    line-height: 1;
    margin-right: 8px;
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-align-items: center;
            align-items: center; }

/* line 1542, app/stylesheets/components/_ic-forms.scss */
form.ic-Form-group {
  margin: 0; }

/* line 1544, app/stylesheets/components/_ic-forms.scss */
.ic-Form-control {
  display: block;
  box-sizing: border-box;
  margin-bottom: 18px;
  position: relative;
  display: block; }
  /* line 1551, app/stylesheets/components/_ic-forms.scss */
  .ic-Form-control .ic-Form-control--radio {
    margin-bottom: 0; }
  /* line 1555, app/stylesheets/components/_ic-forms.scss */
  .ic-Form-control.ic-Form-control--checkbox-inline, .ic-Form-control.ic-Form-control--radio-inline {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-align-items: center;
            align-items: center; }
    /* line 1560, app/stylesheets/components/_ic-forms.scss */
    .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; }
    /* line 1562, app/stylesheets/components/_ic-forms.scss */
    .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; }
  /* line 1567, app/stylesheets/components/_ic-forms.scss */
  .ic-Form-control.ic-Form-control--has-error .ic-Label,
  .ic-Form-control.ic-Form-control--has-error .ic-Input-group__add-on {
    color: #EE0612; }
  /* line 1574, app/stylesheets/components/_ic-forms.scss */
  .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; }
  /* line 1581, app/stylesheets/components/_ic-forms.scss */
  .ic-Form-control.ic-Form-control--has-success .ic-Label,
  .ic-Form-control.ic-Form-control--has-success .ic-Input-group__add-on {
    color: #00AC18; }

@media only screen and (min-width: 500px) {
  /* line 1588, app/stylesheets/components/_ic-forms.scss */
  .ic-Multi-input {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center; }
    /* line 1593, app/stylesheets/components/_ic-forms.scss */
    .ic-Multi-input > .ic-Input,
    .ic-Multi-input > .ic-Input-group {
      margin: 0 4px;
      -webkit-flex: 1;
              flex: 1; }
      /* line 1597, app/stylesheets/components/_ic-forms.scss */
      .ic-Multi-input > .ic-Input:first-child,
      .ic-Multi-input > .ic-Input-group:first-child {
        margin-left: 0; }
      /* line 1598, app/stylesheets/components/_ic-forms.scss */
      .ic-Multi-input > .ic-Input:last-child,
      .ic-Multi-input > .ic-Input-group:last-child {
        margin-right: 0; } }

/* line 1603, app/stylesheets/components/_ic-forms.scss */
.ic-Label {
  box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin: 0 0 6px;
  display: block;
  line-height: 1.3;
  font-weight: bold;
  font-size: 16px;
  font-size: 1rem; }

/* line 1613, app/stylesheets/components/_ic-forms.scss */
.ic-Form-actions {
  box-sizing: border-box;
  margin-top: 12px;
  border: 1px solid #C7CDD1;
  padding: 12px;
  text-align: right;
  background: #f7f7f7;
  white-space: nowrap; }

/* line 1623, app/stylesheets/components/_ic-forms.scss */
.ic-Fieldset {
  box-sizing: border-box;
  margin: 0 0 18px;
  padding: 0;
  border: none;
  width: 100%; }
  /* line 1632, app/stylesheets/components/_ic-forms.scss */
  .ic-Fieldset.ic-Fieldset--radio-checkbox {
    margin-bottom: 21px; }
    /* line 1635, app/stylesheets/components/_ic-forms.scss */
    .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; }
    /* line 1643, app/stylesheets/components/_ic-forms.scss */
    .ic-Fieldset.ic-Fieldset--radio-checkbox .ic-Form-control--radio {
      margin-bottom: 0; }

/* line 1649, app/stylesheets/components/_ic-forms.scss */
.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; }

/* line 1661, app/stylesheets/components/_ic-forms.scss */
.ic-Radio {
  overflow: hidden;
  position: relative;
  box-sizing: border-box; }
  /* line 1666, app/stylesheets/components/_ic-forms.scss */
  .ic-Radio .ic-Label {
    margin: 0;
    position: relative;
    z-index: 1;
    padding: 4px 0 4px 22px;
    font-weight: normal;
    display: inline-block; }
    /* line 1674, app/stylesheets/components/_ic-forms.scss */
    .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; }
  /* line 1688, app/stylesheets/components/_ic-forms.scss */
  .ic-Radio ~ .ic-Form-message {
    margin-left: 22px; }
  /* line 1690, app/stylesheets/components/_ic-forms.scss */
  .ic-Radio input[type="radio"] {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0; }
    /* line 1696, app/stylesheets/components/_ic-forms.scss */
    .ic-Radio input[type="radio"] ~ .ic-Label {
      vertical-align: baseline; }
    /* line 1699, app/stylesheets/components/_ic-forms.scss */
    .ic-Radio input[type="radio"]:not([disabled]):hover ~ .ic-Label:before {
      border-color: var(--ic-brand-primary); }
    /* line 1703, app/stylesheets/components/_ic-forms.scss */
    .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); }
    /* line 1713, app/stylesheets/components/_ic-forms.scss */
    .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); }
    /* line 1721, app/stylesheets/components/_ic-forms.scss */
    .ic-Radio input[type="radio"][disabled] ~ .ic-Label {
      opacity: 0.5;
      cursor: not-allowed;
      pointer-events: none; }
  /* line 1729, app/stylesheets/components/_ic-forms.scss */
  .ic-Radio.ic-Radio--icon-only {
    height: 2.75rem; }
    /* line 1732, app/stylesheets/components/_ic-forms.scss */
    .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); }
      /* line 1740, app/stylesheets/components/_ic-forms.scss */
      .ic-Radio.ic-Radio--icon-only .ic-Label:hover {
        border-color: #C7CDD1; }
      /* line 1744, app/stylesheets/components/_ic-forms.scss */
      .ic-Radio.ic-Radio--icon-only .ic-Label:before {
        display: none; }
      /* line 1748, app/stylesheets/components/_ic-forms.scss */
      .ic-Radio.ic-Radio--icon-only .ic-Label > svg {
        display: block;
        width: 1.5rem;
        height: 1.5rem; }
    /* line 1757, app/stylesheets/components/_ic-forms.scss */
    .ic-Radio.ic-Radio--icon-only input[type="radio"]:checked ~ .ic-Label {
      border-color: var(--ic-brand-primary);
      color: var(--ic-brand-primary); }
    /* line 1763, app/stylesheets/components/_ic-forms.scss */
    .ic-Radio.ic-Radio--icon-only input[type="radio"]:focus ~ .ic-Label {
      box-shadow: inset 0 0 0 3px var(--ic-brand-primary-lightened-15); }

@media only screen and (min-width: 768px) {
  /* line 1782, app/stylesheets/components/_ic-forms.scss */
  .ic-Checkbox-group.ic-Checkbox-group--inline {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap; }
    /* line 1786, app/stylesheets/components/_ic-forms.scss */
    .ic-Checkbox-group.ic-Checkbox-group--inline .ic-Form-control.ic-Form-control--checkbox {
      margin-right: 18px; }
    /* line 1789, app/stylesheets/components/_ic-forms.scss */
    .ic-Checkbox-group.ic-Checkbox-group--inline .ic-Form-message {
      display: block; } }

/* line 1795, app/stylesheets/components/_ic-forms.scss */
.ic-Form-control.ic-Form-control--checkbox {
  line-height: 1;
  margin-bottom: 0; }
  /* line 1802, app/stylesheets/components/_ic-forms.scss */
  .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; }
  /* line 1805, app/stylesheets/components/_ic-forms.scss */
  .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; }
    /* line 1813, app/stylesheets/components/_ic-forms.scss */
    .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-955d1541cf.svg") no-repeat center bottom #FFFFFF;
      background-size: 16px 48px;
      border: 1px solid #d8e0e6;
      outline: 2px solid transparent;
      outline-offset: -12px; }
  /* line 1829, app/stylesheets/components/_ic-forms.scss */
  .ic-Form-control.ic-Form-control--checkbox .ic-Form-message {
    margin-left: 22px;
    vertical-align: middle; }
  /* line 1834, app/stylesheets/components/_ic-forms.scss */
  .ic-Form-control.ic-Form-control--checkbox input[type="checkbox"] {
    margin: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0; }
    /* line 1841, app/stylesheets/components/_ic-forms.scss */
    .ic-Form-control.ic-Form-control--checkbox input[type="checkbox"]:not([disabled]):hover ~ .ic-Label:before {
      border-color: var(--ic-brand-primary); }
    /* line 1847, app/stylesheets/components/_ic-forms.scss */
    .ic-Form-control.ic-Form-control--checkbox input[type="checkbox"]:focus ~ .ic-Label:before {
      border-color: var(--ic-brand-primary);
      outline-offset: -3px;
      outline-color: var(--ic-brand-primary-lightened-15); }
    /* line 1858, app/stylesheets/components/_ic-forms.scss */
    .ic-Form-control.ic-Form-control--checkbox input[type="checkbox"]:checked ~ .ic-Label:before {
      background-color: var(--ic-brand-primary);
      background-position: center -1px;
      border-color: var(--ic-brand-primary); }
    /* line 1865, app/stylesheets/components/_ic-forms.scss */
    .ic-Form-control.ic-Form-control--checkbox input[type="checkbox"]:checked:focus ~ .ic-Label:before {
      outline-color: rgba(255, 255, 255, 0.35); }
    /* line 1872, app/stylesheets/components/_ic-forms.scss */
    .ic-Form-control.ic-Form-control--checkbox input[type="checkbox"][disabled] ~ .ic-Label {
      opacity: 0.5;
      cursor: not-allowed;
      pointer-events: none; }

/* line 1882, app/stylesheets/components/_ic-forms.scss */
.ic-Input-group {
  display: -webkit-flex;
  display: flex;
  box-sizing: border-box; }
  /* line 1886, app/stylesheets/components/_ic-forms.scss */
  .ic-Action-header__Primary .ic-Input-group {
    -webkit-flex: 1;
            flex: 1; }
  /* line 1888, app/stylesheets/components/_ic-forms.scss */
  .ic-Input-group .ic-Input {
    width: auto;
    -webkit-flex: 1;
            flex: 1; }
    /* line 1892, app/stylesheets/components/_ic-forms.scss */
    .ic-Input-group .ic-Input:not(:first-child) {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }
    /* line 1896, app/stylesheets/components/_ic-forms.scss */
    .ic-Input-group .ic-Input:not(:last-child) {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
  /* line 1904, app/stylesheets/components/_ic-forms.scss */
  .ic-Input-group .Button:first-child, .ic-Input-group .ui-button:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
    /* line 1907, app/stylesheets/components/_ic-forms.scss */
    .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; }
  /* line 1910, app/stylesheets/components/_ic-forms.scss */
  .ic-Input-group .Button:last-child, .ic-Input-group .ui-button:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
    /* line 1913, app/stylesheets/components/_ic-forms.scss */
    .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; }
  /* line 1917, app/stylesheets/components/_ic-forms.scss */
  .ic-Input-group .ic-Input-group__add-on,
  .ic-Input-group .ic-Label {
    height: 38px;
    background: #FFFFFF;
    border: 1px solid #d8e0e6;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    padding: 6px 8px; }
    /* line 1926, app/stylesheets/components/_ic-forms.scss */
    .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; }
    /* line 1931, app/stylesheets/components/_ic-forms.scss */
    .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; }
  /* line 1938, app/stylesheets/components/_ic-forms.scss */
  .ic-Input-group .ic-Input-group__add-on {
    color: var(--ic-brand-font-color-dark-lightened-15);
    box-sizing: border-box; }
  /* line 1943, app/stylesheets/components/_ic-forms.scss */
  .ic-Input-group .ic-Label {
    margin-bottom: 0; }

/* line 1947, app/stylesheets/components/_ic-forms.scss */
.ic-Action-header {
  margin-bottom: 24px;
  box-sizing: border-box; }
  /* line 1951, app/stylesheets/components/_ic-forms.scss */
  .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) {
    /* line 1947, app/stylesheets/components/_ic-forms.scss */
    .ic-Action-header {
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
              align-items: center;
      box-sizing: border-box; }
      /* line 1962, app/stylesheets/components/_ic-forms.scss */
      .ic-Action-header .ic-Action-header__Primary {
        -webkit-flex: 1;
                flex: 1;
        margin-bottom: 0;
        box-sizing: border-box; }
      /* line 1968, app/stylesheets/components/_ic-forms.scss */
      .ic-Action-header .ic-Action-header__Secondary {
        -webkit-flex: 1;
                flex: 1;
        box-sizing: border-box;
        text-align: right; }
        /* line 1972, app/stylesheets/components/_ic-forms.scss */
        .ic-Action-header .ic-Action-header__Secondary--auto {
          -webkit-flex: 0 0 auto;
                  flex: 0 0 auto; }
        /* line 1975, app/stylesheets/components/_ic-forms.scss */
        .ic-Action-header .ic-Action-header__Secondary > .Button, .ic-Action-header .ic-Action-header__Secondary > .ui-button,
        .ic-Action-header .ic-Action-header__Secondary > .btn,
        .ic-Action-header .ic-Action-header__Secondary > .ui-button {
          margin-left: 3px; }
      /* line 1980, app/stylesheets/components/_ic-forms.scss */
      .ic-Action-header .ic-Action-header__Primary + .ic-Action-header__Secondary {
        padding-left: 24px; } }

/* line 1986, app/stylesheets/components/_ic-forms.scss */
.ic-Action-header__Heading {
  margin: 0; }

/* line 1988, app/stylesheets/components/_ic-forms.scss */
.ic-Action-header__Primary {
  margin-bottom: 6px; }

/* line 1992, app/stylesheets/components/_ic-forms.scss */
.ic-Form-action-box {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  box-sizing: border-box;
  margin-bottom: 24px; }
  @media only screen and (min-width: 992px) {
    /* line 1992, app/stylesheets/components/_ic-forms.scss */
    .ic-Form-action-box {
      margin-bottom: 12px; } }
  /* line 1999, app/stylesheets/components/_ic-forms.scss */
  .ic-Form-action-box .ic-Form-control {
    margin-bottom: 6px; }
    @media only screen and (min-width: 992px) {
      /* line 1999, app/stylesheets/components/_ic-forms.scss */
      .ic-Form-action-box .ic-Form-control {
        margin: 0 4px;
        -webkit-flex: 1;
                flex: 1; }
        /* line 2004, app/stylesheets/components/_ic-forms.scss */
        .ic-Form-action-box .ic-Form-control:first-child {
          margin-left: 0; }
        /* line 2005, app/stylesheets/components/_ic-forms.scss */
        .ic-Form-action-box .ic-Form-control:last-of-type {
          margin-right: 0; } }

/* line 2011, app/stylesheets/components/_ic-forms.scss */
.ic-Form-action-box__Form {
  -webkit-flex: 1;
          flex: 1;
  box-sizing: border-box; }
  @media only screen and (min-width: 992px) {
    /* line 2011, app/stylesheets/components/_ic-forms.scss */
    .ic-Form-action-box__Form {
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
              align-items: center; } }

/* line 2020, app/stylesheets/components/_ic-forms.scss */
.ic-Form-action-box__Actions {
  box-sizing: border-box;
  padding-left: 48px; }

/* line 2025, app/stylesheets/components/_ic-forms.scss */
.ic-Form-help-text {
  font-size: 12px;
  font-size: 0.75rem;
  display: block;
  margin-top: 6px;
  color: var(--ic-brand-font-color-dark-lightened-15);
  width: 100%;
  line-height: 1.5; }

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

## Badges

You can easily create notification badges in two ways:

### Use the .ic-badge class

```html
<span class="ic-badge">9</span>
<span class="ic-badge ic-badge--success">99+</span>
<span class="ic-badge ic-badge--alert">25</span>
<span class="ic-badge ic-badge--danger">8</span>
```

### Use the ic-badge-maker mixin with your own class. It takes four arguments, detailed below.

```css
.my-awesome-badge {
  @include ic-badge-maker(
    22px, // how large should the badge be? Default is 20px.
    $ic-color-success, // background color
    $ic-color-light, // text color
    12px // font-size
    );
}
```
*/
/* line 70, app/stylesheets/components/_ic-badge.scss */
.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; }
  /* line 72, app/stylesheets/components/_ic-badge.scss */
  .ic-badge.ic-badge--neutral {
    background: #F5F5F5;
    color: var(--ic-brand-font-color-dark); }
  /* line 76, app/stylesheets/components/_ic-badge.scss */
  .ic-badge.ic-badge--success {
    background: #00AC18; }
  /* line 77, app/stylesheets/components/_ic-badge.scss */
  .ic-badge.ic-badge--alert {
    background: #FC5E13; }
  /* line 78, app/stylesheets/components/_ic-badge.scss */
  .ic-badge.ic-badge--danger {
    background: #EE0612; }

/*
 * 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/>.
 */
/* line 24, app/stylesheets/base/_layout.scss */
body {
  min-height: 100vh;
  background: #FFFFFF;
  font-weight: 300; }
  /* line 29, app/stylesheets/base/_layout.scss */
  body:not(.is-inside-submission-frame):not(.embedded):not(.dashboard-is-planner) {
    min-width: 768px; }
  /* line 32, app/stylesheets/base/_layout.scss */
  body.dashboard-is-planner {
    min-width: 470px;
    /* or the dashboard header starts to wrap */ }
  /* line 37, app/stylesheets/base/_layout.scss */
  body.no-headers #header, body.no-headers #topbar, body.no-headers #left-side, body.no-headers #breadcrumbs, body.embedded #header, body.embedded #topbar, body.embedded #left-side, body.embedded #breadcrumbs {
    display: none !important; }
  /* line 38, app/stylesheets/base/_layout.scss */
  body.no-headers .ic-app-nav-toggle-and-crumbs, body.embedded .ic-app-nav-toggle-and-crumbs {
    display: none; }
  /* line 39, app/stylesheets/base/_layout.scss */
  body.no-headers #footer, body.embedded #footer {
    display: none; }
  /* line 42, app/stylesheets/base/_layout.scss */
  body.embedded #application {
    height: 100%; }
  /* line 45, app/stylesheets/base/_layout.scss */
  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; }
  /* line 54, app/stylesheets/base/_layout.scss */
  body.embedded.no-headers h2, body.embedded.no-headers .h2 {
    display: none; }
  /* line 58, app/stylesheets/base/_layout.scss */
  body.embedded #modal-box {
    background: #FFFFFF !important;
    color: var(--ic-brand-font-color-dark) !important;
    height: auto !important; }

/* line 68, app/stylesheets/base/_layout.scss */
.scripts-not-loaded a:not([href]), .scripts-not-loaded a[href="#"], .scripts-not-loaded button:not([type]) {
  visibility: hidden !important; }

/* line 77, app/stylesheets/base/_layout.scss */
.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; }

/* line 86, app/stylesheets/base/_layout.scss */
.with-right-side #right-side-wrapper {
  display: block; }

/* line 95, app/stylesheets/base/_layout.scss */
#footer .footer-logo {
  background-color: transparent;
  background-image: url("/dist/images/footer-logo-480911a9cf.png");
  background-repeat: no-repeat;
  background-position: left top;
  display: inline-block;
  height: 10px;
  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) {
    /* line 95, app/stylesheets/base/_layout.scss */
    #footer .footer-logo {
      background-image: url("/dist/images/footer-logo@2x-0323c6e723.png");
      background-size: 114px 10px; } }

/* line 104, app/stylesheets/base/_layout.scss */
div.content_notice {
  margin: 12px;
  margin-bottom: 6px; }
  /* line 107, app/stylesheets/base/_layout.scss */
  div.content_notice div {
    display: inline-block; }
  /* line 110, app/stylesheets/base/_layout.scss */
  div.content_notice i {
    padding-right: 8px; }

/* line 115, app/stylesheets/base/_layout.scss */
.tool_content_wrapper.custom_height[style] {
  height: 100% !important; }

/* line 121, app/stylesheets/base/_layout.scss */
.before_external_content_info_alert:focus,
.after_external_content_info_alert:focus {
  margin: 20px 0px 20px 0px;
  outline: none; }

/* line 127, app/stylesheets/base/_layout.scss */
iframe.info_alert_outline {
  border: 2px solid #008EE2 !important; }

/* line 131, app/stylesheets/base/_layout.scss */
iframe.tool_launch {
  min-height: 450px;
  width: 100%;
  height: 100%;
  border: none;
  max-width: 100%; }

/* line 139, app/stylesheets/base/_layout.scss */
#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; }
  /* line 48, app/stylesheets/base/_ic_mixins.scss */
  #skip_navigation_link:focus {
    color: #fff; }
  /* line 52, app/stylesheets/base/_ic_mixins.scss */
  #skip_navigation_link:focus {
    text-decoration: underline; }
  /* line 147, app/stylesheets/base/_layout.scss */
  #skip_navigation_link:focus {
    left: 0;
    top: 0;
    width: auto;
    height: auto;
    z-index: 1;
    outline: none; }
    /* line 154, app/stylesheets/base/_layout.scss */
    #skip_navigation_link:focus + .ic-app-header__main-navigation {
      margin-top: 50px; }

/*
 * 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/>.
 */
/* line 37, app/stylesheets/base/_ic_app_layout.scss */
body:not(.ic-no-flex-layout):not(.embedded) .ic-app-main-content {
  box-sizing: border-box;
  -webkit-flex: 1;
          flex: 1;
  min-width: 1px; }

/* line 44, app/stylesheets/base/_ic_app_layout.scss */
.ic-Layout-contentWrapper {
  box-sizing: border-box; }

/* line 48, app/stylesheets/base/_ic_app_layout.scss */
.ic-Layout-contentMain {
  padding: 24px; }
  /* line 51, app/stylesheets/base/_ic_app_layout.scss */
  body.is-inside-submission-frame .ic-Layout-contentMain {
    padding-left: 12px;
    padding-right: 12px; }
  /* line 56, app/stylesheets/base/_ic_app_layout.scss */
  body.no-headers .ic-Layout-contentMain {
    padding-top: 0; }
  /* line 60, app/stylesheets/base/_ic_app_layout.scss */
  body.embedded .ic-Layout-contentMain {
    padding: 0 1em 1em; }
  /* line 64, app/stylesheets/base/_ic_app_layout.scss */
  body.ic-framed-lti-tool .ic-Layout-contentMain {
    padding: 0 24px; }
  /* line 68, app/stylesheets/base/_ic_app_layout.scss */
  body.ic-full-screen-lti-tool .ic-Layout-contentMain {
    padding: 0; }

/* line 73, app/stylesheets/base/_ic_app_layout.scss */
.ic-app-main-content__secondary {
  box-sizing: border-box;
  min-width: 1px;
  padding: 24px;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0); }

@media only screen and (min-width: 1140px) {
  /* line 84, app/stylesheets/base/_ic_app_layout.scss */
  body.course-menu-expanded:not(.ic-no-flex-layout):not(.embedded) .ic-app-main-content {
    display: -webkit-flex;
    display: flex; } }

@media only screen and (min-width: 1140px) {
  /* line 87, app/stylesheets/base/_ic_app_layout.scss */
  body.course-menu-expanded:not(.ic-no-flex-layout):not(.embedded) .ic-Layout-contentWrapper {
    -webkit-flex: 1;
            flex: 1;
    min-width: 1px; } }

@media only screen and (min-width: 1140px) {
  /* line 92, app/stylesheets/base/_ic_app_layout.scss */
  body.course-menu-expanded .ic-app-main-content__secondary {
    width: 288px;
    padding-left: 24px; } }

@media only screen and (min-width: 992px) {
  /* line 101, app/stylesheets/base/_ic_app_layout.scss */
  body:not(.course-menu-expanded):not(.ic-no-flex-layout):not(.embedded) .ic-app-main-content {
    display: -webkit-flex;
    display: flex; } }

@media only screen and (min-width: 992px) {
  /* line 104, app/stylesheets/base/_ic_app_layout.scss */
  body:not(.course-menu-expanded):not(.ic-no-flex-layout):not(.embedded) .ic-Layout-contentWrapper {
    -webkit-flex: 1;
            flex: 1;
    min-width: 1px; } }

@media only screen and (min-width: 992px) {
  /* line 109, app/stylesheets/base/_ic_app_layout.scss */
  body:not(.course-menu-expanded) .ic-app-main-content__secondary {
    width: 288px;
    padding-left: 24px; } }

/* line 116, app/stylesheets/base/_ic_app_layout.scss */
.ic-app-footer {
  box-sizing: border-box;
  padding: 12px 0;
  margin: 0 24px;
  border-top: 1px solid #C7CDD1; }
  /* line 118, app/stylesheets/base/_ic_app_layout.scss */
  .ic-app-footer .terms-of-service__link button {
    margin-top: -2px !important;
    color: var(--ic-brand-font-color-dark-lightened-15) !important; }
  @media only screen and (min-width: 992px) {
    /* line 116, app/stylesheets/base/_ic_app_layout.scss */
    .ic-app-footer {
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
              align-items: center; } }
  /* line 131, app/stylesheets/base/_ic_app_layout.scss */
  body.modal .ic-app-footer {
    margin: 0;
    padding: 12px 24px; }

/* line 136, app/stylesheets/base/_ic_app_layout.scss */
.ic-app-footer__links {
  -webkit-flex: 1;
          flex: 1;
  display: -webkit-flex;
  display: flex; }
  /* line 139, app/stylesheets/base/_ic_app_layout.scss */
  .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 only screen and (min-width: 992px) {
    /* line 136, app/stylesheets/base/_ic_app_layout.scss */
    .ic-app-footer__links {
      -webkit-justify-content: flex-end;
              justify-content: flex-end; }
      /* line 146, app/stylesheets/base/_ic_app_layout.scss */
      .ic-app-footer__links a {
        margin-right: 0;
        margin-left: 12px; } }

/* line 150, app/stylesheets/base/_ic_app_layout.scss */
.ic-app {
  box-sizing: border-box;
  min-height: 100vh; }

/* line 155, app/stylesheets/base/_ic_app_layout.scss */
.ic-Layout-wrapper {
  box-sizing: border-box;
  min-height: 100vh; }
  /* line 159, app/stylesheets/base/_ic_app_layout.scss */
  body:not(.full-width):not(.outcomes) .ic-Layout-wrapper {
    max-width: 1366px; }
  /* line 165, app/stylesheets/base/_ic_app_layout.scss */
  body:not(.ic-no-flex-layout):not(.embedded) .ic-Layout-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
            flex-direction: column; }
  /* line 170, app/stylesheets/base/_ic_app_layout.scss */
  body:not(.no-headers) .ic-Layout-wrapper {
    margin-left: 54px; }
  /* line 174, app/stylesheets/base/_ic_app_layout.scss */
  body:not(.no-headers).primary-nav-expanded .ic-Layout-wrapper {
    margin-left: 84px; }
  /* line 178, app/stylesheets/base/_ic_app_layout.scss */
  body.embedded .ic-Layout-wrapper {
    height: 100%; }

/* line 183, app/stylesheets/base/_ic_app_layout.scss */
.ic-Layout-columns {
  position: relative;
  box-sizing: border-box;
  z-index: 10; }
  /* line 188, app/stylesheets/base/_ic_app_layout.scss */
  body:not(.ic-no-flex-layout):not(.embedded):not(.is-inside-submission-frame) .ic-Layout-columns {
    -webkit-flex: 1 0 auto;
            flex: 1 0 auto;
    min-width: 1px; }
  /* line 194, app/stylesheets/base/_ic_app_layout.scss */
  body.course-menu-expanded:not(.ic-no-flex-layout):not(.embedded):not(.is-inside-submission-frame) .ic-Layout-columns {
    margin-left: 180px; }
    /* line 197, app/stylesheets/base/_ic_app_layout.scss */
    body.course-menu-expanded:not(.ic-no-flex-layout):not(.embedded):not(.is-inside-submission-frame) .ic-Layout-columns .ic-Layout-watermark {
      left: -180px; }
  /* line 202, app/stylesheets/base/_ic_app_layout.scss */
  body.ic-no-flex-layout .ic-Layout-columns {
    min-height: 100vh; }
  /* line 206, app/stylesheets/base/_ic_app_layout.scss */
  body.no-headers .ic-Layout-columns,
  body.embedded .ic-Layout-columns {
    margin: 0;
    border: 0 none;
    background-color: transparent; }
  /* line 213, app/stylesheets/base/_ic_app_layout.scss */
  body.embedded .ic-Layout-columns {
    min-height: 0;
    height: 100%; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* line 183, app/stylesheets/base/_ic_app_layout.scss */
    .ic-Layout-columns {
      min-height: 93.5vh; } }

/* line 224, app/stylesheets/base/_ic_app_layout.scss */
.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; }

/* line 237, app/stylesheets/base/_ic_app_layout.scss */
.ic-app-course-menu {
  transition: -webkit-transform 1s ease-in-out;
  transition: transform 1s ease-in-out;
  transition: transform 1s ease-in-out, -webkit-transform 1s ease-in-out;
  transition-delay: 0.75s;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  box-sizing: border-box;
  position: absolute;
  top: 0;
  right: 100%;
  width: 180px;
  padding: 24px 12px 12px 24px;
  opacity: 0; }
  /* line 247, app/stylesheets/base/_ic_app_layout.scss */
  body.course-menu-expanded .ic-app-course-menu {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  /* line 252, app/stylesheets/base/_ic_app_layout.scss */
  .ic-app-course-menu #section-tabs-header-subtitle {
    padding: 0 0 12px 12px; }

/* line 257, app/stylesheets/base/_ic_app_layout.scss */
.ic-app-nav-toggle-and-crumbs {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  border-bottom: 1px solid #C7CDD1;
  margin: 0 24px;
  min-height: 4.5rem;
  box-sizing: border-box; }

/* line 266, app/stylesheets/base/_ic_app_layout.scss */
.ic-app-course-nav-toggle {
  margin-right: 12px;
  padding: 0;
  width: 36px;
  height: 30px; }
  /* line 74, app/stylesheets/base/mixins/_misc.scss */
  .ic-app-course-nav-toggle i[class*=icon-], .ic-app-course-nav-toggle i[class^=icon-] {
    line-height: 1; }
    /* line 76, app/stylesheets/base/mixins/_misc.scss */
    .ic-app-course-nav-toggle i[class*=icon-]:before, .ic-app-course-nav-toggle i[class^=icon-]:before {
      font-size: 1.5rem; }
  /* line 271, app/stylesheets/base/_ic_app_layout.scss */
  .ic-app-course-nav-toggle i[class*=icon-], .ic-app-course-nav-toggle i[class^=icon-] {
    margin-right: 0; }

/* line 274, app/stylesheets/base/_ic_app_layout.scss */
.ic-app-crumbs {
  -webkit-flex: 1;
          flex: 1;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  box-sizing: border-box; }

/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/* line 40, app/stylesheets/base/_ic_app_header.scss */
.tray-with-space-for-global-nav {
  margin-left: 54px; }
  /* line 42, app/stylesheets/base/_ic_app_header.scss */
  body.primary-nav-expanded .tray-with-space-for-global-nav {
    margin-left: 84px; }

/* line 47, app/stylesheets/base/_ic_app_header.scss */
.ic-app-header {
  box-sizing: border-box;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  width: 54px;
  z-index: 100;
  background-color: var(--ic-brand-global-nav-bgd); }

/* line 59, app/stylesheets/base/_ic_app_header.scss */
.ic-app-header__main-navigation {
  box-sizing: border-box;
  -webkit-flex: 1 0 auto;
          flex: 1 0 auto; }

/* line 64, app/stylesheets/base/_ic_app_header.scss */
.ic-app-header__secondary-navigation {
  box-sizing: border-box;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%; }

/* line 73, app/stylesheets/base/_ic_app_header.scss */
.ic-app-header__menu-list {
  margin: 0;
  padding: 0;
  list-style: none; }
  /* line 24, app/stylesheets/base/mixins/_misc.scss */
  .ic-app-header__menu-list li {
    margin: 0;
    padding: 0; }

/* line 77, app/stylesheets/base/_ic_app_header.scss */
.ic-app-header__menu-list-item {
  box-sizing: border-box; }
  /* line 81, app/stylesheets/base/_ic_app_header.scss */
  .ic-app-header__menu-list-item.ic-app-header__menu-list-item--active .ic-app-header__menu-list-link {
    background: #FFFFFF; }
    /* line 86, app/stylesheets/base/_ic_app_header.scss */
    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;
      -webkit-transform: none;
              transform: none;
      opacity: 0; }
    /* line 94, app/stylesheets/base/_ic_app_header.scss */
    .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); }
  /* line 100, app/stylesheets/base/_ic_app_header.scss */
  .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); }
  /* line 103, app/stylesheets/base/_ic_app_header.scss */
  .ic-app-header__menu-list-item.ic-app-header__menu-list-item--active .ic-avatar {
    border-color: #C7CDD1; }
    /* line 105, app/stylesheets/base/_ic_app_header.scss */
    .ic-app-header__menu-list-item.ic-app-header__menu-list-item--active .ic-avatar.ic-avatar--fake-student {
      border-color: #BF32A4; }
  /* line 109, app/stylesheets/base/_ic_app_header.scss */
  .ic-app-header__menu-list-item.ic-app-header__menu-list-item--active .menu-item-icon-container {
    color: var(--ic-brand-global-nav-ic-icon-svg-fill--active); }

/* line 115, app/stylesheets/base/_ic_app_header.scss */
.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; }
  /* line 126, app/stylesheets/base/_ic_app_header.scss */
  .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) {
      /* line 126, app/stylesheets/base/_ic_app_header.scss */
      .ic-app-header__menu-list-link:not(.ic-app-header__menu-list-link--nav-toggle) {
        padding: 0.4375rem 0; } }
  /* line 133, app/stylesheets/base/_ic_app_header.scss */
  .ic-app-header__menu-list-link.ic-app-header__menu-list-link--nav-toggle {
    width: 100%;
    -webkit-perspective: 600px;
            perspective: 600px; }
    /* line 137, app/stylesheets/base/_ic_app_header.scss */
    .ic-app-header__menu-list-link.ic-app-header__menu-list-link--nav-toggle .ic-icon-svg--navtoggle {
      transition: all 0.4s; }
  /* line 143, app/stylesheets/base/_ic_app_header.scss */
  .ic-app-header__menu-list-link:hover, .ic-app-header__menu-list-link:focus {
    background-color: rgba(0, 0, 0, 0.2);
    text-decoration: none;
    outline: none; }
    /* line 149, app/stylesheets/base/_ic_app_header.scss */
    .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); }
      /* line 151, app/stylesheets/base/_ic_app_header.scss */
      .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; }
    /* line 153, app/stylesheets/base/_ic_app_header.scss */
    .ic-app-header__menu-list-link:hover .menu-item__text, .ic-app-header__menu-list-link:focus .menu-item__text {
      -webkit-transform: translate3d(0.375rem, 0, 0);
              transform: translate3d(0.375rem, 0, 0);
      opacity: 1; }
  /* line 159, app/stylesheets/base/_ic_app_header.scss */
  .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); }
  /* line 165, app/stylesheets/base/_ic_app_header.scss */
  .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); }
  /* line 170, app/stylesheets/base/_ic_app_header.scss */
  .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); }
  /* line 178, app/stylesheets/base/_ic_app_header.scss */
  .ic-app-header__menu-list-link .ic-icon-svg--dashboard {
    height: 30px; }
  /* line 179, app/stylesheets/base/_ic_app_header.scss */
  .ic-app-header__menu-list-link .ic-icon-svg--calendar,
  .ic-app-header__menu-list-link .ic-icon-svg--inbox,
  .ic-app-header__menu-list-link .ic-icon-svg--apps {
    height: 28px; }
  /* line 182, app/stylesheets/base/_ic_app_header.scss */
  .ic-app-header__menu-list-link .ic-icon-svg--courses {
    height: 26px; }
  /* line 183, app/stylesheets/base/_ic_app_header.scss */
  .ic-app-header__menu-list-link .ic-icon-svg--grades {
    height: 30px; }
  /* line 184, app/stylesheets/base/_ic_app_header.scss */
  .ic-app-header__menu-list-link .ic-icon-svg--arrow-right {
    width: 24px;
    height: 24px; }
  /* line 185, app/stylesheets/base/_ic_app_header.scss */
  .ic-app-header__menu-list-link .ic-icon-svg--groups {
    width: 32px;
    height: 21.6px; }
  /* line 186, app/stylesheets/base/_ic_app_header.scss */
  .ic-app-header__menu-list-link .ic-icon-svg--accounts {
    width: 26px;
    height: 29px; }
  /* line 187, app/stylesheets/base/_ic_app_header.scss */
  .ic-app-header__menu-list-link .ic-icon-svg--login {
    width: 26px;
    height: 29px; }
  /* line 188, app/stylesheets/base/_ic_app_header.scss */
  .ic-app-header__menu-list-link .ic-icon-svg--lti {
    width: 26px;
    height: 29px; }
  /* line 189, app/stylesheets/base/_ic_app_header.scss */
  .ic-app-header__menu-list-link .ic-icon-svg--help {
    height: 26px; }
  /* line 190, app/stylesheets/base/_ic_app_header.scss */
  .ic-app-header__menu-list-link .ic-icon-svg--navtoggle {
    height: 20px; }
  /* line 193, app/stylesheets/base/_ic_app_header.scss */
  .ic-app-header__menu-list-link .svg-icon-lifepreserver,
  .ic-app-header__menu-list-link .svg-icon-help,
  .ic-app-header__menu-list-link .svg-icon-information,
  .ic-app-header__menu-list-link .svg-icon-folder,
  .ic-app-header__menu-list-link .svg-icon-cog {
    height: 26px; }

/* line 202, app/stylesheets/base/_ic_app_header.scss */
button.ic-app-header__menu-list-link {
  background: transparent;
  outline: none; }

/* line 207, app/stylesheets/base/_ic_app_header.scss */
.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; }
  /* line 215, app/stylesheets/base/_ic_app_header.scss */
  .ic-avatar.ic-avatar--fake-student {
    border-color: #BF32A4; }

/* line 218, app/stylesheets/base/_ic_app_header.scss */
.menu-item-icon-container {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  position: relative;
  z-index: 1;
  width: 48px;
  margin: 0 auto;
  color: var(--ic-brand-global-nav-ic-icon-svg-fill); }
  /* line 226, app/stylesheets/base/_ic_app_header.scss */
  .menu-item-icon-container .ic-avatar {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    width: 30px;
    height: 30px; }
    /* line 231, app/stylesheets/base/_ic_app_header.scss */
    body.primary-nav-expanded .menu-item-icon-container .ic-avatar {
      width: 36px;
      height: 36px; }

/* line 237, app/stylesheets/base/_ic_app_header.scss */
.menu-item__text {
  -webkit-transform: translate3d(-100%, 0, 0);
          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; }
  /* line 258, app/stylesheets/base/_ic_app_header.scss */
  body.primary-nav-transitions .menu-item__text {
    transition: opacity 0.3s, -webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.3s;
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.3s, -webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition-delay: 0.3s; }
  /* line 265, app/stylesheets/base/_ic_app_header.scss */
  .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; }

/* line 281, app/stylesheets/base/_ic_app_header.scss */
.menu-item__badge {
  font-size: 11px;
  font-size: 0.6875rem;
  min-width: 20px;
  line-height: 20px;
  border-radius: 10px;
  background: var(--ic-brand-primary);
  color: #FFFFFF;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  box-sizing: border-box;
  padding: 0 6px;
  transition: all 0.3s ease-out;
  position: absolute;
  top: -0.5em;
  right: 0;
  background: var(--ic-brand-global-nav-menu-item__badge-bgd);
  color: var(--ic-brand-global-nav-menu-item__badge-text); }

/* line 290, app/stylesheets/base/_ic_app_header.scss */
.ic-app-header__logomark-container {
  width: 100%;
  background-color: var(--ic-brand-global-nav-logo-bgd);
  box-sizing: border-box; }

/* line 296, app/stylesheets/base/_ic_app_header.scss */
.ic-app-header__logomark {
  display: block;
  overflow: hidden;
  background-image: var(--ic-brand-header-image);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  height: 75px; }
  /* line 306, app/stylesheets/base/_ic_app_header.scss */
  body.primary-nav-expanded .ic-app-header__logomark {
    height: 85px; }
  /* line 309, app/stylesheets/base/_ic_app_header.scss */
  .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); }

/* line 317, app/stylesheets/base/_ic_app_header.scss */
.ic-app-header__uploaded-logo {
  display: block; }

/* line 319, app/stylesheets/base/_ic_app_header.scss */
.ic-app-header__menu-list-link {
  padding: 0.5625rem 0; }

/* line 326, app/stylesheets/base/_ic_app_header.scss */
body.primary-nav-expanded .ic-app-header {
  width: 84px;
  overflow-y: auto;
  -ms-overflow-style: none; }

/* line 332, app/stylesheets/base/_ic_app_header.scss */
body.primary-nav-expanded .ic-app-header__secondary-navigation {
  position: static;
  left: auto;
  bottom: auto;
  z-index: auto;
  width: auto; }

/* line 341, app/stylesheets/base/_ic_app_header.scss */
body.primary-nav-expanded .ic-app-header__menu-list-item.ic-app-header__menu-list-item--active .menu-item__text {
  color: var(--ic-brand-primary); }

/* line 354, app/stylesheets/base/_ic_app_header.scss */
body.primary-nav-expanded .ic-app-header__menu-list-link.ic-app-header__menu-list-link--nav-toggle .ic-icon-svg--navtoggle {
  -webkit-transform: rotate3d(0, 1, 0, -180deg);
          transform: rotate3d(0, 1, 0, -180deg); }

/* line 360, app/stylesheets/base/_ic_app_header.scss */
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 {
  -webkit-transform: none;
          transform: none; }

/* line 366, app/stylesheets/base/_ic_app_header.scss */
body.primary-nav-expanded .menu-item__text {
  transition: none;
  position: static;
  left: auto;
  top: auto;
  -webkit-transform: none;
          transform: none;
  opacity: 1;
  text-align: center;
  display: block;
  line-height: 1.4;
  border-radius: 0;
  margin: 3px 0 0;
  padding: 0;
  background: transparent;
  color: var(--ic-brand-global-nav-menu-item__text-color);
  white-space: normal;
  word-wrap: break-word;
  padding-left: 0.25rem;
  padding-right: 0.25rem; }
  /* line 386, app/stylesheets/base/_ic_app_header.scss */
  body.primary-nav-expanded .menu-item__text::after {
    display: none; }

/* line 393, app/stylesheets/base/_ic_app_header.scss */
.ic-HelpDialog__form-legend {
  display: table;
  font-size: 1em;
  line-height: inherit;
  font-weight: bold;
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0; }

/* line 404, app/stylesheets/base/_ic_app_header.scss */
.ic-HelpDialog__form-fieldset {
  border: 0;
  padding: 0.01em 0 0 0;
  min-width: 0;
  margin: 0 0 10px 0; }

/* line 411, app/stylesheets/base/_ic_app_header.scss */
.ic-HelpDialog__form-actions {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
          justify-content: flex-end; }

/*
 * 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/>.
 */
/* line 19, app/stylesheets/base/_#left-side.scss */
#left-side {
  display: none; }

/* line 23, app/stylesheets/base/_#left-side.scss */
#section-tabs .section-tab-hidden a {
  color: #c7c7c7; }

/*
 * 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/>.
 */
/* line 19, app/stylesheets/base/_#right-side.scss */
#right-side-wrapper {
  display: none;
  position: relative; }

/* line 24, app/stylesheets/base/_#right-side.scss */
#right-side {
  position: relative;
  z-index: 10;
  min-height: 20px; }
  /* line 29, app/stylesheets/base/_#right-side.scss */
  #right-side hr {
    border: dotted #aaa;
    border-width: 1px 0 0;
    margin: 17px 0 20px; }
  /* line 34, app/stylesheets/base/_#right-side.scss */
  #right-side h2, #right-side .h2 {
    font-size: 16px;
    font-size: 1rem;
    overflow: hidden;
    border-bottom: 1px solid #C7CDD1;
    padding-bottom: 6px;
    margin: 0 0 6px;
    font-weight: bold; }

/* line 44, app/stylesheets/base/_#right-side.scss */
.rs-margin-bottom {
  margin-bottom: 13px; }

/* line 48, app/stylesheets/base/_#right-side.scss */
#right-side .right-side-list {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: -6px 0 12px; }
  /* line 24, app/stylesheets/base/mixins/_misc.scss */
  #right-side .right-side-list li {
    margin: 0;
    padding: 0; }
  /* line 52, app/stylesheets/base/_#right-side.scss */
  #right-side .right-side-list li a {
    font-size: 14px;
    font-size: 0.875rem;
    padding-top: 12px;
    padding-bottom: 12px;
    display: -webkit-flex;
    display: flex; }
    /* line 71, app/stylesheets/base/_#right-side.scss */
    #right-side .right-side-list li a > i {
      min-width: 24px;
      padding-right: 12px;
      box-sizing: border-box;
      color: #595959; }
  /* line 78, app/stylesheets/base/_#right-side.scss */
  #right-side .right-side-list li:last-child a {
    border-bottom: none;
    box-shadow: none; }
  /* line 83, app/stylesheets/base/_#right-side.scss */
  #right-side .right-side-list li small {
    display: block;
    font-style: italic;
    font-size: 13px;
    font-size: 0.8125rem; }
  /* line 88, app/stylesheets/base/_#right-side.scss */
  #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; }
  /* line 93, app/stylesheets/base/_#right-side.scss */
  #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; }
  /* line 97, app/stylesheets/base/_#right-side.scss */
  #right-side .right-side-list li em, #right-side .right-side-list li p {
    color: #777; }
  /* line 105, app/stylesheets/base/_#right-side.scss */
  #right-side .right-side-list li .more_link {
    font-style: italic;
    padding-top: 6px; }
  /* line 110, app/stylesheets/base/_#right-side.scss */
  #right-side .right-side-list .recent_feedback_icon {
    background-position: 0 9px; }
  /* line 113, app/stylesheets/base/_#right-side.scss */
  #right-side .right-side-list .recent_feedback_title {
    line-height: 1.3;
    margin-bottom: 3px; }
  /* line 117, app/stylesheets/base/_#right-side.scss */
  #right-side .right-side-list .recent_feedback_comment {
    color: #F5F5F5;
    border: 0;
    font-size: 100%; }
  /* line 123, app/stylesheets/base/_#right-side.scss */
  #right-side .right-side-list .tooltip .tooltip_wrap {
    left: -185px;
    width: 185px;
    height: 70px;
    top: 0;
    font-size: 0.9em;
    background-image: none; }
  /* line 131, app/stylesheets/base/_#right-side.scss */
  #right-side .right-side-list .tooltip .tooltip_text {
    margin-right: 15px;
    min-height: 30px; }
  /* line 135, app/stylesheets/base/_#right-side.scss */
  #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; }
  /* line 148, app/stylesheets/base/_#right-side.scss */
  #right-side .right-side-list.to-do-list li {
    position: relative; }
    /* line 150, app/stylesheets/base/_#right-side.scss */
    #right-side .right-side-list.to-do-list li a.item {
      display: -webkit-flex;
      display: flex; }

/* line 157, app/stylesheets/base/_#right-side.scss */
#right-side .todo-list-header {
  margin-top: 1.0625rem; }

/* line 160, app/stylesheets/base/_#right-side.scss */
#right-side .right-side-list .todo-badge-wrapper {
  display: inline-block;
  vertical-align: top;
  min-width: 40px;
  text-align: right;
  padding-right: 12px;
  box-sizing: border-box; }

/* line 169, app/stylesheets/base/_#right-side.scss */
#right-side .right-side-list .disable_item_link {
  position: absolute;
  right: 0;
  top: 0.5rem;
  z-index: 2;
  padding: 0; }
  /* line 74, app/stylesheets/base/mixins/_misc.scss */
  #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; }
    /* line 76, app/stylesheets/base/mixins/_misc.scss */
    #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; }

/* line 181, app/stylesheets/base/_#right-side.scss */
.ic-sidebar-logo {
  display: none;
  margin-bottom: 24px;
  text-align: center; }

/* line 186, app/stylesheets/base/_#right-side.scss */
.ic-sidebar-logo__image {
  max-width: 180px;
  max-height: 70px;
  display: inline-block; }

@media only screen and (min-width: 992px) {
  /* line 192, app/stylesheets/base/_#right-side.scss */
  body:not(.course-menu-expanded) .ic-sidebar-logo {
    display: block; } }

@media only screen and (min-width: 1140px) {
  /* line 199, app/stylesheets/base/_#right-side.scss */
  body.course-menu-expanded .ic-sidebar-logo {
    display: block; } }

/*
 * Copyright (C) 2011 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
@media print {
  /* line 22, app/stylesheets/base/_print.scss */
  html, body {
    font-family: Arial, Helvetica, sans-serif;
    color: black !important;
    font-size: 10pt;
    background: transparent none !important; }
  /* line 30, app/stylesheets/base/_print.scss */
  .no-print,
  #header,
  #footer,
  #right-side-wrapper,
  #left-side {
    display: none !important; }
  /* line 38, app/stylesheets/base/_print.scss */
  .ic-Layout-columns,
  .ic-Layout-wrapper {
    margin: 0 !important;
    border: 0 none !important; }
  /* line 44, app/stylesheets/base/_print.scss */
  .ic-Layout-wrapper,
  .ic-Layout-columns {
    margin-left: 0 !important; }
  /* line 48, app/stylesheets/base/_print.scss */
  .ic-Layout-wrapper,
  .ic-Layout-contentMain,
  #wiki_show_view_main {
    overflow: visible !important; }
  /* line 56, app/stylesheets/base/_print.scss */
  .ic-Layout-wrapper,
  .ic-Layout-columns,
  .ic-app-main-content {
    display: block !important; }
  /* line 62, app/stylesheets/base/_print.scss */
  .ic-Layout-contentMain {
    width: auto;
    padding: 0 !important; }
    /* line 66, app/stylesheets/base/_print.scss */
    .ic-Layout-contentMain .fill_height_div {
      overflow: visible !important; }
  /* line 72, app/stylesheets/base/_print.scss */
  a:link, a:visited {
    font-weight: bold;
    text-decoration: underline; }
  /* line 76, app/stylesheets/base/_print.scss */
  a:link:after, a:visited:after {
    content: " (" attr(href) ") ";
    font-size: 90%; }
  /* line 80, app/stylesheets/base/_print.scss */
  a[href^="/"]:after, a[href^="#"]:after {
    content: ""; }
  /* line 85, app/stylesheets/base/_print.scss */
  #breadcrumbs {
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
    box-shadow: 0 0 0 white; }
    /* line 89, app/stylesheets/base/_print.scss */
    #breadcrumbs ul {
      margin: 0;
      padding: 0; }
      /* line 91, app/stylesheets/base/_print.scss */
      #breadcrumbs ul li {
        margin: 0;
        padding: 0;
        padding-left: 10px; }
        /* line 94, app/stylesheets/base/_print.scss */
        #breadcrumbs ul li:after {
          content: "   →   "; }
        /* line 97, app/stylesheets/base/_print.scss */
        #breadcrumbs ul li:last-child:after {
          content: ""; }
        /* line 100, app/stylesheets/base/_print.scss */
        #breadcrumbs ul li:first-of-type {
          padding-left: 0; }
        /* line 103, app/stylesheets/base/_print.scss */
        #breadcrumbs ul li.home {
          display: none; }
      /* line 107, app/stylesheets/base/_print.scss */
      #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/>.
 */
/* line 21, app/stylesheets/base/_module_sequence_footer.scss */
.module-sequence-footer {
  position: relative;
  left: 0;
  right: 0;
  bottom: 0;
  height: 65px;
  overflow: hidden; }
  /* line 29, app/stylesheets/base/_module_sequence_footer.scss */
  .module-sequence-footer .hidden-aria-title {
    display: none; }

/* line 34, app/stylesheets/base/_module_sequence_footer.scss */
.module-sequence-footer .module-sequence-footer-content {
  height: 64px;
  background: #FFFFFF;
  border-top: 1px solid #C7CDD1;
  box-sizing: border-box;
  padding-top: 12px; }

@-webkit-keyframes module-sequence-footer-animation {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
    opacity: 0; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes module-sequence-footer-animation {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
    opacity: 0; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1; } }

/* line 47, app/stylesheets/base/_module_sequence_footer.scss */
.module-sequence-footer-content:not(.no-animation) {
  -webkit-animation: module-sequence-footer-animation 0.5s ease-out;
          animation: module-sequence-footer-animation 0.5s ease-out; }

/* line 51, app/stylesheets/base/_module_sequence_footer.scss */
.module-sequence-footer-button--next {
  float: right; }

/* line 52, app/stylesheets/base/_module_sequence_footer.scss */
.module-sequence-footer-button--previous {
  float: left; }

@media print {
  /* line 55, app/stylesheets/base/_module_sequence_footer.scss */
  .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/>.
 */
@font-face {
  font-family: 'LatoWeb';
  src: url("/dist/fonts/lato/latin/LatoLatin-Regular-3cd3657802.woff2") format("woff2"), url("/dist/fonts/lato/latin/LatoLatin-Regular-586ec8dc57.woff") format("woff"), url("/dist/fonts/lato/latin/LatoLatin-Regular-c305a828ef.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }

@font-face {
  font-family: 'LatoWeb';
  src: url("/dist/fonts/lato/latin/LatoLatin-Italic-5e75c67839.woff2") format("woff2"), url("/dist/fonts/lato/latin/LatoLatin-Italic-6b654922e0.woff") format("woff"), url("/dist/fonts/lato/latin/LatoLatin-Italic-d9129929b0.ttf") format("truetype");
  font-style: italic;
  font-weight: normal; }

@font-face {
  font-family: 'LatoWeb';
  src: url("/dist/fonts/lato/latin/LatoLatin-Bold-3ff66ada9b.woff2") format("woff2"), url("/dist/fonts/lato/latin/LatoLatin-Bold-f323edeea9.woff") format("woff"), url("/dist/fonts/lato/latin/LatoLatin-Bold-20ee9bd189.ttf") format("truetype");
  font-style: normal;
  font-weight: bold; }

@font-face {
  font-family: 'LatoWeb';
  src: url("/dist/fonts/lato/latin/LatoLatin-Light-c425d3f33c.woff2") format("woff2"), url("/dist/fonts/lato/latin/LatoLatin-Light-4725b48f89.woff") format("woff"), url("/dist/fonts/lato/latin/LatoLatin-Light-f7b5d804f7.ttf") format("truetype");
  font-style: normal;
  font-weight: 300; }

/* line 69, app/stylesheets/components/_ic-typography.scss */
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-family: "LatoWeb", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  /* line 73, app/stylesheets/components/_ic-typography.scss */
  html.lato-font-not-loaded-yet {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

/* line 79, app/stylesheets/components/_ic-typography.scss */
body {
  font-size: 16px;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  color: var(--ic-brand-font-color-dark);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* line 88, app/stylesheets/components/_ic-typography.scss */
p {
  margin: 12px 0; }

/* line 96, app/stylesheets/components/_ic-typography.scss */
small {
  font-size: 85%; }

/* line 99, app/stylesheets/components/_ic-typography.scss */
strong {
  font-weight: bold; }

/* line 102, app/stylesheets/components/_ic-typography.scss */
em {
  font-style: italic; }

/* line 105, app/stylesheets/components/_ic-typography.scss */
cite {
  font-style: normal; }

/* line 108, app/stylesheets/components/_ic-typography.scss */
.lead {
  margin-bottom: 12px;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 200;
  line-height: 2.25; }

/* line 114, app/stylesheets/components/_ic-typography.scss */
.muted {
  color: var(--ic-brand-font-color-dark-lightened-30); }

/* line 118, app/stylesheets/components/_ic-typography.scss */
.text-warning {
  color: #FC5E13; }

/* line 119, app/stylesheets/components/_ic-typography.scss */
a.text-warning:hover {
  color: #d94803; }

/* line 121, app/stylesheets/components/_ic-typography.scss */
.text-error {
  color: #EE0612; }

/* line 122, app/stylesheets/components/_ic-typography.scss */
a.text-error:hover {
  color: #bc050e; }

/* line 124, app/stylesheets/components/_ic-typography.scss */
.text-info {
  color: var(--ic-brand-primary); }

/* line 125, app/stylesheets/components/_ic-typography.scss */
a.text-info:hover {
  color: var(--ic-brand-primary-darkened-10); }

/* line 127, app/stylesheets/components/_ic-typography.scss */
.text-success {
  color: #00AC18; }

/* line 128, app/stylesheets/components/_ic-typography.scss */
a.text-success:hover {
  color: #007911; }

/* line 134, app/stylesheets/components/_ic-typography.scss */
h1, h2, h3, h4, h5, h6 {
  margin: 6px 0;
  font-family: "LatoWeb", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  line-height: 1.5;
  text-rendering: optimizelegibility; }
  /* line 140, app/stylesheets/components/_ic-typography.scss */
  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); }

/* line 147, app/stylesheets/components/_ic-typography.scss */
h1 {
  font-size: 38px; }

/* line 148, app/stylesheets/components/_ic-typography.scss */
h2 {
  font-size: 32px; }

/* line 149, app/stylesheets/components/_ic-typography.scss */
h3 {
  font-size: 24px; }

/* line 150, app/stylesheets/components/_ic-typography.scss */
h4 {
  font-size: 18px; }

/* line 151, app/stylesheets/components/_ic-typography.scss */
h5 {
  font-size: 16px; }

/* line 152, app/stylesheets/components/_ic-typography.scss */
h6 {
  font-size: 12px; }

/* line 154, app/stylesheets/components/_ic-typography.scss */
h1 small {
  font-size: 24px; }

/* line 155, app/stylesheets/components/_ic-typography.scss */
h2 small {
  font-size: 18px; }

/* line 156, app/stylesheets/components/_ic-typography.scss */
h3 small {
  font-size: 16px; }

/* line 157, app/stylesheets/components/_ic-typography.scss */
h4 small {
  font-size: 16px; }

/* line 161, app/stylesheets/components/_ic-typography.scss */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: normal; }

/* line 164, app/stylesheets/components/_ic-typography.scss */
h1, h2, .h1, .h2 {
  font-size: 1.8em;
  line-height: 1.5; }

/* line 168, app/stylesheets/components/_ic-typography.scss */
h3, .h3 {
  font-size: 1.5em; }

/* line 172, app/stylesheets/components/_ic-typography.scss */
.page-header {
  padding-bottom: 6px;
  margin: 20px 0 30px;
  border-bottom: 1px solid #C7CDD1; }

/* line 182, app/stylesheets/components/_ic-typography.scss */
a {
  color: var(--ic-link-color);
  text-decoration: none; }
  /* line 184, app/stylesheets/components/_ic-typography.scss */
  a:focus, a:hover {
    color: var(--ic-link-color-darkened-10); }
  /* line 197, app/stylesheets/components/_ic-typography.scss */
  a:focus, a:hover {
    text-decoration: underline; }

/* line 205, app/stylesheets/components/_ic-typography.scss */
.Underline-All-Links__enabled a:not(.Button):not(.ui-button):not(.btn):not(.ui-button):not(.ui-tabs-anchor) {
  text-decoration: underline;
  outline-width: 1px;
  outline-color: transparent;
  outline-style: solid; }
  /* line 207, app/stylesheets/components/_ic-typography.scss */
  .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; }
  /* line 209, app/stylesheets/components/_ic-typography.scss */
  .Underline-All-Links__enabled a:not(.Button):not(.ui-button):not(.btn):not(.ui-button):not(.ui-tabs-anchor):focus {
    outline-offset: -1px;
    outline-color: var(--ic-link-color); }

/* line 214, app/stylesheets/components/_ic-typography.scss */
.alert a {
  font-weight: bold;
  color: inherit; }

/* line 224, app/stylesheets/components/_ic-typography.scss */
ul, ol {
  padding: 0;
  margin: 0 0 6px 25px; }

/* line 228, app/stylesheets/components/_ic-typography.scss */
ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0; }

/* line 234, app/stylesheets/components/_ic-typography.scss */
ul.unstyled,
ol.unstyled {
  margin-left: 0;
  list-style: none; }

/* line 241, app/stylesheets/components/_ic-typography.scss */
dl {
  margin-bottom: 20px; }

/* line 244, app/stylesheets/components/_ic-typography.scss */
dt,
dd {
  line-height: 1.5; }

/* line 248, app/stylesheets/components/_ic-typography.scss */
dt {
  font-weight: bold; }

/* line 251, app/stylesheets/components/_ic-typography.scss */
dd {
  margin-left: 10px; }

/* line 25, app/stylesheets/base/_ic_mixins.scss */
.dl-horizontal:before, .dl-horizontal:after {
  display: table;
  content: "";
  line-height: 0; }

/* line 31, app/stylesheets/base/_ic_mixins.scss */
.dl-horizontal:after {
  clear: both; }

/* line 257, app/stylesheets/components/_ic-typography.scss */
.dl-horizontal dt {
  float: left;
  width: 160px;
  clear: left;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

/* line 266, app/stylesheets/components/_ic-typography.scss */
.dl-horizontal dd {
  margin-left: 180px; }

/* line 275, app/stylesheets/components/_ic-typography.scss */
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline; }

/* line 282, app/stylesheets/components/_ic-typography.scss */
sup {
  top: -0.5em; }

/* line 285, app/stylesheets/components/_ic-typography.scss */
sub {
  bottom: -0.25em; }

/* line 296, app/stylesheets/components/_ic-typography.scss */
label {
  display: inline-block; }

/* line 299, app/stylesheets/components/_ic-typography.scss */
.input-micro {
  width: 30px; }

/* line 304, app/stylesheets/components/_ic-typography.scss */
.form-horizontal label, .bootstrap-form label {
  display: block; }

/* line 307, app/stylesheets/components/_ic-typography.scss */
p label {
  font-size: inherit; }

/* line 312, app/stylesheets/components/_ic-typography.scss */
.bootstrap-form.no-margin {
  margin-bottom: 0; }

/* line 317, app/stylesheets/components/_ic-typography.scss */
.no-margin-bottom {
  margin-bottom: 0 !important; }

/* line 322, app/stylesheets/components/_ic-typography.scss */
select.un-bootrstrapify {
  width: auto;
  border-radius: 0;
  height: auto; }

/* line 328, app/stylesheets/components/_ic-typography.scss */
.form-actions {
  text-align: right;
  padding: 10px 10px 11px; }
  /* line 333, app/stylesheets/components/_ic-typography.scss */
  .ui-dialog-content .form-actions {
    margin-bottom: 0;
    box-shadow: inset 0 1px 0 #fff; }
  /* line 339, app/stylesheets/components/_ic-typography.scss */
  .form-actions.flush {
    margin-bottom: -1em;
    margin-left: -1em;
    margin-right: -1em; }

/* line 348, app/stylesheets/components/_ic-typography.scss */
input[type=checkbox] + label,
input[type=radio] + label {
  vertical-align: -4px; }

/* line 355, app/stylesheets/components/_ic-typography.scss */
.form-inline input[type=checkbox] + label,
.form-inline input[type=radio] + label {
  vertical-align: middle; }

/* line 363, app/stylesheets/components/_ic-typography.scss */
input[type=file] {
  line-height: 1em; }

/* line 372, app/stylesheets/components/_ic-typography.scss */
.table > thead {
  background: #e4e9ed; }

/* line 376, app/stylesheets/components/_ic-typography.scss */
.table-vertically-center th, .table-vertically-center td {
  vertical-align: middle; }

/* line 380, app/stylesheets/components/_ic-typography.scss */
.table .center {
  text-align: center; }

/* line 383, app/stylesheets/components/_ic-typography.scss */
.table-striped {
  border: 1px solid #C7CDD1; }
  /* line 385, app/stylesheets/components/_ic-typography.scss */
  .table-striped > thead {
    border: 1px solid #C7CDD1; }
  /* line 389, app/stylesheets/components/_ic-typography.scss */
  .table-striped > tbody > tr td {
    background: #fff; }
  /* line 392, app/stylesheets/components/_ic-typography.scss */
  .table-striped > tbody > tr:first-child > td {
    border-top: 0; }

/* line 399, app/stylesheets/components/_ic-typography.scss */
.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; }

/* line 410, app/stylesheets/components/_ic-typography.scss */
iframe#tool_content {
  border: none; }

/* line 421, app/stylesheets/components/_ic-typography.scss */
.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; }

/* line 429, app/stylesheets/components/_ic-typography.scss */
.calendar_links input[readonly] {
  cursor: auto; }

/* line 431, app/stylesheets/components/_ic-typography.scss */
blockquote p {
  font-size: inherit; }

/* line 435, app/stylesheets/components/_ic-typography.scss */
.progress-small {
  height: 10px;
  margin: 5px 0; }

/* line 440, app/stylesheets/components/_ic-typography.scss */
.popover {
  z-index: 10; }

/* line 445, app/stylesheets/components/_ic-typography.scss */
hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #C7CDD1;
  border-bottom: none; }

/* line 453, app/stylesheets/components/_ic-typography.scss */
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #C7CDD1; }

/* line 459, app/stylesheets/components/_ic-typography.scss */
abbr.initialism {
  font-size: 90%;
  text-transform: uppercase; }

/* line 465, app/stylesheets/components/_ic-typography.scss */
blockquote {
  padding: 0 0 0 15px;
  margin: 0 0 20px;
  border-left: 5px solid #C7CDD1; }
  /* line 469, app/stylesheets/components/_ic-typography.scss */
  blockquote p {
    margin-bottom: 0;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 300;
    line-height: 25px; }
  /* line 475, app/stylesheets/components/_ic-typography.scss */
  blockquote small {
    display: block;
    line-height: 1.5;
    color: var(--ic-brand-font-color-dark-lightened-15); }
    /* line 479, app/stylesheets/components/_ic-typography.scss */
    blockquote small:before {
      content: '\2014 \00A0'; }
  /* line 485, app/stylesheets/components/_ic-typography.scss */
  blockquote.pull-right {
    float: right;
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #C7CDD1;
    border-left: 0; }
    /* line 491, app/stylesheets/components/_ic-typography.scss */
    blockquote.pull-right p,
    blockquote.pull-right small {
      text-align: right; }
    /* line 496, app/stylesheets/components/_ic-typography.scss */
    blockquote.pull-right small:before {
      content: ''; }
    /* line 499, app/stylesheets/components/_ic-typography.scss */
    blockquote.pull-right small:after {
      content: '\00A0 \2014'; }

/* line 507, app/stylesheets/components/_ic-typography.scss */
q:before,
q:after,
blockquote:before,
blockquote:after {
  content: ""; }

/* line 515, app/stylesheets/components/_ic-typography.scss */
address {
  display: block;
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.5; }

/*
@styleguide Popovers

## Accessible *body-only* popovers

Here's an accessible way to do it for popovers without a header.
`.popover-padded` takes care of what `.popover-content` did above.

```html
<a
  data-tooltip='{"tooltipClass":"popover popover-padded", "position":"right"}'
  title="Lo-fi next level kale chips narwhal tattooed, tonx YOLO mixtape.">
  Text with accessible popover
</a>

```
*/
/* line 543, app/stylesheets/components/_ic-typography.scss */
.ui-widget.ui-tooltip {
  word-wrap: break-word; }

/* line 547, app/stylesheets/components/_ic-typography.scss */
.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); }

/* line 563, app/stylesheets/components/_ic-typography.scss */
.ui-widget.ui-tooltip.popover-padded {
  padding: 9px 14px; }

/* line 569, app/stylesheets/components/_ic-typography.scss */
.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; }

/* line 580, app/stylesheets/components/_ic-typography.scss */
.ui-tooltip.popover:after {
  border-bottom-color: #f7f7f7;
  border-width: 10px;
  top: -20px;
  left: 12px; }

/* line 586, app/stylesheets/components/_ic-typography.scss */
.ui-tooltip.popover.right:before {
  left: auto;
  right: 11px; }

/* line 590, app/stylesheets/components/_ic-typography.scss */
.ui-tooltip.popover.right:after {
  left: auto;
  right: 12px; }

/* line 594, app/stylesheets/components/_ic-typography.scss */
.ui-tooltip.popover.bottom:before {
  border-color: rgba(0, 0, 0, 0.25) transparent transparent transparent;
  top: auto;
  bottom: -22px; }

/* line 599, app/stylesheets/components/_ic-typography.scss */
.ui-tooltip.popover.bottom:after {
  border-color: #fff transparent transparent transparent;
  top: auto;
  bottom: -20px; }

/* line 604, app/stylesheets/components/_ic-typography.scss */
.ui-tooltip.popover.center:before {
  left: 50%;
  margin-left: -11px;
  right: auto; }

/* line 609, app/stylesheets/components/_ic-typography.scss */
.ui-tooltip.popover.center:after {
  left: 50%;
  margin-left: -10px;
  right: auto; }

/* line 614, app/stylesheets/components/_ic-typography.scss */
.ui-tooltip.popover.middle:before {
  top: 50%;
  margin-top: -11px;
  bottom: auto; }

/* line 619, app/stylesheets/components/_ic-typography.scss */
.ui-tooltip.popover.middle:after {
  top: 50%;
  margin-top: -10px;
  bottom: auto; }

/* line 624, app/stylesheets/components/_ic-typography.scss */
.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; }

/* line 632, app/stylesheets/components/_ic-typography.scss */
.ui-tooltip.popover.horizontal:after {
  top: 50%;
  margin-top: -10px;
  bottom: auto;
  left: -20px;
  right: auto;
  border-color: transparent #fff transparent transparent; }

/* line 640, app/stylesheets/components/_ic-typography.scss */
.ui-tooltip.popover.right.horizontal:before {
  left: auto;
  right: -22px;
  border-color: transparent transparent transparent rgba(0, 0, 0, 0.25); }

/* line 645, app/stylesheets/components/_ic-typography.scss */
.ui-tooltip.popover.right.horizontal:after {
  left: auto;
  right: -20px;
  border-color: transparent transparent transparent #fff; }

/* line 650, app/stylesheets/components/_ic-typography.scss */
.ui-tooltip.popover.bottom.horizontal:before {
  top: auto;
  bottom: 11px; }

/* line 654, app/stylesheets/components/_ic-typography.scss */
.ui-tooltip.popover.bottom.horizontal:after {
  top: auto;
  bottom: 12px; }

/* line 658, app/stylesheets/components/_ic-typography.scss */
.ui-tooltip.popover.top.horizontal:before {
  margin-top: 0;
  top: 11px; }

/* line 662, app/stylesheets/components/_ic-typography.scss */
.ui-tooltip.popover.top.horizontal:after {
  margin-top: 0;
  top: 12px; }

/* line 666, app/stylesheets/components/_ic-typography.scss */
.ui-tooltip.popover.content-top.horizontal:before {
  margin-top: 0;
  top: 35px; }

/* line 670, app/stylesheets/components/_ic-typography.scss */
.ui-tooltip.popover.content-top.horizontal:after {
  margin-top: 0;
  top: 36px; }

/* line 676, app/stylesheets/components/_ic-typography.scss */
.dotted-separator {
  border-bottom: 1px dotted #aaa; }

@-webkit-keyframes highlight-shadow-fade {
  from {
    box-shadow: 0 0 8px #52a8ec; }
  to {
    box-shadow: none; } }

@keyframes highlight-shadow-fade {
  from {
    box-shadow: 0 0 8px #52a8ec; }
  to {
    box-shadow: none; } }

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

## Default Accordion

```html
<div class="accordion" id="styleguide_demo_accordion1">

  <h3><a href="#">Section 1</a></h3>
  <div>
    <div class="styleguide-section__accordion-demo-element">
      Content for Section 1
    </div>
  </div>

  <h3><a href="#">Section 2</a></h3>
  <div>
    <div class="styleguide-section__accordion-demo-element">
      Content for Section 2
    </div>
  </div>

  <h3><a href="#">Section 3</a></h3>
  <div>
    <div class="styleguide-section__accordion-demo-element">
      Content for Section 3
    </div>
  </div>

</div>
<br/>
```


```js
$("div#styleguide_demo_accordion1").accordion({header: "h3"})
```

## Mini accordion

Default accordion a little big for your UI needs?

Simply add the **.ui-accordion--mini** class to the parent **.accordion** element, and you'll get a scaled-down version.

```html
<div class="accordion ui-accordion--mini" id="styleguide_demo_accordion2">

  <h3><a href="#">Section 1</a></h3>
  <div>
    <div class="styleguide-section__accordion-demo-element">
      Content for Section 1
    </div>
  </div>

  <h3><a href="#">Section 2</a></h3>
  <div>
    <div class="styleguide-section__accordion-demo-element">
      Content for Section 2
    </div>
  </div>

  <h3><a href="#">Section 3</a></h3>
  <div>
    <div class="styleguide-section__accordion-demo-element">
      Content for Section 3
    </div>
  </div>

</div>
<br/>
```

*/
/* line 97, app/stylesheets/components/_accordion.scss */
.ui-accordion .ui-accordion-content {
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
  top: 0;
  border-color: #C7CDD1; }
  /* line 103, app/stylesheets/components/_accordion.scss */
  .ui-accordion .ui-accordion-content.ui-accordion-content-active {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px; }

/* line 109, app/stylesheets/components/_accordion.scss */
.ui-accordion .ui-accordion-header {
  transition: background 0.2s, border 0.2s, border-radius 0.2s;
  padding: 12px 24px;
  margin-top: 12px;
  border-radius: 6px; }
  /* line 115, app/stylesheets/components/_accordion.scss */
  .ui-accordion .ui-accordion-header.ui-state-default {
    background: #f2f2f2;
    box-shadow: none;
    border-color: #C7CDD1;
    border-bottom: 1px solid #C7CDD1; }
    /* line 121, app/stylesheets/components/_accordion.scss */
    .ui-accordion .ui-accordion-header.ui-state-default.ui-state-focus a {
      box-shadow: inset 0 0 0 1px var(--ic-link-color); }
    /* line 123, app/stylesheets/components/_accordion.scss */
    .ui-accordion .ui-accordion-header.ui-state-default.ui-state-hover {
      background: #e6e6e6; }
    /* line 124, app/stylesheets/components/_accordion.scss */
    .ui-accordion .ui-accordion-header.ui-state-default.ui-state-active, .ui-accordion .ui-progressbar .ui-accordion-header.ui-state-default.ui-widget-header, .ui-progressbar .ui-accordion .ui-accordion-header.ui-state-default.ui-widget-header {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      border-color: var(--ic-brand-primary-darkened-5);
      border-bottom: 1px solid var(--ic-brand-primary-darkened-5);
      background: var(--ic-brand-primary); }
      /* line 130, app/stylesheets/components/_accordion.scss */
      .ui-accordion .ui-accordion-header.ui-state-default.ui-state-active.ui-state-focus, .ui-accordion .ui-progressbar .ui-accordion-header.ui-state-default.ui-state-focus.ui-widget-header, .ui-progressbar .ui-accordion .ui-accordion-header.ui-state-default.ui-state-focus.ui-widget-header {
        border-color: var(--ic-brand-primary-darkened-10);
        border-bottom: 1px solid var(--ic-brand-primary-darkened-10); }
        /* line 133, app/stylesheets/components/_accordion.scss */
        .ui-accordion .ui-accordion-header.ui-state-default.ui-state-active.ui-state-focus a, .ui-accordion .ui-progressbar .ui-accordion-header.ui-state-default.ui-state-focus.ui-widget-header a, .ui-progressbar .ui-accordion .ui-accordion-header.ui-state-default.ui-state-focus.ui-widget-header a {
          box-shadow: inset 0 0 0 1px #FFFFFF; }
  /* line 138, app/stylesheets/components/_accordion.scss */
  .ui-accordion .ui-accordion-header a {
    transition: color 0.2s;
    padding: 6px 12px;
    font-weight: normal;
    font-size: 18px;
    font-size: 1.125rem;
    text-shadow: none;
    line-height: 1;
    outline: none; }
  /* line 148, app/stylesheets/components/_accordion.scss */
  .ui-accordion .ui-accordion-header .ui-icon {
    left: 10px; }

/* line 153, app/stylesheets/components/_accordion.scss */
.ui-accordion.ui-accordion--mini .ui-accordion-header {
  margin-top: 4px;
  padding: 0;
  border-radius: 3px; }
  /* line 157, app/stylesheets/components/_accordion.scss */
  .ui-accordion.ui-accordion--mini .ui-accordion-header a {
    font-size: 13px;
    font-size: 0.8125rem;
    padding: 6px 12px 6px 24px; }
  /* line 162, app/stylesheets/components/_accordion.scss */
  .ui-accordion.ui-accordion--mini .ui-accordion-header .ui-icon {
    left: 4px; }

/* line 165, app/stylesheets/components/_accordion.scss */
.ui-accordion.ui-accordion--mini .ui-accordion-content.ui-accordion-content-active {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px; }

/*
 * 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/>.
 */
/* line 37, app/stylesheets/pages/_turnitin.scss */
.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; }
  /* line 48, app/stylesheets/pages/_turnitin.scss */
  .turnitin_score_container_caret.none_score {
    border-right-color: #397af4; }
  /* line 51, app/stylesheets/pages/_turnitin.scss */
  .turnitin_score_container_caret.acceptable_score {
    border-right-color: #009917; }
  /* line 54, app/stylesheets/pages/_turnitin.scss */
  .turnitin_score_container_caret.warning_score {
    border-right-color: #897b01; }
  /* line 57, app/stylesheets/pages/_turnitin.scss */
  .turnitin_score_container_caret.problem_score {
    border-right-color: #c86604; }
  /* line 60, app/stylesheets/pages/_turnitin.scss */
  .turnitin_score_container_caret.failure_score {
    border-right-color: #ad393a; }
  /* line 63, app/stylesheets/pages/_turnitin.scss */
  .turnitin_score_container_caret.submission_error, .turnitin_score_container_caret.submission_pending {
    border-right-color: #808080; }

/* line 68, app/stylesheets/pages/_turnitin.scss */
.turnitin_score_container {
  position: relative;
  margin-left: 10px; }

/* line 73, app/stylesheets/pages/_turnitin.scss */
.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; }
  /* line 87, app/stylesheets/pages/_turnitin.scss */
  .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; }
  /* line 90, app/stylesheets/pages/_turnitin.scss */
  .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; }
  /* line 93, app/stylesheets/pages/_turnitin.scss */
  .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; }
  /* line 96, app/stylesheets/pages/_turnitin.scss */
  .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; }
  /* line 99, app/stylesheets/pages/_turnitin.scss */
  .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; }
  /* line 102, app/stylesheets/pages/_turnitin.scss */
  .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; }
  /* line 105, app/stylesheets/pages/_turnitin.scss */
  .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; }

/* line 112, app/stylesheets/pages/_turnitin.scss */
.turnitin_score_container {
  position: relative;
  margin-left: 10px; }

/* line 117, app/stylesheets/pages/_turnitin.scss */
.turnitin_resubmit_container {
  text-align: right; }

/* line 121, app/stylesheets/pages/_turnitin.scss */
.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) 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
 */
/* line 28, app/stylesheets/components/_g_instructure.scss */
#instructure_ajax_error_box {
  display: none;
  position: fixed;
  top: 10px;
  left: 50px;
  z-index: 9999;
  background-color: #fff;
  border: 2px solid #888; }

/* line 38, app/stylesheets/components/_g_instructure.scss */
#instructure_ajax_error_result {
  width: 600px;
  height: 300px;
  overflow: auto; }

/* line 44, app/stylesheets/components/_g_instructure.scss */
#fixed_bottom, #flash_message_holder {
  position: fixed;
  z-index: 100000;
  left: 0;
  width: 100%; }

/* line 52, app/stylesheets/components/_g_instructure.scss */
#flash_message_buffer {
  visibility: hidden; }

/* line 56, app/stylesheets/components/_g_instructure.scss */
#flash_message_holder {
  height: 0; }

/* line 60, app/stylesheets/components/_g_instructure.scss */
#flash_message_holder, #flash_message_buffer {
  top: 0;
  list-style: none;
  margin: 0;
  padding: 0; }
  /* line 69, app/stylesheets/components/_g_instructure.scss */
  #flash_message_holder li.ic-flash-info:first-child, #flash_message_holder li.ic-flash-success:first-child, #flash_message_holder li.ic-flash-warning:first-child, #flash_message_holder li.ic-flash-error:first-child, #flash_message_buffer li.ic-flash-info:first-child, #flash_message_buffer li.ic-flash-success:first-child, #flash_message_buffer li.ic-flash-warning:first-child, #flash_message_buffer li.ic-flash-error:first-child {
    margin-top: 12px; }
  /* line 77, app/stylesheets/components/_g_instructure.scss */
  #flash_message_holder li:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error), #flash_message_holder .ui-effects-wrapper, #flash_message_buffer li:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error), #flash_message_buffer .ui-effects-wrapper {
    margin: 0 auto !important; }
  /* line 80, app/stylesheets/components/_g_instructure.scss */
  #flash_message_holder li:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error), #flash_message_buffer li:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error) {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
    border-bottom-color: rgba(0, 0, 0, 0.5);
    padding: 4px 40px 4px 8px;
    min-height: 20px;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
    position: relative;
    z-index: 2;
    width: 400px; }
    /* line 91, app/stylesheets/components/_g_instructure.scss */
    #flash_message_holder li:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error).static_message, #flash_message_buffer li:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error).static_message {
      width: auto; }
    /* line 94, app/stylesheets/components/_g_instructure.scss */
    #flash_message_holder li:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error) a, #flash_message_buffer li:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error) a {
      text-decoration: underline;
      color: inherit; }
    /* line 98, app/stylesheets/components/_g_instructure.scss */
    #flash_message_holder li:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error) .close_link, #flash_message_buffer li:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error) .close_link {
      position: absolute;
      right: 10px;
      top: 50%;
      width: 20px;
      height: 20px;
      overflow: hidden;
      margin-top: -11px;
      color: white;
      text-decoration: none; }
    /* line 109, app/stylesheets/components/_g_instructure.scss */
    #flash_message_holder li:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error) i, #flash_message_buffer li:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error) i {
      display: inline-block;
      vertical-align: middle;
      margin-right: 0;
      width: 20px;
      height: 20px;
      background-image: url(/dist/images/check_16-195e0c04fd.png);
      background-repeat: no-repeat; }
    /* line 119, app/stylesheets/components/_g_instructure.scss */
    #flash_message_holder li:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error).ui-state-error i, #flash_message_holder li:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error).ui-state-warning i, #flash_message_buffer li:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error).ui-state-error i, #flash_message_buffer li:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error).ui-state-warning i {
      background-image: url(/dist/images/warning_16-bdc795aad1.png); }
    /* line 124, app/stylesheets/components/_g_instructure.scss */
    #flash_message_holder li:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error).no_close .close_link, #flash_message_buffer li:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error).no_close .close_link {
      display: none; }

/* line 131, app/stylesheets/components/_g_instructure.scss */
.user_content, .mceContentBody {
  position: relative;
  min-height: 5px;
  max-width: 100%; }

@-moz-document url-prefix() {
  /* line 131, app/stylesheets/components/_g_instructure.scss */
  .user_content, .mceContentBody {
    overflow-x: hidden; } }
  /* line 139, app/stylesheets/components/_g_instructure.scss */
  .user_content a:not(.btn):not(.Button):not(.ui-button), .mceContentBody a:not(.btn):not(.Button):not(.ui-button) {
    text-decoration: underline; }
  /* line 143, app/stylesheets/components/_g_instructure.scss */
  .user_content h3, .user_content .h3, .mceContentBody h3, .mceContentBody .h3 {
    margin-top: 1em;
    margin-bottom: 1em; }
  /* line 147, app/stylesheets/components/_g_instructure.scss */
  .user_content table:not([cellpadding]), .mceContentBody table:not([cellpadding]) {
    margin-left: 5px; }
    /* line 149, app/stylesheets/components/_g_instructure.scss */
    .user_content table:not([cellpadding]) td, .mceContentBody table:not([cellpadding]) td {
      padding: 2px; }

/* line 155, app/stylesheets/components/_g_instructure.scss */
.user_content iframe,
.user_content video {
  border: 0;
  padding: 0;
  margin: 0;
  max-width: 100%; }

/* line 164, app/stylesheets/components/_g_instructure.scss */
.reminder, .reminder-content {
  border: 1px solid #aaa;
  border-radius: 5px;
  margin: 5px;
  clear: both;
  font-size: 0.9em; }
  /* line 170, app/stylesheets/components/_g_instructure.scss */
  .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; }
  /* line 181, app/stylesheets/components/_g_instructure.scss */
  .reminder .body, .reminder-content .body {
    width: auto;
    padding: 5px 10px; }

/* line 189, app/stylesheets/components/_g_instructure.scss */
#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; }
  /* line 200, app/stylesheets/components/_g_instructure.scss */
  #floating_reminders a {
    font-weight: bold;
    cursor: pointer; }

/* line 208, app/stylesheets/components/_g_instructure.scss */
#right-side h2 .small_link, #right-side .h2 .small_link {
  font-size: 0.6em;
  font-family: arial, sans-serif; }

/* line 213, app/stylesheets/components/_g_instructure.scss */
#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; }

/* line 219, app/stylesheets/components/_g_instructure.scss */
#right-side ul.item_list {
  margin-top: 0;
  list-style-type: none;
  margin-left: 15px; }
  /* line 223, app/stylesheets/components/_g_instructure.scss */
  #right-side ul.item_list.limit_height {
    max-height: 150px;
    overflow: auto; }

/* line 228, app/stylesheets/components/_g_instructure.scss */
#right-side p {
  margin-top: 0;
  margin-bottom: 1em; }

/* line 232, app/stylesheets/components/_g_instructure.scss */
#right-side table.summary {
  margin: 5px 0px;
  width: 100%; }
  /* line 235, app/stylesheets/components/_g_instructure.scss */
  #right-side table.summary tbody th {
    font-weight: bold; }

/* line 239, app/stylesheets/components/_g_instructure.scss */
#right-side table.notifications {
  border-top: 2px solid #999;
  border-collapse: collapse; }
  /* line 242, app/stylesheets/components/_g_instructure.scss */
  #right-side table.notifications tr {
    border-color: #999; }
    /* line 244, app/stylesheets/components/_g_instructure.scss */
    #right-side table.notifications tr td {
      border-color: #999;
      border-bottom: 2px solid #999; }

/* line 250, app/stylesheets/components/_g_instructure.scss */
#right-side table.courses {
  width: 100%; }
  /* line 252, app/stylesheets/components/_g_instructure.scss */
  #right-side table.courses td {
    padding: 5px 5px 10px 10px;
    background-color: #eee;
    color: #888; }
    /* line 256, app/stylesheets/components/_g_instructure.scss */
    #right-side table.courses td .name {
      font-size: 1.5em;
      font-weight: bold; }
    /* line 260, app/stylesheets/components/_g_instructure.scss */
    #right-side table.courses td .links {
      font-size: 0.8em;
      text-align: center; }
    /* line 264, app/stylesheets/components/_g_instructure.scss */
    #right-side table.courses td a {
      text-decoration: none;
      color: #444; }
      /* line 267, app/stylesheets/components/_g_instructure.scss */
      #right-side table.courses td a:hover {
        text-decoration: underline; }

/* line 276, app/stylesheets/components/_g_instructure.scss */
#right-side .events_list li.event i.icon-check, #right-side .events_list li.todo i.icon-check, #right-side .to-do-list li.event i.icon-check, #right-side .to-do-list li.todo i.icon-check {
  color: #00AC18; }

/* line 279, app/stylesheets/components/_g_instructure.scss */
#right-side .events_list li.event .todo-badge, #right-side .events_list li.todo .todo-badge, #right-side .to-do-list li.event .todo-badge, #right-side .to-do-list li.todo .todo-badge {
  font-size: 11px;
  font-size: 0.6875rem;
  min-width: 18px;
  line-height: 18px;
  border-radius: 9px;
  background: var(--ic-brand-primary);
  color: #FFFFFF;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  box-sizing: border-box;
  padding: 0 6px;
  vertical-align: top;
  margin-top: 2px; }

/* line 286, app/stylesheets/components/_g_instructure.scss */
#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;
  -webkit-flex: 1;
          flex: 1;
  min-width: 1px;
  overflow: hidden;
  position: relative; }
  /* line 294, app/stylesheets/components/_g_instructure.scss */
  #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%); }

/* line 307, app/stylesheets/components/_g_instructure.scss */
#right-side .events_list .todo-details, #right-side .to-do-list .todo-details {
  padding-right: 30px; }
  /* line 310, app/stylesheets/components/_g_instructure.scss */
  #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%); }

/* line 320, app/stylesheets/components/_g_instructure.scss */
#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; }

/* line 325, app/stylesheets/components/_g_instructure.scss */
#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; }

/* line 330, app/stylesheets/components/_g_instructure.scss */
#right-side .events_list {
  margin-bottom: 18px; }
  /* line 332, app/stylesheets/components/_g_instructure.scss */
  #right-side .events_list .event-list-view-calendar {
    float: right;
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: normal; }
    /* line 336, app/stylesheets/components/_g_instructure.scss */
    #right-side .events_list .event-list-view-calendar[class*=icon-]:before, #right-side .events_list .event-list-view-calendar[class^=icon-]:before {
      font-size: 16px;
      font-size: 1rem;
      vertical-align: middle; }

/* line 342, app/stylesheets/components/_g_instructure.scss */
#right-side * + .events_list {
  margin-top: 18px; }

/* line 343, app/stylesheets/components/_g_instructure.scss */
#right-side .details {
  margin: 5px;
  padding: 5px 10px;
  border: 1px solid #888;
  border-radius: 5px; }
  /* line 348, app/stylesheets/components/_g_instructure.scss */
  #right-side .details .header {
    color: #444;
    font-weight: bold; }
  /* line 352, app/stylesheets/components/_g_instructure.scss */
  #right-side .details .preview {
    margin: 5px 30px 10px;
    padding: 5px;
    border: 1px solid #aaa;
    text-align: center;
    border-radius: 5px; }
  /* line 359, app/stylesheets/components/_g_instructure.scss */
  #right-side .details .links {
    margin: 10px 0; }

/* line 365, app/stylesheets/components/_g_instructure.scss */
table.summary {
  width: auto; }
  /* line 367, app/stylesheets/components/_g_instructure.scss */
  table.summary th, table.summary caption {
    text-align: left; }
  /* line 370, app/stylesheets/components/_g_instructure.scss */
  table.summary th, table.summary td, table.summary caption {
    padding: 6px; }
  /* line 373, app/stylesheets/components/_g_instructure.scss */
  table.summary thead th, table.summary caption {
    font-weight: bold;
    border-bottom: 1px solid #A5AFB5; }
  /* line 377, app/stylesheets/components/_g_instructure.scss */
  table.summary td, table.summary tbody th {
    border-bottom: 1px solid #C7CDD1;
    background-color: #FFFFFF; }
  /* line 382, app/stylesheets/components/_g_instructure.scss */
  table.summary table.subtable th, table.summary table.subtable td {
    border-top: 0;
    padding: 1px 5px 1px 0;
    font-size: 0.8em; }

/* line 390, app/stylesheets/components/_g_instructure.scss */
form table.formtable {
  margin: 0;
  padding: 0;
  width: auto; }

/* line 396, app/stylesheets/components/_g_instructure.scss */
table.formtable td {
  vertical-align: top;
  padding: 2px 3px; }

/* line 402, app/stylesheets/components/_g_instructure.scss */
.courses .name, .groups .name, .accounts .name {
  font-size: 1.1em;
  font-weight: bold; }

/* line 407, app/stylesheets/components/_g_instructure.scss */
.courses .unpublished .name a, .groups .unpublished .name a, .accounts .unpublished .name a {
  color: var(--ic-brand-font-color-dark-lightened-15); }

/* line 410, app/stylesheets/components/_g_instructure.scss */
.courses .unpublished i, .groups .unpublished i, .accounts .unpublished i {
  color: var(--ic-brand-font-color-dark-lightened-15); }

/* line 414, app/stylesheets/components/_g_instructure.scss */
.courses .details, .groups .details, .accounts .details {
  font-size: 0.8em;
  margin: 0 0 0 10px; }

/* line 418, app/stylesheets/components/_g_instructure.scss */
.courses .info, .groups .info, .accounts .info {
  clear: left;
  font-size: 0.8em;
  margin: 0 0 5px 10px; }
  /* line 422, app/stylesheets/components/_g_instructure.scss */
  .courses .info .links, .groups .info .links, .accounts .info .links {
    color: #eee; }
    /* line 424, app/stylesheets/components/_g_instructure.scss */
    .courses .info .links a, .groups .info .links a, .accounts .info .links a {
      color: var(--ic-brand-font-color-dark-lightened-15); }

/* line 439, app/stylesheets/components/_g_instructure.scss */
.touch .course .course .info .links, .touch .course .group .info .links, .touch .course .account .info .links,
.touch .group .course .info .links,
.touch .group .group .info .links,
.touch .group .account .info .links,
.touch .account .course .info .links,
.touch .account .group .info .links,
.touch .account .account .info .links,
.course:hover .course .info .links,
.course:hover .group .info .links,
.course:hover .account .info .links,
.group:hover .course .info .links,
.group:hover .group .info .links,
.group:hover .account .info .links,
.account:hover .course .info .links,
.account:hover .group .info .links,
.account:hover .account .info .links {
  color: var(--ic-brand-font-color-dark-lightened-30); }
  /* line 441, app/stylesheets/components/_g_instructure.scss */
  .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); }

/* line 449, app/stylesheets/components/_g_instructure.scss */
span.hint {
  color: var(--ic-brand-font-color-dark);
  font-size: 0.8em; }

/* line 454, app/stylesheets/components/_g_instructure.scss */
.event_pending {
  opacity: 0.4; }

/* line 458, app/stylesheets/components/_g_instructure.scss */
.error_message {
  color: #EE0612; }

/* line 462, app/stylesheets/components/_g_instructure.scss */
.formError {
  color: #EE0612;
  font-size: 0.8em;
  padding-left: 15px; }

/* line 468, app/stylesheets/components/_g_instructure.scss */
.nobr {
  white-space: nowrap; }

/* line 472, app/stylesheets/components/_g_instructure.scss */
.mini_discussion {
  font-size: 0.8em; }
  /* line 474, app/stylesheets/components/_g_instructure.scss */
  .mini_discussion .name {
    font-weight: bold;
    margin-left: 10px; }
  /* line 478, app/stylesheets/components/_g_instructure.scss */
  .mini_discussion .date {
    margin-left: 5px; }
  /* line 481, app/stylesheets/components/_g_instructure.scss */
  .mini_discussion .message {
    font-size: 1.5em; }

/* line 486, app/stylesheets/components/_g_instructure.scss */
.loading_image {
  background-color: #FFFFFF; }

/* line 491, app/stylesheets/components/_g_instructure.scss */
body .disabled_link {
  display: none; }

/* line 495, app/stylesheets/components/_g_instructure.scss */
.error_box {
  position: absolute;
  top: -1000px;
  left: -100px;
  z-index: 11;
  max-width: 200px;
  min-width: 100px; }
  /* line 502, app/stylesheets/components/_g_instructure.scss */
  .error_box .error_text {
    max-height: 100px;
    overflow: auto;
    margin-bottom: 10px;
    background-color: #edd;
    border: 2px solid #a44;
    border-radius: 5px;
    padding: 5px; }
  /* line 511, app/stylesheets/components/_g_instructure.scss */
  .error_box .error_bottom {
    position: absolute;
    bottom: 0;
    left: 4px; }

/* line 518, app/stylesheets/components/_g_instructure.scss */
.datetime_suggest {
  font-size: 0.8em;
  padding-left: 10px;
  color: #737373; }

/* line 524, app/stylesheets/components/_g_instructure.scss */
#submission_preview {
  margin: 20px auto; }
  /* line 526, app/stylesheets/components/_g_instructure.scss */
  #submission_preview.paper {
    min-width: 400px; }
  /* line 529, app/stylesheets/components/_g_instructure.scss */
  #submission_preview.plain_text {
    width: 90%;
    font-family: courier, monospace; }

/* line 535, app/stylesheets/components/_g_instructure.scss */
#sidebar .ui-widget {
  margin-bottom: 1em; }

/* line 539, app/stylesheets/components/_g_instructure.scss */
ul.notification_list {
  line-height: 1.7em;
  padding-left: 10px;
  margin-bottom: 20px; }

/* line 545, app/stylesheets/components/_g_instructure.scss */
ul.group_list {
  line-height: 1.7em;
  padding-left: 10px;
  margin-bottom: 20px; }

@-webkit-keyframes icon-slide-down {
  from {
    -webkit-transform: scale(0.7);
            transform: scale(0.7); }
  to {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes icon-slide-down {
  from {
    -webkit-transform: scale(0.7);
            transform: scale(0.7); }
  to {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-webkit-keyframes icon-slide-up {
  from {
    -webkit-transform: translate3d(0, 48px, 0);
            transform: translate3d(0, 48px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes icon-slide-up {
  from {
    -webkit-transform: translate3d(0, 48px, 0);
            transform: translate3d(0, 48px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

/* line 572, app/stylesheets/components/_g_instructure.scss */
#wizard_box {
  border-bottom: 1px solid #aaa;
  z-index: 111;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  display: none; }
  /* line 580, app/stylesheets/components/_g_instructure.scss */
  #wizard_box h3, #wizard_box .h3 {
    border-bottom: 1px solid #aaa;
    margin: 0 0 10px;
    padding-bottom: 5px; }
  /* line 585, app/stylesheets/components/_g_instructure.scss */
  #wizard_box .wizard_content {
    background-color: #eee;
    border-top: 1px solid #888;
    padding: 10px;
    box-shadow: 0 0 10px #333; }
    /* line 25, app/stylesheets/base/_ic_mixins.scss */
    #wizard_box .wizard_content:before, #wizard_box .wizard_content:after {
      display: table;
      content: "";
      line-height: 0; }
    /* line 31, app/stylesheets/base/_ic_mixins.scss */
    #wizard_box .wizard_content:after {
      clear: both; }
    /* line 597, app/stylesheets/components/_g_instructure.scss */
    #wizard_box .wizard_content .links {
      float: right; }
    /* line 600, app/stylesheets/components/_g_instructure.scss */
    #wizard_box .wizard_content .wizard_options {
      float: left;
      width: 40%;
      padding-right: 20px;
      position: relative; }
    /* line 606, app/stylesheets/components/_g_instructure.scss */
    #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; }
      /* line 617, app/stylesheets/components/_g_instructure.scss */
      #wizard_box .wizard_content .wizard_details a.link {
        background-image: none;
        padding: 0; }
      /* line 621, app/stylesheets/components/_g_instructure.scss */
      #wizard_box .wizard_content .wizard_details p {
        margin-top: 0; }
    /* line 625, app/stylesheets/components/_g_instructure.scss */
    #wizard_box .wizard_content .wizard_options_list {
      list-style-type: none;
      margin: 0 10px 0 0;
      padding-left: 5px; }
      /* line 629, app/stylesheets/components/_g_instructure.scss */
      #wizard_box .wizard_content .wizard_options_list li {
        line-height: 1.8em; }
      /* line 632, app/stylesheets/components/_g_instructure.scss */
      #wizard_box .wizard_content .wizard_options_list .option {
        cursor: pointer;
        font-weight: bold;
        color: #444;
        border-radius: 3px; }
        /* line 637, app/stylesheets/components/_g_instructure.scss */
        #wizard_box .wizard_content .wizard_options_list .option:hover {
          background-color: #FFFFFF; }
        /* line 642, app/stylesheets/components/_g_instructure.scss */
        #wizard_box .wizard_content .wizard_options_list .option.completed a {
          color: #aaa; }
        /* line 645, app/stylesheets/components/_g_instructure.scss */
        #wizard_box .wizard_content .wizard_options_list .option.selected {
          background-color: #FFFFFF; }
        /* line 657, app/stylesheets/components/_g_instructure.scss */
        #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; }
  /* line 667, app/stylesheets/components/_g_instructure.scss */
  #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; }
    /* line 678, app/stylesheets/components/_g_instructure.scss */
    #wizard_box.wizard-box--course * {
      box-sizing: border-box; }
    /* line 681, app/stylesheets/components/_g_instructure.scss */
    #wizard_box.wizard-box--course h3 {
      padding: 0;
      margin: 0;
      border-bottom-color: rgba(255, 255, 255, 0.15);
      font-weight: bold; }
    /* line 687, app/stylesheets/components/_g_instructure.scss */
    #wizard_box.wizard-box--course .wizard-box__feature-icon {
      display: none; }
      @media only screen and (min-width: 992px) {
        /* line 687, app/stylesheets/components/_g_instructure.scss */
        #wizard_box.wizard-box--course .wizard-box__feature-icon {
          display: block;
          text-align: center;
          margin: 0;
          margin: -72px 0 24px;
          -webkit-transform: translate3d(0, 0, 0) scale(0.7);
                  transform: translate3d(0, 0, 0) scale(0.7);
          -webkit-transform-origin: center top;
                  transform-origin: center top;
          -webkit-animation-duration: 0.5s;
                  animation-duration: 0.5s;
          -webkit-animation-name: icon-slide-down;
                  animation-name: icon-slide-down;
          -webkit-animation-timing-function: cubic-bezier(0, 1, 0.5, 1);
                  animation-timing-function: cubic-bezier(0, 1, 0.5, 1);
          -webkit-animation-fill-mode: forwards;
                  animation-fill-mode: forwards; } }
      /* line 702, app/stylesheets/components/_g_instructure.scss */
      #wizard_box.wizard-box--course .wizard-box__feature-icon i[class^=icon-] {
        width: 84px;
        height: 84px;
        background: #2D3B45;
        border-radius: 100%;
        font-size: 60px; }
        /* line 708, app/stylesheets/components/_g_instructure.scss */
        #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) {
          /* line 702, app/stylesheets/components/_g_instructure.scss */
          #wizard_box.wizard-box--course .wizard-box__feature-icon i[class^=icon-] {
            width: 168px;
            height: 168px;
            font-size: 120px; }
            /* line 717, app/stylesheets/components/_g_instructure.scss */
            #wizard_box.wizard-box--course .wizard-box__feature-icon i[class^=icon-]:before {
              font-size: 108px;
              line-height: 168px; } }
    /* line 724, app/stylesheets/components/_g_instructure.scss */
    #wizard_box.wizard-box--course .wizard-box__container {
      height: 100%;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
              flex-direction: column;
      background: linear-gradient(to bottom, rgba(45, 59, 69, 0.75) 0%, transparent 100%); }
    /* line 732, app/stylesheets/components/_g_instructure.scss */
    #wizard_box.wizard-box--course .wizard-box__columns {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column-reverse;
              flex-direction: column-reverse;
      -webkit-flex: 1;
              flex: 1; }
      @media only screen and (min-width: 992px) {
        /* line 732, app/stylesheets/components/_g_instructure.scss */
        #wizard_box.wizard-box--course .wizard-box__columns {
          -webkit-flex-direction: row;
                  flex-direction: row; } }
    /* line 740, app/stylesheets/components/_g_instructure.scss */
    #wizard_box.wizard-box--course .wizard-box__close-wizard {
      width: 100%; }
    /* line 743, app/stylesheets/components/_g_instructure.scss */
    #wizard_box.wizard-box--course .wizard-box__logo {
      padding: 12px;
      -webkit-flex: 0 0 34%;
              flex: 0 0 34%; }
      @media only screen and (min-width: 992px) {
        /* line 743, app/stylesheets/components/_g_instructure.scss */
        #wizard_box.wizard-box--course .wizard-box__logo {
          -webkit-flex: 0 0 120px;
                  flex: 0 0 120px;
          padding: 24px; } }
      /* line 751, app/stylesheets/components/_g_instructure.scss */
      #wizard_box.wizard-box--course .wizard-box__logo .svg-canvas-logo {
        display: block;
        width: 120px; }
        @media only screen and (min-width: 992px) {
          /* line 751, app/stylesheets/components/_g_instructure.scss */
          #wizard_box.wizard-box--course .wizard-box__logo .svg-canvas-logo {
            width: 144px; } }
    /* line 759, app/stylesheets/components/_g_instructure.scss */
    #wizard_box.wizard-box--course .wizard_content {
      background: transparent;
      color: #FFFFFF;
      padding: 0;
      border: none;
      box-shadow: none;
      height: 100%; }
      /* line 766, app/stylesheets/components/_g_instructure.scss */
      #wizard_box.wizard-box--course .wizard_content .links {
        display: none; }
      /* line 769, app/stylesheets/components/_g_instructure.scss */
      #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; }
      /* line 775, app/stylesheets/components/_g_instructure.scss */
      #wizard_box.wizard-box--course .wizard_content .wizard_options {
        padding: 0;
        display: -webkit-flex;
        display: flex;
        background: rgba(23, 30, 34, 0.9); }
        @media only screen and (min-width: 992px) {
          /* line 775, app/stylesheets/components/_g_instructure.scss */
          #wizard_box.wizard-box--course .wizard_content .wizard_options {
            -webkit-flex-direction: column;
                    flex-direction: column;
            -webkit-flex: 0 0 30%;
                    flex: 0 0 30%; } }
      /* line 789, app/stylesheets/components/_g_instructure.scss */
      #wizard_box.wizard-box--course .wizard_content .wizard_options_list {
        margin: 0;
        padding: 12px;
        -webkit-flex: 1;
                flex: 1;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
                flex-direction: column; }
        @media only screen and (min-width: 992px) {
          /* line 789, app/stylesheets/components/_g_instructure.scss */
          #wizard_box.wizard-box--course .wizard_content .wizard_options_list {
            padding: 0; } }
        /* line 799, app/stylesheets/components/_g_instructure.scss */
        #wizard_box.wizard-box--course .wizard_content .wizard_options_list .option {
          -webkit-flex: 1;
                  flex: 1;
          display: -webkit-flex;
          display: flex;
          -webkit-flex-direction: column;
                  flex-direction: column;
          -webkit-align-items: center;
                  align-items: center;
          border-radius: 0;
          font-weight: normal; }
          @media only screen and (min-width: 992px) {
            /* line 799, app/stylesheets/components/_g_instructure.scss */
            #wizard_box.wizard-box--course .wizard_content .wizard_options_list .option {
              font-size: 15px;
              font-size: 0.9375rem; } }
          /* line 810, app/stylesheets/components/_g_instructure.scss */
          #wizard_box.wizard-box--course .wizard_content .wizard_options_list .option.selected {
            background: rgba(255, 255, 255, 0.1); }
            /* line 812, app/stylesheets/components/_g_instructure.scss */
            #wizard_box.wizard-box--course .wizard_content .wizard_options_list .option.selected a.header {
              border-left-color: var(--ic-brand-primary); }
          /* line 817, app/stylesheets/components/_g_instructure.scss */
          #wizard_box.wizard-box--course .wizard_content .wizard_options_list .option.completed a.header {
            background-image: url("/dist/images/wizard-todo-checked-db664c742f.svg"); }
          /* line 821, app/stylesheets/components/_g_instructure.scss */
          #wizard_box.wizard-box--course .wizard_content .wizard_options_list .option a.header {
            -webkit-flex: 1;
                    flex: 1;
            display: -webkit-flex;
            display: flex;
            width: 100%;
            -webkit-align-items: center;
                    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) {
              /* line 821, app/stylesheets/components/_g_instructure.scss */
              #wizard_box.wizard-box--course .wizard_content .wizard_options_list .option a.header {
                background-position: 24px 50%;
                background-size: 24px 24px;
                padding-left: 60px; } }
      /* line 841, app/stylesheets/components/_g_instructure.scss */
      #wizard_box.wizard-box--course .wizard_content .wizard_details__layout {
        -webkit-flex: 2;
                flex: 2;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
                flex-direction: column;
        -webkit-align-items: center;
                align-items: center;
        position: relative; }
        @media only screen and (min-width: 992px) {
          /* line 841, app/stylesheets/components/_g_instructure.scss */
          #wizard_box.wizard-box--course .wizard_content .wizard_details__layout {
            -webkit-align-items: center;
                    align-items: center; } }
      /* line 851, app/stylesheets/components/_g_instructure.scss */
      #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;
        -webkit-flex: 0.75;
                flex: 0.75;
        -webkit-align-self: center;
                align-self: center;
        text-align: center; }
        @media only screen and (min-width: 500px) {
          /* line 851, app/stylesheets/components/_g_instructure.scss */
          #wizard_box.wizard-box--course .wizard_content h3.wizard_details__headline {
            font-size: 60px;
            letter-spacing: -1px;
            -webkit-flex: 1;
                    flex: 1; } }
        @media only screen and (min-width: 992px) {
          /* line 851, app/stylesheets/components/_g_instructure.scss */
          #wizard_box.wizard-box--course .wizard_content h3.wizard_details__headline {
            font-size: 84px;
            display: -webkit-flex;
            display: flex;
            width: 100%;
            -webkit-justify-content: center;
                    justify-content: center;
            -webkit-align-self: auto;
                    align-self: auto; } }
      /* line 873, app/stylesheets/components/_g_instructure.scss */
      #wizard_box.wizard-box--course .wizard_content .wizard_details__calltoaction {
        margin-top: 24px; }
      /* line 876, app/stylesheets/components/_g_instructure.scss */
      #wizard_box.wizard-box--course .wizard_content .wizard_details__container {
        -webkit-flex: 3;
                flex: 3; }
        @media only screen and (min-width: 992px) {
          /* line 876, app/stylesheets/components/_g_instructure.scss */
          #wizard_box.wizard-box--course .wizard_content .wizard_details__container {
            -webkit-flex: 2;
                    flex: 2; } }
      /* line 882, app/stylesheets/components/_g_instructure.scss */
      #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;
        -webkit-animation-duration: 0.5s;
                animation-duration: 0.5s;
        -webkit-animation-name: icon-slide-up;
                animation-name: icon-slide-up;
        -webkit-animation-timing-function: cubic-bezier(0, 1, 0.5, 1);
                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) {
          /* line 882, app/stylesheets/components/_g_instructure.scss */
          #wizard_box.wizard-box--course .wizard_content .wizard_details {
            max-width: 600px;
            border-radius: 6px;
            padding: 36px; } }
        /* line 908, app/stylesheets/components/_g_instructure.scss */
        #wizard_box.wizard-box--course .wizard_content .wizard_details p {
          line-height: 1.5; }
          @media only screen and (min-width: 992px) {
            /* line 908, app/stylesheets/components/_g_instructure.scss */
            #wizard_box.wizard-box--course .wizard_content .wizard_details p {
              font-size: 15px;
              font-size: 0.9375rem; } }
          /* line 914, app/stylesheets/components/_g_instructure.scss */
          #wizard_box.wizard-box--course .wizard_content .wizard_details p:last-of-type {
            margin-bottom: 0; }
        /* line 918, app/stylesheets/components/_g_instructure.scss */
        #wizard_box.wizard-box--course .wizard_content .wizard_details a.link {
          padding: 12px 24px;
          background-image: none; }

/* line 928, app/stylesheets/components/_g_instructure.scss */
#content_tags_dialog h3, #content_tags_dialog .h3 {
  margin: 0;
  padding: 0;
  font-size: 0.8em;
  color: #888; }

/* line 934, app/stylesheets/components/_g_instructure.scss */
#content_tags_dialog .tags {
  list-style-type: none;
  padding: 0;
  margin: 0; }
  /* line 938, app/stylesheets/components/_g_instructure.scss */
  #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; }
    /* line 947, app/stylesheets/components/_g_instructure.scss */
    #content_tags_dialog .tags > .tag.uneditable {
      background-color: #ddd; }
      /* line 949, app/stylesheets/components/_g_instructure.scss */
      #content_tags_dialog .tags > .tag.uneditable .delete_link {
        display: none; }

/* line 957, app/stylesheets/components/_g_instructure.scss */
.hidden-readable {
  position: absolute;
  left: -100000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden; }

/* line 966, app/stylesheets/components/_g_instructure.scss */
#keyboard_navigation {
  display: none; }

/* line 971, app/stylesheets/components/_g_instructure.scss */
#keyboard_navigation ul.navigation_list, .keyboard_navigation ul.navigation_list {
  padding: 0;
  margin: 0;
  list-style-type: none;
  line-height: 1.7em; }
  /* line 977, app/stylesheets/components/_g_instructure.scss */
  #keyboard_navigation ul.navigation_list li span, .keyboard_navigation ul.navigation_list li span {
    padding: 1px 2px; }
  /* line 980, app/stylesheets/components/_g_instructure.scss */
  #keyboard_navigation ul.navigation_list li .keycode, .keyboard_navigation ul.navigation_list li .keycode {
    font-weight: bold;
    font-size: 1.2em;
    color: #248;
    font-family: courier, monospace;
    text-align: right; }

/* line 993, app/stylesheets/components/_g_instructure.scss */
.communication_messages_list .communication_message .context_code, .communication_messages_list .communication_sub_message .context_code {
  display: none; }

/* line 999, app/stylesheets/components/_g_instructure.scss */
.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; }

/* line 1006, app/stylesheets/components/_g_instructure.scss */
.communication_message {
  margin: 0 0.5em 0.5em 0.5em;
  padding: 0 0 0.5em 0;
  width: auto;
  color: #000;
  border-bottom: 1px solid #ddd; }
  /* line 1012, app/stylesheets/components/_g_instructure.scss */
  .communication_message.selected {
    border-width: 1px; }
  /* line 1016, app/stylesheets/components/_g_instructure.scss */
  .communication_message div.header {
    padding: 2px 5px;
    /* :border-bottom 1px solid #eee */
    _height: 25px;
    color: #666; }
    /* line 1021, app/stylesheets/components/_g_instructure.scss */
    .communication_message div.header .header_title {
      float: left; }
    /* line 1024, app/stylesheets/components/_g_instructure.scss */
    .communication_message div.header .header_icon {
      float: left;
      padding-top: 5px; }
      /* line 1027, app/stylesheets/components/_g_instructure.scss */
      .communication_message div.header .header_icon.announcement_header_icon {
        display: none; }
    /* line 1031, app/stylesheets/components/_g_instructure.scss */
    .communication_message div.header .title {
      margin-left: 10px;
      font-size: 1em;
      font-weight: bold; }
    /* line 1038, app/stylesheets/components/_g_instructure.scss */
    .communication_message div.header .sub_title {
      margin-left: 30px;
      line-height: 0.8em; }
    /* line 1042, app/stylesheets/components/_g_instructure.scss */
    .communication_message div.header .context_code {
      font-size: 0.8em;
      padding-right: 5px;
      padding-left: 0; }
    /* line 1047, app/stylesheets/components/_g_instructure.scss */
    .communication_message div.header .context_name {
      font-size: 0.8em;
      padding: 0 5px;
      color: inherit;
      text-decoration: none; }
    /* line 1053, app/stylesheets/components/_g_instructure.scss */
    .communication_message div.header .points_possible {
      font-size: 0.8em;
      padding-right: 5px;
      padding-left: 0; }
    /* line 1058, app/stylesheets/components/_g_instructure.scss */
    .communication_message div.header .podcast {
      display: none; }
    /* line 1061, app/stylesheets/components/_g_instructure.scss */
    .communication_message div.header .user_name {
      white-space: nowrap;
      font-size: 0.8em; }
    /* line 1065, app/stylesheets/components/_g_instructure.scss */
    .communication_message div.header .post_date {
      float: right;
      padding-right: 10px;
      font-size: 0.8em;
      padding-top: 0.2em; }
      /* line 1070, app/stylesheets/components/_g_instructure.scss */
      .communication_message div.header .post_date .new-and-total-badge {
        float: right; }
    /* line 1074, app/stylesheets/components/_g_instructure.scss */
    .communication_message div.header .under_links {
      float: right;
      clear: right;
      padding-right: 10px;
      font-size: 0.8em; }
      /* line 1079, app/stylesheets/components/_g_instructure.scss */
      .communication_message div.header .under_links a {
        color: inherit; }
    /* line 1083, app/stylesheets/components/_g_instructure.scss */
    .communication_message div.header .link_box {
      float: right;
      width: 60px;
      text-align: right;
      min-height: 10px;
      margin-right: 5px; }
      /* line 1089, app/stylesheets/components/_g_instructure.scss */
      .communication_message div.header .link_box a {
        opacity: 0; }
        /* line 1091, app/stylesheets/components/_g_instructure.scss */
        .communication_message div.header .link_box a:hover, .communication_message div.header .link_box a:focus {
          opacity: 1; }
  /* line 1097, app/stylesheets/components/_g_instructure.scss */
  .communication_message div.content {
    padding: 5px 5px 1px 50px;
    color: #444; }
    /* line 1100, app/stylesheets/components/_g_instructure.scss */
    .communication_message div.content .links {
      text-align: right;
      margin-right: 2.5em;
      display: block;
      font-size: 0.8em;
      color: #888; }
      /* line 1106, app/stylesheets/components/_g_instructure.scss */
      .communication_message div.content .links a {
        color: #666; }
        /* line 1108, app/stylesheets/components/_g_instructure.scss */
        .communication_message div.content .links a.brief_footer_link {
          display: none; }
        /* line 1111, app/stylesheets/components/_g_instructure.scss */
        .communication_message div.content .links a.verbose_footer_link {
          display: inline; }
    /* line 1116, app/stylesheets/components/_g_instructure.scss */
    .communication_message div.content .subcontent {
      padding-top: 5px; }
    /* line 1119, app/stylesheets/components/_g_instructure.scss */
    .communication_message div.content .status {
      text-align: right;
      font-size: 0.8em; }
    /* line 1123, app/stylesheets/components/_g_instructure.scss */
    .communication_message div.content .original_post_date {
      text-align: right;
      font-size: 0.8em;
      padding-right: 44px;
      color: #888; }
    /* line 1131, app/stylesheets/components/_g_instructure.scss */
    .communication_message div.content .statistics td.name {
      width: 20%;
      vertical-align: top;
      padding: 5px 0;
      border-bottom: 1px solid #eee; }
      /* line 1136, app/stylesheets/components/_g_instructure.scss */
      .communication_message div.content .statistics td.name .text {
        font-size: 0.8em; }
    /* line 1140, app/stylesheets/components/_g_instructure.scss */
    .communication_message div.content .statistics td.stats {
      vertical-align: top;
      padding: 5px 0 5px 10px;
      border-bottom: 1px solid #eee; }
      /* line 1145, app/stylesheets/components/_g_instructure.scss */
      .communication_message div.content .statistics td.stats .answer .text {
        font-size: 0.8em; }
      /* line 1148, app/stylesheets/components/_g_instructure.scss */
      .communication_message div.content .statistics td.stats .answer .answer_bar {
        margin-bottom: 3px;
        border: 1px solid #888;
        background: #ccc;
        height: 10px; }
      /* line 1155, app/stylesheets/components/_g_instructure.scss */
      .communication_message div.content .statistics td.stats .answer.correct_answer .answer_bar {
        background: #8EC778; }
    /* line 1164, app/stylesheets/components/_g_instructure.scss */
    .communication_message div.content .attachments_list a {
      color: #888; }
    /* line 1168, app/stylesheets/components/_g_instructure.scss */
    .communication_message div.content .extras {
      font-size: 0.8em;
      color: #888; }
  /* line 1173, app/stylesheets/components/_g_instructure.scss */
  .communication_message div.footer {
    margin: 5px; }
  /* line 1176, app/stylesheets/components/_g_instructure.scss */
  .communication_message div.base_links {
    font-size: 1.5em;
    text-align: center; }
  /* line 1180, app/stylesheets/components/_g_instructure.scss */
  .communication_message div.subcontent {
    /* :border-left 1px solid #ddd */ }
  /* line 1184, app/stylesheets/components/_g_instructure.scss */
  .communication_message.pinned_notification {
    border: 1px solid #bbb;
    background: #ffb; }
    /* line 1188, app/stylesheets/components/_g_instructure.scss */
    .communication_message.pinned_notification .header .links {
      float: right;
      font-size: 0.8em; }
    /* line 1194, app/stylesheets/components/_g_instructure.scss */
    .communication_message.pinned_notification .user_content p:last-child {
      margin-bottom: 0; }
  /* line 1201, app/stylesheets/components/_g_instructure.scss */
  .communication_message.has_podcast .header .podcast {
    display: block;
    float: right;
    opacity: 0.7; }
  /* line 1208, app/stylesheets/components/_g_instructure.scss */
  .communication_message a.disable_item_link {
    visibility: hidden;
    float: right;
    margin-right: 6px; }
  /* line 1215, app/stylesheets/components/_g_instructure.scss */
  .communication_message.alert div.content {
    padding-left: 35px; }

/* line 1223, app/stylesheets/components/_g_instructure.scss */
.communication_message_hover div.header .link_box a {
  opacity: 0.5; }

/* line 1228, app/stylesheets/components/_g_instructure.scss */
.communication_message_hover a.disable_item_link {
  visibility: visible;
  opacity: 0.5; }
  /* line 1231, app/stylesheets/components/_g_instructure.scss */
  .communication_message_hover a.disable_item_link:hover {
    opacity: 1; }

/* line 1239, app/stylesheets/components/_g_instructure.scss */
.brief_communication_message div.header .link_box {
  display: none; }

/* line 1245, app/stylesheets/components/_g_instructure.scss */
.brief_communication_message div.content .links a.brief_footer_link {
  display: inline; }

/* line 1248, app/stylesheets/components/_g_instructure.scss */
.brief_communication_message div.content .links a.verbose_footer_link {
  display: none; }

/* line 1257, app/stylesheets/components/_g_instructure.scss */
.communication_message.announcement div.header .header_icon.announcement_header_icon {
  display: inline; }

/* line 1260, app/stylesheets/components/_g_instructure.scss */
.communication_message.announcement div.header .header_icon.discussion_topic_header_icon {
  display: none; }

/* line 1268, app/stylesheets/components/_g_instructure.scss */
.communication_message.conversation .submission ul {
  margin: 0 10px 10px 0;
  padding: 0; }

/* line 1272, app/stylesheets/components/_g_instructure.scss */
.communication_message.conversation .submission li {
  padding: 2px 5px;
  margin: 0 0 2px 0;
  list-style: none;
  background: #e8e8e8; }

/* line 1278, app/stylesheets/components/_g_instructure.scss */
.communication_message.conversation .submission .user_name {
  font-size: 0.8em;
  padding: 0; }

/* line 1282, app/stylesheets/components/_g_instructure.scss */
.communication_message.conversation .submission .score {
  float: right;
  padding-right: 10px; }

/* line 1289, app/stylesheets/components/_g_instructure.scss */
.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; }
  /* line 1298, app/stylesheets/components/_g_instructure.scss */
  .communication_sub_message div.header, .communication_sub_message div li {
    padding: 0 5px;
    border-width: 0px;
    color: #999; }
    /* line 1302, app/stylesheets/components/_g_instructure.scss */
    .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; }
      /* line 1309, app/stylesheets/components/_g_instructure.scss */
      .communication_sub_message div.header .link_box a, .communication_sub_message div li .link_box a {
        visibility: hidden; }
      /* line 1312, app/stylesheets/components/_g_instructure.scss */
      .communication_sub_message div.header .link_box:hover, .communication_sub_message div li .link_box:hover {
        opacity: 1; }
        /* line 1314, app/stylesheets/components/_g_instructure.scss */
        .communication_sub_message div.header .link_box:hover a, .communication_sub_message div li .link_box:hover a {
          visibility: visible; }
    /* line 1319, app/stylesheets/components/_g_instructure.scss */
    .communication_sub_message div.header .header_title, .communication_sub_message div li .header_title {
      float: left; }
    /* line 1322, app/stylesheets/components/_g_instructure.scss */
    .communication_sub_message div.header .user_name, .communication_sub_message div li .user_name {
      padding-left: 5px;
      white-space: nowrap; }
    /* line 1326, app/stylesheets/components/_g_instructure.scss */
    .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; }
    /* line 1332, app/stylesheets/components/_g_instructure.scss */
    .communication_sub_message div.header a, .communication_sub_message div li a {
      color: #888; }
  /* line 1336, app/stylesheets/components/_g_instructure.scss */
  .communication_sub_message div.content {
    padding: 1px 5px 1px 30px;
    color: #444; }
    /* line 1339, app/stylesheets/components/_g_instructure.scss */
    .communication_sub_message div.content .less_important {
      color: #888;
      display: block;
      text-align: right;
      padding-right: 20px; }
    /* line 1345, app/stylesheets/components/_g_instructure.scss */
    .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%; }
    /* line 1354, app/stylesheets/components/_g_instructure.scss */
    .communication_sub_message div.content textarea {
      border: 1px solid #aaa;
      border-radius: 4px;
      padding: 2px;
      font-size: 1.1em;
      font-family: Arial, sans-serif;
      width: 94%; }
      /* line 1361, app/stylesheets/components/_g_instructure.scss */
      .communication_sub_message div.content textarea.dim {
        height: 1em;
        color: #aaa;
        font-family: arial, sans-serif; }
  /* line 1368, app/stylesheets/components/_g_instructure.scss */
  .communication_sub_message div.behavior_content {
    color: #999;
    padding: 2px 5px 2px 30px; }
    /* line 1371, app/stylesheets/components/_g_instructure.scss */
    .communication_sub_message div.behavior_content a {
      color: #888; }
  /* line 1375, app/stylesheets/components/_g_instructure.scss */
  .communication_sub_message div.footer {
    float: right; }
  /* line 1379, app/stylesheets/components/_g_instructure.scss */
  .communication_sub_message.toggled_communication_sub_message {
    display: none; }
  /* line 1382, app/stylesheets/components/_g_instructure.scss */
  .communication_sub_message.lonely_behavior_message {
    background-color: transparent; }
    /* line 1385, app/stylesheets/components/_g_instructure.scss */
    .communication_sub_message.lonely_behavior_message div.content a.textarea {
      display: inline;
      color: inherit;
      padding: 0;
      margin-right: 15px;
      border-width: 0; }
      /* line 1391, app/stylesheets/components/_g_instructure.scss */
      .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; }
    /* line 1396, app/stylesheets/components/_g_instructure.scss */
    .communication_sub_message.lonely_behavior_message div.content .less_important {
      display: inline;
      color: inherit; }

/* line 1404, app/stylesheets/components/_g_instructure.scss */
html > body .communication_sub_message .content textarea {
  width: 97%; }

/* line 1408, app/stylesheets/components/_g_instructure.scss */
html > body .communication_sub_message .content a.textarea {
  width: 97%; }

/* line 1413, app/stylesheets/components/_g_instructure.scss */
html > body .communication_message div.header .under_links {
  opacity: 0; }

/* line 1417, app/stylesheets/components/_g_instructure.scss */
html > body .communication_message:hover div.header .under_links {
  opacity: 1; }

/* line 1422, app/stylesheets/components/_g_instructure.scss */
.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%; }

/* line 1434, app/stylesheets/components/_g_instructure.scss */
.new_activity_message .message_type img {
  border-radius: 2px;
  padding: 0 5px;
  cursor: pointer;
  border: 1px solid #fff; }
  /* line 1439, app/stylesheets/components/_g_instructure.scss */
  .new_activity_message .message_type img:hover {
    border-color: #ccc; }
  /* line 1442, app/stylesheets/components/_g_instructure.scss */
  .new_activity_message .message_type img.selected {
    border-color: #888;
    background-color: #eee; }

/* line 1449, app/stylesheets/components/_g_instructure.scss */
.new_activity_message form textarea {
  height: 4.8em;
  border: 1px solid #aaa;
  border-radius: 4px;
  padding: 2px;
  font-size: 1.1em;
  font-family: Arial, sans-serif;
  width: 94%; }

/* line 1461, app/stylesheets/components/_g_instructure.scss */
html > body .new_activity_message a.textarea {
  width: 97%; }

/* line 1465, app/stylesheets/components/_g_instructure.scss */
html > body .new_activity_message form textarea {
  width: 97%; }

/* line 1470, app/stylesheets/components/_g_instructure.scss */
.notification_list li a {
  padding-left: 20px;
  background-image: url(/dist/images/other_icon-2a7be474af.png);
  background-repeat: no-repeat;
  background-position: left center; }
  /* line 1475, app/stylesheets/components/_g_instructure.scss */
  .notification_list li a.announcement {
    background-image: url(/dist/images/announcement_icon-d0bf3f3894.png); }
  /* line 1478, app/stylesheets/components/_g_instructure.scss */
  .notification_list li a.course_content {
    background-image: url(/dist/images/course_content_icon-95ff332fb8.png); }
  /* line 1481, app/stylesheets/components/_g_instructure.scss */
  .notification_list li a.due_date {
    background-image: url(/dist/images/due_date_icon-9fe551d920.png); }
  /* line 1484, app/stylesheets/components/_g_instructure.scss */
  .notification_list li a.discussion {
    background-image: url(/dist/images/discussion_icon-4d54295129.png); }
  /* line 1487, app/stylesheets/components/_g_instructure.scss */
  .notification_list li a.grading {
    background-image: url(/dist/images/grading_icon-16e9e323ad.png); }
  /* line 1490, app/stylesheets/components/_g_instructure.scss */
  .notification_list li a.invitation {
    background-image: url(/dist/images/invitation_icon-9a971ebcbe.png); }
  /* line 1493, app/stylesheets/components/_g_instructure.scss */
  .notification_list li a.message {
    background-image: url(/dist/images/message_icon-d6170068a2.png); }

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

/* line 1567, app/stylesheets/components/_g_instructure.scss */
body > #ui-datepicker-div {
  display: none; }

/* line 1571, app/stylesheets/components/_g_instructure.scss */
#instructure_dropdown_list {
  z-index: 10; }
  /* line 1573, app/stylesheets/components/_g_instructure.scss */
  #instructure_dropdown_list .list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    overflow: auto; }
  /* line 1581, app/stylesheets/components/_g_instructure.scss */
  #instructure_dropdown_list .option.ui-state-default.minimal {
    background: #fff;
    border-color: #DDE8F0; }
  /* line 1586, app/stylesheets/components/_g_instructure.scss */
  #instructure_dropdown_list .option .ui-icon {
    float: left;
    margin-top: 0.2em;
    margin-right: 2px; }

/* line 1594, app/stylesheets/components/_g_instructure.scss */
.communication_message .media_comment_thumbnail {
  margin: 3px 0; }

/* line 1599, app/stylesheets/components/_g_instructure.scss */
.quoted_text_holder .show_quoted_text_link {
  font-size: 0.8em; }

/* line 1605, app/stylesheets/components/_g_instructure.scss */
#sequence_details .sequence_list {
  margin-left: 10px; }
  /* line 1607, app/stylesheets/components/_g_instructure.scss */
  #sequence_details .sequence_list li {
    padding-left: 20px;
    background: url(/dist/images/ball-e9b3bf0d21.png) no-repeat center left; }
    /* line 1610, app/stylesheets/components/_g_instructure.scss */
    #sequence_details .sequence_list li.prev, #sequence_details .sequence_list li.next {
      font-size: 0.9em; }
    /* line 1613, app/stylesheets/components/_g_instructure.scss */
    #sequence_details .sequence_list li.prev {
      background-image: url(/dist/images/uptick-688aded017.png); }
    /* line 1616, app/stylesheets/components/_g_instructure.scss */
    #sequence_details .sequence_list li.next {
      background-image: url(/dist/images/downtick-187f7c308b.png); }
    /* line 1619, app/stylesheets/components/_g_instructure.scss */
    #sequence_details .sequence_list li.current {
      font-weight: bold;
      font-size: 1.1em;
      margin: 2px 0; }

/* line 1630, app/stylesheets/components/_g_instructure.scss */
body.padless-content .ic-Layout-contentMain #sequence_footer,
.ic-Layout-contentMain.padless #sequence_footer {
  margin-left: 10px;
  margin-right: 10px;
  padding-top: 0; }

/* line 1637, app/stylesheets/components/_g_instructure.scss */
#sequence_footer {
  padding-top: 24px; }
  /* line 1639, app/stylesheets/components/_g_instructure.scss */
  #sequence_footer .next, #sequence_footer .prev {
    width: 150px;
    overflow: hidden; }
    /* line 1642, app/stylesheets/components/_g_instructure.scss */
    #sequence_footer .next .title, #sequence_footer .prev .title {
      display: block;
      font-size: 0.8em;
      white-space: nowrap; }
    /* line 1648, app/stylesheets/components/_g_instructure.scss */
    #sequence_footer .next:hover .title, #sequence_footer .prev:hover .title {
      text-decoration: none; }
  /* line 1653, app/stylesheets/components/_g_instructure.scss */
  #sequence_footer .next {
    float: right; }
  /* line 1656, app/stylesheets/components/_g_instructure.scss */
  #sequence_footer .prev {
    float: left; }
  /* line 1659, app/stylesheets/components/_g_instructure.scss */
  #sequence_footer .all {
    clear: right;
    float: right; }

/* line 1665, app/stylesheets/components/_g_instructure.scss */
.content_lock_icon {
  cursor: pointer; }

/* line 1669, app/stylesheets/components/_g_instructure.scss */
#module_prerequisites_list {
  list-style-type: none;
  color: #73818C; }
  /* line 1672, app/stylesheets/components/_g_instructure.scss */
  #module_prerequisites_list li.module {
    padding: 5px 0;
    vertical-align: middle; }
    /* line 1675, app/stylesheets/components/_g_instructure.scss */
    #module_prerequisites_list li.module ul {
      list-style-type: none;
      padding: 5px 0; }
    /* line 1679, app/stylesheets/components/_g_instructure.scss */
    #module_prerequisites_list li.module li.requirement {
      vertical-align: middle; }
      /* line 1681, app/stylesheets/components/_g_instructure.scss */
      #module_prerequisites_list li.module li.requirement .description {
        font-size: 0.8em; }
      /* line 1685, app/stylesheets/components/_g_instructure.scss */
      #module_prerequisites_list li.module li.requirement.locked_requirement .description {
        padding-left: 24px; }
      /* line 1688, app/stylesheets/components/_g_instructure.scss */
      #module_prerequisites_list li.module li.requirement.locked_requirement a {
        color: #73818C; }
    /* line 1693, app/stylesheets/components/_g_instructure.scss */
    #module_prerequisites_list li.module.locked {
      cursor: pointer; }
      /* line 1695, app/stylesheets/components/_g_instructure.scss */
      #module_prerequisites_list li.module.locked h3 {
        display: inline-block;
        padding-left: 12px; }
      /* line 1699, app/stylesheets/components/_g_instructure.scss */
      #module_prerequisites_list li.module.locked ul {
        display: none; }

/* line 1706, app/stylesheets/components/_g_instructure.scss */
h2.h-margin-top, h3.h-margin-top, .h2.h-margin-top, .h3.h-margin-top {
  margin-top: 20px; }

/* line 1710, app/stylesheets/components/_g_instructure.scss */
form.user_content_post_form {
  display: none; }

/* line 1714, app/stylesheets/components/_g_instructure.scss */
#change_calendar_version_link_holder {
  float: right !important;
  background: none !important; }

/* line 1719, app/stylesheets/components/_g_instructure.scss */
#change_calendar_version_link_holder a, .dashboard-toggle a {
  margin-right: 10px;
  padding: 1px 10px;
  border-radius: 3px;
  background-image: linear-gradient(to bottom, #0abdff, #008fd6);
  text-decoration: none !important;
  font-size: 14px;
  font-size: 0.875rem;
  font-family: GillSans, Calibri, Trebuchet, sans-serif;
  border: 1px solid #1e7eca;
  color: white !important;
  text-shadow: rgba(0, 0, 0, 0.5) 1px 0 1px;
  -moz-user-select: none;
  cursor: pointer; }
  /* line 1725, app/stylesheets/components/_g_instructure.scss */
  #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); }

/* line 1738, app/stylesheets/components/_g_instructure.scss */
.equation_image {
  vertical-align: middle; }

/* line 1742, app/stylesheets/components/_g_instructure.scss */
.dashboard-toggle {
  display: block;
  padding: 10px 0 0; }

/* line 1747, app/stylesheets/components/_g_instructure.scss */
#breadcrumbs .dashboard-toggle {
  margin: 4px 0; }

/* line 1751, app/stylesheets/components/_g_instructure.scss */
.with-fixed-bottom .ic-Layout-wrapper {
  padding-bottom: 60px;
  box-sizing: border-box; }

/* line 1756, app/stylesheets/components/_g_instructure.scss */
#fixed_bottom {
  bottom: 0; }
  /* line 1761, app/stylesheets/components/_g_instructure.scss */
  #fixed_bottom > *:not(.ic-alert-masquerade-student-view) i {
    vertical-align: middle;
    margin-right: 10px; }
  /* line 1765, app/stylesheets/components/_g_instructure.scss */
  #fixed_bottom > *:not(.ic-alert-masquerade-student-view) b {
    line-height: 28px;
    vertical-align: middle; }
  /* line 1770, app/stylesheets/components/_g_instructure.scss */
  #fixed_bottom .fixed_warning {
    background-color: #FDD;
    border-width: 2px 0 0 0;
    border-style: solid;
    border-color: black;
    padding: 15px;
    opacity: 0.9;
    color: black; }

/* line 1781, app/stylesheets/components/_g_instructure.scss */
.hidden-text {
  overflow: hidden;
  text-indent: -10000px;
  white-space: nowrap; }

/* line 1787, app/stylesheets/components/_g_instructure.scss */
.hidden-inline-text {
  display: inline-block;
  height: 0;
  overflow: hidden;
  text-indent: -10000px;
  white-space: nowrap;
  width: 0; }

/* line 1796, app/stylesheets/components/_g_instructure.scss */
.nav-badge {
  font-size: 11px;
  font-size: 0.6875rem;
  min-width: 20px;
  line-height: 20px;
  border-radius: 10px;
  background: var(--ic-brand-primary);
  color: #FFFFFF;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  box-sizing: border-box;
  padding: 0 6px;
  float: right; }

/* line 1801, app/stylesheets/components/_g_instructure.scss */
.unread-grade {
  float: left;
  display: inline-block;
  line-height: 8px;
  width: 8px;
  margin-top: 6px;
  margin-left: -16px;
  background-color: #06a9ee;
  border-radius: 4px; }

/* line 1812, app/stylesheets/components/_g_instructure.scss */
.clear {
  clear: both; }

/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You 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>
```

## Row-hover table

Adding **.ic-Table--hover-row** to the table element will produce a background color when the user hovers over each table row in the table body.

```html
<table class="ic-Table ic-Table--hover-row">
  <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>
  </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>
```
## Row background color options

We will reserve $ic-brand-primary (traditionally blue) for the hover state background color.

```html
<table class="ic-Table ic-Table--hover-row">
  <thead>
    <tr class="ic-Table__row--bg-neutral">
      <th>Name</th>
      <th>Email address</th>
      <th>Section</th>
      <th>Role</th>
    </tr>
  </thead>
  <tbody>
    <tr class="ic-Table__row--bg-success">
      <td><a href="#">Paul Howard</a></td>
      <td>paulhowardemail@gmail.com</td>
      <td>Advanced students</td>
      <td>Student</td>
    </tr>
    <tr class="ic-Table__row--bg-alert">
      <td><a href="#">Paul Howard</a></td>
      <td>paulhowardemail@gmail.com</td>
      <td>Advanced students</td>
      <td>Student</td>
    </tr>
    <tr class="ic-Table__row--bg-danger">
      <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 with cog (admin link dropdown)

Enclose our standard Cog Dropdown within a **div class="ic-Table--actions** to right-align the button and make sure the cog dropdown appears in the right place.

```html
<table class="ic-Table">
  <thead>
    <tr>
      <th>Name</th>
      <th>Email address</th>
      <th>Section</th>
      <th>Role</th>
      <th><span class="screenreader-only">Actions</span></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td><a href="#">Paul Howard</a></td>
      <td>paulhowardemail@gmail.com</td>
      <td>Advanced students</td>
      <td>Student</td>
      <td>
        <div class="ic-Table__actions">
          <a class="al-trigger btn btn-small" role="button" href="#">
            <i class="icon-settings"></i>
            <i class="icon-mini-arrow-down"></i>
            <span class="screenreader-only">Actions</span>
          </a>
          <ul id="toolbar-1" class="al-options" role="menu" tabindex="0" aria-hidden="true" aria-expanded="false" aria-activedescendant="toolbar-2">
            <li role="presentation">
              <a href="#" class="icon-edit" id="toolbar-2" tabindex="-1" role="menuitem">Edit student</a>
            </li>
            <li role="presentation">
              <a href="#" class="icon-trash" id="toolbar-3" tabindex="-1" role="menuitem">Delete student</a>
            </li>
          </ul>
        </div>
      </td>
    </tr>
  </tbody>
</table>
```

*/
/* line 244, app/stylesheets/components/_tables.scss */
table {
  max-width: 100%;
  background-color: transparent; }

/* line 252, app/stylesheets/components/_tables.scss */
:not(.user_content) > table,
.user_content table:not([cellspacing]) {
  border-collapse: collapse;
  border-spacing: 0; }

/* line 262, app/stylesheets/components/_tables.scss */
.ic-Table {
  max-width: 100%;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0; }
  /* line 268, app/stylesheets/components/_tables.scss */
  .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; }
  /* line 278, app/stylesheets/components/_tables.scss */
  .ic-Table tr.ic-Table__row--bg-neutral {
    background-color: #F5F5F5; }
  /* line 279, app/stylesheets/components/_tables.scss */
  .ic-Table tr.ic-Table__row--bg-success {
    background-color: #E8F6E9; }
  /* line 280, app/stylesheets/components/_tables.scss */
  .ic-Table tr.ic-Table__row--bg-alert {
    background-color: #FBEDE7; }
  /* line 281, app/stylesheets/components/_tables.scss */
  .ic-Table tr.ic-Table__row--bg-danger {
    background-color: #FCE8E7; }
  /* line 284, app/stylesheets/components/_tables.scss */
  .ic-Table th {
    border-bottom-color: #A5AFB5;
    padding-bottom: 7px;
    font-weight: bold; }
    /* line 289, app/stylesheets/components/_tables.scss */
    .ic-Table th.ic-Table--header-row {
      border-bottom-color: #C7CDD1; }
  /* line 294, app/stylesheets/components/_tables.scss */
  .ic-Table tbody th {
    border-bottom-color: #C7CDD1;
    padding-bottom: 14px; }
  /* line 299, app/stylesheets/components/_tables.scss */
  .ic-Table td {
    border-bottom-color: #C7CDD1; }
    /* line 302, app/stylesheets/components/_tables.scss */
    .ic-Table td .ic-Table__actions {
      position: relative;
      text-align: right; }
  /* line 309, app/stylesheets/components/_tables.scss */
  .ic-Table.ic-Table--condensed td {
    padding: 7px;
    font-size: 14px;
    font-size: 0.875rem; }
  /* line 313, app/stylesheets/components/_tables.scss */
  .ic-Table.ic-Table--condensed th {
    padding: 7px;
    padding-bottom: 3.5px; }
  /* line 317, app/stylesheets/components/_tables.scss */
  .ic-Table.ic-Table--condensed tbody th {
    padding-bottom: 7px;
    font-size: 14px;
    font-size: 0.875rem; }
  /* line 325, app/stylesheets/components/_tables.scss */
  .ic-Table.ic-Table--striped tbody tr:nth-child(odd) {
    background-color: #F5F5F5; }
  /* line 343, app/stylesheets/components/_tables.scss */
  .ic-Table.ic-Table--hover-row tbody tr {
    transition: background-color 0.3s; }
  /* line 349, app/stylesheets/components/_tables.scss */
  .ic-Table.ic-Table--hover-row tbody tr:hover,
  .ic-Table.ic-Table--hover-row tbody tr.ic-Table__row--bg-neutral:hover,
  .ic-Table.ic-Table--hover-row tbody tr.ic-Table__row--bg-success:hover,
  .ic-Table.ic-Table--hover-row tbody tr.ic-Table__row--bg-alert:hover,
  .ic-Table.ic-Table--hover-row tbody tr.ic-Table__row--bg-danger:hover {
    background-color: #E5F2F8; }

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


## Regular Tabs

Our default tabs come complete with a panel attached to the tabs that displays the content inside each tab.

jQueryUI adds all the classes, once you initialize the tabs using the script and markup.


```html
<div id="styleguide-tabs-demo-regular">
  <ul>
    <li><a href="#tabs-1">Tab One</a></li>
    <li><a href="#tabs-2">Tab Two</a></li>
    <li><a href="#tabs-3">Tab Three</a></li>
  </ul>
  <div id="tabs-1">Tab 1 content</div>
  <div id="tabs-2">Tab 2 content</div>
  <div id="tabs-3">Tab 3 content</div>
</div>
```
      $("#styleguide-tabs-demo-regular").tabs()

## Minimal Tabs

Don't want the bordered box around each tab panel?

Simply add the **.ui-tabs-minimal** class to the parent tab element.

```html
<div id="styleguide-tabs-demo-minimal" class="ui-tabs-minimal">
  <ul>
    <li><a href="#tabs-1">Tab One</a></li>
    <li><a href="#tabs-2">Tab Two</a></li>
    <li><a href="#tabs-3">Tab Three</a></li>
  </ul>
  <div id="tabs-1">Tab 1 content</div>
  <div id="tabs-2">Tab 2 content</div>
  <div id="tabs-3">Tab 3 content</div>
</div>
```


      $("#styleguide-tabs-demo-minimal").tabs()


*/
/* line 72, app/stylesheets/components/_tabs.scss */
.ui-tabs .ui-tabs-panel {
  border-color: #C7CDD1;
  padding: 14px; }

/* line 76, app/stylesheets/components/_tabs.scss */
.ui-tabs .ui-tabs-nav {
  border-bottom-color: #C7CDD1; }
  /* line 78, app/stylesheets/components/_tabs.scss */
  .ui-tabs .ui-tabs-nav li {
    background: transparent;
    border-color: transparent;
    box-shadow: none; }
    /* line 82, app/stylesheets/components/_tabs.scss */
    .ui-tabs .ui-tabs-nav li a {
      outline-width: 1px;
      outline-color: transparent;
      outline-style: solid;
      color: var(--ic-link-color);
      font-weight: normal;
      padding: 8px 14px;
      text-shadow: none; }
      /* line 89, app/stylesheets/components/_tabs.scss */
      .ui-tabs .ui-tabs-nav li a:focus {
        text-decoration: underline;
        outline: none; }
      /* line 98, app/stylesheets/components/_tabs.scss */
      #edit_event .ui-tabs .ui-tabs-nav li a {
        color: #FFFFFF; }
    /* line 100, app/stylesheets/components/_tabs.scss */
    .ui-tabs .ui-tabs-nav li.ui-state-hover, .ui-tabs .ui-tabs-nav li:hover {
      background: #FFFFFF;
      border-color: #C7CDD1; }
      /* line 104, app/stylesheets/components/_tabs.scss */
      .ui-tabs .ui-tabs-nav li.ui-state-hover a, .ui-tabs .ui-tabs-nav li:hover a {
        color: var(--ic-brand-font-color-dark); }
        /* line 109, app/stylesheets/components/_tabs.scss */
        #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); }
    /* line 112, app/stylesheets/components/_tabs.scss */
    .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; }
      /* line 117, app/stylesheets/components/_tabs.scss */
      .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; }
    /* line 125, app/stylesheets/components/_tabs.scss */
    .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; }
      /* line 134, app/stylesheets/components/_tabs.scss */
      #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); }

/* line 143, app/stylesheets/components/_tabs.scss */
.ui-tabs.ui-tabs--mini .ui-tabs-nav li a {
  padding: 4px 8px; }

/* line 149, app/stylesheets/components/_tabs.scss */
.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/>.
 */
/* line 21, app/stylesheets/components/_aacs.scss */
#auth-config-right-side a img {
  margin-right: 5px; }

/* line 28, app/stylesheets/components/_aacs.scss */
#saml_debug_info .debug_xml {
  overflow: auto;
  font-family: monospace;
  border: 1px solid #ccc; }

/* line 33, app/stylesheets/components/_aacs.scss */
#saml_debug_info .debug_label {
  font-weight: bold; }

/* line 36, app/stylesheets/components/_aacs.scss */
#saml_debug_info pre {
  margin: auto;
  margin-left: 10px;
  font-family: monospace; }

/* line 41, app/stylesheets/components/_aacs.scss */
#saml_debug_info h3 {
  margin-top: 10px; }

/*
 * 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/>.
 */
/* line 22, app/stylesheets/components/_g_assignments.scss */
#groups {
  /*== Icons ==*/
  /*== Assignment groups ==*/
  /*== Individual assignments ==*/
  /*== Loaders ==*/
  /*== Add/edit assignment form ==*/ }
  /* line 25, app/stylesheets/components/_g_assignments.scss */
  #groups .move_icon, #groups .group_move_icon {
    cursor: move; }
  /* line 26, app/stylesheets/components/_g_assignments.scss */
  #groups .move_icon, #groups .group_move_icon, #groups .links a {
    left: -10000px;
    position: relative; }
    /* line 32, app/stylesheets/components/_g_assignments.scss */
    #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; }
  /* line 39, app/stylesheets/components/_g_assignments.scss */
  #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; }
    /* line 44, app/stylesheets/components/_g_assignments.scss */
    #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; }
  /* line 49, app/stylesheets/components/_g_assignments.scss */
  #groups .assignment_group {
    background: #F5F5F5;
    border: 1px solid #C7CDD1;
    margin-bottom: 16px; }
  /* line 55, app/stylesheets/components/_g_assignments.scss */
  #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; }
    /* line 25, app/stylesheets/base/_ic_mixins.scss */
    #groups .group_header:before, #groups .group_header:after {
      display: table;
      content: "";
      line-height: 0; }
    /* line 31, app/stylesheets/base/_ic_mixins.scss */
    #groups .group_header:after {
      clear: both; }
    /* line 86, app/stylesheets/base/_ic_mixins.scss */
    #groups .group_header:hover, #groups .group_header:active, #groups .group_header.active, #groups .group_header.disabled, #groups .group_header[disabled] {
      color: #73818C;
      background-color: #e6e6e6; }
    /* line 91, app/stylesheets/base/_ic_mixins.scss */
    #groups .group_header:focus {
      color: #73818C;
      background: #e6e6e6;
      text-decoration: none; }
    /* line 61, app/stylesheets/components/_g_assignments.scss */
    #groups .group_header .name {
      font-weight: bold; }
  /* line 66, app/stylesheets/components/_g_assignments.scss */
  #groups .assignment_list {
    min-height: 8px; }
  /* line 71, app/stylesheets/components/_g_assignments.scss */
  #groups .group_assignment {
    display: table;
    width: 100%; }
    /* line 75, app/stylesheets/components/_g_assignments.scss */
    #groups .group_assignment .content {
      display: table-row; }
  /* line 78, app/stylesheets/components/_g_assignments.scss */
  #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 ==*/ }
    /* line 86, app/stylesheets/components/_g_assignments.scss */
    #groups .data.move, #groups .cell.move {
      padding-left: 12px;
      width: 20px; }
    /* line 90, app/stylesheets/components/_g_assignments.scss */
    #groups .data.assignment_title, #groups .cell.assignment_title {
      max-width: 200px;
      min-width: 200px;
      width: 25%; }
    /* line 95, app/stylesheets/components/_g_assignments.scss */
    #groups .data.assignment_due, #groups .cell.assignment_due {
      width: 25%; }
    /* line 98, app/stylesheets/components/_g_assignments.scss */
    #groups .data.links, #groups .cell.links {
      padding-right: 12px;
      width: 40px; }
  /* line 105, app/stylesheets/components/_g_assignments.scss */
  #groups .load_pending {
    background: url(/dist/images/ajax-loader-small-ccc-03b5adf6b7.gif) center left no-repeat; }
  /* line 110, app/stylesheets/components/_g_assignments.scss */
  #groups .add_assignment_form {
    display: table-row; }
    /* line 113, app/stylesheets/components/_g_assignments.scss */
    #groups .add_assignment_form .vdd_no_edit {
      margin-top: 5px;
      display: inline-block; }
    /* line 118, app/stylesheets/components/_g_assignments.scss */
    #groups .add_assignment_form .cell.first {
      padding-left: 6px; }
    /* line 119, app/stylesheets/components/_g_assignments.scss */
    #groups .add_assignment_form .cell.last {
      padding-right: 6px; }
    /* line 121, app/stylesheets/components/_g_assignments.scss */
    #groups .add_assignment_form .no_points {
      display: none; }
    /* line 122, app/stylesheets/components/_g_assignments.scss */
    #groups .add_assignment_form .points_uneditable .points {
      display: none; }
    /* line 123, app/stylesheets/components/_g_assignments.scss */
    #groups .add_assignment_form .points_uneditable .no_points {
      display: inline; }
    /* line 125, app/stylesheets/components/_g_assignments.scss */
    #groups .add_assignment_form label, #groups .add_assignment_form select {
      font-size: 0.8em; }
    /* line 127, app/stylesheets/components/_g_assignments.scss */
    #groups .add_assignment_form .input-append {
      display: inline; }

/* line 134, app/stylesheets/components/_g_assignments.scss */
#assignments_for_student .group_assignment {
  min-height: 40px;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 3px; }
  /* line 25, app/stylesheets/base/_ic_mixins.scss */
  #assignments_for_student .group_assignment:before, #assignments_for_student .group_assignment:after {
    display: table;
    content: "";
    line-height: 0; }
  /* line 31, app/stylesheets/base/_ic_mixins.scss */
  #assignments_for_student .group_assignment:after {
    clear: both; }
  /* line 139, app/stylesheets/components/_g_assignments.scss */
  #assignments_for_student .group_assignment.last {
    border-bottom-width: 0px; }
  /* line 142, app/stylesheets/components/_g_assignments.scss */
  #assignments_for_student .group_assignment .content {
    padding-top: 9px; }
  /* line 145, app/stylesheets/components/_g_assignments.scss */
  #assignments_for_student .group_assignment .details {
    display: block;
    margin-left: 60px;
    font-size: 0.8em;
    margin-bottom: 5px; }
  /* line 151, app/stylesheets/components/_g_assignments.scss */
  #assignments_for_student .group_assignment .grade {
    display: none; }
  /* line 154, app/stylesheets/components/_g_assignments.scss */
  #assignments_for_student .group_assignment.group_assignment_graded {
    color: #aaaaaa; }
    /* line 156, app/stylesheets/components/_g_assignments.scss */
    #assignments_for_student .group_assignment.group_assignment_graded a {
      color: #888888; }
    /* line 159, app/stylesheets/components/_g_assignments.scss */
    #assignments_for_student .group_assignment.group_assignment_graded a.grade {
      color: #444444;
      font-weight: bold;
      display: inline; }
  /* line 166, app/stylesheets/components/_g_assignments.scss */
  #assignments_for_student .group_assignment.group_assignment_ungraded .assignment_due {
    font-weight: bold;
    color: #888822; }
  /* line 172, app/stylesheets/components/_g_assignments.scss */
  #assignments_for_student .group_assignment.group_assignment_overdue .assignment_due {
    font-weight: bold;
    color: #cc0000; }
  /* line 177, app/stylesheets/components/_g_assignments.scss */
  #assignments_for_student .group_assignment:hover {
    background-color: #eeeeee; }
    /* line 179, app/stylesheets/components/_g_assignments.scss */
    #assignments_for_student .group_assignment:hover .course_name {
      opacity: 1 !important; }
  /* line 183, app/stylesheets/components/_g_assignments.scss */
  #assignments_for_student .group_assignment div.data {
    float: left;
    border: 0px;
    padding: 2px 5px 2px 5px; }
    /* line 187, app/stylesheets/components/_g_assignments.scss */
    #assignments_for_student .group_assignment div.data.assignment_title {
      width: 40%;
      margin-left: 30px; }
      /* line 190, app/stylesheets/components/_g_assignments.scss */
      #assignments_for_student .group_assignment div.data.assignment_title .title {
        font-size: 1.3em;
        font-weight: bold; }
      /* line 194, app/stylesheets/components/_g_assignments.scss */
      #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; }
    /* line 203, app/stylesheets/components/_g_assignments.scss */
    #assignments_for_student .group_assignment div.data.assignment_due {
      width: 30%;
      font-size: 1em;
      display: block; }
    /* line 208, app/stylesheets/components/_g_assignments.scss */
    #assignments_for_student .group_assignment div.data.assignment_points {
      font-size: 1em; }
    /* line 211, app/stylesheets/components/_g_assignments.scss */
    #assignments_for_student .group_assignment div.data.links {
      display: none; }
    /* line 214, app/stylesheets/components/_g_assignments.scss */
    #assignments_for_student .group_assignment div.data.move {
      display: none; }

/* line 220, app/stylesheets/components/_g_assignments.scss */
#assignments_for_student .assignment_list.show_context .group_assignment .context_name {
  display: block; }

/* line 227, app/stylesheets/components/_g_assignments.scss */
#groups_for_student .assignment_group {
  margin: 0 0.5em 1.5em 0.5em;
  width: auto;
  border: 1px solid #999999;
  color: black;
  border-radius: 5px; }
  /* line 233, app/stylesheets/components/_g_assignments.scss */
  #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; }
  /* line 236, app/stylesheets/components/_g_assignments.scss */
  #groups_for_student .assignment_group .group_move {
    visibility: hidden; }
  /* line 240, app/stylesheets/components/_g_assignments.scss */
  #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; }
    /* line 249, app/stylesheets/components/_g_assignments.scss */
    #groups_for_student .assignment_group div.header .group_name {
      font-size: 1.5em;
      font-weight: bold; }
    /* line 253, app/stylesheets/components/_g_assignments.scss */
    #groups_for_student .assignment_group div.header .more_info_brief {
      line-height: 1.7em; }
    /* line 256, app/stylesheets/components/_g_assignments.scss */
    #groups_for_student .assignment_group div.header .links {
      display: none; }
  /* line 260, app/stylesheets/components/_g_assignments.scss */
  #groups_for_student .assignment_group div.padding {
    padding: 0px 0px 5px 0px;
    display: none; }
  /* line 265, app/stylesheets/components/_g_assignments.scss */
  #groups_for_student .assignment_group .group_assignment {
    min-height: 30px;
    border-radius: 3px;
    color: #444444;
    border-bottom: 1px solid #eeeeee; }
    /* line 270, app/stylesheets/components/_g_assignments.scss */
    #groups_for_student .assignment_group .group_assignment:hover {
      background-color: #eeeeee; }
    /* line 273, app/stylesheets/components/_g_assignments.scss */
    #groups_for_student .assignment_group .group_assignment .content {
      padding-top: 3px; }
    /* line 276, app/stylesheets/components/_g_assignments.scss */
    #groups_for_student .assignment_group .group_assignment.group_assignment_graded {
      color: #aaaaaa; }
      /* line 278, app/stylesheets/components/_g_assignments.scss */
      #groups_for_student .assignment_group .group_assignment.group_assignment_graded a {
        color: #888888; }
    /* line 283, app/stylesheets/components/_g_assignments.scss */
    #groups_for_student .assignment_group .group_assignment.group_assignment_overdue .assignment_due {
      font-weight: bold;
      color: #cc0000; }
    /* line 288, app/stylesheets/components/_g_assignments.scss */
    #groups_for_student .assignment_group .group_assignment div.data {
      float: left;
      border: 0px;
      padding: 2px 5px 2px 5px; }
      /* line 292, app/stylesheets/components/_g_assignments.scss */
      #groups_for_student .assignment_group .group_assignment div.data.assignment_title {
        width: 40%;
        font-weight: bold;
        margin-left: 30px; }
        /* line 296, app/stylesheets/components/_g_assignments.scss */
        #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; }
      /* line 303, app/stylesheets/components/_g_assignments.scss */
      #groups_for_student .assignment_group .group_assignment div.data.assignment_due {
        width: 30%;
        font-size: 0.8em;
        display: block; }
      /* line 308, app/stylesheets/components/_g_assignments.scss */
      #groups_for_student .assignment_group .group_assignment div.data.assignment_points {
        font-size: 0.8em; }
      /* line 311, app/stylesheets/components/_g_assignments.scss */
      #groups_for_student .assignment_group .group_assignment div.data.buttons {
        float: right; }
      /* line 314, app/stylesheets/components/_g_assignments.scss */
      #groups_for_student .assignment_group .group_assignment div.data.links {
        display: none; }
      /* line 317, app/stylesheets/components/_g_assignments.scss */
      #groups_for_student .assignment_group .group_assignment div.data.name {
        margin-right: 10px;
        font-weight: bold;
        width: 200px; }
      /* line 322, app/stylesheets/components/_g_assignments.scss */
      #groups_for_student .assignment_group .group_assignment div.data.move {
        display: none; }

/* line 331, app/stylesheets/components/_g_assignments.scss */
#group_weight_table input.weight {
  width: 35px; }

/* line 334, app/stylesheets/components/_g_assignments.scss */
#group_weight_table th, #group_weight_table td {
  padding: 1px; }

/* line 337, app/stylesheets/components/_g_assignments.scss */
#group_weight_table th {
  font-weight: bold;
  border-bottom: 1px solid #888888; }

/* line 341, app/stylesheets/components/_g_assignments.scss */
#group_weight_table td.total {
  font-weight: bold; }

/* line 345, app/stylesheets/components/_g_assignments.scss */
#group_weight_table tr.group_weight .move {
  cursor: move;
  visibility: hidden; }

/* line 349, app/stylesheets/components/_g_assignments.scss */
#group_weight_table tr.group_weight td {
  border-bottom: 1px solid #aaaaaa; }

/* line 354, app/stylesheets/components/_g_assignments.scss */
#group_weight_table .group_weight_hover .move {
  visibility: visible; }

/* line 361, app/stylesheets/components/_g_assignments.scss */
.show-only-from a {
  display: block;
  margin-top: 3px;
  color: var(--ic-brand-font-color-dark);
  padding-left: 5px; }

/* line 370, app/stylesheets/components/_g_assignments.scss */
table.full_assignment_table select {
  width: 140px !important; }

/* line 374, app/stylesheets/components/_g_assignments.scss */
#submit_from_external_tool_form #external_tool_submission_details {
  padding-left: 10px; }
  /* line 376, app/stylesheets/components/_g_assignments.scss */
  #submit_from_external_tool_form #external_tool_submission_details.not_selected {
    color: #777766;
    font-style: italic; }
  /* line 380, app/stylesheets/components/_g_assignments.scss */
  #submit_from_external_tool_form #external_tool_submission_details.file_submission {
    font-weight: bold;
    padding-left: 28px;
    background: url(/dist/images/file-95ff332fb8.png) no-repeat 10px center;
    font-size: 18px;
    font-size: 1.125rem; }
  /* line 386, app/stylesheets/components/_g_assignments.scss */
  #submit_from_external_tool_form #external_tool_submission_details.url_submission {
    font-weight: bold;
    padding-left: 28px;
    background: url(/dist/images/link-cf0b7a38be.png) no-repeat 10px center;
    font-size: 18px;
    font-size: 1.125rem; }

/* line 394, app/stylesheets/components/_g_assignments.scss */
#submit_from_external_tool_form.has_submission .tools {
  opacity: 0.7; }

/* line 398, app/stylesheets/components/_g_assignments.scss */
#submit_from_external_tool_form .tools {
  list-style-type: none;
  margin-right: 20px; }
  /* line 401, app/stylesheets/components/_g_assignments.scss */
  #submit_from_external_tool_form .tools .tool {
    display: block;
    padding: 2px 5px;
    font-size: 16px;
    font-size: 1rem; }
    /* line 405, app/stylesheets/components/_g_assignments.scss */
    #submit_from_external_tool_form .tools .tool img {
      vertical-align: middle; }
    /* line 408, app/stylesheets/components/_g_assignments.scss */
    #submit_from_external_tool_form .tools .tool:hover {
      background: #eee;
      border-radius: 3px; }

/*== Multiple Due Dates Tooltip ==*/
/* line 417, app/stylesheets/components/_g_assignments.scss */
.vdd_tooltip_link {
  cursor: pointer; }

/* line 420, app/stylesheets/components/_g_assignments.scss */
.ui-widget.ui-tooltip {
  max-width: 240px; }

/* line 424, app/stylesheets/components/_g_assignments.scss */
input[type="checkbox"].post_to_sis_checkbox {
  margin-left: 20px; }

/* line 428, app/stylesheets/components/_g_assignments.scss */
.dl-horizontal.vdd_tooltip_content {
  margin: 7px 0; }
  /* line 430, app/stylesheets/components/_g_assignments.scss */
  .dl-horizontal.vdd_tooltip_content dt {
    width: 115px;
    white-space: normal;
    line-height: 12px;
    margin-bottom: 5px; }
  /* line 436, app/stylesheets/components/_g_assignments.scss */
  .dl-horizontal.vdd_tooltip_content dd {
    margin-left: 125px;
    width: 115px;
    line-height: 12px;
    text-align: left; }

/* line 444, app/stylesheets/components/_g_assignments.scss */
.assignment-search {
  margin-bottom: 0; }
  /* line 446, app/stylesheets/components/_g_assignments.scss */
  .assignment-search select {
    min-width: 170px; }
  /* line 449, app/stylesheets/components/_g_assignments.scss */
  .assignment-search input {
    min-width: 210px; }

/* line 458, app/stylesheets/components/_g_assignments.scss */
.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; }

/* line 466, app/stylesheets/components/_g_assignments.scss */
.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/>.
 */
/* line 19, app/stylesheets/components/_g_groups.scss */
.group_list {
  list-style: none; }
  /* line 22, app/stylesheets/components/_g_groups.scss */
  .group_list .group .group_name {
    clear: left;
    position: relative;
    border-top: 1px dotted #aaa;
    padding-top: 5px;
    margin: 1em;
    margin-bottom: -2px; }
    /* line 29, app/stylesheets/components/_g_groups.scss */
    .group_list .group .group_name .management {
      float: left;
      position: absolute;
      right: 0; }
    /* line 34, app/stylesheets/components/_g_groups.scss */
    .group_list .group .group_name .name {
      font-size: 1.5em;
      padding-left: 20px;
      background: url(/dist/images/group-6f0ea57c9d.png) no-repeat center left; }
  /* line 41, app/stylesheets/components/_g_groups.scss */
  .group_list .group.teacher_group .name {
    background: url(/dist/images/assignment-e807a4c93b.png) no-repeat center left; }
  /* line 45, app/stylesheets/components/_g_groups.scss */
  .group_list .group .group_info {
    margin-top: -2px;
    padding-left: 3em; }
  /* line 49, app/stylesheets/components/_g_groups.scss */
  .group_list .group .member_list {
    list-style: none;
    max-height: 150px;
    overflow: auto; }

/* line 58, app/stylesheets/components/_g_groups.scss */
.left_side a.assign_students_link {
  display: none; }

/* line 63, app/stylesheets/components/_g_groups.scss */
.student-groups {
  border: 1px solid #c1c7cf;
  border-radius: 3px; }
  /* line 66, app/stylesheets/components/_g_groups.scss */
  .student-groups .student-group-header {
    padding: 16px 16px 16px 10px; }
    /* line 25, app/stylesheets/base/_ic_mixins.scss */
    .student-groups .student-group-header:before, .student-groups .student-group-header:after {
      display: table;
      content: "";
      line-height: 0; }
    /* line 31, app/stylesheets/base/_ic_mixins.scss */
    .student-groups .student-group-header:after {
      clear: both; }
  /* line 70, app/stylesheets/components/_g_groups.scss */
  .student-groups .icon-mini-arrow-right, .student-groups .icon-mini-arrow-down {
    float: left;
    -webkit-order: 1;
            order: 1; }
  /* line 74, app/stylesheets/components/_g_groups.scss */
  .student-groups .icon-mini-arrow-down {
    display: none; }
  /* line 78, app/stylesheets/components/_g_groups.scss */
  .student-groups.show-body .student-group-header {
    background-color: #f5f5f5;
    border-bottom: 1px solid #c1c7cf;
    cursor: pointer;
    position: relative; }
  /* line 84, app/stylesheets/components/_g_groups.scss */
  .student-groups.show-body .icon-mini-arrow-right {
    display: none; }
  /* line 87, app/stylesheets/components/_g_groups.scss */
  .student-groups.show-body .icon-mini-arrow-down {
    display: block; }
  /* line 91, app/stylesheets/components/_g_groups.scss */
  .student-groups .student-group-title {
    float: left;
    display: -webkit-inline-flex;
    display: inline-flex; }
    /* line 94, app/stylesheets/components/_g_groups.scss */
    .student-groups .student-group-title h3 {
      margin: 0 7px 0 5px;
      font-weight: bold;
      font-size: 16px;
      font-size: 1rem;
      float: left;
      line-height: 18px;
      -webkit-order: 2;
              order: 2; }
      /* line 101, app/stylesheets/components/_g_groups.scss */
      .student-groups .student-group-title h3 small {
        font-size: 14px;
        font-size: 0.875rem; }
      /* line 104, app/stylesheets/components/_g_groups.scss */
      .student-groups .student-group-title h3 a {
        color: #555; }
    /* line 108, app/stylesheets/components/_g_groups.scss */
    .student-groups .student-group-title a {
      position: relative;
      top: -1px;
      padding-right: 5px;
      -webkit-order: 2;
              order: 2; }
  /* line 115, app/stylesheets/components/_g_groups.scss */
  .student-groups .student-group-students {
    position: absolute;
    right: 175px;
    color: #555;
    font-weight: normal; }
    /* line 116, app/stylesheets/components/_g_groups.scss */
    .student-groups .student-group-students i {
      padding-right: 5px; }
  /* line 124, app/stylesheets/components/_g_groups.scss */
  .student-groups .student-group-join {
    position: absolute;
    text-transform: uppercase;
    font-weight: bold;
    right: 10px;
    text-align: right; }
  /* line 131, app/stylesheets/components/_g_groups.scss */
  .student-groups .student-group-body {
    padding: 16px 16px 16px 36px; }
    /* line 133, app/stylesheets/components/_g_groups.scss */
    .student-groups .student-group-body:last-child {
      border-bottom: 0; }
    /* line 136, app/stylesheets/components/_g_groups.scss */
    .student-groups .student-group-body .student-group-list {
      list-style: none;
      margin: 0; }
      /* line 139, app/stylesheets/components/_g_groups.scss */
      .student-groups .student-group-body .student-group-list li {
        float: left;
        width: 25%; }
        /* line 140, app/stylesheets/components/_g_groups.scss */
        .student-groups .student-group-body .student-group-list li i {
          padding-left: 5px; }

/* line 151, app/stylesheets/components/_g_groups.scss */
.empty-groupset-instructions .group-categories-actions {
  top: 55px; }

/* line 156, app/stylesheets/components/_g_groups.scss */
.group-categories-actions {
  height: 36px;
  z-index: 1;
  position: absolute;
  top: 0;
  right: 14px; }

/* line 164, app/stylesheets/components/_g_groups.scss */
#group_categories_tabs {
  margin: 0 -1em -1em; }
  /* line 166, app/stylesheets/components/_g_groups.scss */
  #group_categories_tabs > .collectionViewItems {
    padding: 10px 130px 0 1em; }
  /* line 169, app/stylesheets/components/_g_groups.scss */
  #group_categories_tabs > .roster-tab {
    padding-left: 1em;
    padding-right: 1em; }

/* line 175, app/stylesheets/components/_g_groups.scss */
.al-trigger--within-left-menu {
  margin: 0 0 12px 6px; }
  /* line 178, app/stylesheets/components/_g_groups.scss */
  .al-trigger--within-left-menu.ui-menu-item {
    max-width: 200px; }

/* line 185, app/stylesheets/components/_g_groups.scss */
.al-options .ui-menu-item a {
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

/* line 191, app/stylesheets/components/_g_groups.scss */
.al-options .ui-menu-item:first-of-type {
  margin-top: 8px; }

/* line 194, app/stylesheets/components/_g_groups.scss */
.al-options .ui-menu-item:last-of-type {
  margin-bottom: 8px; }

/* line 200, app/stylesheets/components/_g_groups.scss */
.active-selection.ui-menu-item .ui-corner-all {
  color: var(--ic-brand-font-color-dark-lightened-15); }
  /* line 203, app/stylesheets/components/_g_groups.scss */
  .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; }

/* line 213, app/stylesheets/components/_g_groups.scss */
.active-selection.ui-menu-item:first-of-type .ui-corner-all.ui-state-focus {
  background: #73818C; }

/*
 * 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) 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
 */
/* line 21, app/stylesheets/components/_g_media_comments.scss */
#media_record_option_holder .record_option {
  display: block;
  margin: 0 2px 2px 2px;
  padding: 4px;
  border: 2px solid #fff;
  border-radius: 3px; }

/* line 29, app/stylesheets/components/_g_media_comments.scss */
#media_record_option_holder .record_option:hover {
  border: 2px solid #aaa;
  background: #eee; }

/* line 34, app/stylesheets/components/_g_media_comments.scss */
#media_record_option_holder, #video_record_holder_holder, #audio_record_holder_holder {
  float: left; }

/* line 38, app/stylesheets/components/_g_media_comments.scss */
#media_record_option_holder .record_option.selected_option {
  border: 2px solid #888;
  background: #ccc; }

/* line 43, app/stylesheets/components/_g_media_comments.scss */
#audio_record_holder_holder, #video_record_holder_holder {
  overflow: hidden;
  position: relative; }
  /* line 46, app/stylesheets/components/_g_media_comments.scss */
  #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; }
    /* line 53, app/stylesheets/components/_g_media_comments.scss */
    #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; }
    /* line 61, app/stylesheets/components/_g_media_comments.scss */
    #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; }

/* line 67, app/stylesheets/components/_g_media_comments.scss */
#audio_upload_under button, #video_upload_under button {
  width: 180px;
  height: 50px;
  font-size: 1.2em;
  font-weight: bold; }

/* line 74, app/stylesheets/components/_g_media_comments.scss */
#audio_upload, #video_upload {
  position: absolute;
  z-index: 9999; }

/* line 79, app/stylesheets/components/_g_media_comments.scss */
div#audio_upload, div#video_upload {
  background: #fff;
  font-size: 1.2em; }

/* line 84, app/stylesheets/components/_g_media_comments.scss */
.media_tab {
  height: 360px; }

/* line 88, app/stylesheets/components/_g_media_comments.scss */
#media_upload_holder {
  height: 240px; }

/* line 92, app/stylesheets/components/_g_media_comments.scss */
#media_upload_title {
  width: 200px; }

/* line 96, app/stylesheets/components/_g_media_comments.scss */
#media_upload_holder .content {
  margin-top: 8px; }

/* line 100, app/stylesheets/components/_g_media_comments.scss */
#media_upload_file_size {
  font-size: 0.8em;
  padding-left: 20px; }

/* line 105, app/stylesheets/components/_g_media_comments.scss */
#media_upload_progress {
  width: 300px;
  height: 15px; }

/* line 110, app/stylesheets/components/_g_media_comments.scss */
#media_upload_submit {
  font-size: 1.2em;
  font-weight: bold; }

/* line 115, app/stylesheets/components/_g_media_comments.scss */
#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; }

/* line 126, app/stylesheets/components/_g_media_comments.scss */
#audio_record, #video_record {
  border: 0px solid #888;
  height: 300px; }

/* line 131, app/stylesheets/components/_g_media_comments.scss */
.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; }

/* line 143, app/stylesheets/components/_g_media_comments.scss */
.volume_meter .audio_level {
  width: 14px;
  height: 14px;
  border: 1px solid #666;
  display: block;
  margin: 2px;
  background-color: #0f0;
  visibility: hidden;
  border-radius: 2px; }

/* line 154, app/stylesheets/components/_g_media_comments.scss */
.volume_meter .level_6 {
  background-color: #ff0; }

/* line 158, app/stylesheets/components/_g_media_comments.scss */
.volume_meter .level_7 {
  background-color: #ff0; }

/* line 162, app/stylesheets/components/_g_media_comments.scss */
.volume_meter .level_8 {
  background-color: #ff0; }

/* line 166, app/stylesheets/components/_g_media_comments.scss */
.volume_meter .level_9 {
  background-color: #f00; }

/* line 170, app/stylesheets/components/_g_media_comments.scss */
.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; }

/* line 228, app/stylesheets/components/_g_media_comments.scss */
.youtubed {
  display: block; }

/* line 232, app/stylesheets/components/_g_media_comments.scss */
.media_comment_thumbnail {
  width: 140px;
  height: 100px;
  margin: 3px 5px;
  box-sizing: border-box;
  background: url(/dist/images/blank-7bf2b2cd6a.png) no-repeat center center;
  background-color: #008EE2;
  background-size: cover;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
          justify-content: space-around;
  -webkit-align-items: center;
          align-items: center;
  -webkit-align-content: center;
          align-content: center;
  padding: 0; }
  /* line 245, app/stylesheets/components/_g_media_comments.scss */
  .media_comment_thumbnail.media_comment_thumbnail-small {
    width: 70px;
    height: 50px; }

/* line 251, app/stylesheets/components/_g_media_comments.scss */
.media_comment_thumbnail_play_button {
  width: 50px;
  height: 50px;
  text-align: center;
  background-image: url(/dist/images/icon-arrow-right-white-a54e57acde.svg);
  background-repeat: no-repeat;
  background-size: 40%;
  background-position: 55%;
  background-color: #008EE2;
  border-radius: 50%; }
  /* line 262, app/stylesheets/components/_g_media_comments.scss */
  .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/>.
 */
/* line 19, app/stylesheets/pages/shared/_menu_tools.scss */
a.menu_tool_link img.icon {
  max-width: 16px; }

/* line 24, app/stylesheets/components/_g_context_modules.scss */
#context_modules {
  min-width: 20px; }

/* line 28, app/stylesheets/components/_g_context_modules.scss */
.context_module {
  border-top: 1px dotted #aaa;
  border-bottom: 1px dotted #aaa;
  background-color: #f2f3f4;
  min-width: 20px;
  margin-bottom: 15px; }
  /* line 36, app/stylesheets/components/_g_context_modules.scss */
  .context_module .links a, .context_module .reorder_module_link, .context_module .move_item_link {
    opacity: 0.5;
    text-decoration: none; }
    /* line 39, app/stylesheets/components/_g_context_modules.scss */
    .context_module .links a:hover, .context_module .reorder_module_link:hover, .context_module .move_item_link:hover {
      opacity: 1; }
  /* line 43, app/stylesheets/components/_g_context_modules.scss */
  .context_module .reorder_module_link, .context_module .move_item_link {
    padding-left: 2px; }
  /* line 46, app/stylesheets/components/_g_context_modules.scss */
  .context_module .links {
    padding-right: 10px;
    text-align: right;
    white-space: nowrap; }
  /* line 51, app/stylesheets/components/_g_context_modules.scss */
  .context_module .header {
    background-color: #e4e6e8;
    border-bottom: 1px dotted #aaa;
    padding: 6px 0;
    color: #323232; }
    /* line 56, app/stylesheets/components/_g_context_modules.scss */
    .context_module .header .links {
      float: right; }
  /* line 61, app/stylesheets/components/_g_context_modules.scss */
  .context_module .icon-minimize {
    color: #FC5E13; }
  /* line 65, app/stylesheets/components/_g_context_modules.scss */
  .context_module .icon-info {
    color: var(--ic-brand-primary); }
  /* line 69, app/stylesheets/components/_g_context_modules.scss */
  .context_module .icon-check {
    color: #00AC18; }
  /* line 73, app/stylesheets/components/_g_context_modules.scss */
  .context_module .ig-row {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center; }
    /* line 77, app/stylesheets/components/_g_context_modules.scss */
    .context_module .ig-row .module-item-status-icon {
      width: 16px;
      padding-right: 10px; }
      /* line 81, app/stylesheets/components/_g_context_modules.scss */
      .context_module .ig-row .module-item-status-icon .icon-mark-as-read {
        opacity: 0.4; }
      /* line 85, app/stylesheets/components/_g_context_modules.scss */
      .context_module .ig-row .module-item-status-icon + .ig-admin {
        margin-left: 12px; }
    /* line 97, app/stylesheets/components/_g_context_modules.scss */
    .context_module .ig-row:not(.with-completion-requirements) .ig-details__item:nth-last-child(2):after {
      display: none; }
  /* line 104, app/stylesheets/components/_g_context_modules.scss */
  .context_module h2 .name {
    display: inline;
    position: absolute;
    left: 45px;
    right: 140px;
    top: 6px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
  /* line 115, app/stylesheets/components/_g_context_modules.scss */
  .context_module.student-view h2 .name {
    left: 20px; }
  /* line 120, app/stylesheets/components/_g_context_modules.scss */
  .context_module h2 .name {
    display: inline;
    position: absolute;
    left: 45px;
    right: 140px;
    top: 6px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
  /* line 131, app/stylesheets/components/_g_context_modules.scss */
  .context_module.student-view h2 .name {
    left: 20px; }
  /* line 136, app/stylesheets/components/_g_context_modules.scss */
  .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; }
  /* line 150, app/stylesheets/components/_g_context_modules.scss */
  .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; }
  /* line 158, app/stylesheets/components/_g_context_modules.scss */
  .context_module.editable_context_module .delete_prerequisite_link {
    text-decoration: none;
    padding-left: 3px; }
  /* line 162, app/stylesheets/components/_g_context_modules.scss */
  .context_module.editable_context_module .header .links,
  .context_module.editable_context_module .manage_module {
    display: block; }
  /* line 166, app/stylesheets/components/_g_context_modules.scss */
  .context_module.editable_context_module .completion_status {
    visibility: hidden; }
  /* line 170, app/stylesheets/components/_g_context_modules.scss */
  .context_module.editable_context_module .context_module_item td.links {
    display: table-cell; }
  /* line 176, app/stylesheets/components/_g_context_modules.scss */
  .context_module.collapsed_module .expand_module_link {
    display: inline; }
  /* line 179, app/stylesheets/components/_g_context_modules.scss */
  .context_module.collapsed_module .collapse_module_link,
  .context_module.collapsed_module .content {
    display: none; }
  /* line 183, app/stylesheets/components/_g_context_modules.scss */
  .context_module.collapsed_module .collapsed {
    display: block; }
  /* line 189, app/stylesheets/components/_g_context_modules.scss */
  .context_module.completed.has_requirements .completion_status .complete_icon {
    display: inline; }
  /* line 192, app/stylesheets/components/_g_context_modules.scss */
  .context_module.completed.has_requirements .completion_status .in_progress_icon,
  .context_module.completed.has_requirements .completion_status .locked_icon {
    display: none; }
  /* line 200, app/stylesheets/components/_g_context_modules.scss */
  .context_module.started .completion_status .in_progress_icon {
    display: inline; }
  /* line 203, app/stylesheets/components/_g_context_modules.scss */
  .context_module.started .completion_status .complete_icon,
  .context_module.started .completion_status .locked_icon {
    display: none; }
  /* line 211, app/stylesheets/components/_g_context_modules.scss */
  .context_module.unlocked .completion_status .in_progress_icon,
  .context_module.unlocked .completion_status .complete_icon,
  .context_module.unlocked .completion_status .locked_icon {
    display: none; }
  /* line 219, app/stylesheets/components/_g_context_modules.scss */
  .context_module.locked .context_module_item {
    opacity: 0.5; }
    /* line 221, app/stylesheets/components/_g_context_modules.scss */
    .context_module.locked .context_module_item .title {
      display: none; }
    /* line 224, app/stylesheets/components/_g_context_modules.scss */
    .context_module.locked .context_module_item .locked_title {
      display: inline; }
    /* line 227, app/stylesheets/components/_g_context_modules.scss */
    .context_module.locked .context_module_item .completion_requirement {
      color: #aaa; }
  /* line 232, app/stylesheets/components/_g_context_modules.scss */
  .context_module.locked .completion_status .locked_icon {
    display: inline; }
  /* line 235, app/stylesheets/components/_g_context_modules.scss */
  .context_module.locked .completion_status .complete_icon,
  .context_module.locked .completion_status .in_progress_icon {
    display: none; }
  /* line 240, app/stylesheets/components/_g_context_modules.scss */
  .context_module.locked .module_item_icons {
    opacity: 0.8; }
  /* line 244, app/stylesheets/components/_g_context_modules.scss */
  .context_module .manage_module, .context_module .show_hide, .context_module .progression_container {
    font-size: 0.8em;
    float: left;
    padding-left: 15px; }
  /* line 249, app/stylesheets/components/_g_context_modules.scss */
  .context_module .progression_container {
    float: right; }
  /* line 252, app/stylesheets/components/_g_context_modules.scss */
  .context_module a.add-small {
    line-height: normal; }
  /* line 255, app/stylesheets/components/_g_context_modules.scss */
  .context_module div.footer {
    padding: 13px 10px 2px;
    margin-left: 15px;
    color: #666; }
    /* line 25, app/stylesheets/base/_ic_mixins.scss */
    .context_module div.footer:before, .context_module div.footer:after {
      display: table;
      content: "";
      line-height: 0; }
    /* line 31, app/stylesheets/base/_ic_mixins.scss */
    .context_module div.footer:after {
      clear: both; }
  /* line 261, app/stylesheets/components/_g_context_modules.scss */
  .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; }

/* line 272, app/stylesheets/components/_g_context_modules.scss */
.context_module_item {
  border-bottom: 1px dotted #e0e0e0; }
  /* line 275, app/stylesheets/components/_g_context_modules.scss */
  .context_module_item.indent_0 td .type_icon {
    padding-right: 15px; }
  /* line 278, app/stylesheets/components/_g_context_modules.scss */
  .context_module_item.indent_0 .outdent_item_link {
    display: none !important; }
  /* line 283, app/stylesheets/components/_g_context_modules.scss */
  .context_module_item.indent_1 td .type_icon {
    padding-right: 15px; }
  /* line 286, app/stylesheets/components/_g_context_modules.scss */
  .context_module_item.indent_1 .type_icon {
    padding-left: 20px; }
  /* line 291, app/stylesheets/components/_g_context_modules.scss */
  .context_module_item.indent_2 td .type_icon {
    padding-right: 15px; }
  /* line 294, app/stylesheets/components/_g_context_modules.scss */
  .context_module_item.indent_2 .type_icon {
    padding-left: 40px; }
  /* line 299, app/stylesheets/components/_g_context_modules.scss */
  .context_module_item.indent_3 td .type_icon {
    padding-right: 15px; }
  /* line 302, app/stylesheets/components/_g_context_modules.scss */
  .context_module_item.indent_3 .type_icon {
    padding-left: 60px; }
  /* line 307, app/stylesheets/components/_g_context_modules.scss */
  .context_module_item.indent_4 td .type_icon {
    padding-right: 15px; }
  /* line 310, app/stylesheets/components/_g_context_modules.scss */
  .context_module_item.indent_4 .type_icon {
    padding-left: 80px; }
  /* line 315, app/stylesheets/components/_g_context_modules.scss */
  .context_module_item.indent_5 td .type_icon {
    padding-right: 15px; }
  /* line 318, app/stylesheets/components/_g_context_modules.scss */
  .context_module_item.indent_5 .type_icon {
    padding-left: 100px; }
  /* line 321, app/stylesheets/components/_g_context_modules.scss */
  .context_module_item.indent_5 .indent_item_link {
    display: none !important; }
  /* line 326, app/stylesheets/components/_g_context_modules.scss */
  .context_module_item .type_icon i {
    color: #777;
    display: none; }
  /* line 330, app/stylesheets/components/_g_context_modules.scss */
  .context_module_item .type_icon .icon-document {
    display: inline-block; }
  /* line 335, app/stylesheets/components/_g_context_modules.scss */
  .context_module_item.attachment .icon-document {
    display: none; }
  /* line 338, app/stylesheets/components/_g_context_modules.scss */
  .context_module_item.attachment .icon-paperclip {
    display: inline-block; }
  /* line 343, app/stylesheets/components/_g_context_modules.scss */
  .context_module_item.discussion_topic .icon-document {
    display: none; }
  /* line 346, app/stylesheets/components/_g_context_modules.scss */
  .context_module_item.discussion_topic .icon-discussion {
    display: inline-block; }
  /* line 351, app/stylesheets/components/_g_context_modules.scss */
  .context_module_item.assignment .icon-document {
    display: none; }
  /* line 354, app/stylesheets/components/_g_context_modules.scss */
  .context_module_item.assignment .icon-assignment {
    display: inline-block; }
  /* line 359, app/stylesheets/components/_g_context_modules.scss */
  .context_module_item.quiz .icon-document {
    display: none; }
  /* line 362, app/stylesheets/components/_g_context_modules.scss */
  .context_module_item.quiz .icon-quiz {
    display: inline-block; }
  /* line 367, app/stylesheets/components/_g_context_modules.scss */
  .context_module_item.external_url .icon-document, .context_module_item.context_external_tool .icon-document, .context_module_item.lti\/message_handler .icon-document {
    display: none; }
  /* line 370, app/stylesheets/components/_g_context_modules.scss */
  .context_module_item.external_url .icon-link, .context_module_item.context_external_tool .icon-link, .context_module_item.lti\/message_handler .icon-link {
    display: inline-block; }
  /* line 375, app/stylesheets/components/_g_context_modules.scss */
  .context_module_item.context_module_sub_header .type_icon i {
    display: none; }
  /* line 378, app/stylesheets/components/_g_context_modules.scss */
  .context_module_item.context_module_sub_header .completion_status {
    display: none; }
  /* line 382, app/stylesheets/components/_g_context_modules.scss */
  .context_module_item .completion_requirement {
    font-size: 0.8em;
    padding-left: 5px;
    margin-top: -4px;
    color: #888;
    display: block; }
    /* line 388, app/stylesheets/components/_g_context_modules.scss */
    .context_module_item .completion_requirement .requirement_type {
      display: none; }
      /* line 390, app/stylesheets/components/_g_context_modules.scss */
      .context_module_item .completion_requirement .requirement_type .fulfilled {
        display: none; }
  /* line 396, app/stylesheets/components/_g_context_modules.scss */
  .context_module_item.min_score_requirement .completion_requirement,
  .context_module_item.min_score_requirement .min_score_requirement {
    display: block; }
  /* line 402, app/stylesheets/components/_g_context_modules.scss */
  .context_module_item.must_view_requirement .completion_requirement,
  .context_module_item.must_view_requirement .must_view_requirement {
    display: block; }
  /* line 408, app/stylesheets/components/_g_context_modules.scss */
  .context_module_item.must_mark_done_requirement .completion_requirement,
  .context_module_item.must_mark_done_requirement .must_mark_done_requirement {
    display: block; }
  /* line 414, app/stylesheets/components/_g_context_modules.scss */
  .context_module_item.must_contribute_requirement .completion_requirement,
  .context_module_item.must_contribute_requirement .must_contribute_requirement {
    display: block; }
  /* line 420, app/stylesheets/components/_g_context_modules.scss */
  .context_module_item.must_submit_requirement .completion_requirement,
  .context_module_item.must_submit_requirement .must_submit_requirement {
    display: block; }
  /* line 425, app/stylesheets/components/_g_context_modules.scss */
  .context_module_item .complete_item_icon {
    display: none; }
  /* line 432, app/stylesheets/components/_g_context_modules.scss */
  .context_module_item.completed_item .completion_requirement .requirement_type .fulfilled {
    display: inline; }
  /* line 435, app/stylesheets/components/_g_context_modules.scss */
  .context_module_item.completed_item .completion_requirement .requirement_type .unfulfilled {
    display: none; }
  /* line 442, app/stylesheets/components/_g_context_modules.scss */
  .context_module_item.after_current_position .item_name {
    opacity: 0.5; }
    /* line 444, app/stylesheets/components/_g_context_modules.scss */
    .context_module_item.after_current_position .item_name .title {
      display: none; }
    /* line 447, app/stylesheets/components/_g_context_modules.scss */
    .context_module_item.after_current_position .item_name .locked_title {
      display: inline; }
    /* line 450, app/stylesheets/components/_g_context_modules.scss */
    .context_module_item.after_current_position .item_name .completion_requirement {
      color: #aaa; }
  /* line 455, app/stylesheets/components/_g_context_modules.scss */
  .context_module_item .module_item_icons {
    text-align: left;
    white-space: nowrap;
    width: 3.2em; }

/* line 464, app/stylesheets/components/_g_context_modules.scss */
#context_modules.editable .context_module_item.after_current_position {
  opacity: 1; }
  /* line 466, app/stylesheets/components/_g_context_modules.scss */
  #context_modules.editable .context_module_item.after_current_position .title {
    display: inline-block; }
  /* line 469, app/stylesheets/components/_g_context_modules.scss */
  #context_modules.editable .context_module_item.after_current_position .locked_title {
    display: none; }

/* line 476, app/stylesheets/components/_g_context_modules.scss */
.module_item_select {
  min-height: 175px;
  min-width: 200px;
  width: 100%; }

/* line 482, app/stylesheets/components/_g_context_modules.scss */
.context_module_item {
  width: 100%; }
  /* line 484, app/stylesheets/components/_g_context_modules.scss */
  .context_module_item .item_name .locked_title {
    display: none; }
  /* line 489, app/stylesheets/components/_g_context_modules.scss */
  .context_module_item .move_item_link, .context_module_item .links a {
    visibility: hidden; }
  /* line 493, app/stylesheets/components/_g_context_modules.scss */
  .locked .context_module_item .title {
    display: none; }
  /* line 496, app/stylesheets/components/_g_context_modules.scss */
  .locked .context_module_item .locked_title {
    display: inline; }
  /* line 501, app/stylesheets/components/_g_context_modules.scss */
  .context_module_item.context_module_sub_header .title {
    display: none; }
  /* line 504, app/stylesheets/components/_g_context_modules.scss */
  .context_module_item.context_module_sub_header .type_icon {
    width: 0px; }
  /* line 507, app/stylesheets/components/_g_context_modules.scss */
  .context_module_item.context_module_sub_header .ig-type-icon {
    display: none; }
  /* line 510, app/stylesheets/components/_g_context_modules.scss */
  .context_module_item.context_module_sub_header .ig-info {
    margin-left: 3px; }
  /* line 513, app/stylesheets/components/_g_context_modules.scss */
  .context_module_item.context_module_sub_header .criterion img {
    display: none; }
  /* line 516, app/stylesheets/components/_g_context_modules.scss */
  .context_module_item.context_module_sub_header .locked_title {
    font-size: 18px;
    font-size: 1.125rem;
    display: inline;
    font-weight: bold; }
  /* line 522, app/stylesheets/components/_g_context_modules.scss */
  .context_module_item .links {
    width: 80px;
    vertical-align: top;
    padding-top: 2px; }
  /* line 527, app/stylesheets/components/_g_context_modules.scss */
  .context_module_item.context_module_item_hover, .context_module_item:hover {
    background-color: #ebedee; }
    /* line 529, app/stylesheets/components/_g_context_modules.scss */
    .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; }
  /* line 533, app/stylesheets/components/_g_context_modules.scss */
  .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; }
  /* line 541, app/stylesheets/components/_g_context_modules.scss */
  .context_module_item td.points_possible_display {
    padding-right: 15px;
    width: 40px; }
  /* line 545, app/stylesheets/components/_g_context_modules.scss */
  .context_module_item td.due_date_display {
    padding-right: 5px;
    padding-left: 15px;
    width: 40px; }

/* line 552, app/stylesheets/components/_g_context_modules.scss */
.context_module_placeholder {
  height: 15px;
  border: 1px dashed #888;
  margin: 3px 0; }

/* line 558, app/stylesheets/components/_g_context_modules.scss */
.context_module .context_module_items {
  border-collapse: collapse; }
  /* line 561, app/stylesheets/components/_g_context_modules.scss */
  .context_module .context_module_items .context_module_item .move_item_link {
    display: none; }
  /* line 564, app/stylesheets/components/_g_context_modules.scss */
  .context_module .context_module_items .context_module_item .completion_status {
    display: inline; }
  /* line 567, app/stylesheets/components/_g_context_modules.scss */
  .context_module .context_module_items .context_module_item .links a {
    display: none; }
  /* line 573, app/stylesheets/components/_g_context_modules.scss */
  .context_module .context_module_items.manageable .context_module_item .move_item_link {
    display: inline; }
  /* line 576, app/stylesheets/components/_g_context_modules.scss */
  .context_module .context_module_items.manageable .context_module_item .completion_status {
    display: none; }
  /* line 579, app/stylesheets/components/_g_context_modules.scss */
  .context_module .context_module_items.manageable .context_module_item .links a {
    display: inline; }

/* line 587, app/stylesheets/components/_g_context_modules.scss */
.context_module_item:not(.assignment) li.assignment_menu {
  display: none; }

/* line 593, app/stylesheets/components/_g_context_modules.scss */
.context_module_item:not(.discussion_topic) li.discussion_topic_menu {
  display: none; }

/* line 599, app/stylesheets/components/_g_context_modules.scss */
.context_module_item:not(.attachment) li.file_menu {
  display: none; }

/* line 605, app/stylesheets/components/_g_context_modules.scss */
.context_module_item:not(.quiz) li.quiz_menu {
  display: none; }

/* line 611, app/stylesheets/components/_g_context_modules.scss */
.context_module_item:not(.wiki_page) li.wiki_page_menu {
  display: none; }

/* line 617, app/stylesheets/components/_g_context_modules.scss */
.context_module_item:not(.dupeable) .dupe-option {
  display: none; }

/* line 623, app/stylesheets/components/_g_context_modules.scss */
div.completion_criterion_option select.assignment_picker {
  width: 175px; }

/* line 627, app/stylesheets/components/_g_context_modules.scss */
div.completion_criterion_option select.assignment_requirement_picker {
  width: 175px; }

/* line 633, app/stylesheets/components/_g_context_modules.scss */
.publish-icon button {
  border: 0;
  padding: 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/>.
 */
/* line 23, app/stylesheets/components/_g_collaborations.scss */
.collaborations-header {
  display: block;
  overflow: hidden;
  margin-bottom: 14px; }
  /* line 28, app/stylesheets/components/_g_collaborations.scss */
  .collaborations-header h1, .collaborations-header .h1 {
    float: left;
    margin: 0; }
  /* line 32, app/stylesheets/components/_g_collaborations.scss */
  .collaborations-header .add_collaboration_link {
    float: right; }

/* line 37, app/stylesheets/components/_g_collaborations.scss */
.collaboration {
  border: 1px solid #C7CDD1;
  border-radius: 6px;
  margin: 0 0 10px 0;
  padding: 10px; }
  /* line 43, app/stylesheets/components/_g_collaborations.scss */
  .collaboration.etherpad {
    padding: 10px; }
  /* line 48, app/stylesheets/components/_g_collaborations.scss */
  .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; }
  /* line 57, app/stylesheets/components/_g_collaborations.scss */
  .collaboration .collaboration-header .links {
    float: right;
    line-height: 0.8em; }
  /* line 63, app/stylesheets/components/_g_collaborations.scss */
  .collaboration .description {
    margin-bottom: 5px; }
  /* line 68, app/stylesheets/components/_g_collaborations.scss */
  .collaboration .edit_collaboration .header, .collaboration .edit_collaboration .content, .collaboration .edit_collaboration .footer {
    margin: 0;
    padding: 0; }
  /* line 74, app/stylesheets/components/_g_collaborations.scss */
  .collaboration .edit_collaboration .header input[name='collaboration[title]'] {
    width: 300px; }
  /* line 80, app/stylesheets/components/_g_collaborations.scss */
  .collaboration .edit_collaboration .content label {
    margin-bottom: 0; }
  /* line 83, app/stylesheets/components/_g_collaborations.scss */
  .collaboration .edit_collaboration .content textarea {
    display: block;
    height: 50px;
    width: 400px; }

/* line 93, app/stylesheets/components/_g_collaborations.scss */
.collaborator-picker .list-wrapper {
  float: left;
  height: 300px;
  overflow-y: scroll;
  width: 50%; }

/* line 100, app/stylesheets/components/_g_collaborations.scss */
.collaborator-picker .list-wrapper li {
  position: relative; }
  /* line 103, app/stylesheets/components/_g_collaborations.scss */
  .collaborator-picker .list-wrapper li .icon-end, .collaborator-picker .list-wrapper li .icon-add {
    display: none;
    position: absolute;
    right: 5px;
    top: 4px; }
  /* line 110, app/stylesheets/components/_g_collaborations.scss */
  .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; }

/* line 116, app/stylesheets/components/_g_collaborations.scss */
.collaborator-picker .loading-wrapper {
  text-align: center; }

/* line 117, app/stylesheets/components/_g_collaborations.scss */
.collaborator-picker .loading-wrapper img {
  margin: 16px auto; }

/* line 119, app/stylesheets/components/_g_collaborations.scss */
.collaborator-picker .list-wrapper ul {
  display: none; }

/* line 120, app/stylesheets/components/_g_collaborations.scss */
.collaborator-picker .list-wrapper ul:first-child {
  display: block; }

/* line 121, app/stylesheets/components/_g_collaborations.scss */
.collaborator-picker .members-list-wrapper ul {
  display: block; }

/* line 123, app/stylesheets/components/_g_collaborations.scss */
.collaborator-picker .box-with-header .box-content {
  overflow: hidden;
  padding: 0; }

/* line 128, app/stylesheets/components/_g_collaborations.scss */
.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; }

/* line 132, app/stylesheets/components/_g_collaborations.scss */
.collaborator-picker .filters {
  display: inline-block;
  padding-right: 5px; }

/* line 137, app/stylesheets/components/_g_collaborations.scss */
.collaborator-picker .radio-group-outline {
  outline: var(--ic-brand-primary) solid 2px; }

/* line 142, app/stylesheets/components/_g_collaborations.scss */
.collaboration-actions.form-actions {
  background: none;
  border: none;
  padding: 0; }

/* line 148, app/stylesheets/components/_g_collaborations.scss */
.collaborator-list > ul > li {
  background: none;
  border-bottom: 1px solid white;
  border-top: 1px solid #fff;
  color: #73818C;
  display: block;
  padding: 4px 12px; }
  /* line 156, app/stylesheets/components/_g_collaborations.scss */
  .collaborator-list > ul > li:hover {
    background: #edf4fc; }
  /* line 160, app/stylesheets/components/_g_collaborations.scss */
  .collaborator-list > ul > li > a {
    border: none;
    padding: 0; }
  /* line 165, app/stylesheets/components/_g_collaborations.scss */
  .collaborator-list > ul > li > a:hover {
    background: none; }

/* line 169, app/stylesheets/components/_g_collaborations.scss */
.members-list-wrapper li {
  background: #f5fbf7; }
  /* line 172, app/stylesheets/components/_g_collaborations.scss */
  .members-list-wrapper li:hover, .members-list-wrapper li:hover a, .members-list-wrapper li a:focus {
    background: none;
    color: #b72d1e;
    outline: 0; }

/* line 180, app/stylesheets/components/_g_collaborations.scss */
.members-list-wrapper a {
  cursor: pointer; }

/* line 182, app/stylesheets/components/_g_collaborations.scss */
.members-list-wrapper .remove-button {
  display: none; }

/* line 186, app/stylesheets/components/_g_collaborations.scss */
.members-list-wrapper .remove-button a {
  color: #333;
  cursor: pointer;
  display: block;
  text-align: center; }

/* line 193, app/stylesheets/components/_g_collaborations.scss */
.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 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/>.
 */
/* line 19, app/stylesheets/components/_g_files.scss */
#folder_content {
  padding: 0px;
  margin: 0px;
  height: 350px; }
  /* line 23, app/stylesheets/components/_g_files.scss */
  #folder_content a:hover, #folder_content a:focus {
    background-color: transparent; }
  /* line 26, app/stylesheets/components/_g_files.scss */
  #folder_content li {
    display: block;
    font-size: 1.2em;
    width: auto;
    list-style-type: none;
    padding: 3px 5px 3px 30px;
    background-position: 5px center;
    background-repeat: no-repeat;
    background-color: #fff;
    min-height: 20px;
    min-width: 200px;
    border-radius: 3px; }
    /* line 38, app/stylesheets/components/_g_files.scss */
    #folder_content li.draggable {
      cursor: pointer; }
    /* line 41, app/stylesheets/components/_g_files.scss */
    #folder_content li .links {
      display: none;
      float: right; }
    /* line 45, app/stylesheets/components/_g_files.scss */
    #folder_content li.folder {
      background-image: url(/dist/images/folder_big-759354eacc.png); }
      /* line 47, app/stylesheets/components/_g_files.scss */
      #folder_content li.folder.currently_locked_folder, #folder_content li.folder.folder_locked {
        background-image: url(/dist/images/folder_big_locked-19193e8742.png); }
      /* line 50, app/stylesheets/components/_g_files.scss */
      #folder_content li.folder.drop_target {
        border: 1px solid #999; }
    /* line 54, app/stylesheets/components/_g_files.scss */
    #folder_content li.file {
      background-image: url(/dist/images/file_big-fd6585fa5e.png); }
      /* line 56, app/stylesheets/components/_g_files.scss */
      #folder_content li.file.currently_locked, #folder_content li.file.locked {
        background-image: url(/dist/images/file_big_locked-d000c0c26c.png); }
    /* line 61, app/stylesheets/components/_g_files.scss */
    #folder_content li.draggable .name {
      cursor: move; }
    /* line 65, app/stylesheets/components/_g_files.scss */
    #folder_content li:hover {
      background-color: #ffc; }
      /* line 67, app/stylesheets/components/_g_files.scss */
      #folder_content li:hover .links {
        display: block;
        opacity: 0.5; }
        /* line 70, app/stylesheets/components/_g_files.scss */
        #folder_content li:hover .links:hover {
          opacity: 1; }
    /* line 75, app/stylesheets/components/_g_files.scss */
    #folder_content li.selected, #folder_content li .temp_selected {
      background-color: #fea;
      font-weight: bold; }
      /* line 78, app/stylesheets/components/_g_files.scss */
      #folder_content li.selected .links, #folder_content li .temp_selected .links {
        display: block;
        opacity: 1; }

/* line 87, app/stylesheets/components/_g_files.scss */
#tags ul {
  padding: 10px 0px;
  margin: 0px;
  list-style-type: none; }
  /* line 91, app/stylesheets/components/_g_files.scss */
  #tags ul li.tag {
    padding: 4px 5px 4px 35px;
    cursor: pointer;
    background-image: url(/dist/images/tag_icon-21ae8ff277.png);
    background-position: 2px 2px;
    background-repeat: no-repeat;
    white-space: nowrap; }
    /* line 98, app/stylesheets/components/_g_files.scss */
    #tags ul li.tag:hover {
      background-color: #eee; }
    /* line 101, app/stylesheets/components/_g_files.scss */
    #tags ul li.tag.open {
      background-image: url(/dist/images/tag_icon-21ae8ff277.png); }
    /* line 104, app/stylesheets/components/_g_files.scss */
    #tags ul li.tag.drop_target {
      border: 1px solid #999; }
    /* line 107, app/stylesheets/components/_g_files.scss */
    #tags ul li.tag.selected {
      background-color: #ddd; }

/* line 115, app/stylesheets/components/_g_files.scss */
#view_options .header {
  font-size: 1em;
  font-weight: bold; }

/* line 121, app/stylesheets/components/_g_files.scss */
#folders {
  padding: 0px 0px 20px 0px; }
  /* line 123, app/stylesheets/components/_g_files.scss */
  #folders ul {
    padding: 0px;
    margin: 0px;
    list-style-type: none; }
    /* line 127, app/stylesheets/components/_g_files.scss */
    #folders ul li.folder {
      display: block;
      color: #444; }
      /* line 130, app/stylesheets/components/_g_files.scss */
      #folders ul li.folder ul {
        margin-left: 10px; }
      /* line 133, app/stylesheets/components/_g_files.scss */
      #folders ul li.folder .folder_name {
        padding: 5px 5px 5px 30px;
        cursor: pointer;
        background-image: url(/dist/images/folder_closed-e941eff464.png);
        background-position: 7px center;
        background-repeat: no-repeat;
        white-space: nowrap;
        vertical-align: center;
        font-size: 1em; }
        /* line 142, app/stylesheets/components/_g_files.scss */
        #folders ul li.folder .folder_name:hover {
          background-color: #eee; }
        /* line 145, app/stylesheets/components/_g_files.scss */
        #folders ul li.folder .folder_name.open {
          background-image: url(/dist/images/folder_open-e941eff464.png); }
        /* line 148, app/stylesheets/components/_g_files.scss */
        #folders ul li.folder .folder_name.drop_target {
          border: 1px solid #999; }
        /* line 151, app/stylesheets/components/_g_files.scss */
        #folders ul li.folder .folder_name.selected {
          background-color: #ddd;
          border-top: 1px solid #eee;
          border-bottom: 1px solid #eee;
          font-weight: bold; }
        /* line 157, app/stylesheets/components/_g_files.scss */
        #folders ul li.folder .folder_name.related {
          background-color: #ddd;
          border-top: 1px solid #eee;
          border-bottom: 1px solid #eee; }
      /* line 164, app/stylesheets/components/_g_files.scss */
      #folders ul li.folder.currently_locked_folder .folder_name, #folders ul li.folder.folder_locked .folder_name {
        background-image: url(/dist/images/folder_locked-bf18532e4d.png); }

/* line 172, app/stylesheets/components/_g_files.scss */
#multi_file_uploads_link {
  background: url(/dist/images/file_multiple-ef71b097fc.png) left 5px no-repeat; }

/* line 176, app/stylesheets/components/_g_files.scss */
#file_uploads {
  width: auto;
  margin: 0px 30px 10px; }
  /* line 179, app/stylesheets/components/_g_files.scss */
  #file_uploads .file_upload {
    font-size: 0.8em;
    border: 1px solid #aaa;
    border-radius: 5px;
    padding: 3px;
    margin-bottom: 3px;
    background-color: #ddd; }
    /* line 186, app/stylesheets/components/_g_files.scss */
    #file_uploads .file_upload.finished_message {
      background-color: #d0e0f0; }
    /* line 189, app/stylesheets/components/_g_files.scss */
    #file_uploads .file_upload .file_name {
      font-weight: bold; }
    /* line 192, app/stylesheets/components/_g_files.scss */
    #file_uploads .file_upload .cancel_upload_link {
      float: right; }
    /* line 195, app/stylesheets/components/_g_files.scss */
    #file_uploads .file_upload .progress_bar {
      height: 10px;
      margin: 2px 20px; }

/* line 202, app/stylesheets/components/_g_files.scss */
.embedded_swf {
  min-height: 600px;
  height: 80%;
  width: 100%; }

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

@-webkit-keyframes page-changed-header-bar {
  from {
    height: 64px; }
  to {
    height: 103px; } }

@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/>.
 */
/* line 19, app/stylesheets/pages/shared/_menu_tools.scss */
a.menu_tool_link img.icon {
  max-width: 16px; }

/* line 50, app/stylesheets/components/_g_wiki.scss */
.pages .sticky-toolbar .sticky {
  position: fixed;
  z-index: 1000;
  top: 0px;
  left: 0px;
  right: 0px;
  margin-left: 1px;
  background: white;
  height: 33px;
  max-width: 1100px;
  border-color: #abb4ba; }

/* line 63, app/stylesheets/components/_g_wiki.scss */
.pages.with-left-side .sticky-toolbar .sticky {
  margin-left: 176px; }

/* line 67, app/stylesheets/components/_g_wiki.scss */
.pages.with-right-side .sticky-toolbar .sticky {
  margin-right: 287px; }

/* line 71, app/stylesheets/components/_g_wiki.scss */
.delete_criterion_link {
  border: none;
  background: none;
  padding: 0px; }

/* line 77, app/stylesheets/components/_g_wiki.scss */
.add_prerequisite_or_requirement_link {
  color: var(--ic-link-color);
  border: none;
  background: none;
  padding: 0px; }
  /* line 82, app/stylesheets/components/_g_wiki.scss */
  .add_prerequisite_or_requirement_link:hover {
    color: var(--ic-link-color-darkened-10);
    background: none;
    text-decoration: underline; }

/* line 90, app/stylesheets/components/_g_wiki.scss */
.pages .header-bar-outer-container {
  min-height: 64px;
  clear: right; }
  /* line 93, app/stylesheets/components/_g_wiki.scss */
  .pages .header-bar-outer-container .header-bar-container {
    min-width: 508px;
    min-height: 64px; }
    /* line 96, app/stylesheets/components/_g_wiki.scss */
    .pages .header-bar-outer-container .header-bar-container .page-changed-alert {
      overflow: hidden;
      height: 0; }
    /* line 100, app/stylesheets/components/_g_wiki.scss */
    .pages .header-bar-outer-container .header-bar-container .page-changed-alert .alert {
      border-radius: 0; }
    /* line 103, app/stylesheets/components/_g_wiki.scss */
    .pages .header-bar-outer-container .header-bar-container .header-left-flex {
      -webkit-flex: 1;
              flex: 1;
      float: none;
      white-space: nowrap;
      overflow: hidden; }
      /* line 108, app/stylesheets/components/_g_wiki.scss */
      .pages .header-bar-outer-container .header-bar-container .header-left-flex .course-title {
        text-overflow: ellipsis;
        overflow: hidden; }
    /* line 113, app/stylesheets/components/_g_wiki.scss */
    .pages .header-bar-outer-container .header-bar-container .header-right-flex {
      padding-left: 12px; }
    /* line 116, app/stylesheets/components/_g_wiki.scss */
    .pages .header-bar-outer-container .header-bar-container .flex-container {
      display: -webkit-flex;
      display: flex; }

/* line 122, app/stylesheets/components/_g_wiki.scss */
.pages .header-bar-outer-container.page-changed {
  height: 103px;
  -webkit-animation: page-changed-header-bar 1.15s;
          animation: page-changed-header-bar 1.15s; }
  /* line 125, app/stylesheets/components/_g_wiki.scss */
  .pages .header-bar-outer-container.page-changed .header-bar-container {
    height: 103px;
    -webkit-animation: page-changed-header-bar 1.15s;
            animation: page-changed-header-bar 1.15s; }
    /* line 128, app/stylesheets/components/_g_wiki.scss */
    .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;
      -webkit-animation: page-changed-alert 1.15s;
              animation: page-changed-alert 1.15s; }

/* line 140, app/stylesheets/components/_g_wiki.scss */
.pages.index .index-content-container {
  margin-top: 1px; }

/* line 143, app/stylesheets/components/_g_wiki.scss */
.pages.index .page-edit-dialog .edit-content {
  margin: 8px 5px; }
  /* line 145, app/stylesheets/components/_g_wiki.scss */
  .pages.index .page-edit-dialog .edit-content .edit-label {
    padding-top: 5px;
    width: 75px;
    float: left;
    text-align: right; }
  /* line 151, app/stylesheets/components/_g_wiki.scss */
  .pages.index .page-edit-dialog .edit-content .edit-controls {
    margin-left: 85px; }
  /* line 154, app/stylesheets/components/_g_wiki.scss */
  .pages.index .page-edit-dialog .edit-content .edit-control-text {
    width: 270px; }

/* line 159, app/stylesheets/components/_g_wiki.scss */
.pages.index .index-content .table {
  margin-bottom: 0;
  border-collapse: separate;
  border-spacing: 0; }
  /* line 164, app/stylesheets/components/_g_wiki.scss */
  .pages.index .index-content .table td:first-child, .pages.index .index-content .table th:first-child {
    padding-left: 12px; }
  /* line 167, app/stylesheets/components/_g_wiki.scss */
  .pages.index .index-content .table td:last-child, .pages.index .index-content .table th:last-child {
    padding-right: 12px; }

/* line 173, app/stylesheets/components/_g_wiki.scss */
.pages.index .index-content .table thead {
  background: #FFFFFF; }
  /* line 175, app/stylesheets/components/_g_wiki.scss */
  .pages.index .index-content .table thead tr {
    height: 40px; }
  /* line 178, app/stylesheets/components/_g_wiki.scss */
  .pages.index .index-content .table thead th {
    vertical-align: middle;
    font-weight: bold; }

/* line 184, app/stylesheets/components/_g_wiki.scss */
.pages.index .index-content .table tbody .page_title {
  font-weight: bold; }

/* line 187, app/stylesheets/components/_g_wiki.scss */
.pages.index .index-content .table tbody .front-page {
  margin: auto 0.5em; }

/* line 190, app/stylesheets/components/_g_wiki.scss */
.pages.index .index-content .table tbody tr {
  background: #F5F5F5;
  text-decoration: inherit;
  color: inherit; }
  /* line 194, app/stylesheets/components/_g_wiki.scss */
  .pages.index .index-content .table tbody tr.clickable:hover {
    background: #eef7ff;
    text-decoration: inherit;
    color: inherit; }
  /* line 199, app/stylesheets/components/_g_wiki.scss */
  .pages.index .index-content .table tbody tr td:first-child {
    border-left: 1px solid #C7CDD1; }
  /* line 202, app/stylesheets/components/_g_wiki.scss */
  .pages.index .index-content .table tbody tr td:last-child {
    border-right: 1px solid #C7CDD1; }

/* line 207, app/stylesheets/components/_g_wiki.scss */
.pages.index .index-content .table tbody tr:first-child td {
  border-top: 1px solid #C7CDD1; }

/* line 210, app/stylesheets/components/_g_wiki.scss */
.pages.index .index-content .table tbody tr:first-child td:first-child {
  border-top-left-radius: 3px; }

/* line 213, app/stylesheets/components/_g_wiki.scss */
.pages.index .index-content .table tbody tr:first-child td:last-child {
  border-top-right-radius: 3px; }

/* line 218, app/stylesheets/components/_g_wiki.scss */
.pages.index .index-content .table tbody tr:last-child td {
  border-bottom: 1px solid #C7CDD1; }

/* line 221, app/stylesheets/components/_g_wiki.scss */
.pages.index .index-content .table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 3px; }

/* line 224, app/stylesheets/components/_g_wiki.scss */
.pages.index .index-content .table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 3px; }

/* line 228, app/stylesheets/components/_g_wiki.scss */
.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; }
  /* line 234, app/stylesheets/components/_g_wiki.scss */
  .pages.index .index-content .table tbody td .wiki-page-link {
    font-size: 13px;
    font-size: 0.8125rem;
    color: #4d4d4d;
    font-weight: bold; }
  /* line 239, app/stylesheets/components/_g_wiki.scss */
  .pages.index .index-content .table tbody td .wiki-page-link.published {
    color: #00AC18; }
  /* line 242, app/stylesheets/components/_g_wiki.scss */
  .pages.index .index-content .table tbody td .wiki-page-link.unpublished {
    color: var(--ic-brand-font-color-dark-lightened-15); }
  /* line 245, app/stylesheets/components/_g_wiki.scss */
  .pages.index .index-content .table tbody td .icon-publish {
    color: #00AC18; }
  /* line 248, app/stylesheets/components/_g_wiki.scss */
  .pages.index .index-content .table tbody td .icon-unpublished {
    color: var(--ic-brand-font-color-dark-lightened-30); }

/* line 253, app/stylesheets/components/_g_wiki.scss */
.pages.index .index-content .table .no-pages .no-pages-cell {
  border: 1px dashed #C7CDD1; }

/* line 256, app/stylesheets/components/_g_wiki.scss */
.pages.index .index-content .loading {
  text-align: center;
  color: #8f9295; }
  /* line 259, app/stylesheets/components/_g_wiki.scss */
  .pages.index .index-content .loading img {
    margin-top: -3px;
    opacity: 0.75; }
  /* line 263, app/stylesheets/components/_g_wiki.scss */
  .pages.index .index-content .loading.loading {
    border: 1px solid transparent; }
  /* line 266, app/stylesheets/components/_g_wiki.scss */
  .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; }

/* line 279, app/stylesheets/components/_g_wiki.scss */
.header-row {
  text-transform: uppercase; }
  /* line 281, app/stylesheets/components/_g_wiki.scss */
  .header-row a.sort-field {
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    color: inherit;
    white-space: nowrap; }
    /* line 286, app/stylesheets/components/_g_wiki.scss */
    .header-row a.sort-field i {
      color: #ccc; }
  /* line 290, app/stylesheets/components/_g_wiki.scss */
  .header-row a.sort-field:hover {
    text-decoration: none; }
    /* line 292, app/stylesheets/components/_g_wiki.scss */
    .header-row a.sort-field:hover i {
      color: #0088cc; }
  /* line 297, app/stylesheets/components/_g_wiki.scss */
  .header-row a.sort-field-active i {
    color: black; }

/* line 304, app/stylesheets/components/_g_wiki.scss */
.pages.show .course-title {
  display: none;
  font-size: 1.8em;
  font-weight: bold;
  line-height: 30px;
  margin: 0;
  color: #666; }

/* line 312, app/stylesheets/components/_g_wiki.scss */
.pages.show .page-title {
  font-size: 2.5em;
  font-weight: 200;
  margin: 15px 0;
  color: #666; }

/* line 319, app/stylesheets/components/_g_wiki.scss */
.pages.show .header-bar .publish-button {
  margin: 0 12px 0 0; }

/* line 322, app/stylesheets/components/_g_wiki.scss */
.pages.show .header-bar .front-page.label {
  margin: 6px 12px 6px 0; }

/* line 325, app/stylesheets/components/_g_wiki.scss */
.pages.show .header-bar .published, .pages.show .header-bar .unpublished {
  display: inline-block;
  margin: 6px 8px 6px 5px; }

/* line 330, app/stylesheets/components/_g_wiki.scss */
.pages.show .locked-alert ul {
  margin: 4px 0 6px 25px; }

/* line 333, app/stylesheets/components/_g_wiki.scss */
.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) {
    /* line 333, app/stylesheets/components/_g_wiki.scss */
    .pages.show .show-content {
      padding: 0 24px 0 12px; } }

/* line 340, app/stylesheets/components/_g_wiki.scss */
.pages.show .floating_links {
  margin-right: 15px; }

/* line 343, app/stylesheets/components/_g_wiki.scss */
.pages.show .public-license {
  margin-left: 15px;
  margin-bottom: 15px; }

/* line 350, app/stylesheets/components/_g_wiki.scss */
.pages.show.home .course-title {
  display: block; }

/* line 353, app/stylesheets/components/_g_wiki.scss */
.pages.show.home .page-title {
  display: none; }

/* line 356, app/stylesheets/components/_g_wiki.scss */
.pages.show.home .show-content {
  padding-top: 25px; }

/* line 362, app/stylesheets/components/_g_wiki.scss */
.pages.edit .form-actions {
  padding-left: 1em; }

/* line 365, app/stylesheets/components/_g_wiki.scss */
.pages.edit .edit-form {
  margin: 0; }
  /* line 367, app/stylesheets/components/_g_wiki.scss */
  .pages.edit .edit-form .edit-content {
    padding: 1em; }
    /* line 369, app/stylesheets/components/_g_wiki.scss */
    .pages.edit .edit-form .edit-content .edit-header {
      position: relative;
      margin-bottom: 1em; }
    /* line 373, app/stylesheets/components/_g_wiki.scss */
    .pages.edit .edit-form .edit-content .edit-header h2 {
      margin: 0; }
    /* line 376, app/stylesheets/components/_g_wiki.scss */
    .pages.edit .edit-form .edit-content .switch_views_container {
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: flex-end;
              justify-content: flex-end; }
    /* line 380, app/stylesheets/components/_g_wiki.scss */
    .pages.edit .edit-form .edit-content .body {
      width: 98.5%; }
    /* line 383, app/stylesheets/components/_g_wiki.scss */
    .pages.edit .edit-form .edit-content .mceLayout {
      margin: 0; }
    /* line 386, app/stylesheets/components/_g_wiki.scss */
    .pages.edit .edit-form .edit-content .options {
      margin-top: 1em; }
  /* line 390, app/stylesheets/components/_g_wiki.scss */
  .pages.edit .edit-form .form-actions {
    margin-top: 0;
    margin-bottom: 0; }

/* line 398, app/stylesheets/components/_g_wiki.scss */
.pages.show.revisions #wiki_page_revisions {
  position: relative; }
  @media only screen and (min-width: 992px) {
    /* line 398, app/stylesheets/components/_g_wiki.scss */
    .pages.show.revisions #wiki_page_revisions {
      min-height: 502px; } }

@media only screen and (min-width: 992px) {
  /* line 404, app/stylesheets/components/_g_wiki.scss */
  .pages.show.revisions .show-content {
    margin-right: 270px; } }

/* line 409, app/stylesheets/components/_g_wiki.scss */
.pages.show.revisions .show-revisions {
  border-bottom: 1px solid #C7CDD1; }
  @media only screen and (min-width: 992px) {
    /* line 409, app/stylesheets/components/_g_wiki.scss */
    .pages.show.revisions .show-revisions {
      border-bottom: none;
      position: absolute;
      top: 0;
      right: 0;
      width: 270px; }
      /* line 417, app/stylesheets/components/_g_wiki.scss */
      .pages.show.revisions .show-revisions aside {
        width: 270px;
        position: fixed;
        padding-top: 24px; } }
  /* line 424, app/stylesheets/components/_g_wiki.scss */
  .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; }
  /* line 431, app/stylesheets/components/_g_wiki.scss */
  .pages.show.revisions .show-revisions .revision-history .close-button {
    position: absolute;
    top: 3px;
    bottom: 3px;
    right: 3px;
    width: 42px;
    text-align: center;
    color: dimgrey; }
    /* line 439, app/stylesheets/components/_g_wiki.scss */
    .pages.show.revisions .show-revisions .revision-history .close-button:hover {
      color: var(--ic-brand-primary); }
    /* line 442, app/stylesheets/components/_g_wiki.scss */
    .pages.show.revisions .show-revisions .revision-history .close-button i.icon-x {
      position: absolute;
      top: 50%;
      margin-top: -8px;
      right: 13px; }
  /* line 449, app/stylesheets/components/_g_wiki.scss */
  .pages.show.revisions .show-revisions ul.revisions-list {
    margin: 0;
    overflow-y: auto; }

/* line 454, app/stylesheets/components/_g_wiki.scss */
.pages.show.revisions .revision {
  list-style-type: none;
  overflow: hidden;
  height: 34px;
  transition: height 400ms;
  border-left: 2px solid transparent; }
  /* line 463, app/stylesheets/components/_g_wiki.scss */
  .pages.show.revisions .revision.selected, .pages.show.revisions .revision.latest {
    height: 56px;
    transition: height 400ms; }
  /* line 467, app/stylesheets/components/_g_wiki.scss */
  .pages.show.revisions .revision .revision-content {
    padding: 7px 8px;
    font-size: 14px;
    font-size: 0.875rem; }
    /* line 471, app/stylesheets/components/_g_wiki.scss */
    .pages.show.revisions .revision .revision-content .revision-details {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      font-size: 12px;
      color: #333; }
  /* line 479, app/stylesheets/components/_g_wiki.scss */
  .pages.show.revisions .revision:not(.selected):hover {
    border-left-color: var(--ic-link-color); }
    /* line 481, app/stylesheets/components/_g_wiki.scss */
    .pages.show.revisions .revision:not(.selected):hover .revision-content {
      cursor: pointer; }
  /* line 486, app/stylesheets/components/_g_wiki.scss */
  .pages.show.revisions .revision .revision-actions {
    margin-top: 2px;
    font-style: italic;
    color: #737373; }
  /* line 491, app/stylesheets/components/_g_wiki.scss */
  .pages.show.revisions .revision .revision-actions a.restore-link {
    font-style: normal;
    cursor: pointer; }
  /* line 495, app/stylesheets/components/_g_wiki.scss */
  .pages.show.revisions .revision.selected {
    border-left-color: var(--ic-link-color);
    background: #E5F2F8; }

/* line 500, app/stylesheets/components/_g_wiki.scss */
.pages.show.revisions .revision-nav-buttons {
  position: relative;
  height: 36px; }
  /* line 504, app/stylesheets/components/_g_wiki.scss */
  .pages.show.revisions .revision-nav-buttons a {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    text-transform: uppercase;
    font-weight: bold; }
  /* line 509, app/stylesheets/components/_g_wiki.scss */
  .pages.show.revisions .revision-nav-buttons a:hover {
    text-decoration: none;
    cursor: pointer;
    color: var(--revision-button-hover-color);
    border-radius: 3px; }
  /* line 515, app/stylesheets/components/_g_wiki.scss */
  .pages.show.revisions .revision-nav-buttons .prev-button {
    position: absolute;
    left: 0;
    top: 0; }
  /* line 520, app/stylesheets/components/_g_wiki.scss */
  .pages.show.revisions .revision-nav-buttons .next-button {
    position: absolute;
    right: 0;
    top: 0; }

@media print {
  /* line 529, app/stylesheets/components/_g_wiki.scss */
  #breadcrumbs, .header-bar-outer-container {
    display: none; }
  /* line 533, app/stylesheets/components/_g_wiki.scss */
  .pages.show.revisions .show-revisions {
    display: none; }
  /* line 536, app/stylesheets/components/_g_wiki.scss */
  .pages.show.revisions .show-content {
    margin-right: 0; } }

/* line 542, app/stylesheets/components/_g_wiki.scss */
#wiki_show_view_main {
  overflow: auto; }

/* line 546, app/stylesheets/components/_g_wiki.scss */
#last_edited_by {
  border: solid #eee;
  border-width: 0 0 1px 0;
  font-size: 0.8em;
  margin-bottom: 10px;
  margin-right: 2px; }
  /* line 552, app/stylesheets/components/_g_wiki.scss */
  #last_edited_by h3, #last_edited_by .h3 {
    margin: 0px 20px 10px;
    font-size: 1.5em;
    color: #444; }

/* line 559, app/stylesheets/components/_g_wiki.scss */
#page_history {
  float: right; }

/* line 565, app/stylesheets/components/_g_wiki.scss */
#wiki_page_body_parent.mceEditor {
  display: block;
  overflow: auto; }

/*
 * 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/>.
 */
/* line 19, app/stylesheets/components/_g_conference.scss */
#members_list {
  margin: 0;
  list-style-type: none; }
  /* line 22, app/stylesheets/components/_g_conference.scss */
  #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/>.
 */
/* line 38, app/stylesheets/components/_g_rubrics.scss */
.rubric_container {
  margin-top: 20px; }
  /* line 40, app/stylesheets/components/_g_rubrics.scss */
  .rubric_container tr.criterion .links {
    float: right;
    text-align: right; }
  /* line 44, app/stylesheets/components/_g_rubrics.scss */
  .rubric_container .small_description {
    font-style: italic;
    margin-top: .5rem; }
  /* line 50, app/stylesheets/components/_g_rubrics.scss */
  .rubric_container.editing tr.criterion .links {
    display: inline-block; }
  /* line 53, app/stylesheets/components/_g_rubrics.scss */
  .rubric_container.editing tr.criterion .description {
    clear: both; }
  /* line 56, app/stylesheets/components/_g_rubrics.scss */
  .rubric_container.editing label[for=rubric-title] {
    font-weight: bold; }
  /* line 59, app/stylesheets/components/_g_rubrics.scss */
  .rubric_container.editing tr.criterion .container .add_rating_link {
    position: absolute;
    float: right;
    top: 50%;
    right: -.5%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    line-height: 0;
    width: 0;
    display: block; }
  /* line 69, app/stylesheets/components/_g_rubrics.scss */
  .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; }
  /* line 76, app/stylesheets/components/_g_rubrics.scss */
  .rubric_container.editing .add_rating_link i::before {
    font-size: .75rem;
    padding: .1875rem; }
  /* line 80, app/stylesheets/components/_g_rubrics.scss */
  .rubric_container.editing .add_rating_link i {
    color: #FFFFFF; }
  /* line 83, app/stylesheets/components/_g_rubrics.scss */
  .rubric_container.editing tr.criterion td.criterion_description .description_content {
    float: left;
    clear: both; }
  /* line 88, app/stylesheets/components/_g_rubrics.scss */
  .rubric_container .rubric_table {
    border-collapse: collapse;
    width: 99.9%;
    height: 100%;
    page-break-inside: avoid; }
    /* line 95, app/stylesheets/components/_g_rubrics.scss */
    .rubric_container .rubric_table .find_outcome_link {
      margin-left: 10px; }
  /* line 99, app/stylesheets/components/_g_rubrics.scss */
  .rubric_container thead th {
    background-color: #F5F5F5; }
  /* line 102, app/stylesheets/components/_g_rubrics.scss */
  .rubric_container td, .rubric_container th {
    border: 1px solid #C7CDD1;
    padding: 7px 10px; }
  /* line 106, app/stylesheets/components/_g_rubrics.scss */
  .rubric_container .rubric_title {
    background-color: #F5F5F5;
    border-top: 1px solid #C7CDD1;
    border-left: 1px solid #C7CDD1;
    border-right: 1px solid #C7CDD1;
    padding: 5px;
    font-weight: bold; }
  /* line 114, app/stylesheets/components/_g_rubrics.scss */
  .rubric_container .has-assessments-warning {
    font-size: 0.8em;
    font-weight: normal; }
  /* line 118, app/stylesheets/components/_g_rubrics.scss */
  .rubric_container tr.criterion td.criterion_description {
    height: 100%;
    vertical-align: top; }
    /* line 121, app/stylesheets/components/_g_rubrics.scss */
    .rubric_container tr.criterion td.criterion_description .container {
      margin-left: 0;
      margin-right: 0;
      width: auto;
      position: relative;
      font-size: 0.9em;
      display: table;
      width: 100%; }
    /* line 128, app/stylesheets/components/_g_rubrics.scss */
    .rubric_container tr.criterion td.criterion_description .description_content {
      display: table-cell;
      vertical-align: middle; }
    /* line 132, app/stylesheets/components/_g_rubrics.scss */
    .rubric_container tr.criterion td.criterion_description .learning_outcome_flag, .rubric_container tr.criterion td.criterion_description .threshold {
      display: none; }
    /* line 135, app/stylesheets/components/_g_rubrics.scss */
    .rubric_container tr.criterion td.criterion_description .long_description_holder {
      font-size: 0.8em;
      display: block; }
      /* line 138, app/stylesheets/components/_g_rubrics.scss */
      .rubric_container tr.criterion td.criterion_description .long_description_holder.empty {
        display: none; }
    /* line 142, app/stylesheets/components/_g_rubrics.scss */
    .rubric_container tr.criterion td.criterion_description .assessment-comments {
      font-size: 10px;
      font-size: 0.625rem; }
      /* line 144, app/stylesheets/components/_g_rubrics.scss */
      .rubric_container tr.criterion td.criterion_description .assessment-comments h6, .rubric_container tr.criterion td.criterion_description .assessment-comments .h6 {
        margin-top: 10px; }
  /* line 151, app/stylesheets/components/_g_rubrics.scss */
  .rubric_container tr.criterion.learning_outcome_criterion td.criterion_description .learning_outcome_flag {
    display: inline; }
  /* line 154, app/stylesheets/components/_g_rubrics.scss */
  .rubric_container tr.criterion.learning_outcome_criterion td.criterion_description .threshold {
    font-size: 0.8em;
    display: block;
    white-space: nowrap; }
  /* line 20, app/stylesheets/components/_g_rubrics.scss */
  .rubric_container tr.criterion.learning_outcome_criterion td.criterion_description.points_form .editing {
    display: none; }
  /* line 23, app/stylesheets/components/_g_rubrics.scss */
  .rubric_container tr.criterion.learning_outcome_criterion td.criterion_description.points_form .displaying {
    display: block; }
  /* line 26, app/stylesheets/components/_g_rubrics.scss */
  .rubric_container tr.criterion.learning_outcome_criterion td.criterion_description.points_form .ignoring {
    display: none; }
  /* line 20, app/stylesheets/components/_g_rubrics.scss */
  .rubric_container tr.criterion.learning_outcome_criterion.ignore_criterion_for_scoring .points_form .editing {
    display: none; }
  /* line 23, app/stylesheets/components/_g_rubrics.scss */
  .rubric_container tr.criterion.learning_outcome_criterion.ignore_criterion_for_scoring .points_form .displaying {
    display: none; }
  /* line 26, app/stylesheets/components/_g_rubrics.scss */
  .rubric_container tr.criterion.learning_outcome_criterion.ignore_criterion_for_scoring .points_form .ignoring {
    display: block; }
  /* line 169, app/stylesheets/components/_g_rubrics.scss */
  .rubric_container table.ratings {
    border-collapse: collapse;
    width: 100%;
    height: 100%;
    margin-left: -1px; }
    /* line 174, app/stylesheets/components/_g_rubrics.scss */
    .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.8em;
      vertical-align: top;
      padding: 2px 10px; }
      /* line 183, app/stylesheets/components/_g_rubrics.scss */
      .rubric_container table.ratings td .container {
        margin-left: 0;
        margin-right: 0;
        width: auto;
        padding: 5px 0;
        position: relative;
        height: 100%; }
      /* line 189, app/stylesheets/components/_g_rubrics.scss */
      .rubric_container table.ratings td.edge_rating .delete_rating_link {
        display: none; }
      /* line 192, app/stylesheets/components/_g_rubrics.scss */
      .rubric_container table.ratings td:last-child .add_rating_link_after {
        display: none; }
      /* line 195, app/stylesheets/components/_g_rubrics.scss */
      .rubric_container table.ratings td.infinitesimal .range_rating {
        display: none; }
  /* line 20, app/stylesheets/components/_g_rubrics.scss */
  .rubric_container .editing {
    display: none; }
  /* line 23, app/stylesheets/components/_g_rubrics.scss */
  .rubric_container .displaying {
    display: block; }
  /* line 26, app/stylesheets/components/_g_rubrics.scss */
  .rubric_container .ignoring {
    display: none; }
  /* line 201, app/stylesheets/components/_g_rubrics.scss */
  .rubric_container .assessing {
    display: none; }
  /* line 204, app/stylesheets/components/_g_rubrics.scss */
  .rubric_container td.criterion_description.completed {
    background-color: #ddd; }
  /* line 207, app/stylesheets/components/_g_rubrics.scss */
  .rubric_container td.rating.selected {
    background-color: #cfa; }
  /* line 211, app/stylesheets/components/_g_rubrics.scss */
  .rubric_container td.points_form .criterion_comments {
    display: none; }
  /* line 215, app/stylesheets/components/_g_rubrics.scss */
  .rubric_container td.points_form .displaying .criterion_comments {
    display: inline; }
    /* line 217, app/stylesheets/components/_g_rubrics.scss */
    .rubric_container td.points_form .displaying .criterion_comments.empty {
      display: none; }
  /* line 20, app/stylesheets/components/_g_rubrics.scss */
  .rubric_container.assessing .points_form .editing {
    display: block; }
  /* line 23, app/stylesheets/components/_g_rubrics.scss */
  .rubric_container.assessing .points_form .displaying {
    display: none; }
  /* line 26, app/stylesheets/components/_g_rubrics.scss */
  .rubric_container.assessing .points_form .ignoring {
    display: none; }
  /* line 226, app/stylesheets/components/_g_rubrics.scss */
  .rubric_container.assessing .points_form .criterion_comments {
    display: inline; }
    /* line 228, app/stylesheets/components/_g_rubrics.scss */
    .rubric_container.assessing .points_form .criterion_comments.empty {
      opacity: 0.7; }
      /* line 230, app/stylesheets/components/_g_rubrics.scss */
      .rubric_container.assessing .points_form .criterion_comments.empty:hover {
        opacity: 0.9; }
  /* line 236, app/stylesheets/components/_g_rubrics.scss */
  .rubric_container.assessing span.assessing {
    display: inline; }
  /* line 239, app/stylesheets/components/_g_rubrics.scss */
  .rubric_container.assessing div.assessing {
    display: block; }
  /* line 242, app/stylesheets/components/_g_rubrics.scss */
  .rubric_container.assessing div.not_assessing {
    display: none; }
  /* line 245, app/stylesheets/components/_g_rubrics.scss */
  .rubric_container.assessing td.rating:hover {
    background-color: #ad9;
    cursor: pointer; }
  /* line 20, app/stylesheets/components/_g_rubrics.scss */
  .rubric_container.assessing tr.criterion.learning_outcome_criterion td.points_form .editing {
    display: block; }
  /* line 23, app/stylesheets/components/_g_rubrics.scss */
  .rubric_container.assessing tr.criterion.learning_outcome_criterion td.points_form .displaying {
    display: none; }
  /* line 26, app/stylesheets/components/_g_rubrics.scss */
  .rubric_container.assessing tr.criterion.learning_outcome_criterion td.points_form .ignoring {
    display: none; }
  /* line 20, app/stylesheets/components/_g_rubrics.scss */
  .rubric_container.assessing tr.criterion.learning_outcome_criterion.ignore_criterion_for_scoring td.points_form .editing {
    display: none; }
  /* line 23, app/stylesheets/components/_g_rubrics.scss */
  .rubric_container.assessing tr.criterion.learning_outcome_criterion.ignore_criterion_for_scoring td.points_form .displaying {
    display: none; }
  /* line 26, app/stylesheets/components/_g_rubrics.scss */
  .rubric_container.assessing tr.criterion.learning_outcome_criterion.ignore_criterion_for_scoring td.points_form .ignoring {
    display: block; }
  /* line 20, app/stylesheets/components/_g_rubrics.scss */
  .rubric_container.editing .editing {
    display: block; }
  /* line 23, app/stylesheets/components/_g_rubrics.scss */
  .rubric_container.editing .displaying {
    display: none; }
  /* line 26, app/stylesheets/components/_g_rubrics.scss */
  .rubric_container.editing .ignoring {
    display: none; }
  /* line 262, app/stylesheets/components/_g_rubrics.scss */
  .rubric_container.editing td.editing, .rubric_container.editing th.editing {
    display: table-cell; }
  /* line 265, app/stylesheets/components/_g_rubrics.scss */
  .rubric_container.editing table.ratings td {
    border-left: 1px dashed #A5AFB5;
    border-right: 1px dashed #A5AFB5; }
  /* line 269, app/stylesheets/components/_g_rubrics.scss */
  .rubric_container.editing table.ratings td:nth-of-type(1) {
    border-left: 0; }
  /* line 272, app/stylesheets/components/_g_rubrics.scss */
  .rubric_container.editing table.ratings td:nth-last-of-type(1) {
    border-right: 0; }
  /* line 276, app/stylesheets/components/_g_rubrics.scss */
  .rubric_container.editing tr.criterion td.criterion_description .container {
    height: 100%; }
  /* line 279, app/stylesheets/components/_g_rubrics.scss */
  .rubric_container.editing tr.criterion td.criterion_description .long_description_holder {
    font-size: 0.8em;
    font-weight: bold; }
    /* line 282, app/stylesheets/components/_g_rubrics.scss */
    .rubric_container.editing tr.criterion td.criterion_description .long_description_holder.empty {
      font-weight: normal;
      display: block; }
  /* line 20, app/stylesheets/components/_g_rubrics.scss */
  .rubric_container.editing tr.criterion.learning_outcome_criterion td.points_form .editing {
    display: none; }
  /* line 23, app/stylesheets/components/_g_rubrics.scss */
  .rubric_container.editing tr.criterion.learning_outcome_criterion td.points_form .displaying {
    display: block; }
  /* line 26, app/stylesheets/components/_g_rubrics.scss */
  .rubric_container.editing tr.criterion.learning_outcome_criterion td.points_form .ignoring {
    display: none; }
  /* line 294, app/stylesheets/components/_g_rubrics.scss */
  .rubric_container.editing table.ratings td.add_right {
    border-right-color: #000;
    background: url(/dist/images/add_right-5625036f7a.png) no-repeat center right; }
  /* line 298, app/stylesheets/components/_g_rubrics.scss */
  .rubric_container.editing table.ratings td.add_left {
    border-left-color: #000;
    background: url(/dist/images/add_left-98f1da4be8.png) no-repeat center left; }
  /* line 302, app/stylesheets/components/_g_rubrics.scss */
  .rubric_container.editing table.ratings td.add_column {
    cursor: pointer; }
  /* line 307, app/stylesheets/components/_g_rubrics.scss */
  .rubric_container .has-assessments-warning {
    font-size: 0.8em;
    font-weight: normal;
    text-align: left; }

/* line 314, app/stylesheets/components/_g_rubrics.scss */
.rubric_summary {
  margin-top: 0 !important; }
  /* line 316, app/stylesheets/components/_g_rubrics.scss */
  .rubric_summary .rating_holder {
    margin-bottom: 3px; }
  /* line 319, app/stylesheets/components/_g_rubrics.scss */
  .rubric_summary .rating {
    color: #777;
    font-style: italic;
    text-align: left; }
  /* line 324, app/stylesheets/components/_g_rubrics.scss */
  .rubric_summary .rating_comments_dialog_link {
    font-size: 0.8em;
    max-height: 2.7em;
    cursor: pointer;
    overflow: hidden; }
  /* line 330, app/stylesheets/components/_g_rubrics.scss */
  .rubric_summary .x_out_of_x {
    float: right; }
  /* line 334, app/stylesheets/components/_g_rubrics.scss */
  .rubric_summary.free_form .rating.description {
    display: none; }
  /* line 339, app/stylesheets/components/_g_rubrics.scss */
  .rubric_summary .points_form .rating_custom {
    height: 15px; }

/* line 345, app/stylesheets/components/_g_rubrics.scss */
.edit-rubric-form .button-container {
  margin: 8px 0;
  text-align: right; }

/* line 351, app/stylesheets/components/_g_rubrics.scss */
#rubric_holder .rubric_title {
  margin-right: 0; }

/* line 354, app/stylesheets/components/_g_rubrics.scss */
#rubric_holder .hide_rubric_link {
  color: #333;
  cursor: pointer; }

/* line 360, app/stylesheets/components/_g_rubrics.scss */
.ic-Action-header--half-margin {
  margin-top: 6px;
  margin-bottom: 6px; }

/* line 365, app/stylesheets/components/_g_rubrics.scss */
#edit_rating_form div, #edit_criterion_form div {
  margin-top: 30px;
  width: 100%; }

/* line 369, app/stylesheets/components/_g_rubrics.scss */
.rating_form_label {
  font-size: 1rem; }

/* line 372, app/stylesheets/components/_g_rubrics.scss */
.popover_menu_width {
  max-width: 15em; }

/* line 376, app/stylesheets/components/_g_rubrics.scss */
#edit_criterion_form label {
  width: 100%;
  margin-bottom: 0px; }

/* line 380, app/stylesheets/components/_g_rubrics.scss */
#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/>.
 */
/* line 20, app/stylesheets/components/_g_wiki_sidebar.scss */
#editor_tabs_3 [aria-selected="true"] {
  border: 1px dashed black; }

/* line 23, app/stylesheets/components/_g_wiki_sidebar.scss */
#editor_tabs_3 .sidebar_upload_file_form {
  margin-top: 15px; }
  /* line 25, app/stylesheets/components/_g_wiki_sidebar.scss */
  #editor_tabs_3 .sidebar_upload_file_form select, #editor_tabs_3 .sidebar_upload_file_form input {
    width: 100%; }
  /* line 28, app/stylesheets/components/_g_wiki_sidebar.scss */
  #editor_tabs_3 .sidebar_upload_file_form input:not([type=file]) {
    box-sizing: border-box;
    height: 36px; }

/* line 35, app/stylesheets/components/_g_wiki_sidebar.scss */
#editor_tabs {
  font-size: 11px;
  font-size: 0.6875rem; }
  /* line 36, app/stylesheets/components/_g_wiki_sidebar.scss */
  #editor_tabs [role=treeitem][aria-selected="true"] {
    border: 1px dashed black; }
  /* line 40, app/stylesheets/components/_g_wiki_sidebar.scss */
  #editor_tabs > .wiki-sidebar-header {
    font-size: 1.3em;
    margin-bottom: 0.3em; }
  /* line 44, app/stylesheets/components/_g_wiki_sidebar.scss */
  #editor_tabs .ui-tabs-panel {
    padding: 0.5em 0.8em; }
  /* line 47, app/stylesheets/components/_g_wiki_sidebar.scss */
  #editor_tabs .wiki_pages {
    margin: 0;
    padding: 0;
    list-style: none; }
    /* line 24, app/stylesheets/base/mixins/_misc.scss */
    #editor_tabs .wiki_pages li {
      margin: 0;
      padding: 0; }
  /* line 51, app/stylesheets/components/_g_wiki_sidebar.scss */
  #editor_tabs .page_list li a {
    display: block;
    padding: 6px 0; }
  /* line 57, app/stylesheets/components/_g_wiki_sidebar.scss */
  #editor_tabs #pages_accordion .ui-accordion-content {
    padding: 0.5em;
    height: 190px;
    overflow: auto; }
  /* line 62, app/stylesheets/components/_g_wiki_sidebar.scss */
  #editor_tabs #pages_accordion .add {
    display: block; }

/* line 68, app/stylesheets/components/_g_wiki_sidebar.scss */
#editor_tabs .image_list_holder {
  position: relative; }
  /* line 70, app/stylesheets/components/_g_wiki_sidebar.scss */
  #editor_tabs .image_list_holder .dragging_message {
    display: none; }
  /* line 74, app/stylesheets/components/_g_wiki_sidebar.scss */
  #editor_tabs .image_list_holder.file_drag .image_list * {
    visibility: hidden; }
  /* line 77, app/stylesheets/components/_g_wiki_sidebar.scss */
  #editor_tabs .image_list_holder.file_drag .dragging_message {
    position: absolute;
    top: 5px;
    left: 5px;
    display: block;
    font-size: 1.4em;
    font-weight: bold;
    padding-left: 20px;
    background: transparent url(/dist/images/page_white_get-6a574cf590.png) no-repeat left center; }

/* line 90, app/stylesheets/components/_g_wiki_sidebar.scss */
#editor_tabs .uploading_file_list {
  margin-top: 5px; }
  /* line 92, app/stylesheets/components/_g_wiki_sidebar.scss */
  #editor_tabs .uploading_file_list .uploading {
    font-weight: bold; }
  /* line 95, app/stylesheets/components/_g_wiki_sidebar.scss */
  #editor_tabs .uploading_file_list .remaining {
    font-size: 0.8em;
    color: #888;
    margin-left: 7px;
    margin-top: -5px; }

/* line 104, app/stylesheets/components/_g_wiki_sidebar.scss */
#editor_tabs .image_list .img_link {
  cursor: pointer;
  overflow: hidden;
  border: 1px solid #ccc;
  margin: 3px;
  padding: 3px;
  float: left; }
  /* line 111, app/stylesheets/components/_g_wiki_sidebar.scss */
  #editor_tabs .image_list .img_link .img_holder {
    min-height: 50px; }
  /* line 114, app/stylesheets/components/_g_wiki_sidebar.scss */
  #editor_tabs .image_list .img_link img {
    max-height: 50px;
    max-width: 200px; }

/* line 119, app/stylesheets/components/_g_wiki_sidebar.scss */
#editor_tabs .image_list .img_link.default_image {
  display: none; }

/* line 124, app/stylesheets/components/_g_wiki_sidebar.scss */
#editor_tabs .file_list_holder {
  position: relative; }
  /* line 126, app/stylesheets/components/_g_wiki_sidebar.scss */
  #editor_tabs .file_list_holder .dragging_message {
    display: none; }
  /* line 130, app/stylesheets/components/_g_wiki_sidebar.scss */
  #editor_tabs .file_list_holder.file_drag .file_list * {
    visibility: hidden; }
  /* line 133, app/stylesheets/components/_g_wiki_sidebar.scss */
  #editor_tabs .file_list_holder.file_drag .dragging_message {
    position: absolute;
    top: 5px;
    left: 5px;
    display: block;
    font-size: 1.4em;
    font-weight: bold;
    padding-left: 20px;
    background: transparent url(/dist/images/page_white_get-6a574cf590.png) no-repeat left center; }

/* line 146, app/stylesheets/components/_g_wiki_sidebar.scss */
#wiki_sidebar_collections {
  padding: 10px 0 0; }
  /* line 148, app/stylesheets/components/_g_wiki_sidebar.scss */
  #wiki_sidebar_collections ul {
    padding: 0;
    margin: 1em 0 3px;
    list-style: none;
    border: 1px solid #ccc;
    max-height: 279px;
    border: 1px solid #cccccc;
    overflow: auto; }
    /* line 156, app/stylesheets/components/_g_wiki_sidebar.scss */
    #wiki_sidebar_collections ul li {
      cursor: pointer;
      padding: 0 8px 0 39px;
      position: relative;
      margin: 0;
      height: 33px;
      border-top: 1px solid #fff;
      border-bottom: 1px solid #dfe0e0;
      color: #4790ec; }
      /* line 165, app/stylesheets/components/_g_wiki_sidebar.scss */
      #wiki_sidebar_collections ul li.even {
        background-color: #f2f9fe; }
      /* line 168, app/stylesheets/components/_g_wiki_sidebar.scss */
      #wiki_sidebar_collections ul li.last {
        border-bottom: none; }
      /* line 171, app/stylesheets/components/_g_wiki_sidebar.scss */
      #wiki_sidebar_collections ul li img {
        position: absolute;
        top: 3px;
        left: 3px;
        width: 24px;
        height: 24px; }
      /* line 178, app/stylesheets/components/_g_wiki_sidebar.scss */
      #wiki_sidebar_collections ul li i {
        position: absolute;
        top: 7px;
        left: 7px;
        width: 16px;
        height: 16px; }

/* line 189, app/stylesheets/components/_g_wiki_sidebar.scss */
.ui-effects-transfer {
  border: 2px dashed #000; }

/*
 * 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) 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
 */
/* line 21, app/stylesheets/components/_g_mini_calendar.scss */
.mini_month {
  padding: 12px 0 0;
  margin-bottom: 24px; }

/* line 26, app/stylesheets/components/_g_mini_calendar.scss */
.mini-cal-header {
  text-align: center;
  padding: 12px 6px;
  font-weight: bold;
  border: 1px solid #C7CDD1;
  color: var(--ic-brand-font-color-dark-lightened-15); }
  /* line 33, app/stylesheets/components/_g_mini_calendar.scss */
  .mini-cal-header img {
    vertical-align: middle; }
  /* line 36, app/stylesheets/components/_g_mini_calendar.scss */
  .mini-cal-header .prev_month_link {
    float: left; }
  /* line 39, app/stylesheets/components/_g_mini_calendar.scss */
  .mini-cal-header .next_month_link {
    float: right; }

/* line 44, app/stylesheets/components/_g_mini_calendar.scss */
.mini_calendar {
  width: 100%;
  border: 1px solid #C7CDD1;
  border-top: none; }
  /* line 49, app/stylesheets/components/_g_mini_calendar.scss */
  .mini_calendar .day {
    padding: 0;
    height: 21px;
    color: #444;
    text-align: center;
    cursor: pointer;
    width: 14%;
    font-size: 14px;
    font-size: 0.875rem;
    border-radius: 3px; }
    /* line 58, app/stylesheets/components/_g_mini_calendar.scss */
    .mini_calendar .day.has_event {
      background-color: #ebebeb; }
    /* line 59, app/stylesheets/components/_g_mini_calendar.scss */
    .mini_calendar .day.today {
      background-color: #FBEDE7; }
    /* line 60, app/stylesheets/components/_g_mini_calendar.scss */
    .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; }
    /* line 63, app/stylesheets/components/_g_mini_calendar.scss */
    .mini_calendar .day.other_month {
      color: #888; }
    /* line 64, app/stylesheets/components/_g_mini_calendar.scss */
    .mini_calendar .day:hover, .mini_calendar .day.related, .mini_calendar .day.drop_target {
      background-image: url("/dist/images/4_percent_opacity-c554512ede.png"); }
    /* line 65, app/stylesheets/components/_g_mini_calendar.scss */
    .mini_calendar .day.drop_target {
      background-color: #aaa; }
  /* line 68, app/stylesheets/components/_g_mini_calendar.scss */
  .mini_calendar .day.today .today_text {
    display: block; }
  /* line 73, app/stylesheets/components/_g_mini_calendar.scss */
  .mini_calendar .day.previous_month .previous_month_text {
    display: block; }
  /* line 78, app/stylesheets/components/_g_mini_calendar.scss */
  .mini_calendar .day.next_month .next_month_text {
    display: block; }
  /* line 83, app/stylesheets/components/_g_mini_calendar.scss */
  .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) 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
 */
/* line 21, app/stylesheets/components/_helpDialog.scss */
#help-dialog {
  padding: 0;
  overflow: visible;
  position: relative; }
  /* line 25, app/stylesheets/components/_helpDialog.scss */
  #help-dialog #help-dialog-options {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: auto; }
    /* line 31, app/stylesheets/components/_helpDialog.scss */
    #help-dialog #help-dialog-options li a {
      border-bottom: 1px solid #C7CDD1;
      display: block;
      padding: 12px;
      text-decoration: none;
      font-weight: bold; }
      /* line 38, app/stylesheets/components/_helpDialog.scss */
      #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; }
      /* line 44, app/stylesheets/components/_helpDialog.scss */
      #help-dialog #help-dialog-options li a:focus {
        outline: none;
        box-shadow: inset 0 0 0 1px var(--ic-link-color); }
      /* line 48, app/stylesheets/components/_helpDialog.scss */
      #help-dialog #help-dialog-options li a:focus, #help-dialog #help-dialog-options li a:hover {
        background-color: #F5F5F5; }
        /* line 50, app/stylesheets/components/_helpDialog.scss */
        #help-dialog #help-dialog-options li a:focus .text, #help-dialog #help-dialog-options li a:hover .text {
          text-decoration: underline; }
    /* line 53, app/stylesheets/components/_helpDialog.scss */
    #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; }
  /* line 61, app/stylesheets/components/_helpDialog.scss */
  #help-dialog form {
    padding: 10px 10px 6px;
    width: 380px;
    position: absolute;
    left: 400px;
    top: 0; }
  /* line 68, app/stylesheets/components/_helpDialog.scss */
  #help-dialog textarea {
    height: 100px;
    resize: none; }
  /* line 72, app/stylesheets/components/_helpDialog.scss */
  #help-dialog small {
    font-size: 10px;
    font-size: 0.625rem;
    display: block;
    color: #555;
    margin-top: -6px; }
  /* line 78, app/stylesheets/components/_helpDialog.scss */
  #help-dialog .ui-state-error, #help-dialog .ui-state-highlight {
    border-radius: 4px !important;
    padding: 10px 10px 10px 35px;
    position: relative; }
    /* line 82, app/stylesheets/components/_helpDialog.scss */
    #help-dialog .ui-state-error a, #help-dialog .ui-state-highlight a {
      text-decoration: underline; }
    /* line 85, app/stylesheets/components/_helpDialog.scss */
    #help-dialog .ui-state-error .ui-icon, #help-dialog .ui-state-highlight .ui-icon {
      position: absolute;
      left: 10px;
      top: 10px; }

/* line 93, app/stylesheets/components/_helpDialog.scss */
.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; }
  /* line 104, app/stylesheets/components/_helpDialog.scss */
  .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/>.
 */
/*
@styleguide Expanding Message Link

<br/>

A right- or left-aligned link that expands on hover or
focus to reveal a prompt. Useful for close buttons or
navigations.

The Expanding Message Link can be expanded via javascript
by adding the `.ic-Expand-link--active` class to the
`.ic-Expand-link` element.

```html
<div class="content-box">
  <div class="grid-row">
      <div class="col-xs-6">

        <!-- Begin ic-Expand-link markup!! -->
        <div class="ic-Expand-link">
          <a href="#" class="close_wizard_link ic-Expand-link__trigger">
            <div class="ic-Expand-link__layout">
              <i class="icon-hamburger ic-Expand-link__icon"></i>
              <span class="ic-Expand-link__text">I am the default</span>
            </div>
          </a>
        </div>
        <!-- End ic-Expand-link markup!! -->

      </div>

      <div class="col-xs-6">

        <!-- Begin ic-Expand-link markup!! -->
        <div class="ic-Expand-link ic-Expand-link--from-right ic-Expand-link--active">
          <a href="#" class="close_wizard_link ic-Expand-link__trigger">
            <div class="ic-Expand-link__layout">
              <i class="icon-x ic-Expand-link__icon"></i>
              <span class="ic-Expand-link__text">I am aligned right / active</span>
            </div>
          </a>
        </div>
        <!-- End ic-Expand-link markup!! -->

      </div>
  </div>
</div>

<div class="content-box">
  <div class="grid-row">
      <div class="col-xs-6">

        <!-- Begin ic-Expand-link markup!! -->
        <div class="ic-Expand-link ic-Expand-link--from-right ic-Expand-link--Success">
          <a href="#" class="close_wizard_link ic-Expand-link__trigger">
            <div class="ic-Expand-link__layout">
              <i class="icon-check ic-Expand-link__icon"></i>
              <span class="ic-Expand-link__text">I am branded w $ic-color-success</span>
            </div>
          </a>
        </div>
        <!-- End ic-Expand-link markup!! -->

      </div>
  </div>
</div>

<div class="content-box">
  <div class="grid-row">
      <div class="col-xs-6">

        <!-- Begin ic-Expand-link markup!! -->
        <div class="ic-Expand-link ic-Expand-link--Danger">
          <a href="#" class="close_wizard_link ic-Expand-link__trigger">
            <div class="ic-Expand-link__layout">
              <i class="icon-warning ic-Expand-link__icon"></i>
              <span class="ic-Expand-link__text">I am branded w $ic-color-danger</span>
            </div>
          </a>
        </div>
        <!-- End ic-Expand-link markup!! -->

      </div>

      <div class="col-xs-6" style="background: url(http:&#47;&#47;placekitten.com&#47;500&#47;300) no-repeat #333; padding-bottom: 12px;">

        <!-- Begin ic-Expand-link markup!! -->
        <div class="ic-Expand-link ic-Expand-link--from-right ic-Expand-link--Light">
          <a href="#" class="close_wizard_link ic-Expand-link__trigger">
            <div class="ic-Expand-link__layout">
              <i class="icon-x ic-Expand-link__icon"></i>
              <span class="ic-Expand-link__text">I am on a dark background</span>
            </div>
          </a>
        </div>
        <!-- End ic-Expand-link markup!! -->

      </div>
  </div>
</div>


```
*/
/* line 154, app/stylesheets/components/_ic-expand-link.scss */
.ic-Expand-link {
  display: -webkit-flex;
  display: flex;
  overflow: hidden; }
  /* line 155, app/stylesheets/components/_ic-expand-link.scss */
  .ic-Expand-link * {
    box-sizing: border-box; }
  /* line 160, app/stylesheets/components/_ic-expand-link.scss */
  .ic-Expand-link .ic-Expand-link__trigger {
    transition: all 1s cubic-bezier(0, 1, 0.5, 1);
    -webkit-transform: translateX(-100%) translateX(48px);
            transform: translateX(-100%) translateX(48px);
    text-transform: uppercase;
    overflow: hidden; }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      /* line 160, app/stylesheets/components/_ic-expand-link.scss */
      .ic-Expand-link .ic-Expand-link__trigger {
        -webkit-transform: translateX(0);
                transform: translateX(0); } }
    /* line 171, app/stylesheets/components/_ic-expand-link.scss */
    .ic-Expand-link .ic-Expand-link__trigger:hover, .ic-Expand-link .ic-Expand-link__trigger:focus {
      -webkit-transform: translateX(0);
              transform: translateX(0);
      text-decoration: none;
      outline: none; }
      /* line 151, app/stylesheets/components/_ic-expand-link.scss */
      .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); }
  /* line 179, app/stylesheets/components/_ic-expand-link.scss */
  .ic-Expand-link .ic-Expand-link__layout {
    position: relative;
    display: -webkit-flex;
    display: flex;
    padding: 0 48px 0 0;
    min-height: 48px; }
  /* line 186, app/stylesheets/components/_ic-expand-link.scss */
  .ic-Expand-link .ic-Expand-link__text {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    padding: 12px;
    line-height: 1.1;
    min-height: 48px; }
  /* line 194, app/stylesheets/components/_ic-expand-link.scss */
  .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; }
    /* line 202, app/stylesheets/components/_ic-expand-link.scss */
    .ic-Expand-link .ic-Expand-link__icon:before {
      top: 6px;
      font-size: 36px; }
  /* line 210, app/stylesheets/components/_ic-expand-link.scss */
  .ic-Expand-link.ic-Expand-link--active .ic-Expand-link__trigger {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
    /* line 151, app/stylesheets/components/_ic-expand-link.scss */
    .ic-Expand-link.ic-Expand-link--active .ic-Expand-link__trigger .ic-Expand-link__icon {
      background: rgba(0, 0, 0, 0.15); }
  /* line 213, app/stylesheets/components/_ic-expand-link.scss */
  .ic-Expand-link.ic-Expand-link--from-right {
    -webkit-justify-content: flex-end;
            justify-content: flex-end; }
    /* line 216, app/stylesheets/components/_ic-expand-link.scss */
    .ic-Expand-link.ic-Expand-link--from-right .ic-Expand-link__trigger {
      -webkit-transform: translateX(100%) translateX(-48px);
              transform: translateX(100%) translateX(-48px); }
      @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        /* line 216, app/stylesheets/components/_ic-expand-link.scss */
        .ic-Expand-link.ic-Expand-link--from-right .ic-Expand-link__trigger {
          -webkit-transform: translateX(0);
                  transform: translateX(0); } }
      /* line 224, app/stylesheets/components/_ic-expand-link.scss */
      .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 {
        -webkit-transform: translateX(0);
                transform: translateX(0); }
        /* line 151, app/stylesheets/components/_ic-expand-link.scss */
        .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); }
    /* line 229, app/stylesheets/components/_ic-expand-link.scss */
    .ic-Expand-link.ic-Expand-link--from-right .ic-Expand-link__layout {
      padding: 0 0 0 48px; }
    /* line 230, app/stylesheets/components/_ic-expand-link.scss */
    .ic-Expand-link.ic-Expand-link--from-right .ic-Expand-link__icon {
      right: auto;
      left: 0; }
    /* line 233, app/stylesheets/components/_ic-expand-link.scss */
    .ic-Expand-link.ic-Expand-link--from-right.ic-Expand-link--active .ic-Expand-link__trigger {
      -webkit-transform: translateX(0);
              transform: translateX(0); }
      /* line 151, app/stylesheets/components/_ic-expand-link.scss */
      .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); }
  /* line 132, app/stylesheets/components/_ic-expand-link.scss */
  .ic-Expand-link .ic-Expand-link__trigger .ic-Expand-link__layout {
    background: rgba(45, 59, 69, 0.8);
    color: #FFFFFF; }
  /* line 137, app/stylesheets/components/_ic-expand-link.scss */
  .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; }
  /* line 143, app/stylesheets/components/_ic-expand-link.scss */
  .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; }
  /* line 132, app/stylesheets/components/_ic-expand-link.scss */
  .ic-Expand-link.ic-Expand-link--Success .ic-Expand-link__trigger .ic-Expand-link__layout {
    background: rgba(0, 172, 24, 0.8);
    color: #FFFFFF; }
  /* line 137, app/stylesheets/components/_ic-expand-link.scss */
  .ic-Expand-link.ic-Expand-link--Success .ic-Expand-link__trigger:hover .ic-Expand-link__layout, .ic-Expand-link.ic-Expand-link--Success .ic-Expand-link__trigger:focus .ic-Expand-link__layout {
    background: #00AC18; }
  /* line 143, app/stylesheets/components/_ic-expand-link.scss */
  .ic-Expand-link.ic-Expand-link--Success.ic-Expand-link--from-right .ic-Expand-link__trigger:hover, .ic-Expand-link.ic-Expand-link--Success.ic-Expand-link--from-right .ic-Expand-link__trigger:focus {
    background: #00AC18; }
  /* line 132, app/stylesheets/components/_ic-expand-link.scss */
  .ic-Expand-link.ic-Expand-link--Danger .ic-Expand-link__trigger .ic-Expand-link__layout {
    background: rgba(238, 6, 18, 0.8);
    color: #FFFFFF; }
  /* line 137, app/stylesheets/components/_ic-expand-link.scss */
  .ic-Expand-link.ic-Expand-link--Danger .ic-Expand-link__trigger:hover .ic-Expand-link__layout, .ic-Expand-link.ic-Expand-link--Danger .ic-Expand-link__trigger:focus .ic-Expand-link__layout {
    background: #EE0612; }
  /* line 143, app/stylesheets/components/_ic-expand-link.scss */
  .ic-Expand-link.ic-Expand-link--Danger.ic-Expand-link--from-right .ic-Expand-link__trigger:hover, .ic-Expand-link.ic-Expand-link--Danger.ic-Expand-link--from-right .ic-Expand-link__trigger:focus {
    background: #EE0612; }
  /* line 132, app/stylesheets/components/_ic-expand-link.scss */
  .ic-Expand-link.ic-Expand-link--Light .ic-Expand-link__trigger .ic-Expand-link__layout {
    background: rgba(255, 255, 255, 0.8);
    color: #2D3B45; }
  /* line 137, app/stylesheets/components/_ic-expand-link.scss */
  .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; }
  /* line 143, app/stylesheets/components/_ic-expand-link.scss */
  .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/>.
 */
/* line 19, app/stylesheets/components/_flickrSearch.scss */
.FlickrSearch__logo {
  margin-top: 12px;
  height: 48px;
  width: 48px; }

/* line 25, app/stylesheets/components/_flickrSearch.scss */
.FlickrSearch__images {
  margin-top: 12px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-flex-flow: row wrap;
          flex-flow: row wrap; }

/* line 35, app/stylesheets/components/_flickrSearch.scss */
.FlickrSearch__loading {
  margin-top: 60px;
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center; }

/* line 42, app/stylesheets/components/_flickrSearch.scss */
.FlickrSearch__pageNavigation {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center; }

/* line 48, app/stylesheets/components/_flickrSearch.scss */
.FlickrSearch__control {
  margin: 12px; }

/* line 52, app/stylesheets/components/_flickrSearch.scss */
.FlickrImage {
  height: 120px;
  width: 180px;
  margin: 12px;
  position: relative; }

/* line 59, app/stylesheets/components/_flickrSearch.scss */
.FlickrImage__screenreader {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute; }

/* line 66, app/stylesheets/components/_flickrSearch.scss */
.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) 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/>.
 */
/*
@styleguide Autocomplete

<br/>

A generic, accessible autocomplete widget.

<br/>

```html
<div class="ac">
  <div class="ac-input-box">
    <ul class="ac-token-list"></ul>
    <input type="search"
           class="ac-input"
           aria-expanded="false"
           aria-activedescendant=""
           aria-owns="ac-result-list-1"
           auto-autocomplete="list"
           role="combobox" />

    <span class="ac-placeholder">Search for results</span>
  </div>

  <button class="btn ac-search-btn"
          type="button" aria-label="Search">
    <i class="icon-address-book"></i>
  </button>

  <div class="ac-result-container" id="ac-result-list-1" aria-hidden="true">
    <ul class="ac-result-list"></ul>
  </div>
</div>
```

*/
/* line 60, app/stylesheets/components/_autocomplete.scss */
ul[class*=ac-] {
  list-style: none;
  margin: 0;
  padding: 0; }

/* line 66, app/stylesheets/components/_autocomplete.scss */
[class*=ac-][aria-hidden=true] {
  display: none; }

/* line 70, app/stylesheets/components/_autocomplete.scss */
.ac {
  position: relative;
  display: table;
  width: 100%; }

/* line 76, app/stylesheets/components/_autocomplete.scss */
.ac-row {
  display: table-row; }

/* line 80, app/stylesheets/components/_autocomplete.scss */
.ac-input-cell {
  display: table-cell;
  width: 93%; }

/* line 85, app/stylesheets/components/_autocomplete.scss */
.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%; }
  /* line 99, app/stylesheets/components/_autocomplete.scss */
  .ac-input-box.focused {
    border-color: var(--ic-link-color); }
  /* line 103, app/stylesheets/components/_autocomplete.scss */
  .ac-input-box.disabled {
    background-color: #ddd; }

/* line 108, app/stylesheets/components/_autocomplete.scss */
.ac .btn {
  border-left: none;
  border-radius: 0 3px 3px 0;
  display: table-cell; }
  /* line 112, app/stylesheets/components/_autocomplete.scss */
  .ac .btn.disabled {
    color: #A6A6A6; }

/* line 117, app/stylesheets/components/_autocomplete.scss */
.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; }
  /* line 129, app/stylesheets/components/_autocomplete.scss */
  .ac-input-box .ac-input:focus {
    box-shadow: none; }

/* line 134, app/stylesheets/components/_autocomplete.scss */
.ac-placeholder {
  color: #999;
  left: 12px;
  position: absolute;
  top: 5px;
  transition: opacity 0.2s linear; }

/* line 142, app/stylesheets/components/_autocomplete.scss */
.ac-clear {
  display: none;
  position: absolute;
  right: 4px;
  top: 5px;
  z-index: 10; }
  /* line 149, app/stylesheets/components/_autocomplete.scss */
  .ac-clear i:before {
    color: #999;
    font-size: 20px;
    font-size: 1.25rem; }
  /* line 154, app/stylesheets/components/_autocomplete.scss */
  .ac-clear:hover, .ac-clear:focus {
    outline: none; }
    /* line 157, app/stylesheets/components/_autocomplete.scss */
    .ac-clear:hover i:before, .ac-clear:focus i:before {
      color: inherit; }

/* line 163, app/stylesheets/components/_autocomplete.scss */
.ac-token-list {
  display: inline;
  position: relative;
  z-index: 2; }

/* line 169, app/stylesheets/components/_autocomplete.scss */
.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%; }
  /* line 187, app/stylesheets/components/_autocomplete.scss */
  .ac-token:hover {
    background: #bccef4;
    border-color: #6f94e6; }
  /* line 195, app/stylesheets/components/_autocomplete.scss */
  .ac-token:hover a, .ac-token a:focus {
    right: -1px; }
  /* line 199, app/stylesheets/components/_autocomplete.scss */
  .ac-token a {
    position: absolute;
    right: -9999em;
    top: 0; }
  /* line 205, app/stylesheets/components/_autocomplete.scss */
  .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); }

/* line 215, app/stylesheets/components/_autocomplete.scss */
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; }

/* line 225, app/stylesheets/components/_autocomplete.scss */
.ac-result-wrapper {
  display: none; }
  /* line 228, app/stylesheets/components/_autocomplete.scss */
  .ac-result-wrapper:before, .ac-result-wrapper:after {
    content: "";
    height: 0;
    position: absolute;
    right: 15px;
    width: 0;
    z-index: 3; }
  /* line 237, app/stylesheets/components/_autocomplete.scss */
  .ac-result-wrapper:before {
    border-bottom: 10px solid #C7CDD1;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    top: 26px; }
  /* line 244, app/stylesheets/components/_autocomplete.scss */
  .ac-result-wrapper:after {
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    top: 27px; }

/* line 252, app/stylesheets/components/_autocomplete.scss */
.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; }

/* line 269, app/stylesheets/components/_autocomplete.scss */
.ac-result {
  cursor: pointer;
  line-height: 16px;
  padding: 5px 8px 2px 8px; }
  /* line 274, app/stylesheets/components/_autocomplete.scss */
  .ac-result:first-child {
    border-radius: 10px 10px 0 0 !important; }
  /* line 278, app/stylesheets/components/_autocomplete.scss */
  .ac-result:last-child {
    border-radius: 0 0 10px 10px; }
  /* line 282, app/stylesheets/components/_autocomplete.scss */
  .ac-result.selected, .ac-result:hover {
    background: #E5F2F8;
    color: var(--ic-brand-primary); }

/* line 289, app/stylesheets/components/_autocomplete.scss */
.ac-result-list .context, .ac-result-list .everyone {
  border-bottom: 1px solid #C7CDD1;
  color: var(--ic-brand-primary); }

/* line 294, app/stylesheets/components/_autocomplete.scss */
.ac-result-list .back {
  color: #333; }

/* line 297, app/stylesheets/components/_autocomplete.scss */
.ac-result-list li:last-child {
  border-bottom: none; }

/* line 301, app/stylesheets/components/_autocomplete.scss */
.ac-result-list .no-result {
  display: block; }

/* line 305, app/stylesheets/components/_autocomplete.scss */
.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) 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
 */
/* line 22, app/stylesheets/components/_message_students.scss */
.MessageStudents__Alert {
  margin-bottom: 24px; }

/* line 26, app/stylesheets/components/_message_students.scss */
.MessageStudents__Form {
  margin-bottom: 0; }

/* line 31, app/stylesheets/components/_message_students.scss */
.MessageStudents__FormField {
  margin-bottom: 24px; }
  /* line 34, app/stylesheets/components/_message_students.scss */
  .MessageStudents__FormField:last-of-type {
    margin-bottom: 0; }

/* line 22, app/stylesheets/bundles/context_cards.scss */
.StudentContextTray {
  box-sizing: border-box;
  padding: 36px 18px 12px; }
  @media only screen and (min-width: 768px) {
    /* line 22, app/stylesheets/bundles/context_cards.scss */
    .StudentContextTray {
      padding-left: 24px;
      padding-right: 24px; } }
  /* line 32, app/stylesheets/bundles/context_cards.scss */
  .StudentContextTray--withAvatar {
    padding-top: -12px; }

/* line 37, app/stylesheets/bundles/context_cards.scss */
.StudentContextTray__Avatar,
.StudentContextTray__Spinner {
  text-align: center;
  margin-bottom: 12px; }

/* line 43, app/stylesheets/bundles/context_cards.scss */
.StudentContextTray-Header {
  margin-bottom: 18px; }

/* line 47, app/stylesheets/bundles/context_cards.scss */
.StudentContextTray-Header__Layout {
  display: -webkit-flex;
  display: flex; }

/* line 51, app/stylesheets/bundles/context_cards.scss */
.StudentContextTray-Header__Content {
  -webkit-flex: 1;
          flex: 1;
  min-width: 1px;
  box-sizing: border-box;
  padding-right: 24px; }

/* line 58, app/stylesheets/bundles/context_cards.scss */
.StudentContextTray-Header__Actions {
  min-width: 1px; }
  /* line 74, app/stylesheets/base/mixins/_misc.scss */
  .StudentContextTray-Header__Actions i[class*=icon-], .StudentContextTray-Header__Actions i[class^=icon-] {
    line-height: 1; }
    /* line 76, app/stylesheets/base/mixins/_misc.scss */
    .StudentContextTray-Header__Actions i[class*=icon-]:before, .StudentContextTray-Header__Actions i[class^=icon-]:before {
      font-size: 1.25rem; }

/* line 63, app/stylesheets/bundles/context_cards.scss */
.StudentContextTray-Header__Name {
  margin-top: 0.125rem;
  margin-bottom: 9px; }

/* line 68, app/stylesheets/bundles/context_cards.scss */
.StudentContextTray-Header__NameLink {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

/* line 75, app/stylesheets/bundles/context_cards.scss */
.StudentContextTray-Header__CourseName {
  margin-bottom: 4px; }

/* line 79, app/stylesheets/bundles/context_cards.scss */
.StudentContextTray__Section {
  margin-bottom: 24px; }
  /* line 82, app/stylesheets/bundles/context_cards.scss */
  .StudentContextTray__Section:last-of-type {
    margin-bottom: 0; }

/* line 87, app/stylesheets/bundles/context_cards.scss */
.StudentContextTray-QuickLinks {
  display: -webkit-flex;
  display: flex; }

/* line 91, app/stylesheets/bundles/context_cards.scss */
.StudentContextTray-QuickLinks__Link {
  -webkit-flex: 1;
          flex: 1;
  box-sizing: border-box;
  padding: 0 6px; }
  /* line 96, app/stylesheets/bundles/context_cards.scss */
  .StudentContextTray-QuickLinks__Link:first-of-type {
    padding-left: 0; }
  /* line 100, app/stylesheets/bundles/context_cards.scss */
  .StudentContextTray-QuickLinks__Link:last-of-type {
    padding-right: 0; }
  /* line 103, app/stylesheets/bundles/context_cards.scss */
  .StudentContextTray-QuickLinks__Link .StudentContextTray-QuickLinks__Link-text {
    display: inline-block;
    width: 100%;
    text-align: center;
    line-height: 1rem;
    margin-top: .25rem; }

/* line 112, app/stylesheets/bundles/context_cards.scss */
.StudentContextTray-Progress__Bar {
  margin-top: 9px; }

/* line 116, app/stylesheets/bundles/context_cards.scss */
.StudentContextTray-Ratings__Layout {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
          justify-content: space-around;
  padding-top: 12px; }

/* line 122, app/stylesheets/bundles/context_cards.scss */
.StudentContextTray-Rating {
  text-align: center; }

/* line 126, app/stylesheets/bundles/context_cards.scss */
.StudentContextTray-Rating__Stars {
  margin-top: 4px; }