/* line 13, app/assets/stylesheets/pages_other/flash_cards.sass */
.showing_results .quiz_title {
  position: absolute;
  text-align: center;
  width: 100%;
  top: auto;
  margin: 0;
  line-height: 80px;
}

@media screen and (max-height: 819px) {
  /* line 21, app/assets/stylesheets/pages_other/flash_cards.sass */
  .showing_results .flash_card_deck_title,
.showing_results .quiz_title {
    display: none;
  }
}

/* line 26, app/assets/stylesheets/pages_other/flash_cards.sass */
.flash_card_deck_title, .quiz_title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  padding: 0 10px;
  font-size: 20px;
  color: #3a99ad;
  -webkit-text-stroke: 1px rgba(98, 177, 204, 0.1);
  letter-spacing: 0;
}

/* line 34, app/assets/stylesheets/pages_other/flash_cards.sass */
.public_frame, body.frame_body {
  background-color: #fcfcfc;
}

/* line 37, app/assets/stylesheets/pages_other/flash_cards.sass */
.overall_heading {
  margin: 10px 0;
}

/* line 40, app/assets/stylesheets/pages_other/flash_cards.sass */
.set_submit {
  padding-top: 15px;
  padding-bottom: 5px;
}

/* line 43, app/assets/stylesheets/pages_other/flash_cards.sass */
.set_loading {
  height: 16px;
}

/* line 46, app/assets/stylesheets/pages_other/flash_cards.sass */
.valign_outer {
  display: table;
  width: 100%;
}

/* line 49, app/assets/stylesheets/pages_other/flash_cards.sass */
.valign_outer .valign_inner {
  display: table-row;
}

/* line 51, app/assets/stylesheets/pages_other/flash_cards.sass */
.valign_outer .valign_inner .valign_content {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 100%;
}

/* line 57, app/assets/stylesheets/pages_other/flash_cards.sass */
.existing_flash_card_canvas {
  overflow: hidden;
  margin-bottom: 20px;
}

/* line 61, app/assets/stylesheets/pages_other/flash_cards.sass */
.existing_flash_card {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -ms-user-select: none;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 10px;
  border: 2px dashed #e0e0e0;
}

/* line 68, app/assets/stylesheets/pages_other/flash_cards.sass */
.existing_flash_card.errors {
  background-color: #f2dede;
}

/* line 70, app/assets/stylesheets/pages_other/flash_cards.sass */
.existing_flash_card.errors:hover {
  background-color: #f2dede;
}

/* line 72, app/assets/stylesheets/pages_other/flash_cards.sass */
.existing_flash_card:hover {
  background-color: #e6e6e6;
}

/* line 74, app/assets/stylesheets/pages_other/flash_cards.sass */
.existing_flash_card.selected {
  background-color: #e0e0e0;
  border: none;
}

/* line 77, app/assets/stylesheets/pages_other/flash_cards.sass */
.existing_flash_card .side_edit {
  vertical-align: top;
}

/* line 79, app/assets/stylesheets/pages_other/flash_cards.sass */
.existing_flash_card .side_edit .placeholder {
  width: 6%;
  display: inline-block;
  height: 250px;
  vertical-align: top;
  text-align: center;
}

/* line 85, app/assets/stylesheets/pages_other/flash_cards.sass */
.existing_flash_card .side_edit .placeholder .outer {
  display: table;
  height: 250px;
  margin: 0 auto;
}

/* line 89, app/assets/stylesheets/pages_other/flash_cards.sass */
.existing_flash_card .side_edit .placeholder .outer .inner {
  display: table-cell;
  height: 250px;
  vertical-align: middle;
}

/* line 93, app/assets/stylesheets/pages_other/flash_cards.sass */
.existing_flash_card .side_edit .side {
  width: 46%;
  display: inline-block;
  vertical-align: top;
}

/* line 97, app/assets/stylesheets/pages_other/flash_cards.sass */
.existing_flash_card.tDnD_whileDrag {
  background-color: #ffda95;
}

/* line 99, app/assets/stylesheets/pages_other/flash_cards.sass */
.existing_flash_card.tDnD_whileDrag:hover {
  background-color: #ffda95;
}

/* line 103, app/assets/stylesheets/pages_other/flash_cards.sass */
.side .image_controls {
  border-radius: 0 0 5px 5px;
  width: 360px;
  height: 45px;
  margin: auto;
  background-color: #dbdbdb;
  color: #ededed;
}

/* line 110, app/assets/stylesheets/pages_other/flash_cards.sass */
.side .image_controls .layout_options {
  width: 100%;
  padding-top: 8px;
  font-size: 17px;
}

/* line 114, app/assets/stylesheets/pages_other/flash_cards.sass */
.side .image_controls .layout_options span.option {
  margin: 0 5px;
  cursor: pointer;
}

/* line 117, app/assets/stylesheets/pages_other/flash_cards.sass */
.side .image_controls .layout_options span.option img {
  padding: 3px;
  background: #f2f2f2;
  border-radius: 5px;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

/* line 122, app/assets/stylesheets/pages_other/flash_cards.sass */
.side .image_controls .layout_options span.option img:hover {
  background: #fcfcfc;
}

/* line 124, app/assets/stylesheets/pages_other/flash_cards.sass */
.side .image_controls .fileinput-button {
  float: none;
  display: inline-block;
  margin: 0;
  padding: 15px;
  color: #444;
  width: 100%;
}

/* line 132, app/assets/stylesheets/pages_other/flash_cards.sass */
.flash_card_edit_side {
  width: 394px;
  height: 222px;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
  padding: 0;
  border-radius: 5px;
  box-shadow: 0px 1px 6px 0px #929292;
}

/* line 141, app/assets/stylesheets/pages_other/flash_cards.sass */
.flash_card_edit_side .img_preview {
  pointer-events: none;
}

/* line 143, app/assets/stylesheets/pages_other/flash_cards.sass */
.flash_card_edit_side .audio_controls {
  z-index: 99;
  position: absolute;
  top: 0;
  display: flex;
  flex-direction: row;
}

/* line 149, app/assets/stylesheets/pages_other/flash_cards.sass */
.flash_card_edit_side .audio_controls .flash_card_audio_attach, .flash_card_edit_side .audio_controls .flash_card_audio_remove, .flash_card_edit_side .audio_controls .flash_card_audio_play, .flash_card_edit_side .audio_controls .flash_card_audio_close {
  padding: 0.5rem;
  width: 2em;
  color: inherit;
  margin-top: 0.1em;
  margin-left: 0.5em;
}

/* line 155, app/assets/stylesheets/pages_other/flash_cards.sass */
.flash_card_edit_side .audio_controls .flash_card_audio_attach:hover, .flash_card_edit_side .audio_controls .flash_card_audio_remove:hover, .flash_card_edit_side .audio_controls .flash_card_audio_play:hover, .flash_card_edit_side .audio_controls .flash_card_audio_close:hover {
  cursor: pointer;
}

/* line 157, app/assets/stylesheets/pages_other/flash_cards.sass */
.flash_card_edit_side .audio_controls .flash_card_audio_attach img, .flash_card_edit_side .audio_controls .flash_card_audio_remove img, .flash_card_edit_side .audio_controls .flash_card_audio_play img, .flash_card_edit_side .audio_controls .flash_card_audio_close img {
  width: 100%;
  height: auto;
}

/* line 160, app/assets/stylesheets/pages_other/flash_cards.sass */
.flash_card_edit_side .audio_controls .flash_card_audio_close, .flash_card_edit_side .audio_controls .custom_player {
  display: none;
}

/* line 163, app/assets/stylesheets/pages_other/flash_cards.sass */
.flash_card_edit_side .audio_controls.with_audio .flash_card_audio_attach {
  display: none;
}

/* line 166, app/assets/stylesheets/pages_other/flash_cards.sass */
.flash_card_edit_side .audio_controls.with_audio.playing .flash_card_audio_remove, .flash_card_edit_side .audio_controls.with_audio.playing .flash_card_audio_play {
  display: none;
}

/* line 168, app/assets/stylesheets/pages_other/flash_cards.sass */
.flash_card_edit_side .audio_controls.with_audio.playing .flash_card_audio_close, .flash_card_edit_side .audio_controls.with_audio.playing .custom_player {
  display: flex;
}

/* line 171, app/assets/stylesheets/pages_other/flash_cards.sass */
.flash_card_edit_side .audio_controls.without_audio .flash_card_audio_remove, .flash_card_edit_side .audio_controls.without_audio .flash_card_audio_play {
  display: none;
}

/* line 174, app/assets/stylesheets/pages_other/flash_cards.sass */
.flash_card_edit_side .audio_controls .tooltip .tooltip-inner {
  white-space: nowrap;
}

/* line 176, app/assets/stylesheets/pages_other/flash_cards.sass */
.flash_card_edit_side .audio_controls .audio_player {
  font-size: 110%;
}

/* line 181, app/assets/stylesheets/pages_other/flash_cards.sass */
#flash_card_upload img {
  position: relative;
  top: -2px;
}

/* line 187, app/assets/stylesheets/pages_other/flash_cards.sass */
#flash_card_container h1, #flash_card_edit h1 {
  text-align: center;
  margin-bottom: 5px;
}

/* line 191, app/assets/stylesheets/pages_other/flash_cards.sass */
#flash_card_container h2, #flash_card_edit h2 {
  text-align: center;
}

/* line 194, app/assets/stylesheets/pages_other/flash_cards.sass */
#flash_card_container h3, #flash_card_edit h3 {
  text-align: center;
}

/* line 197, app/assets/stylesheets/pages_other/flash_cards.sass */
#flash_card_container hr, #flash_card_edit hr {
  height: 1px;
}

/* line 200, app/assets/stylesheets/pages_other/flash_cards.sass */
#flash_card_container form, #flash_card_edit form {
  text-align: center;
  width: 100%;
}

/* line 203, app/assets/stylesheets/pages_other/flash_cards.sass */
#flash_card_container form.new_flash_card, #flash_card_edit form.new_flash_card {
  padding: 0;
}

/* line 206, app/assets/stylesheets/pages_other/flash_cards.sass */
#flash_card_container .flash_card_viewer, #flash_card_edit .flash_card_viewer {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

/* line 212, app/assets/stylesheets/pages_other/flash_cards.sass */
#flash_card_container {
  border: 0;
}

/* line 215, app/assets/stylesheets/pages_other/flash_cards.sass */
#flash_card_edit {
  text-align: center;
}

/* line 217, app/assets/stylesheets/pages_other/flash_cards.sass */
#flash_card_edit textarea {
  border: none;
  background-color: transparent;
}

/* line 221, app/assets/stylesheets/pages_other/flash_cards.sass */
#flash_card_deck {
  margin-left: auto;
  margin-right: auto;
}

/* line 224, app/assets/stylesheets/pages_other/flash_cards.sass */
#flash_card_deck .dummy_textarea {
  visibility: hidden;
  font-size: 18px;
}

/* line 227, app/assets/stylesheets/pages_other/flash_cards.sass */
#flash_card_deck textarea {
  padding: 10px;
  font-size: 18px;
  border-radius: 5px;
  text-align: center;
  color: #fff;
  font-weight: 300;
  height: 100%;
  width: 100%;
}

/* line 236, app/assets/stylesheets/pages_other/flash_cards.sass */
#flash_card_deck form {
  border: 0;
}

/* line 238, app/assets/stylesheets/pages_other/flash_cards.sass */
#flash_card_deck .ui-tabs-panel {
  padding: 10px;
}

/* line 242, app/assets/stylesheets/pages_other/flash_cards.sass */
.img_preview_container {
  margin: auto;
  overflow: hidden;
  position: relative;
}

/* line 247, app/assets/stylesheets/pages_other/flash_cards.sass */
.img_preview {
  max-width: 90%;
  max-height: 90%;
}

/* line 251, app/assets/stylesheets/pages_other/flash_cards.sass */
.img_preview_container.touch_device {
  background-color: rgba(171, 171, 171, 0.25);
}

/* line 254, app/assets/stylesheets/pages_other/flash_cards.sass */
.side_template {
  position: relative;
}

/* line 257, app/assets/stylesheets/pages_other/flash_cards.sass */
.side_template .text_preview_container.text_only, .side_template .text_preview_container.image_only, .side_template .text_preview_container.left_align_image, .side_template .text_preview_container.right_align_image, .side_template .text_preview_container.bottom_align_image, .side_template .text_preview_container.top_align_image, .side_template .img_preview_container.text_only, .side_template .img_preview_container.image_only, .side_template .img_preview_container.left_align_image, .side_template .img_preview_container.right_align_image, .side_template .img_preview_container.bottom_align_image, .side_template .img_preview_container.top_align_image {
  transition: all 500ms ease-in-out;
}

/* line 259, app/assets/stylesheets/pages_other/flash_cards.sass */
.side_template .text_preview_container textarea {
  transition: padding-top 500ms ease-in-out;
}

/* line 261, app/assets/stylesheets/pages_other/flash_cards.sass */
.side_template .text_preview_container.text_only {
  position: absolute;
  top: 0;
  left: 0;
  height: 222px;
  width: 394px;
  padding: 5px;
}

/* line 268, app/assets/stylesheets/pages_other/flash_cards.sass */
.side_template .img_preview_container.text_only {
  display: none;
  width: 0;
  height: 0;
}

/* line 272, app/assets/stylesheets/pages_other/flash_cards.sass */
.side_template .text_preview_container.image_only {
  position: absolute;
  width: 0;
  height: 0;
  display: none;
}

/* line 277, app/assets/stylesheets/pages_other/flash_cards.sass */
.side_template .img_preview_container.image_only {
  position: absolute;
  width: 384px;
  top: 0px;
  left: 5px;
  height: 218px;
  width: 384px;
  line-height: 222px;
}

/* line 285, app/assets/stylesheets/pages_other/flash_cards.sass */
.side_template .text_preview_container.left_align_image {
  position: absolute;
  top: 0;
  left: 196px;
  height: 222px;
  width: 197px;
  padding: 5px 5px 5px 0;
}

/* line 292, app/assets/stylesheets/pages_other/flash_cards.sass */
.side_template .img_preview_container.left_align_image {
  position: absolute;
  width: 190px;
  left: 3px;
  top: 0;
  width: 190px;
  height: 220px;
  line-height: 220px;
}

/* line 300, app/assets/stylesheets/pages_other/flash_cards.sass */
.side_template .text_preview_container.right_align_image {
  position: absolute;
  top: 0;
  left: 0;
  height: 222px;
  width: 197px;
  padding: 5px 0 5px 5px;
}

/* line 307, app/assets/stylesheets/pages_other/flash_cards.sass */
.side_template .img_preview_container.right_align_image {
  position: absolute;
  width: 190px;
  left: 200px;
  top: 0;
  width: 190px;
  height: 220px;
  line-height: 220px;
  padding-right: 5px;
}

/* line 316, app/assets/stylesheets/pages_other/flash_cards.sass */
.side_template .img_preview_container.top_align_image {
  position: absolute;
  top: 3px;
  left: 0;
  width: 394px;
  height: 110px;
  line-height: 110px;
}

/* line 323, app/assets/stylesheets/pages_other/flash_cards.sass */
.side_template .text_preview_container.top_align_image {
  position: absolute;
  top: 110px;
  left: 0;
  height: 111px;
  width: 394px;
  padding: 5px 5px 5px 5px;
}

/* line 330, app/assets/stylesheets/pages_other/flash_cards.sass */
.side_template .text_preview_container.bottom_align_image {
  position: absolute;
  top: 0;
  left: 0;
  height: 111px;
  width: 394px;
  padding: 5px 5px 5px 5px;
}

/* line 337, app/assets/stylesheets/pages_other/flash_cards.sass */
.side_template .img_preview_container.bottom_align_image {
  position: absolute;
  top: 110px;
  left: 0;
  width: 394px;
  height: 106px;
  line-height: 106px;
}

/* line 344, app/assets/stylesheets/pages_other/flash_cards.sass */
.side_template .dummy_text_preview_container {
  padding: 5px;
}

/* line 346, app/assets/stylesheets/pages_other/flash_cards.sass */
.side_template .dummy_text_preview_container .dummy_textarea {
  padding: 10px;
  word-wrap: break-word;
}

/* line 349, app/assets/stylesheets/pages_other/flash_cards.sass */
.side_template .dummy_text_preview_container.left_align_image {
  width: 202px;
}

/* line 351, app/assets/stylesheets/pages_other/flash_cards.sass */
.side_template .dummy_text_preview_container.right_align_image {
  width: 202px;
}

/* line 355, app/assets/stylesheets/pages_other/flash_cards.sass */
.choice_prompt_question, .choice_prompt_answer {
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  height: 100px;
  font-size: 18px;
  border-radius: 10px;
  border: 1px solid #ccc;
  text-align: center;
  color: #000;
  padding: 10px;
}

/* line 368, app/assets/stylesheets/pages_other/flash_cards.sass */
#slider {
  display: none;
}

/* line 371, app/assets/stylesheets/pages_other/flash_cards.sass */
.field {
  clear: both;
  display: block;
  overflow: hidden;
  margin-bottom: 1em;
}

/* line 377, app/assets/stylesheets/pages_other/flash_cards.sass */
.full_width {
  width: 100%;
}

/* line 381, app/assets/stylesheets/pages_other/flash_cards.sass */
.embedded_content.full_screen_mode #navigation_arrows, .frame_body .embedded_content #navigation_arrows {
  padding-top: 120px;
}

/* line 383, app/assets/stylesheets/pages_other/flash_cards.sass */
.embedded_content.full_screen_mode #flash_card_container .flash_card_viewer, .frame_body .embedded_content #flash_card_container .flash_card_viewer {
  max-height: 640px;
}

/* line 385, app/assets/stylesheets/pages_other/flash_cards.sass */
.embedded_content.full_screen_mode .flash_card_deck_and_deck_specific_buttons, .frame_body .embedded_content .flash_card_deck_and_deck_specific_buttons {
  width: auto;
}

/* line 387, app/assets/stylesheets/pages_other/flash_cards.sass */
.embedded_content.full_screen_mode .flash_card_deck_and_deck_specific_buttons .wrapper, .frame_body .embedded_content .flash_card_deck_and_deck_specific_buttons .wrapper {
  height: 470px;
  display: inline-block;
}

/* line 390, app/assets/stylesheets/pages_other/flash_cards.sass */
.embedded_content.full_screen_mode .flash_card_deck_and_deck_specific_buttons .wrapper #coverflow, .frame_body .embedded_content .flash_card_deck_and_deck_specific_buttons .wrapper #coverflow {
  padding: 42px 0;
  margin-top: 30px;
}

/* line 395, app/assets/stylesheets/pages_other/flash_cards.sass */
.frame_body .embedded_content #navigation_arrows {
  padding-top: 80px;
}

/* line 397, app/assets/stylesheets/pages_other/flash_cards.sass */
.frame_body .embedded_content .flash_card_deck_and_deck_specific_buttons .wrapper #coverflow {
  margin-top: 10px;
}

/* line 401, app/assets/stylesheets/pages_other/flash_cards.sass */
.embedded_content.full_screen_mode #flash_card_container {
  background: #fff !important;
}

/* line 403, app/assets/stylesheets/pages_other/flash_cards.sass */
.embedded_content.full_screen_mode h2 {
  z-index: 20;
}

/* line 406, app/assets/stylesheets/pages_other/flash_cards.sass */
#flash_card_container {
  overflow-x: hidden;
  overflow-y: auto;
  margin: auto;
  position: relative;
  height: 100%;
  width: auto;
}

/* line 414, app/assets/stylesheets/pages_other/flash_cards.sass */
#flash_card_container.not_logged_in .flash_card_viewer .flash_card_deck_and_deck_specific_buttons .deck_actions_secondary {
  bottom: -20px;
}

/* line 416, app/assets/stylesheets/pages_other/flash_cards.sass */
#flash_card_container .flash_card_viewer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: auto;
  height: 100%;
  max-height: 520px;
  overflow: hidden;
  margin: auto;
}

/* line 427, app/assets/stylesheets/pages_other/flash_cards.sass */
#flash_card_container .flash_card_viewer .flash_card_deck_and_deck_specific_buttons {
  position: relative;
}

/* line 429, app/assets/stylesheets/pages_other/flash_cards.sass */
#flash_card_container .flash_card_viewer .flash_card_deck_and_deck_specific_buttons .deck {
  display: block;
  width: 100%;
}

/* line 432, app/assets/stylesheets/pages_other/flash_cards.sass */
#flash_card_container .flash_card_viewer .flash_card_deck_and_deck_specific_buttons .deck_controls {
  display: block;
  vertical-align: top;
  margin-top: 5px;
  max-height: 40px;
  text-align: center;
}

/* line 438, app/assets/stylesheets/pages_other/flash_cards.sass */
#flash_card_container .flash_card_viewer .flash_card_deck_and_deck_specific_buttons .deck_actions {
  text-align: center;
  position: absolute;
  bottom: -45px;
  width: 100%;
  z-index: 999;
}

/* line 444, app/assets/stylesheets/pages_other/flash_cards.sass */
#flash_card_container .flash_card_viewer .flash_card_deck_and_deck_specific_buttons .deck_actions .main_fc_button {
  display: inline-block;
  cursor: pointer;
  vertical-align: top;
  margin: 15px 14px;
}

/* line 450, app/assets/stylesheets/pages_other/flash_cards.sass */
#flash_card_container .flash_card_viewer .flash_card_deck_and_deck_specific_buttons .deck_actions img:hover {
  opacity: 0.7;
}

/* line 453, app/assets/stylesheets/pages_other/flash_cards.sass */
#flash_card_container .flash_card_viewer .flash_card_deck_and_deck_specific_buttons .deck_actions_secondary {
  text-align: center;
  position: absolute;
  bottom: -80px;
  width: 100%;
  z-index: 10;
}

/* line 459, app/assets/stylesheets/pages_other/flash_cards.sass */
#flash_card_container .flash_card_viewer .flash_card_deck_and_deck_specific_buttons .deck_actions_secondary .control_button {
  padding: 0;
  margin: 5px 20px;
}

/* line 463, app/assets/stylesheets/pages_other/flash_cards.sass */
#flash_card_container .flash_card_viewer .flash_card_deck_and_deck_specific_buttons .deck_actions_secondary img:hover {
  opacity: 0.7;
}

/* line 466, app/assets/stylesheets/pages_other/flash_cards.sass */
.flash_card_display {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  font-size: 50px;
  line-height: 42px;
}

/* line 471, app/assets/stylesheets/pages_other/flash_cards.sass */
.flash_card_display .valign_outer {
  position: absolute;
  top: 3px;
  left: 3px;
  z-index: 1;
}

/* line 476, app/assets/stylesheets/pages_other/flash_cards.sass */
.flash_card_display .valign_scroller img {
  border-radius: 4px;
}

/* line 478, app/assets/stylesheets/pages_other/flash_cards.sass */
.flash_card_display .audio_wrapper {
  position: absolute;
  text-align: center;
  margin: 0.4em;
  font-size: 11px;
  width: 25%;
  line-height: 18px;
}

/* line 485, app/assets/stylesheets/pages_other/flash_cards.sass */
.flash_card_display .audio_wrapper div {
  width: auto;
}

/* line 487, app/assets/stylesheets/pages_other/flash_cards.sass */
.flash_card_display .audio_wrapper .custom_timer, .flash_card_display .audio_wrapper .custom_volume {
  display: none;
}

/* line 489, app/assets/stylesheets/pages_other/flash_cards.sass */
.flash_card_display .audio_wrapper .custom_volume {
  width: 50%;
}

/* line 492, app/assets/stylesheets/pages_other/flash_cards.sass */
.flash_card_display.question, .flash_card.question,
.flash_card_display.answer, .flash_card.answer {
  color: #FFF;
  height: 340px;
  width: 530px;
}

/* line 497, app/assets/stylesheets/pages_other/flash_cards.sass */
.flash_card_display.question .flashcard_bg_colour, .flash_card.question .flashcard_bg_colour,
.flash_card_display.answer .flashcard_bg_colour, .flash_card.answer .flashcard_bg_colour {
  transition: background-color .15s linear;
  height: 300px;
  width: 500px;
  border-radius: 5px;
}

/* line 502, app/assets/stylesheets/pages_other/flash_cards.sass */
.flash_card_display.question .flashcard_shadow, .flash_card.question .flashcard_shadow,
.flash_card_display.answer .flashcard_shadow, .flash_card.answer .flashcard_shadow {
  width: 530px;
  height: 40px;
  background-image: url(/assets/flashcard_shadow.png);
  margin-left: -15px;
}

/* line 510, app/assets/stylesheets/pages_other/flash_cards.sass */
.flash_card.highlighted {
  background: #555533;
}

/* line 514, app/assets/stylesheets/pages_other/flash_cards.sass */
div.card_fade {
  width: 80px;
  height: 40px;
  position: absolute;
  z-index: 500;
}

/* line 521, app/assets/stylesheets/pages_other/flash_cards.sass */
div.card_fade.left {
  float: left;
  background: url(/images/fade-left.png);
  position: relative;
  left: -1px;
}

/* line 528, app/assets/stylesheets/pages_other/flash_cards.sass */
div.card_fade.right {
  float: right;
  background: url(/images/fade-right.png);
  position: relative;
  right: -1px;
}

/* line 535, app/assets/stylesheets/pages_other/flash_cards.sass */
.flash_card.correct .tick {
  width: 32px;
  height: 32px;
  background: url(/images/tick.png);
  position: absolute;
  top: 60px;
  left: -60px;
}

/* line 543, app/assets/stylesheets/pages_other/flash_cards.sass */
.flash_card_display, .flash_card {
  border-radius: 5px;
  margin: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px;
  text-align: center;
  width: 500px;
  font-weight: 200;
}

/* line 552, app/assets/stylesheets/pages_other/flash_cards.sass */
.flash_card_display .valign_content, .flash_card .valign_content {
  word-wrap: break;
  height: 300px;
  overflow: hidden !important;
}

/* line 556, app/assets/stylesheets/pages_other/flash_cards.sass */
.flash_card_display .valign_content .valign_scroller, .flash_card .valign_content .valign_scroller {
  height: 300px;
  max-height: 300px;
  padding: 15px;
}

/* line 560, app/assets/stylesheets/pages_other/flash_cards.sass */
.flash_card_display .valign_content .valign_scroller .text_container, .flash_card .valign_content .valign_scroller .text_container {
  width: 100%;
  overflow: hidden;
  padding-bottom: 4px;
}

/* line 564, app/assets/stylesheets/pages_other/flash_cards.sass */
.flash_card_display .valign_content .valign_scroller img, .flash_card .valign_content .valign_scroller img {
  max-width: 470px;
  max-height: 270px;
}

/* line 568, app/assets/stylesheets/pages_other/flash_cards.sass */
.flash_card_display .valign_content .valign_scroller .right_align_image .text_container, .flash_card .valign_content .valign_scroller .right_align_image .text_container {
  width: 235px;
  float: left;
  padding-right: 10px;
}

/* line 572, app/assets/stylesheets/pages_other/flash_cards.sass */
.flash_card_display .valign_content .valign_scroller .right_align_image img, .flash_card .valign_content .valign_scroller .right_align_image img {
  max-height: 270px;
  max-width: 235px;
}

/* line 576, app/assets/stylesheets/pages_other/flash_cards.sass */
.flash_card_display .valign_content .valign_scroller .left_align_image .text_container, .flash_card .valign_content .valign_scroller .left_align_image .text_container {
  width: 235px;
  float: right;
  padding-left: 10px;
}

/* line 580, app/assets/stylesheets/pages_other/flash_cards.sass */
.flash_card_display .valign_content .valign_scroller .left_align_image img, .flash_card .valign_content .valign_scroller .left_align_image img {
  max-height: 270px;
  max-width: 235px;
}

/* line 584, app/assets/stylesheets/pages_other/flash_cards.sass */
.flash_card_display .valign_content .valign_scroller .top_align_image .text_container, .flash_card .valign_content .valign_scroller .top_align_image .text_container {
  position: absolute;
  top: 150px;
  left: 0;
  padding-right: 15px;
  padding-left: 15px;
  margin-top: 10px;
  max-height: 125px;
}

/* line 592, app/assets/stylesheets/pages_other/flash_cards.sass */
.flash_card_display .valign_content .valign_scroller .top_align_image img, .flash_card .valign_content .valign_scroller .top_align_image img {
  position: relative;
  top: -66px;
  max-height: 135px;
  max-width: 470px;
}

/* line 598, app/assets/stylesheets/pages_other/flash_cards.sass */
.flash_card_display .valign_content .valign_scroller .bottom_align_image .text_container, .flash_card .valign_content .valign_scroller .bottom_align_image .text_container {
  float: left;
  margin-bottom: 10px;
  max-height: 125px;
}

/* line 602, app/assets/stylesheets/pages_other/flash_cards.sass */
.flash_card_display .valign_content .valign_scroller .bottom_align_image img, .flash_card .valign_content .valign_scroller .bottom_align_image img {
  max-height: 135px;
  max-width: 470px;
}

/* line 605, app/assets/stylesheets/pages_other/flash_cards.sass */
.flash_card_display .valign_content .audio_placeholder, .flash_card .valign_content .audio_placeholder {
  display: block;
  opacity: 0.5;
  font-size: 200%;
}

/* line 611, app/assets/stylesheets/pages_other/flash_cards.sass */
.flash_card_display:has(.audio_player) .valign_content .valign_scroller > img, .flash_card:has(.audio_player) .valign_content .valign_scroller > img {
  max-height: 240px;
}

/* line 615, app/assets/stylesheets/pages_other/flash_cards.sass */
.flash_card_display.image .valign_content .valign_scroller, .flash_card.image .valign_content .valign_scroller {
  padding: 0;
}

/* line 617, app/assets/stylesheets/pages_other/flash_cards.sass */
.flash_card_display div, .flash_card div {
  width: 500px;
}

/* line 619, app/assets/stylesheets/pages_other/flash_cards.sass */
.flash_card_display div p, .flash_card_display div li, .flash_card div p, .flash_card div li {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0 0 15px 0;
}

/* line 624, app/assets/stylesheets/pages_other/flash_cards.sass */
.flash_card_display div p:last-child, .flash_card_display div li:last-child, .flash_card div p:last-child, .flash_card div li:last-child {
  margin: 0;
}

/* line 626, app/assets/stylesheets/pages_other/flash_cards.sass */
.flash_card_display div.MathJax_Display, .flash_card div.MathJax_Display {
  width: 100%;
}

/* line 628, app/assets/stylesheets/pages_other/flash_cards.sass */
.flash_card_display .btn, .flash_card .btn {
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: baseline;
  margin: 0 2px;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font: 14px/100% Arial, Helvetica, sans-serif;
  padding: .5em 2em .55em;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  border-radius: .5em;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

/* line 650, app/assets/stylesheets/pages_other/flash_cards.sass */
.flash_card_display .content_wrapper, .flash_card .content_wrapper {
  width: 500px;
}

/* line 653, app/assets/stylesheets/pages_other/flash_cards.sass */
.flash_card {
  margin: 0;
}

/* line 656, app/assets/stylesheets/pages_other/flash_cards.sass */
.draggable {
  cursor: move;
}

/* line 659, app/assets/stylesheets/pages_other/flash_cards.sass */
span.flash_card_text {
  display: block;
}

/* line 662, app/assets/stylesheets/pages_other/flash_cards.sass */
input.flash_card_text {
  border: 0;
  text-align: center;
  width: 100%;
}

/* line 667, app/assets/stylesheets/pages_other/flash_cards.sass */
input.flash_card_text.h1, span.flash_card_text.h1 {
  font-size: 3em;
}

/* line 670, app/assets/stylesheets/pages_other/flash_cards.sass */
input.flash_card_text.h2, span.flash_card_text.h2 {
  font-size: 2em;
}

/* line 673, app/assets/stylesheets/pages_other/flash_cards.sass */
.flash_card_display, .flash_card {
  position: relative;
}

/* line 676, app/assets/stylesheets/pages_other/flash_cards.sass */
#toolbar {
  display: none;
  left: -152px;
  position: absolute;
  top: 20px;
}

/* line 681, app/assets/stylesheets/pages_other/flash_cards.sass */
#toolbar span {
  display: block;
  cursor: pointer;
}

/* line 685, app/assets/stylesheets/pages_other/flash_cards.sass */
.errors {
  color: #b94a48;
}

/* line 688, app/assets/stylesheets/pages_other/flash_cards.sass */
table {
  margin-left: auto;
  margin-right: auto;
}

/* line 689, app/assets/stylesheets/pages_other/flash_cards.sass */
table td {
  vertical-align: middle;
}

/* line 693, app/assets/stylesheets/pages_other/flash_cards.sass */
table ul.errors {
  float: right;
}

/* line 697, app/assets/stylesheets/pages_other/flash_cards.sass */
div#flash_card_carrousel {
  text-align: center;
  height: 32px;
  overflow: hidden;
  white-space: nowrap;
}

/* line 702, app/assets/stylesheets/pages_other/flash_cards.sass */
div#flash_card_carrousel #carrousel_wrapper {
  white-space: nowrap;
  position: absolute;
}

/* line 706, app/assets/stylesheets/pages_other/flash_cards.sass */
div.mini_card {
  border: solid 1px #0076a3;
  color: #999;
  border: solid 1px #b7b7b7;
  background: #fff;
  background-image: linear-gradient(to bottom, #fff, #ededed);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
  cursor: pointer;
  border-radius: 5px;
  border: 1px solid #999;
  width: 50px;
  height: 30px;
  line-height: 30px;
  display: block;
  float: left;
  margin-right: 4px;
}

/* line 724, app/assets/stylesheets/pages_other/flash_cards.sass */
div.mini_card .card_total {
  display: none;
}

/* line 727, app/assets/stylesheets/pages_other/flash_cards.sass */
div.mini_card:hover {
  color: #606060;
  background: #ededed;
  background-image: linear-gradient(to bottom, #fff, #dcdcdc);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}

/* line 733, app/assets/stylesheets/pages_other/flash_cards.sass */
div.mini_card.current {
  color: #606060;
  background-image: linear-gradient(to bottom, #ededed, #fff);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

/* line 737, app/assets/stylesheets/pages_other/flash_cards.sass */
div.mini_card.current .card_number {
  font-weight: bold;
}

/* line 739, app/assets/stylesheets/pages_other/flash_cards.sass */
div.mini_card.current .card_total {
  display: inline;
}

/* line 742, app/assets/stylesheets/pages_other/flash_cards.sass */
.finished {
  display: none;
}

/* line 745, app/assets/stylesheets/pages_other/flash_cards.sass */
.edit_image {
  margin-top: 5px;
}

/* line 748, app/assets/stylesheets/pages_other/flash_cards.sass */
div.wrapper {
  height: 370px;
  width: 100%;
  display: block;
  padding: 50px 10px 10px 10px;
  overflow: visible;
  position: relative;
  margin: 0 auto;
  border-right: 1px solid transparent;
}

/* line 758, app/assets/stylesheets/pages_other/flash_cards.sass */
#coverflow {
  display: inline-block;
  height: 600px;
  width: 800000px;
  position: absolute;
  top: 0px;
  left: 0px;
  padding-top: 0;
  margin-top: 2px;
}

/* line 768, app/assets/stylesheets/pages_other/flash_cards.sass */
#coverflow .coverflowItem {
  width: 500px;
  height: 300px;
  float: left;
  position: relative;
  margin-left: -65.5px;
  margin-right: -69px;
  cursor: pointer;
}

/* line 777, app/assets/stylesheets/pages_other/flash_cards.sass */
#coverflow_loading {
  position: absolute;
  width: 100%;
  top: 0;
  text-align: center;
  font-size: 22px;
  padding-top: 140px;
  color: #909090;
}

/* line 786, app/assets/stylesheets/pages_other/flash_cards.sass */
#sortable {
  list-style-type: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

/* line 791, app/assets/stylesheets/pages_other/flash_cards.sass */
#sortable li {
  margin: 0 3px 3px 3px;
  padding: 0.4em;
  padding-left: 1.5em;
  font-size: 1.4em;
  height: 18px;
  border: none;
}

/* line 798, app/assets/stylesheets/pages_other/flash_cards.sass */
#sortable li span {
  position: absolute;
  margin-left: -1.3em;
}

/* line 804, app/assets/stylesheets/pages_other/flash_cards.sass */
#scroll-pane {
  float: left;
  overflow: auto;
  width: 620px;
  height: 176px;
  position: relative;
  margin-left: 50px;
  margin-bottom: 25px;
  display: inline;
}

/* line 814, app/assets/stylesheets/pages_other/flash_cards.sass */
#sortable {
  position: absolute;
  top: 0;
  left: 0;
}

/* line 819, app/assets/stylesheets/pages_other/flash_cards.sass */
.scroll-content-item {
  background-color: #fcfcfc;
  color: #003366;
  width: 100px;
  height: 100px;
  float: left;
  margin: 10px;
  font-size: 3em;
  line-height: 96px;
  text-align: center;
  border: 1px solid gray;
  display: inline;
}

/* line 832, app/assets/stylesheets/pages_other/flash_cards.sass */
#slider-wrap {
  float: left;
  height: 172px;
  width: 20px;
  border-left: none;
}

/* line 838, app/assets/stylesheets/pages_other/flash_cards.sass */
#slider-vertical {
  margin-left: 5px;
  position: relative;
  height: 100%;
}

/* line 843, app/assets/stylesheets/pages_other/flash_cards.sass */
.ui-slider-handle {
  width: 20px;
  height: 10px;
  margin-left: 5px;
  background-color: darkgray;
  display: block;
  position: absolute;
}

/* line 851, app/assets/stylesheets/pages_other/flash_cards.sass */
.listholder {
  width: 750px;
  margin: 0 auto;
}

/* line 855, app/assets/stylesheets/pages_other/flash_cards.sass */
.pageInfo {
  margin: 0 auto;
  width: 700px;
  clear: both;
  color: white;
  font-size: 12px;
  text-align: center;
}

/* line 865, app/assets/stylesheets/pages_other/flash_cards.sass */
.btn.dont_know_button:hover {
  color: #F5A9BC;
}

/* line 867, app/assets/stylesheets/pages_other/flash_cards.sass */
.btn.dont_know_button .control_icon {
  line-height: 50px;
}

/* line 871, app/assets/stylesheets/pages_other/flash_cards.sass */
.btn.know_button:hover {
  color: #A9F5A9;
}

/* line 874, app/assets/stylesheets/pages_other/flash_cards.sass */
body {
  counter-reset: section;
}

/* line 877, app/assets/stylesheets/pages_other/flash_cards.sass */
.nav_explorer_preview {
  counter-increment: section;
}

/* line 879, app/assets/stylesheets/pages_other/flash_cards.sass */
.nav_explorer_preview:before {
  content: counter(section);
}

/* line 882, app/assets/stylesheets/pages_other/flash_cards.sass */
.drag_icon {
  cursor: move;
}

/* line 884, app/assets/stylesheets/pages_other/flash_cards.sass */
.drag_icon i {
  font-size: 18px;
  color: #bbb;
}

/* line 887, app/assets/stylesheets/pages_other/flash_cards.sass */
.drag_icon i:hover {
  color: #999;
  text-decoration: none;
}

/* line 890, app/assets/stylesheets/pages_other/flash_cards.sass */
.drag_icon img {
  height: 18px;
  width: 4px;
}

/* line 895, app/assets/stylesheets/pages_other/flash_cards.sass */
#flipAllBtn .flipall_text {
  font-size: 10px;
  display: inline;
}

/* line 900, app/assets/stylesheets/pages_other/flash_cards.sass */
.flash_card_button_panel .player_center {
  width: 50%;
}

/* line 902, app/assets/stylesheets/pages_other/flash_cards.sass */
.flash_card_button_panel .player_center .player_prev, .flash_card_button_panel .player_center .player_next {
  float: none;
}

/* line 907, app/assets/stylesheets/pages_other/flash_cards.sass */
.score_intro {
  font-size: 12px;
}

/* line 910, app/assets/stylesheets/pages_other/flash_cards.sass */
#flash_card_deck_score {
  padding-top: 10px;
}

/* line 912, app/assets/stylesheets/pages_other/flash_cards.sass */
#flash_card_deck_score .instructions {
  font-size: 10px;
  font-style: italic;
  width: 50%;
}

/* line 918, app/assets/stylesheets/pages_other/flash_cards.sass */
.flash_card_deck #retry_fcd, .flash_card_deck #performance_stats {
  margin: 10px auto 0 auto;
}

/* line 921, app/assets/stylesheets/pages_other/flash_cards.sass */
#navigation_arrows {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  z-index: 1000;
  padding-top: 20px;
}

/* line 929, app/assets/stylesheets/pages_other/flash_cards.sass */
#navigation_arrows #arrow_wrapper {
  margin: auto;
  width: 800px;
  position: relative;
}

/* line 933, app/assets/stylesheets/pages_other/flash_cards.sass */
#navigation_arrows #arrow_wrapper #previous, #navigation_arrows #arrow_wrapper #next {
  font-size: 200px;
  position: absolute;
  color: #fff;
  opacity: 0.3;
  cursor: pointer;
  transition: opacity 0.5s;
}

/* line 940, app/assets/stylesheets/pages_other/flash_cards.sass */
#navigation_arrows #arrow_wrapper #previous:hover, #navigation_arrows #arrow_wrapper #next:hover {
  opacity: 0.6;
}

/* line 942, app/assets/stylesheets/pages_other/flash_cards.sass */
#navigation_arrows #arrow_wrapper #previous.disabled, #navigation_arrows #arrow_wrapper #next.disabled {
  opacity: 0;
  cursor: auto;
}

/* line 945, app/assets/stylesheets/pages_other/flash_cards.sass */
#navigation_arrows #arrow_wrapper #previous.disabled:hover, #navigation_arrows #arrow_wrapper #next.disabled:hover {
  opacity: 0;
}

@media screen and (max-width: 799px) {
  /* line 929, app/assets/stylesheets/pages_other/flash_cards.sass */
  #navigation_arrows #arrow_wrapper {
    width: 600px;
    margin-top: 90px;
  }
  /* line 950, app/assets/stylesheets/pages_other/flash_cards.sass */
  #navigation_arrows #arrow_wrapper #previous, #navigation_arrows #arrow_wrapper #next {
    font-size: 82px;
    opacity: 0.8;
  }
  /* line 953, app/assets/stylesheets/pages_other/flash_cards.sass */
  #navigation_arrows #arrow_wrapper #previous:hover, #navigation_arrows #arrow_wrapper #next:hover {
    opacity: 1;
  }
}

@media screen and (max-width: 599px) {
  /* line 929, app/assets/stylesheets/pages_other/flash_cards.sass */
  #navigation_arrows #arrow_wrapper {
    width: 500px;
    margin-top: 125px;
  }
  /* line 958, app/assets/stylesheets/pages_other/flash_cards.sass */
  #navigation_arrows #arrow_wrapper #previous, #navigation_arrows #arrow_wrapper #next {
    font-size: 32px;
    opacity: 0.8;
  }
  /* line 961, app/assets/stylesheets/pages_other/flash_cards.sass */
  #navigation_arrows #arrow_wrapper #previous:hover, #navigation_arrows #arrow_wrapper #next:hover {
    opacity: 1;
  }
}

/* line 963, app/assets/stylesheets/pages_other/flash_cards.sass */
#navigation_arrows #arrow_wrapper #previous {
  left: 0;
}

/* line 965, app/assets/stylesheets/pages_other/flash_cards.sass */
#navigation_arrows #arrow_wrapper #next {
  right: 0;
}

/* line 970, app/assets/stylesheets/pages_other/flash_cards.sass */
#flash_card_container .flash_card_viewer .no_flash_cards_wrapper {
  width: 100%;
  height: 500px;
  display: table;
}

/* line 974, app/assets/stylesheets/pages_other/flash_cards.sass */
#flash_card_container .flash_card_viewer .no_flash_cards_wrapper .no_flash_cards {
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}

/* line 978, app/assets/stylesheets/pages_other/flash_cards.sass */
#flash_card_container .flash_card_viewer .no_flash_cards_wrapper .no_flash_cards p {
  font-size: 30px;
  color: #272727;
  margin: 0 0 20px 0;
  letter-spacing: -1px;
  line-height: 1.1;
}

@media screen and (max-height: 649px) {
  /* line 985, app/assets/stylesheets/pages_other/flash_cards.sass */
  #flash_card_container .flash_card_viewer .wrapper {
    height: 420px;
  }
  /* line 987, app/assets/stylesheets/pages_other/flash_cards.sass */
  #flash_card_container .flash_card_viewer .wrapper #coverflow {
    padding-top: 10px;
  }
  /* line 989, app/assets/stylesheets/pages_other/flash_cards.sass */
  #flash_card_container .flash_card_viewer .wrapper #navigation_arrows {
    padding-top: 50px;
  }
  /* line 991, app/assets/stylesheets/pages_other/flash_cards.sass */
  #flash_card_container .flash_card_viewer .flash_card_deck_and_deck_specific_buttons .deck_actions_secondary {
    bottom: -70px;
  }
}

@media screen and (max-height: 595px) {
  /* line 994, app/assets/stylesheets/pages_other/flash_cards.sass */
  #flash_card_container .flash_card_viewer .wrapper {
    height: 380px;
  }
  /* line 996, app/assets/stylesheets/pages_other/flash_cards.sass */
  #flash_card_container .flash_card_viewer .wrapper #coverflow {
    padding-top: 10px;
  }
  /* line 998, app/assets/stylesheets/pages_other/flash_cards.sass */
  #flash_card_container .flash_card_viewer .wrapper #navigation_arrows {
    padding-top: 50px;
  }
  /* line 1000, app/assets/stylesheets/pages_other/flash_cards.sass */
  #flash_card_container .flash_card_viewer .flash_card_deck_and_deck_specific_buttons .deck_actions_secondary {
    bottom: -70px;
  }
}

/* line 1003, app/assets/stylesheets/pages_other/flash_cards.sass */
#flash_card_deck_results_summary {
  visibility: hidden;
}

/* line 1005, app/assets/stylesheets/pages_other/flash_cards.sass */
#flash_card_deck_results_summary .vert_cent_inner {
  vertical-align: middle;
}

/* line 1009, app/assets/stylesheets/pages_other/flash_cards.sass */
.flashcard_bg_fade {
  position: absolute;
  height: 300px;
}

/* line 1015, app/assets/stylesheets/pages_other/flash_cards.sass */
.flash_card_deck_action_bar_container #toolbar_2 .toolbar_section_label {
  margin-left: 6px !important;
}

/* line 1019, app/assets/stylesheets/pages_other/flash_cards.sass */
.layout_options .remove_image_btn {
  padding: 0;
  margin-left: 5px;
}

/* line 1024, app/assets/stylesheets/pages_other/flash_cards.sass */
.flash_card_edit_side_title {
  display: none;
}

/* line 1026, app/assets/stylesheets/pages_other/flash_cards.sass */
.flash_card_edit_titles {
  text-align: center;
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 14px;
  margin-top: 25px;
}

/* line 1032, app/assets/stylesheets/pages_other/flash_cards.sass */
.flash_card_edit_titles .question_label {
  margin-left: -20px;
}

/* line 1034, app/assets/stylesheets/pages_other/flash_cards.sass */
.flash_card_edit_titles .answer_label {
  margin-left: 40px;
}

/* line 1038, app/assets/stylesheets/pages_other/flash_cards.sass */
#flash_card_edit_container {
  position: fixed;
  right: 0;
  left: 0;
  bottom: 27px;
  overflow: auto;
  top: 135px;
}

@media screen and (max-width: 1200px) {
  /* line 1038, app/assets/stylesheets/pages_other/flash_cards.sass */
  #flash_card_edit_container {
    top: 176px;
  }
}

@media screen and (max-width: 991px) {
  /* line 1038, app/assets/stylesheets/pages_other/flash_cards.sass */
  #flash_card_edit_container {
    top: 204px;
  }
}

@media screen and (max-width: 768px) {
  /* line 1038, app/assets/stylesheets/pages_other/flash_cards.sass */
  #flash_card_edit_container {
    top: 245px;
  }
}

/* line 1053, app/assets/stylesheets/pages_other/flash_cards.sass */
#hide_known_fc {
  text-align: center;
  position: absolute;
  bottom: -110px;
  width: 100%;
  z-index: 10;
}

/* line 1061, app/assets/stylesheets/pages_other/flash_cards.sass */
#hide_known {
  cursor: pointer;
  font-size: 11px;
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 5px;
  transition: all .3s linear;
}

/* line 1069, app/assets/stylesheets/pages_other/flash_cards.sass */
#hide_known i {
  width: 12px;
  display: inline-block;
}

/* line 1072, app/assets/stylesheets/pages_other/flash_cards.sass */
#hide_known .checked,
#hide_known .unchecked {
  position: relative;
  top: -1px;
  padding-right: 2px;
}

/* line 1077, app/assets/stylesheets/pages_other/flash_cards.sass */
#hide_known .checked img,
#hide_known .unchecked img {
  width: 12px;
}

/* line 1079, app/assets/stylesheets/pages_other/flash_cards.sass */
#hide_known .checked {
  display: none;
}

/* line 1081, app/assets/stylesheets/pages_other/flash_cards.sass */
#hide_known:hover {
  border-color: #aaa;
}

/* line 1083, app/assets/stylesheets/pages_other/flash_cards.sass */
#hide_known.active {
  border-color: #999;
}

/* line 1085, app/assets/stylesheets/pages_other/flash_cards.sass */
#hide_known.active .checked {
  display: inline-block;
}

/* line 1087, app/assets/stylesheets/pages_other/flash_cards.sass */
#hide_known.active .unchecked {
  display: none;
}

/* line 1090, app/assets/stylesheets/pages_other/flash_cards.sass */
#all_cards_known {
  text-align: center;
  position: absolute;
  top: 110px;
  width: 100%;
  z-index: 10;
  font-size: 32px;
}

/* line 1097, app/assets/stylesheets/pages_other/flash_cards.sass */
#all_cards_known i {
  display: block;
  font-size: 56px;
  color: #C4D564;
  margin-bottom: 15px;
}

/* line 1105, app/assets/stylesheets/pages_other/flash_cards.sass */
#flash_card_deck_container {
  height: 100%;
  overflow: auto;
}

/* line 1108, app/assets/stylesheets/pages_other/flash_cards.sass */
#flash_card_deck_container .perform_cta {
  text-align: center;
  margin: 20px 0px 5px 0px;
}

/* line 1111, app/assets/stylesheets/pages_other/flash_cards.sass */
#flash_card_deck_container .perform_cta .btn.btn-success {
  font-size: 200%;
}

/* line 1113, app/assets/stylesheets/pages_other/flash_cards.sass */
#flash_card_deck_container .existing_flash_card {
  border: none;
}

/* line 1115, app/assets/stylesheets/pages_other/flash_cards.sass */
#flash_card_deck_container .existing_flash_card:selected {
  background: none;
}

/* line 1117, app/assets/stylesheets/pages_other/flash_cards.sass */
#flash_card_deck_container .existing_flash_card:hover {
  background: none;
}

/* line 1119, app/assets/stylesheets/pages_other/flash_cards.sass */
#flash_card_deck_container .existing_flash_card .drag_icon, #flash_card_deck_container .existing_flash_card .image_controls, #flash_card_deck_container .existing_flash_card .placeholder {
  display: none;
}
/* line 3, app/assets/stylesheets/shared/audio_player.sass */
.audio_player {
  display: inline-block;
  position: relative;
  width: auto;
  min-width: 40px;
  font-size: 130%;
  text-align: center;
}

/* line 10, app/assets/stylesheets/shared/audio_player.sass */
.audio_player .custom_player {
  border: 1px solid #cccccc;
  border-radius: 5px;
  background: #fcfcfc;
  padding: 0.2em 0.5em;
  color: black;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

/* line 20, app/assets/stylesheets/shared/audio_player.sass */
.audio_player .custom_player .speaker_icon {
  position: absolute;
  top: -5px;
  left: -5px;
}

/* line 24, app/assets/stylesheets/shared/audio_player.sass */
.audio_player .custom_player .custom_play, .audio_player .custom_player .custom_pause, .audio_player .custom_player .custom_volume, .audio_player .custom_player .custom_timer, .audio_player .custom_player .custom_seek {
  padding: 0 0.4em;
}

/* line 26, app/assets/stylesheets/shared/audio_player.sass */
.audio_player .custom_player .custom_play, .audio_player .custom_player .custom_pause, .audio_player .custom_player .custom_volume, .audio_player .custom_player .custom_seek {
  cursor: pointer;
}

/* line 28, app/assets/stylesheets/shared/audio_player.sass */
.audio_player .custom_player .custom_play, .audio_player .custom_player .custom_pause {
  min-width: 30px;
}

/* line 30, app/assets/stylesheets/shared/audio_player.sass */
.audio_player .custom_player .custom_timer {
  font-size: 60%;
  white-space: nowrap;
}

/* line 34, app/assets/stylesheets/shared/audio_player.sass */
.audio_player .custom_player .custom_volume input[type=range] {
  display: none;
  font-size: 10px;
  width: 25%;
  position: absolute;
  transform: rotate(270deg) translate(12px);
  transform-origin: bottom left;
}

/* line 41, app/assets/stylesheets/shared/audio_player.sass */
.audio_player .custom_player .timer_and_seek {
  display: flex;
  flex-direction: row;
  align-items: center;
}

/* line 45, app/assets/stylesheets/shared/audio_player.sass */
.audio_player .custom_player .timer_and_seek.stacked {
  flex-direction: column-reverse;
}

/* line 48, app/assets/stylesheets/shared/audio_player.sass */
.audio_player .custom_player .custom_seek {
  /*Chrome*/
  /** FF*/
  /* IE*/
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* line 51, app/assets/stylesheets/shared/audio_player.sass */
  .audio_player .custom_player .custom_seek input[type='range'] {
    overflow: hidden;
    width: 100%;
    -webkit-appearance: none;
    background-color: #62b1cc;
  }
  /* line 57, app/assets/stylesheets/shared/audio_player.sass */
  .audio_player .custom_player .custom_seek input[type='range']::-webkit-slider-runnable-track {
    height: 10px;
    -webkit-appearance: none;
    color: red;
    margin-top: -1px;
  }
  /* line 63, app/assets/stylesheets/shared/audio_player.sass */
  .audio_player .custom_player .custom_seek input[type='range']::-webkit-slider-thumb {
    width: 10px;
    -webkit-appearance: none;
    height: 10px;
    cursor: pointer;
    background: #323738;
    box-shadow: -80px 0 0 80px #43e5f7;
  }
}

/* line 72, app/assets/stylesheets/shared/audio_player.sass */
.audio_player .custom_player .custom_seek input[type="range"]::-moz-range-progress {
  background-color: #323738;
}

/* line 74, app/assets/stylesheets/shared/audio_player.sass */
.audio_player .custom_player .custom_seek input[type="range"]::-moz-range-track {
  background-color: #62b1cc;
}

/* line 78, app/assets/stylesheets/shared/audio_player.sass */
.audio_player .custom_player .custom_seek input[type="range"]::-ms-fill-lower {
  background-color: #323738;
}

/* line 80, app/assets/stylesheets/shared/audio_player.sass */
.audio_player .custom_player .custom_seek input[type="range"]::-ms-fill-upper {
  background-color: #62b1cc;
}

/* line 85, app/assets/stylesheets/shared/audio_player.sass */
.audio_player.labels_bottom .custom_player .speaker_icon {
  top: auto;
  bottom: -5px;
}

/* line 89, app/assets/stylesheets/shared/audio_player.sass */
.audio_player.labels_bottom .custom_player .custom_volume input[type=range] {
  transform: translate(-20%) rotate(90deg) translate(5%);
}
/* line 6, app/assets/stylesheets/mobile/edit_mode.sass */
body.mobile .alert {
  position: fixed;
  top: 4em;
  z-index: 9;
  width: 90%;
}

/* line 11, app/assets/stylesheets/mobile/edit_mode.sass */
body.mobile .alert.fade.in {
  opacity: 0.9;
}

/* line 14, app/assets/stylesheets/mobile/edit_mode.sass */
body.mobile .edit_meta_modal .modal-header {
  display: none;
}

/* line 16, app/assets/stylesheets/mobile/edit_mode.sass */
body.mobile .edit_meta_modal .boxed {
  border: none;
  background: none;
  padding: 0.5em;
}

/* line 20, app/assets/stylesheets/mobile/edit_mode.sass */
body.mobile .flex {
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
}

/* line 26, app/assets/stylesheets/mobile/edit_mode.sass */
body.mobile #main_toolbar .toolbar_section {
  margin: 0;
  display: flex;
}

/* line 29, app/assets/stylesheets/mobile/edit_mode.sass */
body.mobile #main_toolbar #expand_collapse_secondary .btn.action {
  font-size: 120%;
  padding: 0 0.5em;
}

/* line 32, app/assets/stylesheets/mobile/edit_mode.sass */
body.mobile #main_toolbar #expand_collapse_secondary .btn.action .icon-angle-down {
  display: block;
}

/* line 34, app/assets/stylesheets/mobile/edit_mode.sass */
body.mobile #main_toolbar #expand_collapse_secondary .btn.action .icon-angle-up {
  display: none;
}

/* line 37, app/assets/stylesheets/mobile/edit_mode.sass */
body.mobile #main_toolbar #expand_collapse_secondary .btn.action.expanded .icon-angle-down {
  display: none;
}

/* line 39, app/assets/stylesheets/mobile/edit_mode.sass */
body.mobile #main_toolbar #expand_collapse_secondary .btn.action.expanded .icon-angle-up {
  display: block;
}

/* line 41, app/assets/stylesheets/mobile/edit_mode.sass */
body.mobile #main_toolbar #toolbar_2 {
  background: #F5F5F5;
  margin-top: 0;
  padding-top: 0.2em;
  padding-bottom: 1em;
}

/* line 46, app/assets/stylesheets/mobile/edit_mode.sass */
body.mobile #main_toolbar #toolbar_2 h3 {
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 80%;
}

/* line 51, app/assets/stylesheets/mobile/edit_mode.sass */
body.mobile #main_toolbar #toolbar_2 .toolbar_section {
  display: flex;
  flex-direction: row;
}

/* line 54, app/assets/stylesheets/mobile/edit_mode.sass */
body.mobile #main_toolbar #toolbar_2 .side_options {
  width: 100%;
}

/* line 56, app/assets/stylesheets/mobile/edit_mode.sass */
body.mobile #main_toolbar #toolbar_2 .flex {
  border-top: 1px dotted #a1b0b3;
  padding-top: 0.5em;
  margin-bottom: 0.5em;
}

/* line 61, app/assets/stylesheets/mobile/edit_mode.sass */
body.mobile #main_toolbar #toolbar_2 .pull-right .font_picker.dropdown-menu, body.mobile #main_toolbar #toolbar_2 .pull-right .colour_picker_dropdown.dropdown-menu {
  left: unset;
  right: 0;
}

@media screen and (orientation: landscape) {
  /* line 67, app/assets/stylesheets/mobile/edit_mode.sass */
  body.mobile.mind_map {
    overflow-y: hidden;
  }
  /* line 69, app/assets/stylesheets/mobile/edit_mode.sass */
  body.mobile #wrap {
    margin: 0;
    padding: 0;
  }
  /* line 72, app/assets/stylesheets/mobile/edit_mode.sass */
  body.mobile #wrap #contents_pane .contents_wrap {
    height: 100%;
  }
}
/* line 2, app/assets/stylesheets/mobile/flash_card_decks.sass */
body.mobile.flash_card_deck #flash_card_edit_container {
  top: 81px;
  margin: 0 0.2em;
  transition: top 500ms ease-in-out;
}

/* line 6, app/assets/stylesheets/mobile/flash_card_decks.sass */
body.mobile.flash_card_deck #flash_card_edit_container.secondary_toolbar_visible {
  top: 208px;
}

/* line 9, app/assets/stylesheets/mobile/flash_card_decks.sass */
body.mobile.flash_card_deck .side_edit {
  width: 100%;
  display: flex;
  flex-direction: column;
}

/* line 10, app/assets/stylesheets/mobile/flash_card_decks.sass */
body.mobile.flash_card_deck .side_edit .placeholder {
  display: none;
}

/* line 15, app/assets/stylesheets/mobile/flash_card_decks.sass */
body.mobile.flash_card_deck .side_edit .side {
  margin-bottom: 0.5em;
}

/* line 17, app/assets/stylesheets/mobile/flash_card_decks.sass */
body.mobile.flash_card_deck .side_edit .flash_card_edit_side_title {
  display: block;
  width: 100%;
  text-align: center;
  font-weight: bold;
}

/* line 22, app/assets/stylesheets/mobile/flash_card_decks.sass */
body.mobile.flash_card_deck .flash_card_edit_side, body.mobile.flash_card_deck .existing_flash_card .side_edit .side {
  width: 100%;
}

@media (orientation: landscape) {
  /* line 25, app/assets/stylesheets/mobile/flash_card_decks.sass */
  body.mobile.flash_card_deck #flash_card_edit_container {
    top: 70px;
  }
  /* line 27, app/assets/stylesheets/mobile/flash_card_decks.sass */
  body.mobile.flash_card_deck #flash_card_edit_container.secondary_toolbar_visible {
    top: 215px;
  }
  /* line 29, app/assets/stylesheets/mobile/flash_card_decks.sass */
  body.mobile.flash_card_deck .side_edit {
    flex-direction: row;
  }
}

/* line 31, app/assets/stylesheets/mobile/flash_card_decks.sass */
body.mobile.flash_card_deck .existing_flash_card {
  opacity: 0.5;
}

/* line 33, app/assets/stylesheets/mobile/flash_card_decks.sass */
body.mobile.flash_card_deck .existing_flash_card.selected {
  opacity: 1.0;
}

/* line 37, app/assets/stylesheets/mobile/flash_card_decks.sass */
body.mobile.flash_card_deck .side_template {
  position: relative;
}

/* line 39, app/assets/stylesheets/mobile/flash_card_decks.sass */
body.mobile.flash_card_deck .side_template .text_preview_container.text_only {
  width: 100%;
}

/* line 41, app/assets/stylesheets/mobile/flash_card_decks.sass */
body.mobile.flash_card_deck .side_template .img_preview_container.text_only {
  display: none;
}

/* line 43, app/assets/stylesheets/mobile/flash_card_decks.sass */
body.mobile.flash_card_deck .side_template .text_preview_container.image_only {
  display: none;
}

/* line 45, app/assets/stylesheets/mobile/flash_card_decks.sass */
body.mobile.flash_card_deck .side_template .img_preview_container.image_only {
  width: 95%;
}

/* line 47, app/assets/stylesheets/mobile/flash_card_decks.sass */
body.mobile.flash_card_deck .side_template .text_preview_container.left_align_image {
  left: 50%;
  width: 50%;
}

/* line 50, app/assets/stylesheets/mobile/flash_card_decks.sass */
body.mobile.flash_card_deck .side_template .img_preview_container.left_align_image {
  width: 50%;
}

/* line 52, app/assets/stylesheets/mobile/flash_card_decks.sass */
body.mobile.flash_card_deck .side_template .text_preview_container.right_align_image {
  width: 50%;
}

/* line 54, app/assets/stylesheets/mobile/flash_card_decks.sass */
body.mobile.flash_card_deck .side_template .img_preview_container.right_align_image {
  width: 50%;
  left: 50%;
}

/* line 57, app/assets/stylesheets/mobile/flash_card_decks.sass */
body.mobile.flash_card_deck .side_template .img_preview_container.top_align_image {
  width: 100%;
}

/* line 59, app/assets/stylesheets/mobile/flash_card_decks.sass */
body.mobile.flash_card_deck .side_template .text_preview_container.top_align_image {
  width: 100%;
}

/* line 61, app/assets/stylesheets/mobile/flash_card_decks.sass */
body.mobile.flash_card_deck .side_template .text_preview_container.bottom_align_image {
  width: 100%;
}

/* line 63, app/assets/stylesheets/mobile/flash_card_decks.sass */
body.mobile.flash_card_deck .side_template .img_preview_container.bottom_align_image {
  width: 100%;
}

/* line 65, app/assets/stylesheets/mobile/flash_card_decks.sass */
body.mobile.flash_card_deck .side_template .dummy_text_preview_container.left_align_image {
  width: 50%;
}

/* line 67, app/assets/stylesheets/mobile/flash_card_decks.sass */
body.mobile.flash_card_deck .side_template .dummy_text_preview_container.right_align_image {
  width: 50%;
}

/* line 72, app/assets/stylesheets/mobile/flash_card_decks.sass */
body.mobile.flash_card_deck #main_toolbar #toolbar_2 .options_wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

@media screen and (max-width: 360px) {
  /* line 80, app/assets/stylesheets/mobile/flash_card_decks.sass */
  body.mobile.flash_card_deck #main_toolbar #toolbar_2 .toolbar_section_label {
    display: none;
  }
}
/*




 */