<commit_before>@import environment.sass

$backgroundColor: #dfe9f0
$borderColor: #AAA
$questionHeaderBackground: #F5F5F5
$blankHeight: 50px

#quiz_show
  .alert
    padding-right: 14px
    .actionsmceEditor
      text-align: right
      line-height: 36px
    .publish_quiz_button
      width: 90px
    #preview_quiz_button
      font-weight: normal
      color: #333333
    .unpublished_quiz_warning
      display: block


  .admin-links
    text-align: left
    margin-left: 10px
    .al-options
      min-width: 125px

  .description.teacher-version
    padding: 15px
    overflow-y: auto
    height: 200px
    border: 1px solid #AAA
    resize: vertical

  .lock_explanation
    text-align: left
    margin-top: 20px

  .take_quiz_button
    text-align: center
    margin-top: 20px
    font-size: 1.3em

  #quiz_details
    display: none
    clear: both

    td
      vertical-align: top

  .control-group
    margin-bottom: 0px

    .control-label
      font-weight: bold
      width: 33.3%

    .controls 
      margin-left: 35%
      .value
        display: block
        padding-top: 5px

  .assignment_dates
    border-collapse: collapse
    width: 100%
    margin-bottom: 1em

    tr
      th
        font-weight: bold
        padding: 0.25em 0.5em

      td
        border-top: 1px solid #BBB
        border-bottom: 1px solid #BBB
        padding: 0.25em 0.5em

  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

    li
      display: inline-block

      .label
        font-weight: bold
        margin-right: 2px

      .value
        padding-right: 2.5em


#wrapper-container
  overflow: visible

div#content
  overflow: visible
  padding: 0

#right-side-wrapper
  position: absolute

.quiz-header
  border-bottom: 1px solid #a4a4a4
  overflow: hidden
  padding: 16px

.quiz-submission, .question_editing
  background: $backgroundColor
  border: 1px solid #fff
  padding: 16px
.quiz-submission
  .fill_in_blanks_subjective_question
    .answers
      display: none
    .question_text
      div.blank
        display: inline-block
        padding: 5px 10px
        border-bottom: 1px solid #000!important
        position: relative
        p
          margin: 0
        img
          border: none!important
  .question-not-graded-text
    display: none

.question_editing.brief
  min-height: 80px

.add_question
  border: none

#submit_quiz_form
  .question_holder
    +pie-clearfix
  .button-container .btn, #submit_quiz_button
    min-width: 120px
  .button-container
    padding-right: 10%
    padding-left: 10%
    .next-question
      float: right
    .next-question:after, .previous-question:before
      position: absolute
      font-size: 10px
    .btn-secondary.next-question:after, .btn-secondary.previous-question:before
      color: #666
    .btn-primary.next-question:after, .btn-primary.previous-question:before
      color: #fff
    .next-question:after
      content: '▶'
      right: 5px
    .previous-question:before
      content: '◀'
      left: 5px
  .text
    :position relative
  .paintQuestion
    .container
      :border none
      :position absolute
      :top 120px
      :left 20px
      :z-index 9
  .paint_question
    .answers
      display: none
    .question_text
      margin-top: 115px
      background: #fff
  .question_text
    display: block
  .fill_in_blanks_subjective_question
    .mceEditor
      outline: none
      .mceIframeContainer
        border-top: none
        border-bottom: 1px solid #666
        iframe
          height: $blankHeight!important
      >table
        position: relative
        width: 160px!important
        height: $blankHeight!important
        display: inline-block
        tr.mceLast td
          border: none
      *:focus
        outline: none
      .mceToolbar
        height: 10px
        border: none
        background: none
        position: relative
        right: -50px
        .mceButton, td > div, td > span
          display: none
        .mce_instructure_drawing
          position: relative
          display: block!important
          opacity: 0
      &:hover
        .mce_instructure_drawing
          opacity: 1
          
      .mceStatusbar
        display: none
  .connecting_lead_question
    position: relative
    .answers
      position: relative
      z-index: 1
      .connecting_lead
        padding: 3px
        border: 1px solid rgba( 0, 0, 0, 0)
        cursor: pointer
        float: left
        input
          display: none
    svg
      position: absolute!important
      z-index: 0
      h5
        margin: 0
      button
        margin: 0 3px 0 0
        padding: 0
        
.connecting_lead_question
  .word_right, .connecting_lead_right, .answer_match_right
    :display none
.connecting_lead_question.threeLines
  .word_right, .connecting_lead_right, .answer_match_right
    :display block
    
#toolTip
  position: absolute
  left: 0
  top: 0
  z-index: 10
  font-size: 10px
  border: 1px #ccc solid
  background: #fff
  border-radius: 4px
  padding: 3px
  margin: -70px 0 0 -40px

#submit_quiz_form, .question_form
  .button-container
    text-align: right

#sort_questions
  :max-height 250px
  :overflow auto
  :margin 0px 0px 20px
  :padding-left 30px
  :line-height 1.5em
  li
    :cursor pointer
#questions.assessment_results
  clear: both
  .question
    .header
      :background-color $questionHeaderBackground
    .answers
      .answer
        clear: both
        margin: 0 0 8px 0
        position: relative
        +opacity(0.5)
        &.correct_answer
          :background none
          +opacity(1)
        &.selected_answer
          +opacity(1)
        &.wrong_answer
          +border-radius(6px)
          border: 2px solid red
          padding-bottom: 8px
          +opacity(1)

          .ui-selectmenu-status
            :color red

        &.full-opacity
          +opacity(1)
        &.hide_right_arrow,&.selected_answer.hide_right_arrow
          :background-image none

    &.hover
      .answers
        .answer.hide_right_arrow,.answer.selected_answer.hide_right_arrow
          :background-image none
    &.hover
      .answers
        .answer.selected_answer.correct_answer
          :background-image none
        .answer.correct_answer
          :background-image none
        .answer.hide_right_arrow,.answer.selected_answer.hide_right_arrow
          :background-image none
    &.correct
      :border-color inherit
    &.incorrect
      :border-color inherit
  &.suppress_correct_answers, &.survey_results
    .question .answers .answer.wrong_answer
      border: none
      border-top: 1px solid #DDD
      +border-radius(0)
      padding-bottom: 0
      +opacity(1)
      .ui-selectmenu-status
        color: inherit
  &.survey_results
    .question_points_holder
      display: none

#questions.assessing,#questions.assessment_results
  .question_holder
    .question
      &.related
        :border-width 2px
      .move
        :display none

#questions.assessing
  background: $backgroundColor
  padding: 16px
  min-height: 225px
  .answer
    :padding 5px 5px
    :margin 0

    &:last-child
      :border-bottom 0

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

#questions
  .sketch_app.comment
    position: absolute
    left: 0
    top: 0
    .ink,.big_brush,.clear_all
      display: none
    .color_setting
      height: 30px
      width: 100%
  .add_question_group_link
    :display none
  .group_placeholder
    :border-right 1px solid #aaa
    :border-left 1px solid #aaa
  .group_top
    border: 1px solid #aaa
    padding: 5px 10px
    overflow: hidden
    background-color: #eee
    &.question_bank_top
      .local_group_links
        display: none
    &.ui-sortable-placeholder
      :border-bottom-width 1px
      :border-style dashed
      :-moz-border-radius 5px
      :border-color #444
      :margin-bottom 20px
    .group_edit
      :display none
    .links
      +opacity(0.5)
    .move
      :width 20px
      :height 20px
      .move_icon
        :display none
    .group_display.hidden
      :display none
    &.hover
      .move .move_icon
        :display inline
        :cursor move
      .links 
        +opacity(1.0)
    &.editing
      .links
        +opacity(1.0)
      .group_edit
        :display inline
      div.group_edit
        :display block
      .group_display
        :display none
      .move
        :display none
    &.dragging
      :border-bottom-width 1px
      :padding-bottom 5px
      :-moz-border-radius 5px
  .group_bottom
    :border 1px solid #aaa
    :border-top-width 0
    :margin-bottom 30px
    :-moz-border-radius-bottomright 5px
    :-moz-border-radius-bottomleft 5px
  .question_holder.ui-sortable-placeholder
    .question_placeholder
      :display block
      :border 1px dashed #444
      :-moz-border-radius 5px
  .assessment_question_bank, .question_holder.group
    :border-left 1px solid #aaa
    :border-right 1px solid #aaa
    :border-top 0
    :padding-left 20px
    :padding-right 20px
    :padding-top 1.0em
    :-moz-border-radius 0
  .question_holder.group
    :padding-bottom 10px
    .question
      :margin-bottom 0
      .question_points_holder
        :display none

.question_bank
  border-bottom: 1px solid #b6babf
  border-top: 1px solid #fff
  overflow: hidden

  &:first-child
    border-top: none

  &:last-child
    border-bottom: none
  .move
    display: none
    // Don't display the "move"  icon since the the new order change isn't persisted for a bank. #10148

.question_holder 
  :position relative
  > .question
    .question_comment.empty
      :display none
    .answer_comment_holder.empty
      :display none
    .answer_comment,.question_comment_text
      white-space: pre-wrap
  .connecting_lead_question.question
    .btn-group
      display: block!important


.incorrect
  .question_text
    display: none

.question.paint_question
  .answers
    .quiz_response_text
      position: relative
      .paint_question
        padding: 1.5em 0
      img
        border: none!important
        padding: 0!important
      img.paint-image
        position: absolute
        z-index: 9
        left:  0
        top:  23px

.question.connecting_lead_question
  .answers
    opacity: 0
    .answer
      margin: 0!important
      padding: 0!important
      .answer_match
        padding: 0
    .answers_wrapper, .answers_wrapper_correct
      > :first-child
        position: absolute!important


.question
  :border 1px solid $borderColor
  :background-color #fff
  :position relative
  :min-height 50px
  :min-width 415px
  :width 80%
  :margin 0.7em auto 30px auto
  :_height 10px

  &.modified_but_not_saved
    border-width: 3px
  .move
    background: none !important
    float: left<commit_msg>fixes #793<commit_after>@import environment.sass

$backgroundColor: #dfe9f0
$borderColor: #AAA
$questionHeaderBackground: #F5F5F5
$blankHeight: 50px

#quiz_show
  .alert
    padding-right: 14px
    .actionsmceEditor
      text-align: right
      line-height: 36px
    .publish_quiz_button
      width: 90px
    #preview_quiz_button
      font-weight: normal
      color: #333333
    .unpublished_quiz_warning
      display: block


  .admin-links
    text-align: left
    margin-left: 10px
    .al-options
      min-width: 125px

  .description.teacher-version
    padding: 15px
    overflow-y: auto
    height: 200px
    border: 1px solid #AAA
    resize: vertical

  .lock_explanation
    text-align: left
    margin-top: 20px

  .take_quiz_button
    text-align: center
    margin-top: 20px
    font-size: 1.3em

  #quiz_details
    display: none
    clear: both

    td
      vertical-align: top

  .control-group
    margin-bottom: 0px

    .control-label
      font-weight: bold
      width: 33.3%

    .controls 
      margin-left: 35%
      .value
        display: block
        padding-top: 5px

  .assignment_dates
    border-collapse: collapse
    width: 100%
    margin-bottom: 1em

    tr
      th
        font-weight: bold
        padding: 0.25em 0.5em

      td
        border-top: 1px solid #BBB
        border-bottom: 1px solid #BBB
        padding: 0.25em 0.5em

  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

    li
      display: inline-block

      .label
        font-weight: bold
        margin-right: 2px

      .value
        padding-right: 2.5em


#wrapper-container
  overflow: visible

div#content
  overflow: visible
  padding: 0

#right-side-wrapper
  position: absolute

.quiz-header
  border-bottom: 1px solid #a4a4a4
  overflow: hidden
  padding: 16px

.quiz-submission, .question_editing
  background: $backgroundColor
  border: 1px solid #fff
  padding: 16px
.quiz-submission
  .fill_in_blanks_subjective_question
    .answers
      display: none
    .question_text
      div.blank
        display: inline-block
        padding: 5px 10px
        border-bottom: 1px solid #000!important
        position: relative
        p
          margin: 0
        img
          border: none!important
  .question-not-graded-text
    display: none

.question_editing.brief
  min-height: 80px

.add_question
  border: none

#submit_quiz_form
  .question_holder
    +pie-clearfix
  .button-container .btn, #submit_quiz_button
    min-width: 120px
  .button-container
    padding-right: 10%
    padding-left: 10%
    .next-question
      float: right
    .next-question:after, .previous-question:before
      position: absolute
      font-size: 10px
    .btn-secondary.next-question:after, .btn-secondary.previous-question:before
      color: #666
    .btn-primary.next-question:after, .btn-primary.previous-question:before
      color: #fff
    .next-question:after
      content: '▶'
      right: 5px
    .previous-question:before
      content: '◀'
      left: 5px
  .text
    :position relative
  .paintQuestion
    .container
      :border none
      :position absolute
      :top 120px
      :left 20px
      :z-index 9
  .paint_question
    .answers
      display: none
    .question_text
      margin-top: 115px
      background: #fff
  .question_text
    display: block
  .fill_in_blanks_subjective_question
    .mceEditor
      outline: none
      .mceIframeContainer
        border-top: none
        border-bottom: 1px solid #666
        iframe
          height: $blankHeight!important
      >table
        position: relative
        width: 160px!important
        height: $blankHeight!important
        display: inline-block
        tr.mceLast td
          border: none
      *:focus
        outline: none
      .mceToolbar
        height: 10px
        border: none
        background: none
        position: relative
        right: -50px
        .mceButton, td > div, td > span
          display: none
        .mce_instructure_drawing
          position: relative
          display: block!important
          opacity: 0
      &:hover
        .mce_instructure_drawing
          opacity: 1
          
      .mceStatusbar
        display: none
  .connecting_lead_question
    position: relative
    .answers
      position: relative
      z-index: 1
      .connecting_lead
        padding: 3px
        border: 1px solid rgba( 0, 0, 0, 0)
        cursor: pointer
        float: left
        input
          display: none
    svg
      position: absolute!important
      z-index: 0
      h5
        margin: 0
      button
        margin: 0 3px 0 0
        padding: 0
        
.connecting_lead_question
  .word_right, .connecting_lead_right, .answer_match_right
    :display none
.connecting_lead_question.threeLines
  .word_right, .connecting_lead_right, .answer_match_right
    :display block
    
#toolTip
  position: absolute
  left: 0
  top: 0
  z-index: 10
  font-size: 10px
  border: 1px #ccc solid
  background: #fff
  border-radius: 4px
  padding: 3px
  margin: -70px 0 0 -40px

#submit_quiz_form, .question_form
  .button-container
    text-align: right

#sort_questions
  :max-height 250px
  :overflow auto
  :margin 0px 0px 20px
  :padding-left 30px
  :line-height 1.5em
  li
    :cursor pointer
#questions.assessment_results
  clear: both
  .question
    .header
      :background-color $questionHeaderBackground
    .answers
      .answer
        clear: both
        margin: 0 0 8px 0
        position: relative
        +opacity(0.5)
        &.correct_answer
          :background none
          +opacity(1)
        &.selected_answer
          +opacity(1)
        &.wrong_answer
          +border-radius(6px)
          border: 2px solid red
          padding-bottom: 8px
          +opacity(1)

          .ui-selectmenu-status
            :color red

        &.full-opacity
          +opacity(1)
        &.hide_right_arrow,&.selected_answer.hide_right_arrow
          :background-image none

    &.hover
      .answers
        .answer.hide_right_arrow,.answer.selected_answer.hide_right_arrow
          :background-image none
    &.hover
      .answers
        .answer.selected_answer.correct_answer
          :background-image none
        .answer.correct_answer
          :background-image none
        .answer.hide_right_arrow,.answer.selected_answer.hide_right_arrow
          :background-image none
    &.correct
      :border-color inherit
    &.incorrect
      :border-color inherit
  &.suppress_correct_answers, &.survey_results
    .question .answers .answer.wrong_answer
      border: none
      border-top: 1px solid #DDD
      +border-radius(0)
      padding-bottom: 0
      +opacity(1)
      .ui-selectmenu-status
        color: inherit
  &.survey_results
    .question_points_holder
      display: none

#questions.assessing,#questions.assessment_results
  .question_holder
    .question
      &.related
        :border-width 2px
      .move
        :display none

#questions.assessing
  background: $backgroundColor
  padding: 16px
  min-height: 225px
  .answer
    :padding 5px 5px
    :margin 0

    &:last-child
      :border-bottom 0

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

#questions
  .sketch_app.comment
    position: absolute
    left: 0
    top: 0
    .ink,.big_brush,.clear_all
      display: none
    .color_setting
      height: 30px
      width: 100%
  .add_question_group_link
    :display none
  .group_placeholder
    :border-right 1px solid #aaa
    :border-left 1px solid #aaa
  .group_top
    border: 1px solid #aaa
    padding: 5px 10px
    overflow: hidden
    background-color: #eee
    &.question_bank_top
      .local_group_links
        display: none
    &.ui-sortable-placeholder
      :border-bottom-width 1px
      :border-style dashed
      :-moz-border-radius 5px
      :border-color #444
      :margin-bottom 20px
    .group_edit
      :display none
    .links
      +opacity(0.5)
    .move
      :width 20px
      :height 20px
      .move_icon
        :display none
    .group_display.hidden
      :display none
    &.hover
      .move .move_icon
        :display inline
        :cursor move
      .links 
        +opacity(1.0)
    &.editing
      .links
        +opacity(1.0)
      .group_edit
        :display inline
      div.group_edit
        :display block
      .group_display
        :display none
      .move
        :display none
    &.dragging
      :border-bottom-width 1px
      :padding-bottom 5px
      :-moz-border-radius 5px
  .group_bottom
    :border 1px solid #aaa
    :border-top-width 0
    :margin-bottom 30px
    :-moz-border-radius-bottomright 5px
    :-moz-border-radius-bottomleft 5px
  .question_holder.ui-sortable-placeholder
    .question_placeholder
      :display block
      :border 1px dashed #444
      :-moz-border-radius 5px
  .assessment_question_bank, .question_holder.group
    :border-left 1px solid #aaa
    :border-right 1px solid #aaa
    :border-top 0
    :padding-left 20px
    :padding-right 20px
    :padding-top 1.0em
    :-moz-border-radius 0
  .question_holder.group
    :padding-bottom 10px
    .question
      :margin-bottom 0
      .question_points_holder
        :display none

.question_bank
  border-bottom: 1px solid #b6babf
  border-top: 1px solid #fff
  overflow: hidden

  &:first-child
    border-top: none

  &:last-child
    border-bottom: none
  .move
    display: none
    // Don't display the "move"  icon since the the new order change isn't persisted for a bank. #10148

.question_holder 
  :position relative
  > .question
    .question_comment.empty
      :display none
    .answer_comment_holder.empty
      :display none
    .answer_comment,.question_comment_text
      white-space: pre-wrap
  .connecting_lead_question.question
    .btn-group
      display: block!important


.incorrect
  .question_text
    display: none

.question.paint_question
  .answers
    .quiz_response_text
      position: relative
      .paint_question
        padding: 1.5em 0
      img
        border: none!important
        padding: 0!important
      img.paint-image
        position: absolute
        z-index: 9
        left:  0
        top:  23px

.question.connecting_lead_question
  .answers
    opacity: 0
    .answer
      margin: 0!important
      padding: 0!important
      .answer_match
        padding: 0
    .answers_wrapper, .answers_wrapper_correct
      > :first-child
        position: absolute!important
  .matching_answer_incorrect_matches_holder
    display: none!important


.question
  :border 1px solid $borderColor
  :background-color #fff
  :position relative
  :min-height 50px
  :min-width 415px
  :width 80%
  :margin 0.7em auto 30px auto
  :_height 10px

  &.modified_but_not_saved
    border-width: 3px
  .move
    background: none !important
    float: left
{'fraction_non_alphanumeric': 0.07879739735247925, 'fraction_numerical': 0.026699573704285395, 'mean_word_length': 2.089270862212365, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 13, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2857038', 'n_tokens_mistral': 7682, 'n_tokens_neox': 7012, 'n_words': 1717}