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

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

.move_select {
  margin: 15px 0;
}

.accessibility-warning {
  padding: 4px 8px;
  background: var(--ic-link-color);
  background-clip: border-box;
  text-align: center;
  color: #FFFFFF;
  text-decoration: none;
  border-radius: 4px;
  border: 1px dashed rgba(255, 255, 255, 0.8);
  font-size: 14px;
  font-size: 0.875rem;
  position: absolute;
  left: 0px;
  top: -16px;
}
.accessibility-warning:focus {
  color: #fff;
}
.accessibility-warning:focus {
  text-decoration: underline;
}

li.quiz {
  cursor: pointer;
}
li.quiz .ellipses, li.quiz i[class^=icon-]:not(.icon-publish):not(.icon-quiz):not(.icon-post-to-sis):not(.icon-lock):not(.icon-blueprint-lock) {
  color: gray;
}
li.quiz .ig-title {
  flex: 1;
}
@media only screen and (min-width: 992px) {
  li.quiz .ig-title {
    flex: 0 0 30%;
  }
}
li.quiz .ig-details {
  flex: 1;
}
li.quiz .default-dates .status-description {
  font-weight: bold;
}

#quiz_show .btn-published.disabled {
  opacity: 1;
}
#quiz_show .alert {
  padding-right: 14px;
}
#quiz_show .alert .actions {
  text-align: right;
  line-height: 36px;
}
#quiz_show .alert .unpublished_quiz_warning, #quiz_show .alert .unsaved_quiz_warning {
  display: block;
}
#quiz_show .alert form {
  margin-bottom: 0px;
}
#quiz_show .admin-links {
  text-align: left;
  margin-left: 10px;
}
#quiz_show .admin-links .al-options {
  min-width: 125px;
}
#quiz_show .description.teacher-version {
  padding: 15px;
  overflow-y: auto;
  height: 200px;
  border: 1px solid #AAA;
  border-radius: 4px;
  resize: vertical;
}
#quiz_show .lock_explanation {
  text-align: left;
  margin-top: 20px;
}
#quiz_show .take_quiz_button {
  text-align: center;
  margin-top: 20px;
  font-size: 1.3em;
}
#quiz_show .preview_quiz_button {
  text-align: center;
  margin-top: 20px;
  font-size: 1.3em;
}
#quiz_show #quiz_details {
  display: none;
  margin: 0 auto 10px;
  max-height: 500px;
  overflow: auto;
}
#quiz_show #quiz_details .submitted_list {
  float: left;
  width: 50%;
}
#quiz_show #quiz_details .name {
  display: block;
  padding: 4px 12px;
  border-top: 1px solid white;
}
#quiz_show .control-group {
  margin-bottom: 0px;
}
#quiz_show .control-group .control-label {
  font-weight: bold;
  width: 33.3%;
}
#quiz_show .control-group .controls {
  margin-left: 35%;
}
#quiz_show .control-group .controls .value {
  display: block;
  padding-top: 5px;
}
#quiz_show ul#quiz_student_details {
  list-style: none;
  padding: 0;
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
  width: 100%;
  font-size: 1.1em;
  padding: 0.5em 0.25em;
  margin: 0 0 1em;
}
#quiz_show ul#quiz_student_details li {
  display: inline-block;
}
#quiz_show ul#quiz_student_details li .title {
  font-weight: bold;
  margin-right: 2px;
}
#quiz_show ul#quiz_student_details li .value {
  padding-right: 2.5em;
}

.ic-Layout-wrapper {
  overflow: visible;
}

.quiz-header {
  border-bottom: 1px solid #a4a4a4;
  overflow: hidden;
}
.quiz-header h1, .quiz-header h2 {
  margin-top: 0;
  font-weight: bold;
}

.quizzes-speedgrader .quizzes-speedgrader-padding {
  height: 60px;
}

.quizzes-speedgrader .grade-by-question-warning {
  padding: 5px;
  color: red;
}

.quiz-submission, .question_editing {
  background: #fff;
  border: 1px solid #fff;
  padding: 16px;
  font-size: 1rem;
}

.quiz-submission .question-not-graded-text {
  display: none;
}

.question_editing.brief {
  min-height: 80px;
}

.add_question {
  border: none;
}

.multiple_dropdowns_question .ui-selectmenu {
  margin: 0.25em 0;
}

#submit_quiz_form .button-container .btn, #submit_quiz_form #submit_quiz_button {
  min-width: 120px;
}
#submit_quiz_form .button-container {
  padding: 0 30px;
}
#submit_quiz_form .button-container .previous-question,
#submit_quiz_form .button-container .next-question {
  position: relative;
}
#submit_quiz_form .button-container .previous-question i {
  left: 5px;
}
#submit_quiz_form .button-container .next-question {
  float: right;
}
#submit_quiz_form .button-container .next-question i {
  right: 5px;
}
#submit_quiz_form .button-container .next-question:after, #submit_quiz_form .button-container .previous-question:before {
  color: #666;
}
#submit_quiz_form .button-container .next-question:after, #submit_quiz_form .button-container .previous-question:before {
  color: #fff;
}

#sort_questions {
  max-height: 250px;
  overflow: auto;
  margin: 0px 0px 20px;
  padding-left: 30px;
  line-height: 1.5em;
}
#sort_questions li {
  cursor: pointer;
}

#questions.assessment_results {
  clear: both;
}
#questions.assessment_results .question .header {
  padding: 8px 20px;
  background-color: #F5F5F5;
  overflow: auto;
}
#questions.assessment_results .question .header .name {
  display: inline-block;
  padding-top: 5px;
}
#questions.assessment_results .question .answers .answer {
  clear: both;
  margin: 0 0 8px;
  position: relative;
  opacity: 0.5;
}
#questions.assessment_results .question .answers .answer.correct_answer {
  background: none;
  opacity: 1;
}
#questions.assessment_results .question .answers .answer.selected_answer {
  opacity: 1;
}
#questions.assessment_results .question .answers .answer.wrong_answer {
  border-radius: 6px;
  border: 2px solid red;
  padding-bottom: 8px;
  opacity: 1;
}
#questions.assessment_results .question .answers .answer.wrong_answer .ui-selectmenu-status {
  color: red;
}
#questions.assessment_results .question .answers .answer.full-opacity {
  opacity: 1;
}
#questions.assessment_results .question .answers .answer.hide_right_arrow, #questions.assessment_results .question .answers .answer.selected_answer.hide_right_arrow {
  background-image: none;
}
#questions.assessment_results .question.hover .answers .answer.hide_right_arrow, #questions.assessment_results .question.hover .answers .answer.selected_answer.hide_right_arrow {
  background-image: none;
}
#questions.assessment_results .question.hover .answers .answer.selected_answer.correct_answer {
  background-image: none;
}
#questions.assessment_results .question.hover .answers .answer.correct_answer {
  background-image: none;
}
#questions.assessment_results .question.hover .answers .answer.hide_right_arrow, #questions.assessment_results .question.hover .answers .answer.selected_answer.hide_right_arrow {
  background-image: none;
}
#questions.assessment_results.suppress_correct_answers .question .answers .answer.wrong_answer, #questions.assessment_results.survey_results .question .answers .answer.wrong_answer {
  border: none;
  border-top: 1px solid #DDD;
  border-radius: 0;
  padding-bottom: 0;
  opacity: 1;
}
#questions.assessment_results.suppress_correct_answers .question .answers .answer.wrong_answer .ui-selectmenu-status, #questions.assessment_results.survey_results .question .answers .answer.wrong_answer .ui-selectmenu-status {
  color: inherit;
}
#questions.assessment_results.survey_results .question_points_holder {
  display: none;
}

#questions.assessing .question_holder .question, #questions.assessment_results .question_holder .question {
  margin: 0.7em 30px 30px;
}
#questions.assessing .question_holder .question.related, #questions.assessment_results .question_holder .question.related {
  border-width: 2px;
}
#questions.assessing .question_holder .question .move, #questions.assessment_results .question_holder .question .move {
  display: none;
}
#questions.assessing .question_holder .complete, #questions.assessment_results .question_holder .complete {
  background-color: #eeeeee;
  color: #999999;
}

#questions.assessing {
  background: #fff;
  padding: 16px;
  min-height: 225px;
}
#questions.assessing .answer {
  padding: 5px;
  margin: 0;
}
#questions.assessing .answer:before, #questions.assessing .answer:after {
  display: table;
  content: "";
  line-height: 0;
}
#questions.assessing .answer:after {
  clear: both;
}
#questions.assessing .answer:last-child {
  border-bottom: 0;
}

#questions.brief .question_holder .display_question {
  font-size: 0.9em;
}
#questions.brief .question_holder .display_question .answer, #questions.brief .question_holder .display_question .question_comment, #questions.brief .question_holder .display_question .quiz_comment {
  display: none;
}
#questions.brief .question_holder .display_question .calculated_question_answers {
  display: none;
}
#questions.brief .multiple_answer_sets_holder {
  display: none;
}
#questions.brief .add_question_group_link {
  display: inline;
}
#questions.brief .after_answers {
  display: none;
}

#questions .add_question_group_link {
  display: none;
}
#questions .group_placeholder {
  border-right: 1px solid #aaa;
  border-left: 1px solid #aaa;
}
#questions .group_top {
  border: 1px solid #aaa;
  padding: 8px 10px 3px;
  background-color: #eee;
  clear: both;
  position: relative;
}
#questions .group_top .quiz_group_form {
  margin: 0;
}
#questions .group_top.question_bank_top .local_group_links {
  display: none;
}
#questions .group_top.ui-sortable-placeholder {
  border-bottom-width: 1px;
  border-style: dashed;
  -moz-border-radius: 5px;
  border-color: #444;
  margin-bottom: 20px;
}
#questions .group_top .group_edit {
  display: none;
}
#questions .group_top .links {
  opacity: 0.5;
}
#questions .group_top .move {
  width: 20px;
  height: 20px;
  float: left;
  margin-right: 7px;
}
#questions .group_top .move .draggable-handle {
  color: #888;
  cursor: pointer;
}
#questions .group_top .group_display.name {
  font-weight: bold;
  padding-right: 20px;
  line-height: 20px;
  font-size: 16px;
  font-size: 1rem;
  display: inline;
}
#questions .group_top .group_display.hidden {
  display: none;
}
#questions .group_top.hover .links {
  opacity: 1;
}
#questions .group_top.editing .links {
  opacity: 1;
}
#questions .group_top.editing .group_edit {
  display: inline;
}
#questions .group_top.editing div.group_edit {
  display: block;
}
#questions .group_top.editing .group_display {
  display: none;
}
#questions .group_top.editing .move {
  display: none;
}
#questions .group_top.dragging {
  border-bottom-width: 1px;
  padding-bottom: 5px;
  -moz-border-radius: 5px;
}
#questions .group_bottom {
  border: 1px solid #aaa;
  border-top-width: 0;
  margin-bottom: 30px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
}
#questions .question_holder.ui-sortable-placeholder .question_placeholder {
  display: block;
  border: 1px dashed #444;
  -moz-border-radius: 5px;
}
#questions .assessment_question_bank, #questions .question_holder.group, #questions .insufficient_count_warning {
  border-left: 1px solid #aaa;
  border-right: 1px solid #aaa;
  border-top: 0;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 1em;
  -moz-border-radius: 0;
}
#questions .insufficient_count_warning i.icon-warning {
  color: #FC5E13;
}
#questions .question_holder.group {
  padding-bottom: 10px;
}
#questions .question_holder.group .question {
  margin-bottom: 0;
}
#questions .question_holder.group .question .question_points_holder {
  display: none;
}

.question_bank {
  border-bottom: 1px solid #b6babf;
  border-top: 1px solid #fff;
}
.question_bank:first-child {
  border-top: none;
}
.question_bank:last-child {
  border-bottom: none;
}
.question_bank .move {
  display: none;
}

.question_holder {
  position: relative;
}
.question_holder > .question .question_comment.empty {
  display: none;
}
.question_holder > .question .answer_comment_holder.empty {
  display: none;
}
.question_holder > .question .answer_comment, .question_holder > .question .question_comment_text {
  white-space: pre-wrap;
}

#questions.assessment_results .question_holder .question {
  margin: 0.7em auto 30px;
  min-width: 415px;
  width: 80%;
}

.question {
  border: 1px solid #AAA;
  background-color: #fff;
  position: relative;
  min-height: 50px;
  margin: 0.7em auto 30px;
  _height: 10px;
}
.question.modified_but_not_saved {
  border-width: 2px;
}
.question.selected_single_question {
  border-color: #31b5ff;
  border-width: 2px;
}
.question .move {
  background: none !important;
  float: left;
  margin: 8px 8px 0;
  width: 16px;
  height: 16px;
  padding: 2px;
}
.question .move .draggable-handle {
  color: #888;
  cursor: pointer;
}
.question .header {
  font-size: 1.2em;
  font-weight: bold;
  border-bottom: 1px solid #AAA;
  background-color: #F5F5F5;
  padding: 8px 20px;
  margin: 0;
}
.question .header .question_points_holder {
  float: right;
  font-size: 0.9em;
  font-weight: bold;
  color: #595959;
  margin-top: 0.1em;
}
.question .text {
  clear: left;
  padding: 5px 20px 20px;
}
.question .text .button-container {
  clear: both;
}
.question .text .question_text {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}
.question .text .question_text .answer_select {
  border: 2px solid #888;
}
.question .text .question_text .text_after_answers {
  display: block;
  margin-top: 10px;
}
.question .text .question_text .text_before_answers {
  display: block;
  margin-bottom: 10px;
}
.question .text .variable_definitions {
  width: 100%;
}
.question .text .calculated_question_answers_header {
  font-weight: bold;
}
.question .text .formulas_list div {
  margin-bottom: 2px;
}
.question .text .calculated_question_answers_content {
  margin-left: 20px;
  margin-bottom: 5px;
  max-width: 400px;
  overflow: auto;
}
.question .text .calculated_question_answers_content table {
  border-collapse: collapse;
}
.question .text .calculated_question_answers_content th {
  text-align: left;
  font-weight: normal;
  padding-left: 5px;
  padding-right: 5px;
}
.question .text .calculated_question_answers_content td {
  border-top: 1px solid #ccc;
  text-align: left;
}
.question .text .equation_combinations_holder {
  position: relative;
  max-height: 100px;
  overflow: auto;
}
.question .text .equation_combinations {
  width: 100%;
}
.question .text .answers .quiz_response_text {
  word-wrap: break-word;
}
.question .text .answers .answer {
  padding: 8px 30px 0;
}
.question .text .answers .answer .answer_list {
  margin: 5px;
  padding-left: 0;
  font-weight: bold;
}
.question .text .answers .answer .answer_row {
  display: flex;
  align-items: flex-start;
}
.question .text .answers .answer .answer_input {
  width: 12px;
  vertical-align: top;
  padding-top: 2px;
}
.question .text .answers .answer .answer_input input[type=radio], .question .text .answers .answer .answer_input input[type=checkbox] {
  margin-top: 0;
}
.question .text .answers .answer .answer_label {
  padding-left: 0.5rem;
  padding-top: 2px;
  width: 100%;
}
.question .text .answers .answer .answer_label > *:first-child, .question .text .answers .answer .answer_label + * {
  margin-top: 0;
}
.question .text .answers .answer .answer_label > p:last-child {
  margin-bottom: 0;
}
.question .text .answers .answer .answer_html > p:last-child {
  margin-bottom: 0;
}
.question .text .answers .answer.unspecified_answer .answer_comment_holder {
  border-color: #abd;
}
.question .text .answers .answer.unspecified_answer .answer_comment_holder .comment_top {
  background-image: url(/dist/images/comment_top_neutral-c6a1e56c91.png);
}
.question .text .answers .answer.unspecified_answer .answer_text, .question .text .answers .answer.unspecified_answer .answer_html {
  font-weight: normal;
}
.question .text .answers .answer.unspecified_answer .answer_comment_holder {
  border-color: #4a4;
  background-image: linear-gradient(to bottom, #d7e7c9, #c3deac);
}
.question .text .answers .answer.unspecified_answer .answer_comment_holder .comment_top {
  background-image: url(/dist/images/comment_top_correct-ea9034f417.png);
}
.question .text .answers .answer.partial_answer {
  background: url(/dist/images/partial_answer-688f1b1720.png) no-repeat 3px 5px;
}
.question .text .answers .answer.partial_answer .answer_text {
  font-weight: bold;
}
.question .text .answers .answer.negative_answer {
  background: url(/dist/images/negative_answer-36c4967746.png) no-repeat 3px 5px;
}
.question .text .answers .answer.negative_answer .answer_text {
  font-weight: bold;
}
.question .question_comment {
  position: relative;
  float: left;
  width: auto;
  min-width: 50px;
  border: 2px solid #faa;
  -moz-border-radius: 5px;
  padding: 3px 5px;
  margin: 5px 20px;
}
.question .question_comment .comment_top {
  position: absolute;
  display: block;
  top: -8px;
  left: 10px;
  width: 19px;
  height: 8px;
  background-image: url(/dist/images/comment_top-e1f4d6264a.png);
  background-repeat: no-repeat;
}
.question .question_comment.question_neutral_comment {
  border-color: #abd;
}
.question .question_comment.question_neutral_comment .comment_top {
  background-image: url(/dist/images/comment_top_neutral-c6a1e56c91.png);
}
.question .question_comment.question_correct_comment {
  border-color: #4a4;
}
.question .question_comment.question_correct_comment .comment_top {
  background-image: url(/dist/images/comment_top_correct-ea9034f417.png);
}
.question .links {
  float: right;
  margin: 8px 8px 0 0;
}
.question .links a {
  position: relative;
  left: -100000px;
}
.question .links a:focus {
  left: 0;
}
.question .flag_question {
  background: url(/dist/images/answers_sprite-0d764f2477.png) -48px top;
  cursor: pointer;
  position: absolute;
  left: -30px;
  margin-top: 13px;
  height: 16px;
  width: 20px;
}
.question .flag_question:hover {
  background-position: -69px -17px;
}
.question.marked .flag_question, .question.marked:hover .flag_question {
  background-position: -48px -17px;
}
.no-touch .question.hover .move, .touch .question .move {
  background-color: #fff;
}
.no-touch .question.hover .move .move_icon, .touch .question .move .move_icon {
  display: inline;
}
.no-touch .question.hover .links a, .touch .question .links a {
  left: 0;
}
.no-touch .question.hover .flag_question, .touch .question .flag_question {
  background-color: #fff;
}
.no-touch .question.hover .flag_question .flag_icon, .touch .question .flag_question .flag_icon {
  opacity: 0.2;
  display: inline;
}

.question.multiple_choice_question .answer, .question.multiple_answers_question .answer, .question.matching_question .answer, .question.true_false_question .answer {
  border-top: 1px solid #ddd;
}

.question.fill_in_multiple_blanks_question .answer_group, .question.multiple_dropdowns_question .answer_group {
  border-top: 1px solid #ddd;
}
.question.fill_in_multiple_blanks_question .answer_group:last-child, .question.multiple_dropdowns_question .answer_group:last-child {
  border-bottom: 0;
}

.answer .answer_select {
  vertical-align: top;
  padding-top: 0.5em;
}
.answer .answer_select .answer_weight {
  display: none;
}
.answer .answer_match {
  padding: 0 0 10px;
}
.answer .answer_match .answer_match_left, .answer .answer_match .answer_match_left_html {
  float: left;
  width: 45%;
  font-weight: bold;
  overflow: auto;
}
.answer .answer_match .answer_match_middle {
  float: left;
  width: 10%;
}
.answer .answer_match .answer_match_right {
  float: left;
  width: 45%;
}
.answer .answer_match .answer_match_right .answer {
  border-top: none;
}
.answer .answer_match .answer_match_right .answer .correct_answer {
  padding-left: 5px;
}
.answer .answer_match .answer_match_right .answer .correct_answer .answer_text {
  font-weight: bold;
}

.form_answers .answer .answer_match {
  padding-bottom: 0;
  padding-top: 10px;
}

.question_form .question .answer .answer_select .select_answer {
  display: none;
}

.question .answer .answer_select .select_answer_link {
  display: none;
}
.question input[type=text] {
  max-width: 100%;
  min-width: 120px;
}

.question.selectable .answer .answer_select .select_answer {
  display: block;
}
.question.selectable .answer .select_answer_link {
  display: inline;
}
.question.selectable .answer .answer_select .answer_image {
  background-repeat: no-repeat;
  background-position: 3px 5px;
  cursor: pointer;
}
.question.selectable .answer.hover .answer_select .answer_image,
.question.selectable .answer .answer_select .select_answer_link:focus .answer_image {
  background-image: url(/dist/images/partial_answer-688f1b1720.png);
}
.question.selectable .answer.partial_answer .answer_select .answer_image {
  background-image: url(/dist/images/partial_answer-688f1b1720.png);
}
.question.selectable .answer.negative_answer .answer_select .answer_image {
  background-image: url(/dist/images/negative_answer-36c4967746.png);
}

.question.fill_in_multiple_blanks_question .answer .answer_select .answer_box {
  display: none;
}

.skipped {
  display: none;
}

.survey_quiz .question .text .answers .answer.correct_answer, .question_holder .text .answers .answer.correct_answer {
  background-image: none;
}
.survey_quiz .question .text .answers .answer.correct_answer .answer_text, .question_holder .text .answers .answer.correct_answer .answer_text {
  font-weight: normal;
}
.survey_quiz .question .text .answers .answer.partial_answer, .question_holder .text .answers .answer.partial_answer {
  background-image: none;
}
.survey_quiz .question .text .answers .answer.partial_answer .answer_text, .question_holder .text .answers .answer.partial_answer .answer_text {
  font-weight: normal;
}
.survey_quiz .question .text .answers .answer.negative_answer, .question_holder .text .answers .answer.negative_answer {
  background-image: none;
}
.survey_quiz .question .text .answers .answer .answer_text, .survey_quiz .question .text .answers .answer .answer_html, .question_holder .text .answers .answer .answer_text, .question_holder .text .answers .answer .answer_html {
  display: inline-block;
}
.survey_quiz .question.selectable .answer .answer_select, .question_holder.selectable .answer .answer_select {
  visibility: hidden;
}
.survey_quiz .question.selectable .answer .answer_select .select_answer:focus .answer_image, .question_holder.selectable .answer .answer_select .select_answer:focus .answer_image {
  background-image: none;
}
.survey_quiz .question.selectable .answer .answer_select .answer_box.hover .answer_box, .question_holder.selectable .answer .answer_select .answer_box.hover .answer_box {
  background-image: none;
}
.survey_quiz .question.selectable .answer.hover .answer_select .answer_image, .question_holder.selectable .answer.hover .answer_select .answer_image {
  background-image: none;
}
.survey_quiz .question.selectable .answer.correct_answer .answer_select .answer_image, .question_holder.selectable .answer.correct_answer .answer_select .answer_image {
  background-image: none;
}

.question textarea {
  border: 1px solid #ccc;
  padding: 2px;
  margin: 2px;
}

.survey_quiz form.question_form .form_answers .answer_comments {
  display: none;
}
.survey_quiz form.question_form .question_comment {
  display: none;
}
.survey_quiz form.question_form .question_comment.question_neutral_comment {
  display: block;
}
.survey_quiz form.question_form .question.selectable .answer.correct_answer {
  color: inherit;
}

form.question_form .question .header {
  overflow: hidden;
}
form.question_form .multi_answer_sets {
  display: none;
}
form.question_form .fill_in_multiple_blanks_question .multi_answer_sets, form.question_form .multiple_dropdowns_question .multi_answer_sets {
  display: block;
}
form.question_form .fill_in_multiple_blanks_question .multi_answer_sets_subheader, form.question_form .multiple_dropdowns_question .multi_answer_sets_subheader {
  font-size: 0.8em;
}
form.question_form .explanation {
  font-size: 0.8em;
  margin-bottom: 5px;
}
form.question_form .form_answers .answer {
  border: 1px solid #fff;
  -moz-border-radius: 5px;
}
form.question_form .form_answers .answer.hover {
  border: 1px solid #ddd;
}
form.question_form .form_answers .answer .question_actions a {
  position: relative;
  left: -100000px;
}
form.question_form .form_answers .answer.hover .question_actions a, form.question_form .form_answers .question_actions a:focus {
  left: 0;
}
form.question_form .form_answers .answer_comments {
  overflow-x: auto;
  margin-left: 30px;
  padding: 10px 5px;
  margin-top: 5px;
  cursor: pointer;
}
form.question_form .form_answers .answer_comments .answer_comment_box {
  height: 2.5em;
}
form.question_form .form_answers .answer_comments.empty {
  padding: 0;
}
form.question_form .form_answers .answer.correct_answer .answer_comments {
  border-color: #4a4;
}
form.question_form .form_answers .answer.correct_answer .answer_comments .comment_top {
  background-image: url(/dist/images/comment_top_correct-ea9034f417.png);
}
form.question_form .question_comment {
  float: none;
  display: inline-block;
  width: 40%;
  min-width: 50px;
  padding: 3px 5px;
  margin: 5px 10px;
  vertical-align: top;
}
form.question_form .question_comment.question_correct_comment {
  border-color: #4a4;
  color: #080;
}
form.question_form .question_comment.question_correct_comment .comment_top {
  background-image: url(/dist/images/comment_top_correct-ea9034f417.png);
}
form.question_form .question.selectable .answer.correct_answer {
  color: #080;
}
form.question_form .comment {
  position: relative;
  border: 2px solid #faa;
  -moz-border-radius: 5px;
}
form.question_form .comment .details {
  font-size: 0.8em;
}
form.question_form .comment .comment_focus {
  position: relative;
  left: -100000px;
  float: right;
}
form.question_form .comment .comment_focus .ellipsis {
  display: none;
}
form.question_form .comment.hover .comment_focus, form.question_form .comment .comment_focus:focus {
  left: 0;
}
form.question_form .comment .comment_top {
  position: absolute;
  display: block;
  top: -8px;
  left: 10px;
  width: 19px;
  height: 8px;
  background-repeat: no-repeat;
  background-image: url(/dist/images/comment_top-e1f4d6264a.png);
}
form.question_form .comment.empty {
  width: 50px;
  opacity: 0.5;
}
form.question_form .comment.empty .comment_focus {
  left: 0;
  float: none;
  display: block;
  text-align: center;
  font-size: 1.2em;
}
form.question_form .comment.empty .comment_focus .ellipsis {
  display: block;
}
form.question_form .comment.empty .comment_focus .icon-edit {
  display: none;
}
form.question_form .comment.empty .details {
  display: none;
}
form.question_form .comment.editing {
  display: block;
  width: auto;
}
form.question_form .comment.editing .mce-container-body {
  overflow: inherit;
}
form.question_form .comment.editing .comment_focus {
  display: none;
}

ul#question_list {
  margin: 0 0 13px;
  padding: 0 0 0 20px;
  list-style-type: none;
}
ul#question_list li {
  padding-left: 20px;
}
ul#question_list li i {
  color: #595959;
  margin-right: 4px;
}
ul#question_list li.answered a {
  color: var(--ic-brand-primary-darkened-15);
}
ul#question_list li.answered.current_question a {
  color: #396eb2;
}
ul#question_list li.marked {
  font-weight: bold;
  background-image: url("/dist/images/flagged_question-e2565888dd.png");
  background-position: "left" 3px top 7px;
  background-repeat: no-repeat;
}
ul#question_list li.current_question {
  color: var(--ic-brand-font-color-dark) !important;
  font-weight: bold;
}
ul#question_list li.correct {
  color: #080;
}
ul#question_list li.correct a {
  color: #080;
}
ul#question_list li.incorrect {
  color: #800;
}
ul#question_list li.incorrect a {
  color: #800;
}
ul#question_list.read_only li.seen {
  color: #ccc;
}

.quiz_score .score_value {
  font-size: 1.2em;
  font-weight: bold;
  color: #444;
}

.alert-header {
  font-size: inherit;
  display: inline;
}

ul#quiz_versions {
  margin-top: 5px;
}
ul#quiz_versions .quiz_version.selected {
  font-weight: bold;
}

#quiz_edit_header #quiz_display_points_possible {
  line-height: 33px;
  font-size: 1.1em;
  text-align: right;
}

#quiz_edit_actions {
  border: 1px solid #b6babf;
  border-width: 1px 0;
  padding: 12px 13px;
  text-align: right;
}
#quiz_edit_actions .notify {
  text-align: left;
}
#quiz_edit_actions .notify .checkbox {
  margin-bottom: 0;
  margin-top: 5px;
  min-height: 18px;
}
#quiz_edit_actions #cancel_button {
  margin-right: 6px;
}

#quiz_edit_wrapper {
  background-color: #ffffff;
}
#quiz_edit_wrapper .form {
  padding: 1em;
}
#quiz_edit_wrapper #quiz_title {
  margin-top: 5px;
}
#quiz_edit_wrapper .title #quiz_title {
  width: 430px;
}
#quiz_edit_wrapper #student_submissions_warning,
#quiz_edit_wrapper #unpublished_changes_message {
  padding: 12px;
  border-width: 1px;
  margin-bottom: 0.7em;
}
#quiz_edit_wrapper #quiz_display_points_possible {
  line-height: 40px;
  font-size: 1.2em;
  text-align: right;
}
#quiz_edit_wrapper .admin-links {
  line-height: 40px;
}
#quiz_edit_wrapper .admin-links .al-options {
  min-width: 125px;
}
#quiz_edit_wrapper #options_tab {
  overflow-x: scroll;
}
#quiz_edit_wrapper #quiz_tabs {
  margin-top: 12px;
}
#quiz_edit_wrapper #quiz_tabs #quiz_tabs_tab_list {
  display: flex;
  align-items: flex-end;
}
#quiz_edit_wrapper #quiz_tabs #quiz_tabs_tab_list #quiz_tabs_spacer {
  flex: 1;
}
#quiz_edit_wrapper #quiz_tabs #quiz_tabs_tab_list .header-bar-right {
  display: flex;
  align-items: center;
}
#quiz_edit_wrapper #quiz_tabs #quiz_tabs_tab_list .header-bar-right .admin-links {
  padding-bottom: 6px;
}
#quiz_edit_wrapper #quiz_tabs #questions_tab {
  background: #fff;
}
#quiz_edit_wrapper #quiz_tabs #questions_tab #show_question_details_wrap {
  width: 80%;
  min-width: 415px;
  margin: 1em auto;
}
#quiz_edit_wrapper #quiz_tabs #quiz_options_form {
  margin: 0 auto;
}
#quiz_edit_wrapper #quiz_tabs #quiz_options_form td {
  vertical-align: top;
}
#quiz_edit_wrapper #quiz_tabs #quiz_options_form label.checkbox {
  margin-bottom: 10px;
}
#quiz_edit_wrapper #quiz_tabs #quiz_options_form .inline {
  display: inline-block;
}
#quiz_edit_wrapper #quiz_tabs #quiz_options_form .inline.checkbox {
  margin-bottom: 10px;
}
#quiz_edit_wrapper #quiz_tabs #quiz_options_form .inline.nowrap {
  white-space: nowrap;
}
#quiz_edit_wrapper #quiz_tabs #quiz_options_form #keep_score_select,
#quiz_edit_wrapper #quiz_tabs #quiz_options_form #quiz_allowed_attempts {
  margin-left: 10px;
}
#quiz_edit_wrapper #quiz_tabs #quiz_options_form #quiz_allowed_attempts {
  width: 20px;
  margin-bottom: 5px;
}
#quiz_edit_wrapper #quiz_tabs #quiz_options_form #keep_score_select {
  width: 100px;
}
#quiz_edit_wrapper #quiz_tabs #quiz_options_form #quiz_show_correct_answers_options > div {
  margin-bottom: 10px;
}
#quiz_edit_wrapper #quiz_tabs #quiz_options_form #quiz_show_correct_answers_options label.inline {
  min-width: 160px;
}
#quiz_edit_wrapper #quiz_tabs #quiz_options_form #quiz_show_correct_answers_options .datetime_suggest {
  display: inline-block;
}
#quiz_edit_wrapper #quiz_tabs #quiz_options_form .control-group {
  margin-bottom: 10px;
  overflow: visible;
}
#quiz_edit_wrapper #quiz_tabs #quiz_options_form .option-group {
  max-width: 478px;
  padding: 10px 10px 0;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-bottom: 15px;
  position: relative;
  overflow: hidden;
}
#quiz_edit_wrapper #quiz_tabs #quiz_options_form .option-group > label.checkbox {
  position: relative;
  z-index: 1;
}
#quiz_edit_wrapper #quiz_tabs #quiz_options_form .option-group > label.checkbox:hover:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -10px;
  right: -10px;
  bottom: -10px;
  left: -10px;
  background: #E7F4FF;
  border-radius: 4px;
}
#quiz_edit_wrapper #quiz_tabs #quiz_options_form .option-group.disabled label {
  color: #999;
}
#quiz_edit_wrapper #quiz_tabs #quiz_options_form .option-caption {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: bold;
  line-height: 1.4em;
}
#quiz_edit_wrapper #quiz_tabs #quiz_options_form .option-caption:not(:first-of-type) {
  margin-top: 30px;
}
#quiz_edit_wrapper #quiz_tabs #quiz_options_form .options {
  margin-left: 20px;
}

.options_header {
  font-weight: bold;
  font-size: 1.2em;
}
.options_header a {
  margin-right: 10px;
  margin-top: 0.35em;
  float: right;
  font-size: 0.8em;
}

.equation_answers {
  display: none;
}

.equation_header {
  display: none;
  margin-bottom: 0;
}
.equation_header .equation_subheader {
  margin-left: 0;
  font-size: 0.8em;
}

.true_false_question .delete_answer_link {
  display: none !important;
}

.calculated_question .equation_answers {
  display: block;
}
.calculated_question .form_answers {
  display: none;
}
.calculated_question .add_answer {
  display: none;
}
.calculated_question .variables {
  margin-bottom: 10px;
  table-layout: fixed;
}
.calculated_question .variables #equation_var_name {
  width: 10%;
}
.calculated_question .variables th {
  font-size: 0.8em;
}
.calculated_question .variables td input {
  width: 120px;
  min-width: 40px;
  max-width: 100%;
}
.calculated_question .equation_content > table {
  width: 100%;
}
.calculated_question .equation_content > table th {
  vertical-align: top;
  text-align: left;
}
.calculated_question .word_problem {
  width: 100%;
}
.calculated_question .formulas {
  table-layout: fixed;
}
.calculated_question .formulas thead tr td:last-child {
  width: 5%;
}
.calculated_question .formulas thead tr #headings\.result {
  width: 30%;
}
.calculated_question .formulas .formula_row.last_row {
  font-weight: bold;
}
.calculated_question .formulas .formula_row.last_row .status {
  font-size: 1.2em;
}
.calculated_question .formulas .last_row_details {
  font-size: 0.8em;
}
.calculated_question .formulas .formula_row .formula {
  cursor: move;
}
.calculated_question .formulas .formula_row .status {
  cursor: pointer;
}
.calculated_question .formulas .decimal_places {
  font-size: 0.8em;
}
.calculated_question .combinations td, .calculated_question .combinations th {
  text-align: left;
  width: 10%;
}
.calculated_question .combinations th {
  padding-right: 5px;
  padding-left: 5px;
}
.calculated_question .combinations td.final_answer, .calculated_question .combinations th.final_answer {
  width: 1%;
}
.calculated_question .combinations td.final_answer {
  white-space: nowrap;
}
.calculated_question .combinations {
  border-collapse: collapse;
}
.calculated_question .combinations td {
  border-top: 1px solid #ccc;
  padding: 1px 3px;
}
.calculated_question .combinations_holder {
  overflow: auto;
  max-height: 100px;
}
.calculated_question .equation_header {
  display: block;
}
.calculated_question .equation_answers .equation_header {
  font-size: 1.1em;
  font-weight: bold;
  margin-bottom: 5px;
  display: block;
}
.calculated_question .equation_answers .equation_header .equation_subheader {
  font-size: 0.7em;
  font-weight: normal;
  margin-left: 20px;
}
.calculated_question .equation_answers .equation_content {
  margin-left: 20px;
  margin-bottom: 15px;
}

#equations_dialog_tabs pre {
  margin: 3px 1px;
}

#find_question_dialog .page_link {
  display: block;
  font-weight: bold;
  margin: 5px 0;
}
#find_question_dialog .found_question {
  margin-bottom: 5px;
}
#find_question_dialog .found_question .question_text {
  margin: 2px 10px 2px 25px;
  font-size: 0.8em;
}
#find_question_dialog .found_question .question_name {
  font-weight: bold;
}
#find_question_dialog .found_question .already_added_message {
  display: none;
}
#find_question_dialog .found_question.already_added .question_name, #find_question_dialog .found_question.already_added .question_text {
  color: #888;
}
#find_question_dialog .found_question.already_added .already_added_message {
  display: block;
  font-size: 0.8em;
  color: #888;
  font-style: italic;
  margin-left: 25px;
}

#ip_filters_dialog .searching_message {
  font-size: 1.1em;
  font-weight: bold;
}
#ip_filters_dialog .filters {
  border-collapse: collapse;
}
#ip_filters_dialog .filters td {
  border-bottom: 1px dotted #ccc;
  cursor: pointer;
}
#ip_filters_dialog .filters .ip_filter .name_and_account {
  padding: 2px 10px 2px 5px;
}
#ip_filters_dialog .filters .ip_filter .name_and_account .name {
  font-weight: bold;
}
#ip_filters_dialog .filters .ip_filter .name_and_account .account {
  font-size: 0.8em;
  color: #888;
}
#ip_filters_dialog .filters .ip_filter .filter {
  vertical-align: top;
  text-style: italic;
  padding: 2px 5px 2px 10px;
}
#ip_filters_dialog .filters .ip_filter:hover td {
  background-color: #eee;
}

#aligned_outcomes_list .outcome {
  margin-bottom: 3px;
  padding-bottom: 3px;
  border-bottom: 1px dotted #ccc;
}
#aligned_outcomes_list .outcome .short_description {
  float: left;
  font-weight: bold;
}
#aligned_outcomes_list .outcome .delete_outcome_link {
  float: right;
}
#aligned_outcomes_list .outcome .content {
  font-size: 0.8em;
  padding-left: 20px;
}

#find_bank_dialog .bank_list {
  max-height: 220px;
  overflow: auto;
  margin: 10px 0;
}
#find_bank_dialog .bank {
  border-radius: 3px;
  padding: 4px 5px;
  cursor: pointer;
  margin: 0 20px;
  border-bottom: 1px dotted #ccc;
}
#find_bank_dialog .bank .title {
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#find_bank_dialog .bank .sub_content {
  font-size: 0.8em;
  padding-left: 20px;
}
#find_bank_dialog .bank:hover {
  background-color: #eee;
}
#find_bank_dialog .bank.selected {
  background-color: #ccc;
  font-weight: bold;
}

#last_saved_indicator {
  color: #666;
  padding-right: 10px;
}

.muted-notice {
  background: #f1f1f1;
  background-image: linear-gradient(to bottom, #eee, #f7f7f7);
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 16px;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.75);
}

.ui-selectmenu-menu a, .ui-selectmenu {
  color: #222 !important;
  font-weight: normal;
  text-decoration: none !important;
}

.ui-selectmenu {
  max-width: 100% !important;
}

.question select {
  max-width: 100%;
}

.edit_html_done_wrapper {
  text-align: right;
}

.question_actions .edit_html {
  display: none;
}

.multiple_choice_question .question_actions .edit_html,
.multiple_answers_question .question_actions .edit_html {
  display: inline-block;
}

.answer_arrow {
  background-image: url(/dist/images/answers_sprite-0d764f2477.png);
  background-repeat: repeat-x;
  display: inline-block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 27px;
  min-width: 96px;
  padding: 0 8px;
  position: absolute;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
}
.answer_arrow.correct:before, .answer_arrow.correct:after, .answer_arrow.incorrect:before, .answer_arrow.incorrect:after, .answer_arrow.info:before, .answer_arrow.info:after {
  background-image: url(/dist/images/answers_sprite-0d764f2477.png);
  background-repeat: no-repeat;
  content: " ";
  height: 27px;
  position: absolute;
  top: 0;
}
.answer_arrow.correct:before, .answer_arrow.incorrect:before, .answer_arrow.info:before {
  left: -3px;
  width: 3px;
}
.answer_arrow.correct:after, .answer_arrow.incorrect:after, .answer_arrow.info:after {
  right: -11px;
  width: 11px;
}
.answer_arrow.correct {
  background-position: left -34px;
  color: #fff;
}
.answer_arrow.correct:before {
  background-position: top left;
}
.answer_arrow.correct:after {
  background-position: -12px top;
}
.answer_arrow.incorrect {
  background-position: left -62px;
  color: #fff;
}
.answer_arrow.incorrect:before {
  background-position: -4px top;
}
.answer_arrow.incorrect:after {
  background-position: -24px top;
}
.answer_arrow.info {
  background-position: left -90px;
  color: #333;
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.5);
}
.answer_arrow.info:before {
  background-position: -8px top;
}
.answer_arrow.info:after {
  background-position: -36px top;
}

.quiz_comment {
  background-image: linear-gradient(to bottom, #fff, #f4f5f6);
  border: 1px solid #b5bfc7;
  filter: none;
  border-radius: 5px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  font-size: 16px;
  font-size: 1rem;
  min-width: 100px;
  padding: 14px;
  position: relative;
  margin: 16px 30px;
  text-align: left;
  display: inline-block;
}
.quiz_comment.empty {
  display: none;
}
.quiz_comment p {
  margin-bottom: 0.5em;
}
.quiz_comment p:last-child {
  margin-bottom: 0;
}
.quiz_comment:before {
  border: 10px solid transparent;
  content: " ";
  height: 0;
  position: absolute;
  width: 0;
  border-bottom-color: #b5bfc7;
  left: 30px;
  top: -20px;
}
.quiz_comment:after {
  border: 10px solid transparent;
  content: " ";
  height: 0;
  position: absolute;
  width: 0;
  border-bottom-color: #fff;
  left: 30px;
  top: -19px;
}

.answer_comment_holder {
  border-radius: 5px;
  border: 1px solid #faa;
  margin-left: 20px;
  padding: 5px;
  margin-top: 5px;
  font-size: 0.8em;
  position: relative;
  float: left;
  width: auto;
  min-width: 50px;
  background-image: linear-gradient(to bottom, #ffeae7, #fdd7d7);
}
.answer_comment_holder .answer_comment {
  background-image: none;
}
.answer_comment_holder .comment_top {
  position: absolute;
  display: block;
  top: -8px;
  left: 10px;
  width: 19px;
  height: 8px;
  background-repeat: no-repeat;
  background-image: url(/dist/images/comment_top-e1f4d6264a.png);
}

.answers .quiz_comment {
  font-size: 0.9em;
  margin: 16px 0 8px;
  padding: 5px 10px;
}

.question_comments {
  display: flex;
  flex-wrap: wrap;
}
.question_comments .comments_header {
  font-weight: bold;
}
.question_comments .quiz_comment {
  font-size: 0.9em;
}
.question_comments .correct_comments_header {
  color: #0B874B;
}
.question_comments .incorrect_comments_header {
  color: #E0061F;
}

#update_history_form {
  margin: 0px;
}
#update_history_form .assessment_results {
  clear: none;
}
#update_history_form .question .text {
  clear: none;
}
#update_history_form .button-container {
  padding: 16px;
  text-align: right;
}
#update_history_form #questions .user_points, #update_history_form #questions .question_points_holder {
  display: block;
}
#update_history_form .header .question_points_holder {
  font-size: 14px;
  font-size: 0.875rem;
  margin: 0;
}
#update_history_form .header .question_input {
  width: 70px;
  margin-bottom: 0;
}
#update_history_form .short_answer_question .answers .question_input {
  font-size: 13px;
  font-size: 0.8125rem;
  width: 125px;
}

.summary .footnote {
  font-size: 14px;
  font-size: 0.875rem;
  text-align: right;
}

.answer-group-heading {
  display: block;
  margin: 8px 0;
}

.answers_wrapper {
  position: relative;
}
.answers_wrapper .margin {
  margin-left: 8px;
  color: #999;
}

.question img, .answer img {
  max-width: 100%;
}

#questions .short_answer_question .answers_wrapper, #questions .numerical_question .answers_wrapper {
  border-top: 1px solid #ddd;
  padding-top: 8px;
}
#questions .short_answer_question .answers_wrapper .answer, #questions .numerical_question .answers_wrapper .answer {
  margin: 0 !important;
  padding-top: 0;
}
#questions.question_editing .question {
  /* Display persistent correct answer arrow when editing only. */
}
#questions.question_editing .question .answers_wrapper {
  border-top: none;
}
#questions.question_editing .question .answers_wrapper .answer {
  position: relative;
}
#questions.question_editing .question .answers .answer {
  position: relative;
}
#questions.question_editing .question .calculated_question_answers {
  position: relative;
}
#questions.question_editing .question.selectable .form_answers .answer.correct_answer .answer_select .answer_image {
  background-image: url(/dist/images/correct_answer-611a5f53b9.png);
}
#questions.question_editing .blank_id_select {
  width: auto;
  min-width: 220px;
}
#questions .essay_question .answers .question_input {
  width: 100%;
}
#questions .essay_question .tinymce-keyboard-shortcuts-toggle {
  float: right;
}

.form-actions {
  border: 1px solid #999;
  margin: 18px 0 -1px;
}

#quiz_options_holder select {
  width: auto;
  margin-left: 3px;
}
#quiz_options_holder input[type=text] {
  width: 90%;
  margin-left: 3px;
}
#quiz_options_holder input[type=text].hasDatepicker {
  width: 45%;
}

.question_holder .display_question .upload-label {
  padding-right: 2px;
  padding-top: 25px;
}

.question_holder .display_question .control-group .controls {
  margin: 0 auto;
}

.question_holder .display_question .file-upload-question-holder .file-status {
  margin-left: 55px;
}
.question_holder .display_question .file-upload-question-holder .file-removed {
  color: red;
}
.question_holder .display_question .file-upload-question-holder .file-uploaded {
  color: green;
}
.question_holder .display_question .file-upload-question-holder .upload-label {
  vertical-align: top;
}
.question_holder .display_question .file-upload-question-holder .file-upload-box-with-file {
  padding: 5px;
}
.question_holder .display_question .file-upload-question-holder .file-upload-box-with-file .icon-end {
  color: grey;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.question_holder .display_question .file-upload-question-holder .file-upload-box {
  margin-bottom: 0;
  position: relative;
  display: inline-block;
  width: 85%;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.question_holder .display_question .file-upload-question-holder .controls {
  margin: 0 auto 30px;
}

.quiz-nav {
  width: 100%;
  position: fixed;
}

.quiz-nav, .quiz-nav-fullpage {
  text-align: center;
  background: #e8e8e8;
  margin: 0;
  padding: 15px;
  right: -15px;
  height: 30px;
  z-index: 9;
  border-bottom: 1px solid #cccccc;
  text-align: center;
  display: block;
}
.quiz-nav ul.nav, .quiz-nav-fullpage ul.nav {
  overflow: hidden;
  height: 30px;
  width: 984px;
  position: relative;
  z-index: 10;
}
.quiz-nav.drshadow, .quiz-nav-fullpage.drshadow {
  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 7px;
  border-bottom: 1px solid #b5b5b5;
}
.quiz-nav li a.question-nav-link, .quiz-nav-fullpage li a.question-nav-link {
  width: 33px;
  height: 28px;
  padding: 0px;
  line-height: 32px;
}
.quiz-nav li.active a, .quiz-nav-fullpage li.active a {
  box-shadow: #31b5ff 0px 2px 1px;
  background: white;
  border: 1px solid #31b5ff;
  color: #0088cc;
  font-weight: bold;
}
.quiz-nav li.complete a, .quiz-nav-fullpage li.complete a {
  background-color: #eeeeee;
  color: #999999;
}
.quiz-nav li.nav-arrow, .quiz-nav-fullpage li.nav-arrow {
  z-index: 12;
  position: absolute;
}
.quiz-nav li#nav-next, .quiz-nav-fullpage li#nav-next {
  right: 0px;
}
.quiz-nav li#nav-prev, .quiz-nav-fullpage li#nav-prev {
  left: 0px;
}

#quiz-nav-inner-wrapper {
  position: absolute;
  left: 32px;
  z-index: 11;
}

#quiz-draft-state {
  padding: 10px;
  font-weight: bold;
}
#quiz-draft-state.published {
  color: #007711;
}
#quiz-draft-state.not_published {
  color: #999999;
}

.regrade-options {
  color: #333;
  padding: 2px 10px;
}
.regrade-options h3 {
  margin: 0;
  text-transform: uppercase;
  font-size: 100%;
  font-weight: bold;
}
.regrade-options h3 span {
  font-weight: normal;
  text-transform: none;
}
.regrade-options .checkbox input {
  height: 16px;
  margin: 0 9px 0 0;
}
.regrade-options label {
  display: block;
  padding-left: 0px;
}

.user-regrade-points {
  color: #C23C0D;
}

.regraded-warning {
  margin: 0 0 10px;
}

#quiz-submission-version-table {
  margin: 30px 0 20px;
}
#quiz-submission-version-table:before, #quiz-submission-version-table:after {
  display: table;
  content: "";
  line-height: 0;
}
#quiz-submission-version-table:after {
  clear: both;
}
#quiz-submission-version-table .submission-pending-review {
  width: 65%;
  float: left;
  margin-left: 24%;
  margin-bottom: 0;
  color: #707070;
  font-size: 90%;
}

#speed_update_scores_container {
  background: #e8e8e8;
  border-top: 1px solid #ccc;
  width: 100%;
  padding: 20px 0 20px 20px;
  position: fixed;
  bottom: 0px;
  left: 0px;
}
#speed_update_scores_container .update_scores_fudge {
  padding-right: 200px;
}
#speed_update_scores_container .button-container {
  position: fixed;
  bottom: 30px;
  right: 10px;
}

#update_scores {
  position: relative;
}
#update_scores .update_scores_fudge {
  padding-right: 200px;
}
#update_scores .button-container {
  position: absolute;
  right: 0px;
  bottom: 0px;
  padding-bottom: 0px;
}

#ldb_deauthorized_dialog {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #4b555d;
  background: url("/dist/images/Money_Noise_tm-756d579950.png"), radial-gradient(50% -100px, circle cover, rgba(255, 255, 255, 0.6) 0%, transparent 100%), linear-gradient(to bottom, #59656e, #3e464c);
  padding: 0;
  margin: 0;
  color: #b3b3b3;
  border: none;
}
#ldb_deauthorized_dialog label {
  display: none;
}
#ldb_deauthorized_dialog div {
  margin: 0 20px;
}
#ldb_deauthorized_dialog #unauthorized_message {
  margin: 0;
  width: auto;
  padding-left: 80px;
}
#ldb_deauthorized_dialog #unauthorized_message h2 {
  font-size: 1.5em;
  margin: 0 0 -10px 0;
  height: 41px;
}
#ldb_deauthorized_dialog #unauthorized_message p {
  font-weight: normal;
  margin: 10px 0;
  padding: 0;
}
#ldb_deauthorized_dialog h1 {
  height: 107px;
  margin: 0 0 50px;
  background-color: transparent;
  background-image: url("/images/canvas.png");
  background-repeat: no-repeat;
  background-position: 20px 66px;
  text-indent: -999em;
}
@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) {
  #ldb_deauthorized_dialog h1 {
    background-image: url("/images/canvas@2x.png");
    background-size: 136px 33px;
  }
}
#ldb_deauthorized_dialog input[type=text], #ldb_deauthorized_dialog input[type=password] {
  background: #f6f6f6 none;
  border: 6px solid rgba(255, 255, 255, 0.25);
  border-radius: 7px;
  padding: 12px 9px 12px 17px;
  box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.4);
  background-clip: padding-box;
  width: 40%;
  max-width: 45%;
  font-size: 13px;
  font-size: 0.8125rem;
  color: #303030;
  outline: none;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
}
#ldb_deauthorized_dialog .dialog-actions {
  position: relative;
}
#ldb_deauthorized_dialog .dialog-actions .btn-primary {
  position: absolute;
  right: 0;
  top: 0;
  padding: 10px 36px;
  font-size: 15px;
  font-size: 0.9375rem;
}
#ldb_deauthorized_dialog span.field + span.field {
  margin-left: 0;
}

.hover .move .move_icon {
  display: inline;
  cursor: move;
}
.hover .links a {
  left: 0;
}

li.quiz.quiz-loading-overrides .date-available {
  visibility: hidden;
}
li.quiz.quiz-loading-overrides .date-due {
  min-height: inherit;
  height: 20px;
  overflow: hidden;
}
li.quiz.quiz-loading-overrides .date-due:before {
  content: " ";
  display: block;
  background-image: url("/dist/images/ajax-loader-black-on-white-3b4fe5b450.gif");
  background-color: white;
  background-position: "left" 90% top 50%;
  background-repeat: no-repeat;
  opacity: 0.35;
  width: 100%;
}

.rce_links {
  float: right;
  font-size: 0.8em;
  cursor: pointer;
}
.rce_links .icon-info {
  margin-left: 2px;
}

.options-spacer {
  width: 52px;
}

/* support for master class locked input fields */
#quiz_edit_wrapper input[readonly] {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  font-weight: bold;
  cursor: default;
  padding-left: 0;
}
#quiz_edit_wrapper input[readonly]:focus {
  outline-style: none;
}

.new-quiz-form {
  display: inline;
}

/*
 * 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/>.
 */
@media (max-width: 767px) {
  .assessing.no-headers.with-right-side {
    min-width: 0 !important;
  }

  .assessing.no-headers body {
    padding: 0;
  }
  .assessing.no-headers .ic-Layout-wrapper {
    min-width: 0 !important;
  }
  .assessing.no-headers .ic-Layout-wrapper,
.assessing.no-headers .ic-Layout-columns {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*max-width: 100%;*/
    min-width: 320px !important;
    width: auto;
  }
  .assessing.no-headers #question_list {
    padding-left: 10px;
  }
  .assessing.no-headers .question .flag_question {
    left: 8px;
    top: -3px;
  }
  .assessing.no-headers .question .question_name {
    padding-left: 15px;
  }
  .assessing.no-headers .question {
    margin: 20px 0 !important;
    min-width: 99% !important;
  }
  .assessing.no-headers #not_right_side {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    top: 45px;
    bottom: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  .assessing.no-headers #right-side > div > * {
    display: none;
  }
  .assessing.no-headers #right-side-wrapper {
    border-right: none;
    width: 100%;
    height: 45px;
  }
  .assessing.no-headers #right-side > div > #quiz-time-elapsed {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    background: #fff;
    border: 1px solid #ccc;
  }
}
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
#message_students_dialog .button-container {
  text-align: right;
}
#message_students_dialog .student_list {
  max-height: 100px;
  overflow: auto;
  font-size: 0.8em;
  padding: 5px 0;
  margin: 0;
  list-style-type: none;
}
#message_students_dialog .student_list li {
  float: left;
  padding: 2px 4px;
  margin: 1px 2px;
  background-color: #cdf;
  border: 1px solid #aaa;
}
#message_students_dialog .student_list li .score {
  display: none;
  padding-left: 5px;
  font-size: 0.9em;
  color: #444;
}
#message_students_dialog .student_list li:hover .remove-button {
  color: #444;
}
#message_students_dialog .student_list li .remove-button {
  padding: 0px;
  color: #9ac;
}
#message_students_dialog .student_list li .remove-button:focus {
  color: #444;
}
#message_students_dialog .student_list.show_score li .score {
  display: inline;
}

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

.ui-selectmenu-icon {
  position: absolute;
  right: 6px;
  margin-top: -8px;
  top: 50%;
}

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  display: none;
  z-index: 1005;
}

/* z-index: 1005 to make selectmenu work with dialog */
.ui-selectmenu-menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  overflow: auto;
  overflow-y: auto;
  overflow-x: hidden;
}

.ui-selectmenu-open {
  display: block;
}

.ui-selectmenu-menu-popup {
  margin-top: -1px;
}

.ui-selectmenu-menu li {
  padding: 0;
  margin: 0;
  display: block;
  border-top: 1px dotted transparent;
  border-bottom: 1px dotted transparent;
  border-right-width: 0 !important;
  border-left-width: 0 !important;
  font-weight: normal !important;
}

.ui-selectmenu-menu li a, .ui-selectmenu-status {
  line-height: 1.4em;
  display: block;
  padding: 0.405em 2.1em 0.405em 1em;
  outline: none;
  text-decoration: none;
}

.ui-selectmenu-menu li.ui-state-disabled a, .ui-state-disabled {
  cursor: default;
}

.ui-selectmenu-menu li.ui-selectmenu-hasIcon a,
.ui-selectmenu-hasIcon .ui-selectmenu-status {
  padding-left: 20px;
  position: relative;
  margin-left: 5px;
}

.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon {
  position: absolute;
  top: 1em;
  margin-top: -8px;
  left: 0;
}

.ui-selectmenu-status {
  line-height: 1.4em;
}

.ui-selectmenu-menu li span, .ui-selectmenu-status span {
  display: block;
  margin-bottom: 0.2em;
}

.ui-selectmenu-menu li .ui-selectmenu-item-header {
  font-weight: bold;
}

.ui-selectmenu-menu li .ui-selectmenu-item-footer {
  opacity: 0.8;
}

/* for optgroups */
.ui-selectmenu-menu .ui-selectmenu-group {
  font-size: 1em;
}

.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label {
  line-height: 1.4em;
  display: block;
  padding: 0.6em 0.5em 0;
  font-weight: bold;
}

.ui-selectmenu-menu .ui-selectmenu-group ul {
  margin: 0;
  padding: 0;
}

/* IE7 workaround (opacity disabled) */
* + html .ui-state-disabled, * + html .ui-state-disabled a {
  color: silver;
}

.ui-selectmenu-menu a {
  color: var(--ic-link-color);
  text-shadow: none;
}

.ui-selectmenu-menu .ui-state-focus, .ui-selectmenu-menu .ui-state-hover {
  background: #f2f2f2;
  border-color: transparent;
}

/*
 * 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/>.
 */
#canvas-conditional-release-editor {
  height: 675px;
  padding-top: 12px;
  display: flex;
  overflow-x: scroll;
}

/*
 * 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/>.
 */
#crs-graphs {
  margin-top: 50px;
}
#crs-graphs:first-child {
  margin: 0px;
}

.crs-breakdown-graph {
  display: flex;
  flex-direction: column;
}
.crs-breakdown-graph .crs-breakdown-graph__loading p {
  float: left;
  padding-top: 8px;
  padding-left: 10px;
}
.crs-breakdown-graph .crs-breakdown-graph__loading > div {
  float: left;
}

.crs-breakdown-details {
  width: 365px;
}

.crs-breakdown-details__closeButton {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 11;
  color: #73818C;
}

.crs-breakdown-details__closeButtonIcon {
  font-size: 1rem;
  font-weight: lighter;
}

.crs-breakdown-details__header {
  margin-top: 10px;
  font-weight: lighter;
  border-bottom: 1px solid #C7CDD1;
  padding: 2px;
  text-align: center;
  display: flex;
}

.crs-breakdown-details__header-text {
  margin-left: 20px;
  margin-right: 10px;
}

.crs-bar__horizontal-outside {
  position: relative;
  height: 14px;
  border-radius: 25px;
  padding: 5px 0;
}

.crs-bar__horizontal-inside-fill {
  position: absolute;
  height: 50%;
  border-radius: 20px;
  background-color: #394B58;
  overflow: hidden;
}

.crs-bar__horizontal-inside {
  position: absolute;
  height: 50%;
  width: 100%;
  border-radius: 20px;
  background-color: #F5F5F5;
  overflow: hidden;
}

.crs-bar__bottom {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-size: 14px;
  color: #2D3B45;
  margin-left: 4px;
  margin-bottom: 15px;
}

.crs-bar__info {
  height: 50%;
}

.crs-link-button {
  background: transparent;
  border: none;
  color: var(--ic-link-color);
}
.crs-link-button:focus, .crs-link-button:hover {
  text-decoration: underline;
  color: var(--ic-link-color-darkened-10);
}

.crs-ranges-view {
  transition: all 0.5s;
}
.crs-ranges-view.crs-ranges-view__hidden {
  opacity: 0;
  visibility: hidden;
}
.crs-ranges-view .crs-ranges-view__header {
  font-weight: lighter;
  padding: 15px 10px;
  color: #73818C;
  text-indent: 10px;
}
.crs-ranges-view [class*=-Tab__accordion] {
  border-radius: 0;
  font-weight: bold;
  margin: 0 0 1px;
  text-indent: 10px;
  border: none;
  box-shadow: 0 0 0 1px #C7CDD1 !important;
}
.crs-ranges-view [class*=-TabPanel__accordion] {
  margin-bottom: 1px;
}
.crs-ranges-view [class*=-TabPanel__accordion][aria-hidden=true] {
  margin-bottom: 0;
}
.crs-ranges-view [class*=-TabPanel__content] {
  background: transparent;
  border: none;
  padding: 5px 0;
}

.crs-student-range__item {
  margin: 15px;
}

.crs-student__avatar {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  margin-right: 10px;
}

.crs-student__trend-icon {
  width: 30px;
  height: 30px;
  font-size: 18px;
  font-weight: bold;
  float: right;
}
.crs-student__trend-icon.crs-student__trend-icon__positive {
  color: #0B874B;
}
.crs-student__trend-icon.crs-student__trend-icon__positive:before {
  content: "▲";
}
.crs-student__trend-icon.crs-student__trend-icon__neutral {
  color: #73818C;
  font-family: monospace;
  font-size: 40px;
  line-height: 25px;
  text-indent: -3px;
}
.crs-student__trend-icon.crs-student__trend-icon__neutral:before {
  content: "-";
}
.crs-student__trend-icon.crs-student__trend-icon__negative {
  color: #FC5E13;
}
.crs-student__trend-icon.crs-student__trend-icon__negative:before {
  content: "▼";
}

.crs-student-details {
  width: 20em;
  height: 100%;
  position: fixed;
  right: 0px;
  top: 0px;
  transition: all 0.5s;
  background: #FFFFFF;
}
.crs-student-details.crs-student-details__hidden {
  right: -365px;
  opacity: 0;
  visibility: hidden;
}

.crs-student-details__header {
  margin-top: 10px;
  padding: 15px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #C7CDD1;
}

.crs-student-details__name {
  margin: 5px 0px 0px;
}

.crs-student__range-item {
  margin: 15px 5px;
}

.crs-student-details__profile-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  border-bottom: 1px solid #C7CDD1;
  background-color: #F5F5F5;
  padding: 17px 10px;
}

.crs-student-details__profile-image {
  width: 70px;
  height: 70px;
  border-radius: 50%;
}

.crs-student-details__profile-inner-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #F5F5F5;
}

.crs-student-details__score-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-bottom: 1px solid #C7CDD1;
  padding: 10px;
}

.crs-student-details__score-date {
  opacity: 0.6;
}

.crs-student-details__score-number {
  margin: 2px 0px;
  font-weight: bolder;
  font-size: 25px;
}

.crs-student-details__score-title {
  font-weight: normal;
}

.crs-breakdown__link {
  text-decoration: none;
  font-weight: normal;
  color: var(--ic-link-color);
}
.crs-breakdown__link:focus, .crs-breakdown__link:hover {
  color: var(--ic-link-color-darkened-10);
  text-decoration: underline;
}

.crs-back-button {
  background: #FFFFFF;
  border: none;
}

i.crs-student-details__assignment-icon {
  background: #394B58;
  width: 32px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  border-radius: 50%;
  color: #FFFFFF;
  float: left;
  margin-left: 5px;
}
i.crs-student-details__assignment-icon:before {
  font-size: 14px;
}

i.crs-icon-assignment {
  background: #BF32A4;
}

i.crs-icon-quiz {
  background: #E0061F;
}

i.crs-icon-discussion {
  background: #FC5E13;
}

.crs-student-details__assignment-name {
  flex: 0.9;
}

.crs-student-details__assignment {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 15px;
  border-bottom: 1px solid #C7CDD1;
}

.crs-student-details__assignment-score {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 10px;
  font-weight: bold;
}

.crs-student-details__loading {
  display: flex;
  align-items: center;
  margin-top: 200px;
  justify-content: center;
}

.crs-icon-email {
  padding-right: 5px;
}

/*
 * Copyright (C) 2018 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
@keyframes morph {
  0% {
    stroke-dashoffset: 190%;
  }
  50% {
    stroke-dashoffset: 50%;
    transform: rotate(90deg);
  }
  100% {
    stroke-dashoffset: 190%;
    transform: rotate(360deg);
  }
}
.spinner {
  stroke-width: 0.375em;
  width: 3em;
  height: 3em;
}
.spinner .shadow {
  fill: none;
  stroke: none;
  stroke-width: 0.65em;
}
.spinner .track {
  fill: none;
  stroke: #F5F5F5;
  stroke-width: 0.375em;
}
.spinner .spin {
  animation-name: morph;
  animation-duration: 1.75s;
  animation-iteration-count: infinite;
  animation-timing-function: ease;
  fill: none;
  stroke: #0374B5;
  stroke-width: 0.375em;
  stroke-dasharray: 6em;
  stroke-linecap: round;
  transform-origin: 1.5em 1.5em;
}