@import url("//fonts.googleapis.com/css?family=Convergence");
@import url("//fonts.googleapis.com/css?family=Convergence");
/** 5.0.9.P4 **/
/** 5.0.9.P4 **/
/* Draggable
oooooooooooooooooooooooooooooooooooooooooooooooooo */
/** 5.0.9.P4 **/
/** 5.0.9.P4 **/
/** 5.0.9.P4 **/
/** 5.0.9.P4 **/
/** 5.0.9.P4 **/
/** 5.0.9.P4 **/
/** 5.0.9.P4 **/
/** 5.0.9.P4 **/
/** 5.0.9.P4 **/
/** 5.0.9.P4 **/
/** 5.0.9.P4 **/
/* Default
oooooooooooooooooooooooooooooooooooooooooooooooooo */
/* line 15, dd_fill_in_blank.scss */
.dragDropFillInBlank {
  /** we dont want to see these **/ }
  /* line 17, dd_fill_in_blank.scss */
  .dragDropFillInBlank .answer_feedback, .dragDropFillInBlank .position_feedback {
    display: none; }
  /* line 24, dd_fill_in_blank.scss */
  .dragDropFillInBlank .content_block .fill_in_cell .content_frame .answerBlock {
    display: inline-block; }
    /* line 29, dd_fill_in_blank.scss */
    .dragDropFillInBlank .content_block .fill_in_cell .content_frame .answerBlock .feedback_icon {
      background-image: url("..//global/images/course_connect_icons_new.png");
      background-image: url("..//global/images/course_connect_icons_new.svg");
      background-position: -999px -999px;
      background-size: 400px 480px;
      background-repeat: no-repeat;
      width: 40px;
      height: 40px;
      background-position: -240px -400px;
      position: relative;
      display: none;
      margin-bottom: -14px; }
      /* line 42, ../global/images/_new_icons.scss */
      .dragDropFillInBlank .content_block .fill_in_cell .content_frame .answerBlock .feedback_icon:hover {
        background-image: url("..//global/images/course_connect_icons_new.png");
        background-image: url("..//global/images/course_connect_icons_new.svg");
        background-position: -999px -999px;
        background-size: 400px 480px;
        background-repeat: no-repeat;
        width: 40px;
        height: 40px;
        background-position: -240px -440px; }
      /* line 3, ../info_popover/_info_popover_config.scss */
      .dragDropFillInBlank .content_block .fill_in_cell .content_frame .answerBlock .feedback_icon .popover .popover_content {
        background-color: white;
        border: 1px solid #a4a4a4;
        width: auto; display: inline-block}
      /* line 7, ../info_popover/_info_popover_config.scss */
      .dragDropFillInBlank .content_block .fill_in_cell .content_frame .answerBlock .feedback_icon .popover .pointer {
        fill: white;
        stroke: #a4a4a4; }
      /* line 39, dd_fill_in_blank.scss */
      .dragDropFillInBlank .content_block .fill_in_cell .content_frame .answerBlock .feedback_icon .popover .close {
        display: block; }
      /* line 42, dd_fill_in_blank.scss */
      .dragDropFillInBlank .content_block .fill_in_cell .content_frame .answerBlock .feedback_icon .popover .popover_content {
        padding: 8px; }
      /* line 46, dd_fill_in_blank.scss */
      .dragDropFillInBlank .content_block .fill_in_cell .content_frame .answerBlock .feedback_icon .popover.top_left, .dragDropFillInBlank .content_block .fill_in_cell .content_frame .answerBlock .feedback_icon .popover.top_right {
        margin-bottom: 0px; }
      /* line 49, dd_fill_in_blank.scss */
      .dragDropFillInBlank .content_block .fill_in_cell .content_frame .answerBlock .feedback_icon .popover.bottom_left, .dragDropFillInBlank .content_block .fill_in_cell .content_frame .answerBlock .feedback_icon .popover.bottom_right {
        margin-top: 0px; }
    /* line 55, dd_fill_in_blank.scss */
    .dragDropFillInBlank .content_block .fill_in_cell .content_frame .answerBlock.correct .popover {
      color: #4c6b03; }
      /* line 3, ../info_popover/_info_popover_config.scss */
      .dragDropFillInBlank .content_block .fill_in_cell .content_frame .answerBlock.correct .popover .popover_content {
        background-color: #afbc8e;
        border: 1px solid #4c6b03; }
      /* line 7, ../info_popover/_info_popover_config.scss */
      .dragDropFillInBlank .content_block .fill_in_cell .content_frame .answerBlock.correct .popover .pointer {
        fill: #afbc8e;
        stroke: #4c6b03; }
      /* line 58, dd_fill_in_blank.scss */
      .dragDropFillInBlank .content_block .fill_in_cell .content_frame .answerBlock.correct .popover .popover_content {
        background: url("..//global/images/gradients/correct_bottom.gif") repeat-x bottom left, url("..//global/images/gradients/correct_top.gif") repeat-x top left;
        background-size: 1px 5px, 1px 5px;
        background-color: white; }
    /* line 65, dd_fill_in_blank.scss */
    .dragDropFillInBlank .content_block .fill_in_cell .content_frame .answerBlock.incorrect .popover {
      color: #7f160f; }
      /* line 3, ../info_popover/_info_popover_config.scss */
      .dragDropFillInBlank .content_block .fill_in_cell .content_frame .answerBlock.incorrect .popover .popover_content {
        background-color: #dbaeab;
        border: 1px solid #7f160f; }
      /* line 7, ../info_popover/_info_popover_config.scss */
      .dragDropFillInBlank .content_block .fill_in_cell .content_frame .answerBlock.incorrect .popover .pointer {
        fill: #dbaeab;
        stroke: #7f160f; }
      /* line 68, dd_fill_in_blank.scss */
      .dragDropFillInBlank .content_block .fill_in_cell .content_frame .answerBlock.incorrect .popover .popover_content {
        background: url("..//global/images/gradients/incorrect_bottom.gif") repeat-x bottom left, url("..//global/images/gradients/incorrect_top.gif") repeat-x top left;
        background-size: 1px 5px, 1px 5px;
        background-color: white; }

/* line 86, dd_fill_in_blank.scss */
.dragDropFillInBlank.graded .content_block .fill_in_cell .content_frame .paragraph .answerBlock .feedback_icon {
  display: inline-block; }

/* line 97, dd_fill_in_blank.scss */
.dragDropFillInBlank, .dd_fib_modal_contents {
  display: inline-block; }
  /* line 4, ../global/css/_class_driven_controls.scss */
  .dragDropFillInBlank .controls, .dd_fib_modal_contents .controls {
    padding: 1em;
    display: block;
    padding-top: .75em;
    padding-right: 0em;
    text-align: right; }
    /* line 7, ../global/css/_class_driven_controls.scss */
    .dragDropFillInBlank .controls .grade, .dd_fib_modal_contents .controls .grade {
      float: right;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
      border: 1px solid transparent;
      color: #4b4b4b;
      padding: .5em;
      cursor: pointer;
      cursor: not-allowed;
      background-color: #ccc; }
    /* line 11, ../global/css/_class_driven_controls.scss */
    .dragDropFillInBlank .controls .reset, .dd_fib_modal_contents .controls .reset {
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
      border: 1px solid transparent;
      color: #4b4b4b;
      padding: .5em;
      cursor: pointer;
      cursor: not-allowed;
      background-color: #ccc;
      display: none;
      float: right; }
    /* line 16, ../global/css/_class_driven_controls.scss */
    .dragDropFillInBlank .controls .showCorrect, .dragDropFillInBlank .controls .showUsr, .dd_fib_modal_contents .controls .showCorrect, .dd_fib_modal_contents .controls .showUsr {
      display: none;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
      border: 1px solid transparent;
      color: white;
      padding: .5em;
      cursor: pointer;
      color: #0a4e81;
      border-color: transparent;
      background-color: transparent; }
      /* line 272, ../global/css/_fonts.scss */
      .dragDropFillInBlank .controls .showCorrect:hover, .dragDropFillInBlank .controls .showUsr:hover, .dd_fib_modal_contents .controls .showCorrect:hover, .dd_fib_modal_contents .controls .showUsr:hover {
        text-decoration: underline; }
  /* line 23, ../global/css/_class_driven_controls.scss */
  .dragDropFillInBlank.complete .controls .reset, .dragDropFillInBlank.complete .controls .grade, .dd_fib_modal_contents.complete .controls .reset, .dd_fib_modal_contents.complete .controls .grade {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid transparent;
    color: white;
    padding: .5em;
    cursor: pointer;
    cursor: pointer;
    background-color: #0a4e81; }
    /* line 21, ../global/css/_buttons.scss */
    .dragDropFillInBlank.complete .controls .reset:hover, .dragDropFillInBlank.complete .controls .grade:hover, .dd_fib_modal_contents.complete .controls .reset:hover, .dd_fib_modal_contents.complete .controls .grade:hover {
      background-color: #0d6cb3; }
  /* line 28, ../global/css/_class_driven_controls.scss */
  .dragDropFillInBlank.complete.graded .controls, .dd_fib_modal_contents.complete.graded .controls {
    opacity: 1.0; }
    /* line 30, ../global/css/_class_driven_controls.scss */
    .dragDropFillInBlank.complete.graded .controls .showCorrect, .dragDropFillInBlank.complete.graded .controls .showUsr, .dd_fib_modal_contents.complete.graded .controls .showCorrect, .dd_fib_modal_contents.complete.graded .controls .showUsr {
      display: inline-block; }
    /* line 33, ../global/css/_class_driven_controls.scss */
    .dragDropFillInBlank.complete.graded .controls .showCorrect, .dd_fib_modal_contents.complete.graded .controls .showCorrect {
      display: inline-block; }
    /* line 36, ../global/css/_class_driven_controls.scss */
    .dragDropFillInBlank.complete.graded .controls .showUsr, .dd_fib_modal_contents.complete.graded .controls .showUsr {
      display: none; }
    /* line 39, ../global/css/_class_driven_controls.scss */
    .dragDropFillInBlank.complete.graded .controls .grade, .dd_fib_modal_contents.complete.graded .controls .grade {
      display: none; }
    /* line 42, ../global/css/_class_driven_controls.scss */
    .dragDropFillInBlank.complete.graded .controls .reset, .dd_fib_modal_contents.complete.graded .controls .reset {
      display: inline-block; }
  /* line 48, ../global/css/_class_driven_controls.scss */
  .dragDropFillInBlank.complete.graded.correctShown .controls .showCorrect, .dd_fib_modal_contents.complete.graded.correctShown .controls .showCorrect {
    display: none; }
  /* line 51, ../global/css/_class_driven_controls.scss */
  .dragDropFillInBlank.complete.graded.correctShown .controls .showUsr, .dd_fib_modal_contents.complete.graded.correctShown .controls .showUsr {
    display: inline-block; }
  /* line 100, dd_fill_in_blank.scss */
  .dragDropFillInBlank > .content_block, .dd_fib_modal_contents > .content_block {
    display: table-row;
    width: 100%; }
    /* line 103, dd_fill_in_blank.scss */
    .dragDropFillInBlank > .content_block > *, .dd_fib_modal_contents > .content_block > * {
      display: table-cell; }
  /* line 108, dd_fill_in_blank.scss */
  .dragDropFillInBlank .answer, .dragDropFillInBlank .answer_option, .dd_fib_modal_contents .answer, .dd_fib_modal_contents .answer_option {
    /* Default
    -------------------------------------------------- */
    position: relative;
    padding-right: 0px;
    display: block;
    cursor: move;
    border: thin #a4a4a4 solid;
    background: url("..//global/images/gradients/neutral_bottom.gif") repeat-x bottom left, url("..//global/images/gradients/neutral_top.gif") repeat-x top left;
    background-size: 1px 5px, 1px 5px;
    border: 1px solid #a4a4a4;
    background-color: white;
    /* 768px and Less
    -------------------------------------------------- */
    display: inline-block;
    vertical-align: top;
    white-space: nowrap; }
    /* line 82, _draggable.scss */
    .dragDropFillInBlank .answer::before, .dragDropFillInBlank .answer_option::before, .dd_fib_modal_contents .answer::before, .dd_fib_modal_contents .answer_option::before {
      width: 24px;
      height: 100%;
      display: inline-block;
      content: '';
      line-height: 0px;
      float: left;
      background: url("..//global/images/gradients/neutral_status_bottom.gif") repeat-x bottom left, url("..//global/images/gradients/neutral_status_top.gif") repeat-x top left;
      background-size: 1px 5px, 1px 5px;
      background-color: #dddddd; }
    /* line 93, _draggable.scss */
    .dragDropFillInBlank .answer::after, .dragDropFillInBlank .answer_option::after, .dd_fib_modal_contents .answer::after, .dd_fib_modal_contents .answer_option::after {
      line-height: 0px;
      display: inline-block;
      position: absolute;
      margin-top: -8px;
      margin-left: -8px;
      top: 50%;
      left: 12px;
      content: ""; }
    /* line 106, _draggable.scss */
    .dragDropFillInBlank .answer .content, .dragDropFillInBlank .answer_option .content, .dd_fib_modal_contents .answer .content, .dd_fib_modal_contents .answer_option .content {
      border: none;
      padding: 1em;
      padding-left: 34px;
      line-height: 1.25em; }
      /* line 111, _draggable.scss */
      .dragDropFillInBlank .answer .content > .text, .dragDropFillInBlank .answer_option .content > .text, .dd_fib_modal_contents .answer .content > .text, .dd_fib_modal_contents .answer_option .content > .text {
        text-align: left; }
    /* line 118, _draggable.scss */
    .dragDropFillInBlank .answer::after, .dragDropFillInBlank .answer_option::after, .dd_fib_modal_contents .answer::after, .dd_fib_modal_contents .answer_option::after {
      background-image: url("..//global/images/course_connect_icons_new.png");
      background-image: url("..//global/images/course_connect_icons_new.svg");
      background-position: -999px -999px;
      background-size: 160px 192px;
      background-repeat: no-repeat;
      width: 16px;
      height: 16px;
      background-position: -32px -160px; }
      /* line 42, ../global/images/_new_icons.scss */
      .dragDropFillInBlank .answer::after:hover, .dragDropFillInBlank .answer_option::after:hover, .dd_fib_modal_contents .answer::after:hover, .dd_fib_modal_contents .answer_option::after:hover {
        background-image: url("..//global/images/course_connect_icons_new.png");
        background-image: url("..//global/images/course_connect_icons_new.svg");
        background-position: -999px -999px;
        background-size: 160px 192px;
        background-repeat: no-repeat;
        width: 16px;
        height: 16px;
        background-position: -32px -176px; }
    /* line 122, _draggable.scss */
    .dragDropFillInBlank .answer.verticalOnly::after, .dragDropFillInBlank .answer_option.verticalOnly::after, .dd_fib_modal_contents .answer.verticalOnly::after, .dd_fib_modal_contents .answer_option.verticalOnly::after {
      background-image: url("..//global/images/course_connect_icons_new.png");
      background-image: url("..//global/images/course_connect_icons_new.svg");
      background-position: -999px -999px;
      background-size: 160px 192px;
      background-repeat: no-repeat;
      width: 16px;
      height: 16px;
      background-position: -80px -160px; }
      /* line 42, ../global/images/_new_icons.scss */
      .dragDropFillInBlank .answer.verticalOnly::after:hover, .dragDropFillInBlank .answer_option.verticalOnly::after:hover, .dd_fib_modal_contents .answer.verticalOnly::after:hover, .dd_fib_modal_contents .answer_option.verticalOnly::after:hover {
        background-image: url("..//global/images/course_connect_icons_new.png");
        background-image: url("..//global/images/course_connect_icons_new.svg");
        background-position: -999px -999px;
        background-size: 160px 192px;
        background-repeat: no-repeat;
        width: 16px;
        height: 16px;
        background-position: -80px -176px; }
    /* line 127, _draggable.scss */
    .dragDropFillInBlank .answer.correct, .dragDropFillInBlank .answer_option.correct, .dd_fib_modal_contents .answer.correct, .dd_fib_modal_contents .answer_option.correct {
      cursor: default;
      background: url("..//global/images/gradients/correct_bottom.gif") repeat-x bottom left, url("..//global/images/gradients/correct_top.gif") repeat-x top left;
      background-size: 1px 5px, 1px 5px;
      border: 1px solid #4c6b03;
      background-color: white; }
      /* line 131, _draggable.scss */
      .dragDropFillInBlank .answer.correct .content, .dragDropFillInBlank .answer_option.correct .content, .dd_fib_modal_contents .answer.correct .content, .dd_fib_modal_contents .answer_option.correct .content {
        padding-left: 34px; }
      /* line 134, _draggable.scss */
      .dragDropFillInBlank .answer.correct::before, .dragDropFillInBlank .answer_option.correct::before, .dd_fib_modal_contents .answer.correct::before, .dd_fib_modal_contents .answer_option.correct::before {
        background: url("..//global/images/gradients/correct_status_bottom.gif") repeat-x bottom left, url("..//global/images/gradients/correct_status_top.gif") repeat-x top left;
        background-size: 1px 5px, 1px 5px;
        background-color: #dae3c0;
        display: block; }
      /* line 139, _draggable.scss */
      .dragDropFillInBlank .answer.correct::after, .dragDropFillInBlank .answer_option.correct::after, .dd_fib_modal_contents .answer.correct::after, .dd_fib_modal_contents .answer_option.correct::after {
        background-image: url("..//global/images/course_connect_icons_new.png");
        background-image: url("..//global/images/course_connect_icons_new.svg");
        background-position: -999px -999px;
        background-size: 160px 192px;
        background-repeat: no-repeat;
        width: 16px;
        height: 16px;
        background-position: 0px -160px;
        display: block; }
        /* line 42, ../global/images/_new_icons.scss */
        .dragDropFillInBlank .answer.correct::after:hover, .dragDropFillInBlank .answer_option.correct::after:hover, .dd_fib_modal_contents .answer.correct::after:hover, .dd_fib_modal_contents .answer_option.correct::after:hover {
          background-image: url("..//global/images/course_connect_icons_new.png");
          background-image: url("..//global/images/course_connect_icons_new.svg");
          background-position: -999px -999px;
          background-size: 160px 192px;
          background-repeat: no-repeat;
          width: 16px;
          height: 16px;
          background-position: 0px -176px; }
    /* line 146, _draggable.scss */
    .dragDropFillInBlank .answer.incorrect, .dragDropFillInBlank .answer_option.incorrect, .dd_fib_modal_contents .answer.incorrect, .dd_fib_modal_contents .answer_option.incorrect {
      cursor: default;
      background: url("..//global/images/gradients/incorrect_bottom.gif") repeat-x bottom left, url("..//global/images/gradients/incorrect_top.gif") repeat-x top left;
      background-size: 1px 5px, 1px 5px;
      border: 1px solid #7f160f;
      background-color: white; }
      /* line 150, _draggable.scss */
      .dragDropFillInBlank .answer.incorrect .content, .dragDropFillInBlank .answer_option.incorrect .content, .dd_fib_modal_contents .answer.incorrect .content, .dd_fib_modal_contents .answer_option.incorrect .content {
        padding-left: 34px; }
      /* line 153, _draggable.scss */
      .dragDropFillInBlank .answer.incorrect::before, .dragDropFillInBlank .answer_option.incorrect::before, .dd_fib_modal_contents .answer.incorrect::before, .dd_fib_modal_contents .answer_option.incorrect::before {
        background: url("..//global/images/gradients/incorrect_status_bottom.gif") repeat-x bottom left, url("..//global/images/gradients/incorrect_status_top.gif") repeat-x top left;
        background-size: 1px 5px, 1px 5px;
        background-color: #dec3c1;
        display: block; }
      /* line 159, _draggable.scss */
      .dragDropFillInBlank .answer.incorrect::after, .dragDropFillInBlank .answer_option.incorrect::after, .dd_fib_modal_contents .answer.incorrect::after, .dd_fib_modal_contents .answer_option.incorrect::after {
        background-image: url("..//global/images/course_connect_icons_new.png");
        background-image: url("..//global/images/course_connect_icons_new.svg");
        background-position: -999px -999px;
        background-size: 160px 192px;
        background-repeat: no-repeat;
        width: 16px;
        height: 16px;
        background-position: -16px -160px;
        display: block; }
        /* line 42, ../global/images/_new_icons.scss */
        .dragDropFillInBlank .answer.incorrect::after:hover, .dragDropFillInBlank .answer_option.incorrect::after:hover, .dd_fib_modal_contents .answer.incorrect::after:hover, .dd_fib_modal_contents .answer_option.incorrect::after:hover {
          background-image: url("..//global/images/course_connect_icons_new.png");
          background-image: url("..//global/images/course_connect_icons_new.svg");
          background-position: -999px -999px;
          background-size: 160px 192px;
          background-repeat: no-repeat;
          width: 16px;
          height: 16px;
          background-position: -16px -176px; }
    /* line 168, _draggable.scss */
    .dragDropFillInBlank .answer.ui-draggable-orig .content, .dragDropFillInBlank .answer_option.ui-draggable-orig .content, .dd_fib_modal_contents .answer.ui-draggable-orig .content, .dd_fib_modal_contents .answer_option.ui-draggable-orig .content {
      opacity: 0.3; }
    /* line 174, _draggable.scss */
    .dragDropFillInBlank .answer.ui-draggable-dragging, .dragDropFillInBlank .answer.ui-sortable-helper, .dragDropFillInBlank .answer.touch-selected, .dragDropFillInBlank .answer.draggable_dragging, .dragDropFillInBlank .answer_option.ui-draggable-dragging, .dragDropFillInBlank .answer_option.ui-sortable-helper, .dragDropFillInBlank .answer_option.touch-selected, .dragDropFillInBlank .answer_option.draggable_dragging, .dd_fib_modal_contents .answer.ui-draggable-dragging, .dd_fib_modal_contents .answer.ui-sortable-helper, .dd_fib_modal_contents .answer.touch-selected, .dd_fib_modal_contents .answer.draggable_dragging, .dd_fib_modal_contents .answer_option.ui-draggable-dragging, .dd_fib_modal_contents .answer_option.ui-sortable-helper, .dd_fib_modal_contents .answer_option.touch-selected, .dd_fib_modal_contents .answer_option.draggable_dragging {
      z-index: 3;
      background: url("..//global/images/gradients/active_bottom.gif") repeat-x bottom left, url("..//global/images/gradients/active_top.gif") repeat-x top left;
      background-size: 1px 5px, 1px 5px;
      border: 1px solid #0a4e81;
      background-color: white;
      color: #0a4e81;
      opacity: 0.90; }
      /* line 203, _draggable.scss */
      .dragDropFillInBlank .answer.ui-draggable-dragging::before, .dragDropFillInBlank .answer.ui-sortable-helper::before, .dragDropFillInBlank .answer.touch-selected::before, .dragDropFillInBlank .answer.draggable_dragging::before, .dragDropFillInBlank .answer_option.ui-draggable-dragging::before, .dragDropFillInBlank .answer_option.ui-sortable-helper::before, .dragDropFillInBlank .answer_option.touch-selected::before, .dragDropFillInBlank .answer_option.draggable_dragging::before, .dd_fib_modal_contents .answer.ui-draggable-dragging::before, .dd_fib_modal_contents .answer.ui-sortable-helper::before, .dd_fib_modal_contents .answer.touch-selected::before, .dd_fib_modal_contents .answer.draggable_dragging::before, .dd_fib_modal_contents .answer_option.ui-draggable-dragging::before, .dd_fib_modal_contents .answer_option.ui-sortable-helper::before, .dd_fib_modal_contents .answer_option.touch-selected::before, .dd_fib_modal_contents .answer_option.draggable_dragging::before {
        background: url("..//global/images/gradients/active_status_bottom.gif") repeat-x bottom left, url("..//global/images/gradients/active_status_top.gif") repeat-x top left;
        background-size: 1px 5px, 1px 5px;
        background-color: #c8dae9; }
      /* line 208, _draggable.scss */
      .dragDropFillInBlank .answer.ui-draggable-dragging::after, .dragDropFillInBlank .answer.ui-sortable-helper::after, .dragDropFillInBlank .answer.touch-selected::after, .dragDropFillInBlank .answer.draggable_dragging::after, .dragDropFillInBlank .answer_option.ui-draggable-dragging::after, .dragDropFillInBlank .answer_option.ui-sortable-helper::after, .dragDropFillInBlank .answer_option.touch-selected::after, .dragDropFillInBlank .answer_option.draggable_dragging::after, .dd_fib_modal_contents .answer.ui-draggable-dragging::after, .dd_fib_modal_contents .answer.ui-sortable-helper::after, .dd_fib_modal_contents .answer.touch-selected::after, .dd_fib_modal_contents .answer.draggable_dragging::after, .dd_fib_modal_contents .answer_option.ui-draggable-dragging::after, .dd_fib_modal_contents .answer_option.ui-sortable-helper::after, .dd_fib_modal_contents .answer_option.touch-selected::after, .dd_fib_modal_contents .answer_option.draggable_dragging::after {
        background-image: url("..//global/images/course_connect_icons_new.png");
        background-image: url("..//global/images/course_connect_icons_new.svg");
        background-position: -999px -999px;
        background-size: 160px 192px;
        background-repeat: no-repeat;
        width: 16px;
        height: 16px;
        background-position: -32px -176px; }
        /* line 42, ../global/images/_new_icons.scss */
        .dragDropFillInBlank .answer.ui-draggable-dragging::after:hover, .dragDropFillInBlank .answer.ui-sortable-helper::after:hover, .dragDropFillInBlank .answer.touch-selected::after:hover, .dragDropFillInBlank .answer.draggable_dragging::after:hover, .dragDropFillInBlank .answer_option.ui-draggable-dragging::after:hover, .dragDropFillInBlank .answer_option.ui-sortable-helper::after:hover, .dragDropFillInBlank .answer_option.touch-selected::after:hover, .dragDropFillInBlank .answer_option.draggable_dragging::after:hover, .dd_fib_modal_contents .answer.ui-draggable-dragging::after:hover, .dd_fib_modal_contents .answer.ui-sortable-helper::after:hover, .dd_fib_modal_contents .answer.touch-selected::after:hover, .dd_fib_modal_contents .answer.draggable_dragging::after:hover, .dd_fib_modal_contents .answer_option.ui-draggable-dragging::after:hover, .dd_fib_modal_contents .answer_option.ui-sortable-helper::after:hover, .dd_fib_modal_contents .answer_option.touch-selected::after:hover, .dd_fib_modal_contents .answer_option.draggable_dragging::after:hover {
          background-image: url("..//global/images/course_connect_icons_new.png");
          background-image: url("..//global/images/course_connect_icons_new.svg");
          background-position: -999px -999px;
          background-size: 160px 192px;
          background-repeat: no-repeat;
          width: 16px;
          height: 16px;
          background-position: -32px -192px; }
      /* line 213, _draggable.scss */
      .dragDropFillInBlank .answer.ui-draggable-dragging.verticalOnly::after, .dragDropFillInBlank .answer.ui-sortable-helper.verticalOnly::after, .dragDropFillInBlank .answer.touch-selected.verticalOnly::after, .dragDropFillInBlank .answer.draggable_dragging.verticalOnly::after, .dragDropFillInBlank .answer_option.ui-draggable-dragging.verticalOnly::after, .dragDropFillInBlank .answer_option.ui-sortable-helper.verticalOnly::after, .dragDropFillInBlank .answer_option.touch-selected.verticalOnly::after, .dragDropFillInBlank .answer_option.draggable_dragging.verticalOnly::after, .dd_fib_modal_contents .answer.ui-draggable-dragging.verticalOnly::after, .dd_fib_modal_contents .answer.ui-sortable-helper.verticalOnly::after, .dd_fib_modal_contents .answer.touch-selected.verticalOnly::after, .dd_fib_modal_contents .answer.draggable_dragging.verticalOnly::after, .dd_fib_modal_contents .answer_option.ui-draggable-dragging.verticalOnly::after, .dd_fib_modal_contents .answer_option.ui-sortable-helper.verticalOnly::after, .dd_fib_modal_contents .answer_option.touch-selected.verticalOnly::after, .dd_fib_modal_contents .answer_option.draggable_dragging.verticalOnly::after {
        background-image: url("..//global/images/course_connect_icons_new.png");
        background-image: url("..//global/images/course_connect_icons_new.svg");
        background-position: -999px -999px;
        background-size: 160px 192px;
        background-repeat: no-repeat;
        width: 16px;
        height: 16px;
        background-position: -80px -176px; }
    @media screen and (max-width: 768px) {
      /* line 108, dd_fill_in_blank.scss */
      .dragDropFillInBlank .answer, .dragDropFillInBlank .answer_option, .dd_fib_modal_contents .answer, .dd_fib_modal_contents .answer_option {
        cursor: pointer; }
        /* line 183, _draggable.scss */
        .dragDropFillInBlank .answer::before, .dragDropFillInBlank .answer_option::before, .dd_fib_modal_contents .answer::before, .dd_fib_modal_contents .answer_option::before {
          display: none; }
        /* line 186, _draggable.scss */
        .dragDropFillInBlank .answer::after, .dragDropFillInBlank .answer_option::after, .dd_fib_modal_contents .answer::after, .dd_fib_modal_contents .answer_option::after {
          display: none; }
        /* line 189, _draggable.scss */
        .dragDropFillInBlank .answer .content, .dragDropFillInBlank .answer_option .content, .dd_fib_modal_contents .answer .content, .dd_fib_modal_contents .answer_option .content {
          padding-left: 4px; } }
    /* line 14, ../info_popover/_info_popover_config.scss */
    .dragDropFillInBlank .answer .popover.bottom_left, .dragDropFillInBlank .answer .popover.top_left, .dragDropFillInBlank .answer_option .popover.bottom_left, .dragDropFillInBlank .answer_option .popover.top_left, .dd_fib_modal_contents .answer .popover.bottom_left, .dd_fib_modal_contents .answer .popover.top_left, .dd_fib_modal_contents .answer_option .popover.bottom_left, .dd_fib_modal_contents .answer_option .popover.top_left {
      margin-right: -8px;
      right: 100%; }
    /* line 18, ../info_popover/_info_popover_config.scss */
    .dragDropFillInBlank .answer .popover.bottom_right, .dragDropFillInBlank .answer .popover.top_right, .dragDropFillInBlank .answer_option .popover.bottom_right, .dragDropFillInBlank .answer_option .popover.top_right, .dd_fib_modal_contents .answer .popover.bottom_right, .dd_fib_modal_contents .answer .popover.top_right, .dd_fib_modal_contents .answer_option .popover.bottom_right, .dd_fib_modal_contents .answer_option .popover.top_right {
      margin-left: -8px;
      left: 100%; }
    /* line 114, dd_fill_in_blank.scss */
    .dragDropFillInBlank .answer > .content, .dragDropFillInBlank .answer_option > .content, .dd_fib_modal_contents .answer > .content, .dd_fib_modal_contents .answer_option > .content {
      display: block;
      padding-top: .25em;
      padding-right: 4px;
      padding-bottom: .25em; }
    /* line 121, dd_fill_in_blank.scss */
    .dragDropFillInBlank .answer .popover, .dragDropFillInBlank .answer_option .popover, .dd_fib_modal_contents .answer .popover, .dd_fib_modal_contents .answer_option .popover {
      width: block;
      width: 20em;
      line-height: 0em; }
      /* line 3, ../info_popover/_info_popover_config.scss */
      .dragDropFillInBlank .answer .popover .popover_content, .dragDropFillInBlank .answer_option .popover .popover_content, .dd_fib_modal_contents .answer .popover .popover_content, .dd_fib_modal_contents .answer_option .popover .popover_content {
        background-color: white;
        border: 1px solid #a4a4a4; }
      /* line 7, ../info_popover/_info_popover_config.scss */
      .dragDropFillInBlank .answer .popover .pointer, .dragDropFillInBlank .answer_option .popover .pointer, .dd_fib_modal_contents .answer .popover .pointer, .dd_fib_modal_contents .answer_option .popover .pointer {
        fill: white;
        stroke: #a4a4a4; }
      /* line 36, ../info_popover/_info_popover_config.scss */
      .dragDropFillInBlank .answer .popover .popover_content, .dragDropFillInBlank .answer_option .popover .popover_content, .dd_fib_modal_contents .answer .popover .popover_content, .dd_fib_modal_contents .answer_option .popover .popover_content {
        font-family: "Cabin", "Verdana", "Arial", sans-serif;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 1.5em;
        text-decoration: none;
        color: #4b4b4b;
        display: inline-block;
        white-space: normal;
        text-align: left; }
      /* line 42, ../info_popover/_info_popover_config.scss */
      .dragDropFillInBlank .answer .popover.bottom_left, .dragDropFillInBlank .answer .popover.top_left, .dragDropFillInBlank .answer_option .popover.bottom_left, .dragDropFillInBlank .answer_option .popover.top_left, .dd_fib_modal_contents .answer .popover.bottom_left, .dd_fib_modal_contents .answer .popover.top_left, .dd_fib_modal_contents .answer_option .popover.bottom_left, .dd_fib_modal_contents .answer_option .popover.top_left {
        text-align: right; }
      /* line 45, ../info_popover/_info_popover_config.scss */
      .dragDropFillInBlank .answer .popover.bottom_right, .dragDropFillInBlank .answer .popover.top_right, .dragDropFillInBlank .answer_option .popover.bottom_right, .dragDropFillInBlank .answer_option .popover.top_right, .dd_fib_modal_contents .answer .popover.bottom_right, .dd_fib_modal_contents .answer .popover.top_right, .dd_fib_modal_contents .answer_option .popover.bottom_right, .dd_fib_modal_contents .answer_option .popover.top_right {
        text-align: left; }
      /* line 124, dd_fill_in_blank.scss */
      .dragDropFillInBlank .answer .popover.top_right, .dragDropFillInBlank .answer .popover.bottom_right, .dragDropFillInBlank .answer_option .popover.top_right, .dragDropFillInBlank .answer_option .popover.bottom_right, .dd_fib_modal_contents .answer .popover.top_right, .dd_fib_modal_contents .answer .popover.bottom_right, .dd_fib_modal_contents .answer_option .popover.top_right, .dd_fib_modal_contents .answer_option .popover.bottom_right {
        margin-left: -18px; }
      /* line 127, dd_fill_in_blank.scss */
      .dragDropFillInBlank .answer .popover.top_left, .dragDropFillInBlank .answer .popover.bottom_left, .dragDropFillInBlank .answer_option .popover.top_left, .dragDropFillInBlank .answer_option .popover.bottom_left, .dd_fib_modal_contents .answer .popover.top_left, .dd_fib_modal_contents .answer .popover.bottom_left, .dd_fib_modal_contents .answer_option .popover.top_left, .dd_fib_modal_contents .answer_option .popover.bottom_left {
        margin-right: -18px; }
    /* line 140, dd_fill_in_blank.scss */
    .dragDropFillInBlank .answer.incorrect .popover, .dragDropFillInBlank .answer_option.incorrect .popover, .dd_fib_modal_contents .answer.incorrect .popover, .dd_fib_modal_contents .answer_option.incorrect .popover {
      color: #7f160f; }
      /* line 3, ../info_popover/_info_popover_config.scss */
      .dragDropFillInBlank .answer.incorrect .popover .popover_content, .dragDropFillInBlank .answer_option.incorrect .popover .popover_content, .dd_fib_modal_contents .answer.incorrect .popover .popover_content, .dd_fib_modal_contents .answer_option.incorrect .popover .popover_content {
        background-color: #dbaeab;
        border: 1px solid #7f160f; }
      /* line 7, ../info_popover/_info_popover_config.scss */
      .dragDropFillInBlank .answer.incorrect .popover .pointer, .dragDropFillInBlank .answer_option.incorrect .popover .pointer, .dd_fib_modal_contents .answer.incorrect .popover .pointer, .dd_fib_modal_contents .answer_option.incorrect .popover .pointer {
        fill: #dbaeab;
        stroke: #7f160f; }
      /* line 143, dd_fill_in_blank.scss */
      .dragDropFillInBlank .answer.incorrect .popover .popover_content, .dragDropFillInBlank .answer_option.incorrect .popover .popover_content, .dd_fib_modal_contents .answer.incorrect .popover .popover_content, .dd_fib_modal_contents .answer_option.incorrect .popover .popover_content {
        background: url("..//global/images/gradients/incorrect_bottom.gif") repeat-x bottom left, url("..//global/images/gradients/incorrect_top.gif") repeat-x top left;
        background-size: 1px 5px, 1px 5px;
        background-color: white; }
    /* line 150, dd_fill_in_blank.scss */
    .dragDropFillInBlank .answer.correct .popover, .dragDropFillInBlank .answer_option.correct .popover, .dd_fib_modal_contents .answer.correct .popover, .dd_fib_modal_contents .answer_option.correct .popover {
      color: #4c6b03; }
      /* line 3, ../info_popover/_info_popover_config.scss */
      .dragDropFillInBlank .answer.correct .popover .popover_content, .dragDropFillInBlank .answer_option.correct .popover .popover_content, .dd_fib_modal_contents .answer.correct .popover .popover_content, .dd_fib_modal_contents .answer_option.correct .popover .popover_content {
        background-color: #afbc8e;
        border: 1px solid #4c6b03; }
      /* line 7, ../info_popover/_info_popover_config.scss */
      .dragDropFillInBlank .answer.correct .popover .pointer, .dragDropFillInBlank .answer_option.correct .popover .pointer, .dd_fib_modal_contents .answer.correct .popover .pointer, .dd_fib_modal_contents .answer_option.correct .popover .pointer {
        fill: #afbc8e;
        stroke: #4c6b03; }
      /* line 153, dd_fill_in_blank.scss */
      .dragDropFillInBlank .answer.correct .popover .popover_content, .dragDropFillInBlank .answer_option.correct .popover .popover_content, .dd_fib_modal_contents .answer.correct .popover .popover_content, .dd_fib_modal_contents .answer_option.correct .popover .popover_content {
        background: url("..//global/images/gradients/correct_bottom.gif") repeat-x bottom left, url("..//global/images/gradients/correct_top.gif") repeat-x top left;
        background-size: 1px 5px, 1px 5px;
        background-color: white; }
  /* line 161, dd_fill_in_blank.scss */
  .dragDropFillInBlank .source_cell, .dd_fib_modal_contents .source_cell {
    vertical-align: top; }
    /* line 163, dd_fill_in_blank.scss */
    .dragDropFillInBlank .source_cell > .source_block, .dd_fib_modal_contents .source_cell > .source_block {
      /* Default
      -------------------------------------------------- */
      border: 1px solid #a4a4a4;
      -webkit-box-shadow: inset 1px 1px 5px 2px #bdb5b5;
      -moz-box-shadow: inset 1px 1px 5px 2px #bdb5b5;
      -ms-box-shadow: inset 1px 1px 5px 2px #bdb5b5;
      -o-box-shadow: inset 1px 1px 5px 2px #bdb5b5;
      box-shadow: inset 1px 1px 5px 2px #bdb5b5;
      background-color: white;
      background-color: #edebeb;
      /* 768px and Less
      -------------------------------------------------- */
      vertical-align: top;
      width: -webkit-fill-available!important;
	  width: -moz-available !important;
      }
      /* line 38, _draggable.scss */
      .dragDropFillInBlank .source_cell > .source_block.preSelected, .dragDropFillInBlank .source_cell > .source_block.droppable_selected, .dd_fib_modal_contents .source_cell > .source_block.preSelected, .dd_fib_modal_contents .source_cell > .source_block.droppable_selected {
        border-color: #0a4e81;
        -webkit-box-shadow: inset 1px 1px 5px 2px #a3c1db;
        -moz-box-shadow: inset 1px 1px 5px 2px #a3c1db;
        -ms-box-shadow: inset 1px 1px 5px 2px #a3c1db;
        -o-box-shadow: inset 1px 1px 5px 2px #a3c1db;
        box-shadow: inset 1px 1px 5px 2px #a3c1db; }
      @media screen and (max-width: 768px) {
        /* line 163, dd_fill_in_blank.scss */
        .dragDropFillInBlank .source_cell > .source_block, .dd_fib_modal_contents .source_cell > .source_block {
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          -ms-box-shadow: none;
          -o-box-shadow: none;
          box-shadow: none;
          border: 0 none;
          background-color: transparent;
          border-bottom: 1px solid #CCC;
          border-color: #223F69;
          cursor: pointer; }
          /* line 51, _draggable.scss */
          .dragDropFillInBlank .source_cell > .source_block:before, .dd_fib_modal_contents .source_cell > .source_block:before {
            width: 20px;
            height: 20px;
            display: block;
            position: absolute;
            content: "?";
            padding: 3px;
            border-radius: 16px;
            background-color: #223F69;
            color: white;
            font-family: "Cabin", Arial, sans-serif;
            font-weight: 900;
            font-size: 20px;
            text-align: center;
            line-height: 1em;
            margin: -8px auto 0 auto;
            margin-left: 26px; }
          /* line 54, _draggable.scss */
          .dragDropFillInBlank .source_cell > .source_block.occupied, .dd_fib_modal_contents .source_cell > .source_block.occupied {
            border-bottom: 0 none; }
            /* line 56, _draggable.scss */
            .dragDropFillInBlank .source_cell > .source_block.occupied:before, .dd_fib_modal_contents .source_cell > .source_block.occupied:before {
              content: "";
              border: none;
              background-color: transparent;
              opacity: 0; } }
      /* line 166, dd_fill_in_blank.scss */
      .dragDropFillInBlank .source_cell > .source_block .answerBlock, .dd_fib_modal_contents .source_cell > .source_block .answerBlock {
        background-color: #FF8000; }
      /* line 169, dd_fill_in_blank.scss */
      .dragDropFillInBlank .source_cell > .source_block .answer, .dd_fib_modal_contents .source_cell > .source_block .answer {
        margin-top: 4px; 
		width: -webkit-fill-available!important;
		width: -moz-available !important;
		}
        /* line 171, dd_fill_in_blank.scss */
        .dragDropFillInBlank .source_cell > .source_block .answer:first-child, .dd_fib_modal_contents .source_cell > .source_block .answer:first-child {
          margin-top: 0em; }
  /* line 179, dd_fill_in_blank.scss */
  .dragDropFillInBlank .fill_in_cell, .dd_fib_modal_contents .fill_in_cell {
    vertical-align: top; }
    /* line 181, dd_fill_in_blank.scss */
    .dragDropFillInBlank .fill_in_cell > .content_frame, .dd_fib_modal_contents .fill_in_cell > .content_frame {
      margin-left: 46px;
      line-height: 3em; }
      /* line 185, dd_fill_in_blank.scss */
      .dragDropFillInBlank .fill_in_cell > .content_frame .answer_destination, .dd_fib_modal_contents .fill_in_cell > .content_frame .answer_destination {
        display: inline-block;
        position: relative;
		cursor:default;
        /* Default
        -------------------------------------------------- */
        border: 1px solid #a4a4a4;
        -webkit-box-shadow: inset 1px 1px 5px 2px #bdb5b5;
        -moz-box-shadow: inset 1px 1px 5px 2px #bdb5b5;
        -ms-box-shadow: inset 1px 1px 5px 2px #bdb5b5;
        -o-box-shadow: inset 1px 1px 5px 2px #bdb5b5;
        box-shadow: inset 1px 1px 5px 2px #bdb5b5;
        background-color: white;
        background-color: #edebeb;
        /* 768px and Less
        -------------------------------------------------- */
        vertical-align: middle; }
        /* line 38, _draggable.scss */
        .dragDropFillInBlank .fill_in_cell > .content_frame .answer_destination.preSelected, .dragDropFillInBlank .fill_in_cell > .content_frame .answer_destination.droppable_selected, .dd_fib_modal_contents .fill_in_cell > .content_frame .answer_destination.preSelected, .dd_fib_modal_contents .fill_in_cell > .content_frame .answer_destination.droppable_selected {
          border-color: #0a4e81;
          -webkit-box-shadow: inset 1px 1px 5px 2px #a3c1db;
          -moz-box-shadow: inset 1px 1px 5px 2px #a3c1db;
          -ms-box-shadow: inset 1px 1px 5px 2px #a3c1db;
          -o-box-shadow: inset 1px 1px 5px 2px #a3c1db;
          box-shadow: inset 1px 1px 5px 2px #a3c1db; }
        @media screen and (max-width: 768px) {
          /* line 185, dd_fill_in_blank.scss */
          .dragDropFillInBlank .fill_in_cell > .content_frame .answer_destination, .dd_fib_modal_contents .fill_in_cell > .content_frame .answer_destination {
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            -ms-box-shadow: none;
            -o-box-shadow: none;
            box-shadow: none;
            border: 0 none;
            background-color: transparent;
            border-bottom: 1px solid #CCC;
            border-color: #223F69;
            cursor: pointer; }
            /* line 51, _draggable.scss */
            .dragDropFillInBlank .fill_in_cell > .content_frame .answer_destination:before, .dd_fib_modal_contents .fill_in_cell > .content_frame .answer_destination:before {
              width: 20px;
              height: 20px;
              display: block;
              position: absolute;
              content: "?";
              padding: 3px;
              border-radius: 16px;
              background-color: #223F69;
              color: white;
              font-family: "Cabin", Arial, sans-serif;
              font-weight: 900;
              font-size: 20px;
              text-align: center;
              line-height: 1em;
              margin: -8px auto 0 auto;
              margin-left: 26px; }
            /* line 54, _draggable.scss */
            .dragDropFillInBlank .fill_in_cell > .content_frame .answer_destination.occupied, .dd_fib_modal_contents .fill_in_cell > .content_frame .answer_destination.occupied {
              border-bottom: 0 none; }
              /* line 56, _draggable.scss */
              .dragDropFillInBlank .fill_in_cell > .content_frame .answer_destination.occupied:before, .dd_fib_modal_contents .fill_in_cell > .content_frame .answer_destination.occupied:before {
                content: "";
                border: none;
                background-color: transparent;
                opacity: 0; } }
  /* line 193, dd_fill_in_blank.scss */
  .dragDropFillInBlank .possible_answers, .dd_fib_modal_contents .possible_answers {
    display: none; }
  /* line 199, dd_fill_in_blank.scss */
  .dragDropFillInBlank.dd_fib_modal_contents, .dd_fib_modal_contents.dd_fib_modal_contents {
    padding: 10px;
    overflow: hidden;
    overflow-y: auto; }
    /* line 203, dd_fill_in_blank.scss */
    .dragDropFillInBlank.dd_fib_modal_contents .answer_option, .dd_fib_modal_contents.dd_fib_modal_contents .answer_option {
      cursor: pointer;
      display: block;
      width: auto;
      margin-top: .5em; }
      /* line 208, dd_fill_in_blank.scss */
      .dragDropFillInBlank.dd_fib_modal_contents .answer_option:first-child, .dd_fib_modal_contents.dd_fib_modal_contents .answer_option:first-child {
        margin-top: 0em; }
      /* line 211, dd_fill_in_blank.scss */
      .dragDropFillInBlank.dd_fib_modal_contents .answer_option.answer_used, .dd_fib_modal_contents.dd_fib_modal_contents .answer_option.answer_used {
        opacity: 0.33; }
      /* line 214, dd_fill_in_blank.scss */
      .dragDropFillInBlank.dd_fib_modal_contents .answer_option.selected_answer, .dd_fib_modal_contents.dd_fib_modal_contents .answer_option.selected_answer {
        background: url("..//global/images/gradients/active_bottom.gif") repeat-x bottom left, url("..//global/images/gradients/active_top.gif") repeat-x top left;
        background-size: 1px 5px, 1px 5px;
        border: 1px solid #0a4e81;
        background-color: white;
        color: #0a4e81;
        opacity: 0.90; }
        /* line 203, _draggable.scss */
        .dragDropFillInBlank.dd_fib_modal_contents .answer_option.selected_answer::before, .dd_fib_modal_contents.dd_fib_modal_contents .answer_option.selected_answer::before {
          background: url("..//global/images/gradients/active_status_bottom.gif") repeat-x bottom left, url("..//global/images/gradients/active_status_top.gif") repeat-x top left;
          background-size: 1px 5px, 1px 5px;
          background-color: #c8dae9; }
        /* line 208, _draggable.scss */
        .dragDropFillInBlank.dd_fib_modal_contents .answer_option.selected_answer::after, .dd_fib_modal_contents.dd_fib_modal_contents .answer_option.selected_answer::after {
          background-image: url("..//global/images/course_connect_icons_new.png");
          background-image: url("..//global/images/course_connect_icons_new.svg");
          background-position: -999px -999px;
          background-size: 160px 192px;
          background-repeat: no-repeat;
          width: 16px;
          height: 16px;
          background-position: -32px -176px; }
          /* line 42, ../global/images/_new_icons.scss */
          .dragDropFillInBlank.dd_fib_modal_contents .answer_option.selected_answer::after:hover, .dd_fib_modal_contents.dd_fib_modal_contents .answer_option.selected_answer::after:hover {
            background-image: url("..//global/images/course_connect_icons_new.png");
            background-image: url("..//global/images/course_connect_icons_new.svg");
            background-position: -999px -999px;
            background-size: 160px 192px;
            background-repeat: no-repeat;
            width: 16px;
            height: 16px;
            background-position: -32px -192px; }
        /* line 213, _draggable.scss */
        .dragDropFillInBlank.dd_fib_modal_contents .answer_option.selected_answer.verticalOnly::after, .dd_fib_modal_contents.dd_fib_modal_contents .answer_option.selected_answer.verticalOnly::after {
          background-image: url("..//global/images/course_connect_icons_new.png");
          background-image: url("..//global/images/course_connect_icons_new.svg");
          background-position: -999px -999px;
          background-size: 160px 192px;
          background-repeat: no-repeat;
          width: 16px;
          height: 16px;
          background-position: -80px -176px; }

/* Skinny UI Modal
-------------------------------------------------- */
/* line 227, dd_fill_in_blank.scss */
.dd_fib_modal_contents .answer_option .content {
  padding-left: 1em; }
/* line 230, dd_fill_in_blank.scss */
.dd_fib_modal_contents .answer_option::after {
  display: none; }
/* line 233, dd_fill_in_blank.scss */
.dd_fib_modal_contents .answer_option SPAN.feedback {
  display: none; }

/* 768px and Less
oooooooooooooooooooooooooooooooooooooooooooooooooo */
@media screen and (max-width: 768px) {
  /* line 246, dd_fill_in_blank.scss */
  .dragDropFillInBlank > .content_block > *.fill_in_cell > .content_frame, .dd_fib_modal_contents > .content_block > *.fill_in_cell > .content_frame {
    margin-left: 0em;
    margin-right: 0em; }
  /* line 250, dd_fill_in_blank.scss */
  .dragDropFillInBlank > .content_block > *.source_cell, .dd_fib_modal_contents > .content_block > *.source_cell {
    display: none; }
  /* line 253, dd_fill_in_blank.scss */
  .dragDropFillInBlank > .content_block > * .answer_destination, .dd_fib_modal_contents > .content_block > * .answer_destination {
    display: inline-block;
    min-width: 6em; }
    /* line 256, dd_fill_in_blank.scss */
    .dragDropFillInBlank > .content_block > * .answer_destination.occupied, .dd_fib_modal_contents > .content_block > * .answer_destination.occupied {
      min-width: 1em; }
  /* line 260, dd_fill_in_blank.scss */
  .dragDropFillInBlank > .content_block > * .answer_destination, .dragDropFillInBlank > .content_block > * .answer, .dd_fib_modal_contents > .content_block > * .answer_destination, .dd_fib_modal_contents > .content_block > * .answer {
    display: block; }
    /* line 262, dd_fill_in_blank.scss */
    .dragDropFillInBlank > .content_block > * .answer_destination.answer_destination, .dragDropFillInBlank > .content_block > * .answer.answer_destination, .dd_fib_modal_contents > .content_block > * .answer_destination.answer_destination, .dd_fib_modal_contents > .content_block > * .answer.answer_destination {
      min-height: 1.5em; }
  /* line 266, dd_fill_in_blank.scss */
  .dragDropFillInBlank > .content_block > *.fill_in_cell, .dd_fib_modal_contents > .content_block > *.fill_in_cell {
    padding-left: 0em; }
  /* line 269, dd_fill_in_blank.scss */
  .dragDropFillInBlank > .content_block > * .answer_block, .dd_fib_modal_contents > .content_block > * .answer_block {
    display: inline-block; }
  /* line 272, dd_fill_in_blank.scss */
  .dragDropFillInBlank > .content_block > * .answerBlock, .dd_fib_modal_contents > .content_block > * .answerBlock {
    display: inline-block; } }
/* Development
oooooooooooooooooooooooooooooooooooooooooooooooooo */
/* line 283, dd_fill_in_blank.scss */
.red_border {
  border: 1px solid #F00 !important; }
 
/* mobile mode */
 .body_moblie .dragDropFillInBlank .answer,  .body_moblie .dragDropFillInBlank .answer_option,  .body_moblie .dd_fib_modal_contents .answer,  .body_moblie .dd_fib_modal_contents .answer_option {
        cursor: pointer; }
        .body_moblie  .dragDropFillInBlank .answer::before,  .body_moblie .dragDropFillInBlank .answer_option::before,  .body_moblie .dd_fib_modal_contents .answer::before,  .body_moblie .dd_fib_modal_contents .answer_option::before {
          display: none; }
        .body_moblie .dragDropFillInBlank .answer::after, .body_moblie  .dragDropFillInBlank .answer_option::after,  .body_moblie .dd_fib_modal_contents .answer::after,  .body_moblie .dd_fib_modal_contents .answer_option::after {
          display: none; }
        .body_moblie  .dragDropFillInBlank .answer .content,  .body_moblie .dragDropFillInBlank .answer_option .content, .body_moblie  .dd_fib_modal_contents .answer .content,  .body_moblie .dd_fib_modal_contents .answer_option .content {
          padding-left: 4px; } 

        .body_moblie  .dragDropFillInBlank .source_cell > .source_block, .body_moblie  .dd_fib_modal_contents .source_cell > .source_block {
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          -ms-box-shadow: none;
          -o-box-shadow: none;
          box-shadow: none;
          border: 0 none;
          background-color: transparent;
          border-bottom: 1px solid #CCC;
          border-color: #223F69;
          cursor: pointer; }
          .body_moblie  .dragDropFillInBlank .source_cell > .source_block:before,  .body_moblie .dd_fib_modal_contents .source_cell > .source_block:before {
            width: 20px;
            height: 20px;
            display: block;
            position: absolute;
            content: "?";
            padding: 3px;
            border-radius: 16px;
            background-color: #223F69;
            color: white;
            font-family: "Cabin", Arial, sans-serif;
            font-weight: 900;
            font-size: 20px;
            text-align: center;
            line-height: 1em;
            margin: -8px auto 0 auto;
            margin-left: 26px; }

          .body_moblie  .dragDropFillInBlank .source_cell > .source_block.occupied, .body_moblie  .dd_fib_modal_contents .source_cell > .source_block.occupied {
            border-bottom: 0 none; }
             .body_moblie .dragDropFillInBlank .source_cell > .source_block.occupied:before,  .body_moblie .dd_fib_modal_contents .source_cell > .source_block.occupied:before {
              content: "";
              border: none;
              background-color: transparent;
              opacity: 0; }

          .body_moblie  .dragDropFillInBlank .fill_in_cell > .content_frame .answer_destination, .body_moblie  .dd_fib_modal_contents .fill_in_cell > .content_frame .answer_destination {
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            -ms-box-shadow: none;
            -o-box-shadow: none;
            box-shadow: none;
            border: 0 none;
            background-color: transparent;
            border-bottom: 1px solid #CCC;
            border-color: #223F69;
            cursor: pointer; }
            .body_moblie  .dragDropFillInBlank .fill_in_cell > .content_frame .answer_destination:before, .body_moblie  .dd_fib_modal_contents .fill_in_cell > .content_frame .answer_destination:before {
              width: 20px;
              height: 20px;
              display: block;
              position: absolute;
              content: "?";
              padding: 3px;
              border-radius: 16px;
              background-color: #223F69;
              color: white;
              font-family: "Cabin", Arial, sans-serif;
              font-weight: 900;
              font-size: 20px;
              text-align: center;
              line-height: 1em;
              margin: -8px auto 0 auto;
              margin-left: 26px; }
            .body_moblie  .dragDropFillInBlank .fill_in_cell > .content_frame .answer_destination.occupied, .body_moblie  .dd_fib_modal_contents .fill_in_cell > .content_frame .answer_destination.occupied {
              border-bottom: 0 none; }
               .body_moblie .dragDropFillInBlank .fill_in_cell > .content_frame .answer_destination.occupied:before, .body_moblie  .dd_fib_modal_contents .fill_in_cell > .content_frame .answer_destination.occupied:before {
                content: "";
                border: none;
                background-color: transparent;
                opacity: 0; }

  .body_moblie  .dragDropFillInBlank > .content_block > *.fill_in_cell > .content_frame,  .body_moblie .dd_fib_modal_contents > .content_block > *.fill_in_cell > .content_frame {
    margin-left: 0em;
    margin-right: 0em; }
  .body_moblie  .dragDropFillInBlank > .content_block > *.source_cell, .body_moblie  .dd_fib_modal_contents > .content_block > *.source_cell {
    display: none; }
  .body_moblie  .dragDropFillInBlank > .content_block > * .answer_destination,  .body_moblie .dd_fib_modal_contents > .content_block > * .answer_destination {
    display: inline-block;
    min-width: 6em; }
     .body_moblie .dragDropFillInBlank > .content_block > * .answer_destination.occupied, .body_moblie  .dd_fib_modal_contents > .content_block > * .answer_destination.occupied {
      min-width: 1em; }
  .body_moblie  .dragDropFillInBlank > .content_block > * .answer_destination, .dragDropFillInBlank > .content_block > * .answer,  .body_moblie .dd_fib_modal_contents > .content_block > * .answer_destination, .dd_fib_modal_contents > .content_block > * .answer {
    display: block; }
   .body_moblie  .dragDropFillInBlank > .content_block > * .answer_destination.answer_destination, .body_moblie  .dragDropFillInBlank > .content_block > * .answer.answer_destination, .dd_fib_modal_contents > .content_block > * .answer_destination.answer_destination, .body_moblie  .dd_fib_modal_contents > .content_block > * .answer.answer_destination {
      min-height: 1.5em; }
  .body_moblie  .dragDropFillInBlank > .content_block > *.fill_in_cell,  .body_moblie .dd_fib_modal_contents > .content_block > *.fill_in_cell {
    padding-left: 0em; }
   .body_moblie .dragDropFillInBlank > .content_block > * .answer_block, .body_moblie  .dd_fib_modal_contents > .content_block > * .answer_block {
    display: inline-block; }
  .body_moblie  .dragDropFillInBlank > .content_block > * .answerBlock,  .body_moblie .dd_fib_modal_contents > .content_block > * .answerBlock {
    display: inline-block; } 
	 .body_moblie  .dd_fib_modal_contents .answer_option[disabled="disabled"] {  cursor: default;}
	 .dragDropFillInBlank a .content{ color:#4b4b4b;}
	.dragDropFillInBlank a { text-decoration:none}
	
	.body_moblie .dragDropFillInBlank.complete.graded .answer::after {
          display: block; }
        .body_moblie .dragDropFillInBlank.complete.graded .answer.correct .content, .body_moblie .dragDropFillInBlank.complete.graded .answer.incorrect .content {
          padding-left: 34px; }
		  
 
/** 5.0.9.P4 **/