a,
.add-bookmark,
.add_new_note,
.annotations,
.annotations-toolbar,
#annotations-toolbox,
.back,
.book .chapter,
.bookmarks,
.btn,
.button,
button,
.choice_interaction,
.cke_wysiwyg_frame,
.close,
#close-fullscreen-video,
.clue-link,
.colouring_view .highlighter,
.colouring_view circle,
.colouring_view path,
.colouring_view rect,
[data-audio-uid],
[data-event],
[data-level],
.ddm,
dir2_view .panel,
.ebook-notes .export,
.ebook-notes .next,
.ebook-notes .page-number,
.ebook-notes .prev,
.ebook-notes .save,
.erase_all_no,
.erase_all_notes,
.erase_all_yes,
.erase_note,
.eraser-toggle,
.expandable-question,
.fc_view > *,
#first-slide,
.full_screen,
.go-first,
.go-last,
.go-next,
.go-previous,
.go-toc,
.hotspot,
.icon-collapse,
.icon-delete,
.icon-expand,
.info-text,
input,
.input-checkbox,
.input-radio,
.input-select-horizontal,
.input-text,
#last-slide,
.link,
.ll_element_view,
.ll_view.multiple,
.markable,
.modal-backdrop,
.mute_button,
.nav-button,
#next-slide,
.note_options,
.notes,
#notes > *,
#page-close,
.page-label .page-number,
.page-label .title,
.panel .front,
.pause,
.per-screen-switch span.check,
.play,
.play-button,
.playbutton,
#prev-slide,
.print_all_notes,
.print_note,
.progress_area,
.radio-section,
.remove-bookmark,
.reset_position,
.resources,
.rich-dropdown,
.send_all_notes,
.send_note,
#slide-default-order,
#slide-delay-dec,
#slide-delay-inc,
#slide-play,
#slide-show-decode,
#slide-shuffle-order,
#soundchart .tile,
.sound-mute,
.sound-pause,
.sound-play,
.sound-stop,
.sound-unmute,
.stop,
.subtitles_button,
.syllabify-break,
.syllabify-gap,
.syllabify-letter,
textarea,
.tgm .click,
.thumbnail,
.toc-entry,
.toggle-text,
.toolbar_tray,
.tools,
.transcript_button,
.transcript p,
.trigger-link,
.trigger-word,
.user-selection-confirm,
.volume li,
.wiki,
#wiki-history-panel li,
.wordsearch_view,
.wt9 .rect,
.wt9 text,
.zoom-in,
.zoom-out,
.image-as-trigger .play-button,
.ui-draggable-dragging .has_audio_attached .drag_audio_player,
.interaction.drag-drop .has_audio_attached .drag_audio_player {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}
/* global */
.content-wrap ol {
  list-style-type: decimal;
  margin-left: 4px;
  padding-left: 35px;
  margin: 5px 0px 5px 0px;
}
.content-wrap ul {
  list-style: square;
  margin-left: 0;
  padding-left: 30px;
  margin: 5px 0px 5px 0px;
}
textarea {
  font: 14px/1.5 Arial, sans-serif;
  resize: none;
}
#interaction {
  line-height: 28px;
}
.content-wrap {
  /* Added MLG 2012-07-25 #13 */
  min-height: 400px;
  z-index: 0;
  clear: both;
  display: block;
  /*overflow: hidden;*/
  position: relative;
}
.content-wrap.out-of-flow {
  visibility: hidden;
  position: absolute;
  top: -9999px;
}
#model_text {
  font-size: 13px;
}
.contentblock {
  background: none repeat scroll 0 0;
  color: #333333;
  font-size: 14px;
  line-height: 21px;
  border-collapse: separate;
  margin: 10px 0 7px 0;
}
#fb-mo-layer {
  border: 1px solid #000000;
  display: inline-block;
  position: absolute;
  font-size: 12px;
  background-color: #FFFFFF;
}
#fb-mo-layer span {
  padding: 0px 4px;
}
/* default table styles */
/* add some padding for global (layout) tables */
table td {
  padding: 0 4px 0 0;
}
table.table-default,
table:not([class]),
table[class=""] {
  background-color: #E5EDF1;
}
.table-default th {
  background: none repeat scroll 0 0 #808B90;
  border-right: 3px solid #FFFFFF;
  color: #FFFFFF;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}
.table-default td,
.table-default th {
  border-bottom: 3px solid #FFFFFF;
  padding: 3px 8px 4px;
}
.contentblock p,
.interaction.ic-free-writing-2-col .radio-section {
  padding: 0;
}
.contentblock td .subnumber {
  color: #4DB2DC;
  font-size: 10px;
  font-weight: bold;
}
prompt {
  clear: both;
  display: block;
}
/*
  default settings for feedback
*/
#feedback {
  position: absolute;
  padding: 2px 4px 2px 4px;
}
.fb_correct {
  border: 1px solid #006600;
  background-color: #DAF3CF;
}
.fb_wrong {
  border: 1px solid #E10000;
  background-color: #FFE6E6;
}
.view-text {
  display: none;
}
/* class for option 021 reveal object */
.opt-021-hidden {
  display: none;
}
/* multiple select */
.multipleselect > .element {
  position: relative;
  width: 200px;
}
.multipleselect > .element > .content {
  display: inline;
  margin-left: 5px;
}
/* single select */
.singleselect > .element {
  position: relative;
  width: 200px;
}
.singleselect > .element > .content {
  display: inline;
}
.fb {
  cursor: pointer;
}
/* feedback ??? */
.toggle-text {
  margin: 0 2px 0 0px;
  color: rgba(110, 110, 110, 1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: none;
  min-height: 21px;
  line-height: 21px;
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  padding: 0 6px;
  display: inline-block;
  background: rgba(237, 237, 237, 1);
  position: relative;
  cursor: pointer;
}
.validation-message {
  position: absolute;
  top: 50px;
  right: 20px;
  background-color: white;
  border: 2px black solid;
  padding: 5px;
}
.hidden {
  visibility: hidden;
}
.is-media-zone.ui-tabs .tab {
  position: relative;
}
/* #2091 workaround for scrollbars in Chrome OSX with iFrames and flash objects inside */
.custom-scrollbar::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
.custom-scrollbar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 0 4px #fff;
  box-shadow: inset 0 0 0 4px #fff;
  background: rgba(0,0,0,0.1);
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: rgba(0,0,0,0.4);
}
/* #2342 non-breakable gaps */
.element-wrap {
  white-space: nowrap;
}
.element-wrap .info-text {
  white-space: normal;
}
.is-media-zone:not(.ui-tabs) > *:not(.v_a_media):not(.optionexpand):not(.radio-accordion-open-alert) {
  overflow: auto;
}
.is-media-zone .tts_wrap {
  overflow: visible !important;
}
.is-media-zone .tts_wrap .playbutton,
.is-media-zone .tts_wrap .image-as-trigger .play-button,
.is-media-zone .tts_wrap .ui-draggable-dragging .has_audio_attached .drag_audio_player,
.is-media-zone .tts_wrap .interaction.drag-drop .has_audio_attached .drag_audio_player {
  position: absolute !important;
}
.is-media-zone > .optionexpand {
  overflow: visible;
}
/* #4953 inlinetextinput syntax should display inline */
.text-area-content.inline {
  display: inline-block;
}
/* #4890 no spin box for inputs number */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
.check.feedback-force-display .tooltip {
  display: block !important;
}
.has-mathml {
  display: inline-block;
}
/* Exam timer */
.exam-timer.warning .time {
  display: none;
}
.exam-timer:not(.warning) .timer-message {
  display: none;
}
#debug_toolbar {
  /* GRADIENT */
  background: #fcf299;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fcf299 0%, #f1da36 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcf299), color-stop(100%, #f1da36));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fcf299 0%, #f1da36 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fcf299 0%, #f1da36 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fcf299 0%, #f1da36 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #fcf299 0%, #f1da36 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcf299', endColorstr='#f1da36', GradientType=0);
  /* IE6-9 */
  /* END GRADIENT */
  padding: 0;
  margin: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  font-size: 10pt;
  z-index: 2147483647;
  opacity: 0.8;
}
.debugInfo td,
.debugEditor tr {
  padding: 0.15em 0.25em;
}
.debugInfo tr,
.debugEditor tr {
  border-bottom: 1px solid #AAA;
}
.debugInfo table,
.debug-option-editor table {
  width: 90%;
  font-family: monospace;
  font-size: 10pt;
  margin: 1em auto;
}
.debugInfo td.debug-info-title {
  padding-top: 2em;
  font-weight: bold;
  border-color: #555;
}
.debugEditor .option-id-search input {
  width: 3em;
}
#debug_toolbar > div {
  margin: 0;
  padding: 0.25em 1em;
}
#version {
  font-family: Verdana, sans;
  font-size: 10pt;
  color: #777;
  float: right;
}
#close:before {
  content: '×';
}
#drop_areas {
  margin: 150px auto;
  width: 800px;
  line-height: 400px;
  text-align: center;
  font-family: Verdana, sans;
  color: #AAA;
  font-weight: bold;
  font-size: 20px;
}
#lo_area,
#dp_area {
  cursor: pointer;
  width: 300px;
  height: 400px;
  margin: 0 40px;
  border: 10px double #EEE;
  border-radius: 20px;
  float: left;
}
#lo_area.active,
#dp_area.active {
  box-shadow: inset 0 0 15px #AAA;
  border-color: #AAA;
  color: #555;
}
.debug-option-editor .option-buttons {
  width: 100%;
  text-align: center;
}
.check {
  width: 12px;
  height: 12px;
  background: url(../images/engine/tick_cross.png) no-repeat;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 0 2px rgba(255,255,255,0.7);
  -moz-box-shadow: 0 0 0 2px rgba(255,255,255,0.7);
  box-shadow: 0 0 0 2px rgba(255,255,255,0.7);
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.check.correct {
  background-color: #6aa400;
  background-position: 0px -12px;
}
.check.wrong {
  background-color: #a50000;
  background-position: 0px 0px;
  position: relative;
}
.check.wrong_2 {
  background-color: #42aad7;
  background-position: 0px -24px;
}
.check .tooltip {
  position: absolute;
  left: 1em;
  top: 1em;
  display: none;
  z-index: 512;
}
.wrong .tooltip,
.wrong_2 .tooltip {
  border: solid 1px #8af;
  border-radius: 3px;
  background-color: #acf;
  padding: 2px 4px;
  z-index: 512;
}
body:not(.dp-config-nofeedbackhover) .check.wrong:hover .tooltip,
body:not(.dp-config-nofeedbackhover) .check.wrong_2:hover .tooltip {
  display: block;
}
body:not(.dp-config-nofeedbackhover) .check.correct:hover .tooltip {
  display: block;
}
.interaction.drag-drop .drop_area {
  position: relative;
}
.wordpool {
  z-index: 1;
}
.interaction.drag-drop .wordpool .pool .drop_area {
  margin: 4px;
  display: inline-block;
}
.interaction.drag-drop .block .drop_area {
  display: inline-block;
  margin: 2px;
}
.interaction.drag-drop .drag_element {
  cursor: pointer;
  position: relative;
}
.interaction.drag-drop .drag_element.dragged {
  z-index: 5;
  overflow: hidden;
}
.interaction.drag-drop .drag_element.prefilled {
  cursor: default;
}
/* audio player inside a drag */
.interaction.drag-drop .drag_audio_player {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.interaction.drag-drop .drag_item .content.has_audio_attached {
  margin-right: 20px;
  min-height: 1em;
}
.annotations {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 10;
  width: 100%;
  height: 100%;
}
.annotations-toolbar .colors,
.annotations-toolbar .shapes {
  display: none;
}
.annotations-toolbar {
  z-index: 10;
  position: absolute;
}
.annotation-overlay,
.countdown {
  position: absolute;
  z-index: 1000;
}
.sticky-note {
  position: absolute;
  z-index: 1000;
  top: 0;
  left: 0;
}
.straight-line-anchor-point {
  position: absolute;
  height: 7px;
  width: 7px;
  background: url(../images/engine/straight-line-anchor-point.svg) no-repeat;
}
/* Crossword */
.crossword_view {
  position: relative;
}
.crossword_view .cell {
  position: absolute;
}
.crossword_view input {
  position: absolute;
}
.crossword_view .clue-cell-enum {
  position: absolute;
}
.crossword_view .clue-enum {
  float: left;
}
.crossword_view.clues-outside {
  display: flex;
}
.crossword_view.clues-outside .grid {
  flex: 0 0 auto;
}
.crossword_view.clues-outside .clue-list {
  flex: 0 1 auto;
}
.crossword_view .hintLayer img {
  max-width: 200px;
  max-height: 200px;
}
.crossword_view .hint-hor {
  background-image: url(../images/engine/cw-hint-hor.png);
  background-repeat: no-repeat;
  border: 1px solid #049edb !important;
}
.crossword_view .hint-ver {
  background-image: url(../images/engine/cw-hint-ver.png);
  background-repeat: no-repeat;
  border: 1px solid #049edb !important;
}
.interaction.om-text-gap .gap_match_view .drop_area .gap_match_drag {
  width: 100%;
  height: 100%;
}
.interaction.om-text-gap .gap_match_view .drop_area .drag_holder {
  display: inline-block;
}
.interaction.om-text-gap .gap_match_view .gap_match_gap_view {
  vertical-align: baseline;
}
.interaction.om-text-gap.invisible .gap_match_view .wordpool .block .drop_area {
  margin: 0px;
  padding: 0px;
}
.interaction.om-text-gap.invisible .gap_match_view .wordpool .block .drag_holder {
  background: none;
  border: 0px none;
  box-shadow: none;
}
.interaction.om-text-gap .gap_match_view .drop_area .width-measure {
  visibility: hidden;
  display: inline-block;
}
/* similar to player.css element-wrap rule */
.interaction.om-text-gap .gap_match_view .glue-wrap {
  white-space: nowrap;
}
.interaction.om-pairs .left .pool,
.interaction.om-pairs .right .pool {
  width: 208px;
}
.interaction.om-pairs .left .pool {
  float: left;
}
.interaction.om-pairs .right .pool {
  float: right;
}
.interaction.om-pairs .pool:after {
  content: "";
  display: table;
}
.interaction.om-pairs .pool .drop_area {
  display: inline-block;
  vertical-align: top;
}
.interaction.om-pairs .drop_area {
  margin: 0 8px 8px 0;
}
.interaction.om-pairs .ontop .drag_holder {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.interaction.om-pairs .vertical .drag_holder {
  width: 100%;
}
.interaction.om-pairs .place_holder {
  min-height: 20px;
}
.interaction.om-pairs .drag_element {
  z-index: 2000;
}
/* Added MLG 2012-07-26 #32 */
.interaction.om-pairs .wordpool {
  float: none;
  margin: 0;
  margin-bottom: 12px;
}
.interaction.om-pairs .wordpool.left {
  float: left;
  width: 208px;
  margin-right: 10px;
}
.interaction.om-pairs .wordpool.left .drop_item_zone {
  min-width: 208px;
}
.interaction.om-pairs .wordpool.right {
  float: right;
  width: 208px;
  margin-left: 10px;
}
.interaction.om-pairs .wordpool.right .drop_item_zone {
  min-width: 208px;
}
.interaction.om-pairs .wordpool.bottom {
  margin-top: 12px;
  clear: both;
}
.interaction.om-pairs .wordpool:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.interaction.om-pairs .wordpool .drop_item_zone {
  float: left;
  margin: 0 8px 8px 0;
  min-width: 100px;
  /* Must be set via js */
  /* max-width: 200px; Must be set via js */
  min-height: 21px;
}
.interaction.om-pairs .wordpool .drag_item {
  padding: 0 5px;
  z-index: 2000;
}
/*styling drag item - default appearance in drop-zone*/
.interaction.om-pairs .drop_zone .drag_item {
  padding: 0 5px;
  margin-bottom: 5px;
  z-index: 2000;
}
.interaction.om-pairs .drop_zone .drop_item_zone {
  margin: 0;
  width: 100%;
  height: 100%;
  margin-top: -23px;
  top: 0;
  left: 0;
}
.interaction.om-pairs .drop_zone {
  float: left;
  padding: 4px;
  margin-left: 20px;
  margin-bottom: 20px;
}
/*removes spacing from left side of 1st dropzone in a row (as long as each is 1/3rd width) */
.interaction.om-pairs .drop_zone:nth-child(3n+1) {
  margin-left: 0;
}
/*dropzone default heading styles */
.interaction.om-pairs .drop_zone h1 {
  padding: 2px 4px;
  margin: -4px -4px 8px -4px;
}
.interaction.om-pairs .drop_zone .drop_item_zone {
  margin: 0 auto 8px auto;
  width: 100px;
  min-height: 23px;
  padding: 0;
}
.interaction.om-pairs .ui-state-disabled,
.interaction.om-pairs .ui-widget-content .ui-state-disabled,
.interaction.om-pairs .ui-widget-header .ui-state-disabled {
  opacity: 1;
  filter: alpha(opacity=100);
  background-image: none;
}
.interaction.om-pairs .enumanswer {
  float: left;
}
.interaction.om-text-gap-label-an-object .wordpool .block {
  position: relative;
}
.interaction.om-text-gap-label-an-object .gap_match_view.graphic_gap_match_view .gap_match_gap_view {
  position: absolute;
  display: block;
  z-index: 3;
}
.interaction.om-text-gap-label-an-object .gap_match_view.graphic_gap_match_view .gap_match_gap_view.drag-dragged {
  z-index: 4;
}
.interaction.om-number-pyramid .block .drop_area {
  position: absolute;
  /* overrides relative setting in drag-drop.css */
}
.ll_view {
  position: relative;
}
.ll_view.drag {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ll_view .ll_column {
  display: inline-block;
  vertical-align: top;
}
.ll_view .ll_element_view {
  position: relative;
}
.ll_view > canvas,
.ll_view > .raphael-container {
  left: 0;
  position: absolute;
  top: 0;
  z-index: 0;
  pointer-events: none;
}
.ll_view table td.element > div {
  position: relative;
}
.ll_view .ll_element_view > .handle {
  position: absolute;
  right: 0;
  top: 0;
  width: 6px;
  background-color: #9DDBF5;
}
.ll_view .ll_element_view > .handle.left_handle {
  left: 0;
}
.ll_view .ll_element_view > .handle.right_handle {
  right: 0;
}
.is-linking-multiple-lines .toolbar {
  display: inline-block;
}
.is-linking-multiple-lines .eraser {
  height: 20px;
  width: 20px;
}
.is-linking-multiple-lines .ll_view.display-in-rows .ll_column {
  text-align: center;
  display: block;
}
.is-linking-multiple-lines .ll_view.display-in-rows .ll_column .ll_element_view {
  display: inline-block;
}
.is-linking-multiple-lines .ll_view.display-in-rows .ll_element_view > .handle {
  position: relative;
  display: inline-block;
}
.is-linking-multiple-lines .llm-key-table {
  float: right;
  z-index: 2;
  border: 1px solid;
  padding: 8px;
}
.is-linking-multiple-lines .llm-key-table td {
  padding: 6px;
}
.is-linking-multiple-lines .contentblock {
  clear: both;
}
/* Audio Video Player */
/* video js, hide controls */
body .vjs-lock-showing {
  display: none !important;
}
body .vjs-loading-spinner {
  display: none !important;
}
.v_a_media {
  margin-left: 10px;
}
.video_footer:after,
.volume_button:after,
.video_extras:after,
.extras_button:after,
.progress_area:after .play_wrap:after,
.audio_wrapper:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.video_wrapper {
  font: 12px Arial, sans-serif;
  -webkit-transition: -webkit-box-shadow 0.5s;
  -moz-transition: -moz-box-shadow 0.5s;
  -o-transition: box-shadow 0.5s;
  -ms-transition: box-shadow 0.5s;
  transition: box-shadow 0.5s;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: relative;
}
.video_header {
  width: 100%;
  height: 20px;
  background: #f0f0f0 url(../images/engine/video_header_icon.png) no-repeat top right;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;
  border-bottom: solid 1px #aaa;
  -webkit-transition: background-color 0.5s;
}
.the_video {
  width: 100%;
  /*height: 192px;*/
  background: #333;
}
.the_video > .play,
.the_video > .pause {
  position: absolute;
}
.video_wrapper .video-js {
  display: flex;
  width: 100%;
  height: 100%;
}
.video_wrapper:not(.full_screen) video {
  position: static;
  top: auto;
  left: auto;
  max-width: 100%;
  max-height: 100%;
  flex: 1 1 100%;
}
.video_footer {
  width: 100%;
  height: 50px;
  background: #333;
  box-sizing: unset;
}
.progress_area {
  height: 12px;
  width: 100%;
  position: relative;
  background: #666;
  -webkit-box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, .5), 0px 1px 0px 0px #666;
  -moz-box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, .5), 0px 1px 0px 0px #666;
  box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, .5), 0px 1px 0px 0px #666;
  margin-bottom: 7px;
}
.progress_downloaded {
  height: 12px;
  position: absolute;
  z-index: 2;
  background: #cccccc;
  background: #999999;
  background: -moz-linear-gradient(top, rgba(153,153,153,1) 0%, rgba(204,204,204,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(153,153,153,1)), color-stop(100%, rgba(204,204,204,1)));
  background: -webkit-linear-gradient(top, rgba(153,153,153,1) 0%, rgba(204,204,204,1) 100%);
  background: -o-linear-gradient(top, rgba(153,153,153,1) 0%, rgba(204,204,204,1) 100%);
  background: -ms-linear-gradient(top, rgba(153,153,153,1) 0%, rgba(204,204,204,1) 100%);
}
.progress_played {
  height: 12px;
  position: absolute;
  z-index: 3;
  background: #4db2dc;
  background: -moz-linear-gradient(top, rgba(77,178,220,1) 0%, rgba(4,158,219,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(77,178,220,1)), color-stop(100%, rgba(4,158,219,1)));
  background: -webkit-linear-gradient(top, rgba(77,178,220,1) 0%, rgba(4,158,219,1) 100%);
  background: -o-linear-gradient(top, rgba(77,178,220,1) 0%, rgba(4,158,219,1) 100%);
  background: -ms-linear-gradient(top, rgba(77,178,220,1) 0%, rgba(4,158,219,1) 100%);
  background: linear-gradient(top, rgba(77,178,220,1) 0%, rgba(4,158,219,1) 100%);
  /*max-width: 314px;*/
}
.progress_played:after {
  content: "\00a0";
  display: block;
  width: 12px;
  height: 12px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background: #fcfff4;
  background: -moz-linear-gradient(top, rgba(252,255,244,1) 0%, rgba(223,229,215,1) 40%, rgba(179,190,173,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(252,255,244,1)), color-stop(40%, rgba(223,229,215,1)), color-stop(100%, rgba(179,190,173,1)));
  background: -webkit-linear-gradient(top, rgba(252,255,244,1) 0%, rgba(223,229,215,1) 40%, rgba(179,190,173,1) 100%);
  background: -o-linear-gradient(top, rgba(252,255,244,1) 0%, rgba(223,229,215,1) 40%, rgba(179,190,173,1) 100%);
  background: -ms-linear-gradient(top, rgba(252,255,244,1) 0%, rgba(223,229,215,1) 40%, rgba(179,190,173,1) 100%);
  background: linear-gradient(top, rgba(252,255,244,1) 0%, rgba(223,229,215,1) 40%, rgba(179,190,173,1) 100%);
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, .7);
  -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, .7);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, .7);
  float: right;
  margin-right: -6px;
  margin-top: 0;
}
.progress_area:hover .progress_played:after {
  content: "\00a0";
  display: block;
  width: 16px;
  height: 16px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  float: right;
  margin-right: -8px;
  margin-top: -2px;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, .7);
  -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, .7);
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, .7);
}
.timer {
  margin-top: -6px;
  margin-right: 8px;
  height: 24px;
  line-height: 24px;
  color: #fff;
  float: right;
  padding: 3px 6px;
  background: #666;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
  -webkit-box-shadow: inset 0px -1px 0px 0px rgba(255, 255, 255, .2);
  -moz-box-shadow: inset 0px -1px 0px 0px rgba(255, 255, 255, .2);
  box-shadow: inset 0px -1px 0px 0px rgba(255, 255, 255, .2);
  position: relative;
}
.timer:before {
  content: "\00a0";
  position: absolute;
  top: 0;
  left: -5px;
  height: 5px;
  width: 5px;
  background: url(../images/engine/timer_img.png);
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.timer:after {
  content: "\00a0";
  position: absolute;
  top: 0;
  right: -5px;
  height: 5px;
  width: 5px;
  background: url(../images/engine/timer_img.png);
}
/* old player style */
.play_wrap {
  float: left;
}
.play {
  display: block;
  float: left;
  margin-left: 4px;
  height: 24px;
  width: 24px;
  background: url(../images/engine/player_play.png) no-repeat center center;
}
.pause {
  display: block;
  float: left;
  margin-left: 4px;
  height: 24px;
  width: 24px;
  background: url(../images/engine/player_pause.png) no-repeat center center;
}
.play:hover {
  background: url(../images/engine/player_play_hover.png) no-repeat center center;
}
.play:active {
  background: url(../images/engine/player_play_active.png) no-repeat center center;
}
.pause:hover {
  background: url(../images/engine/player_pause_hover.png) no-repeat center center;
}
.pause:active {
  background: url(../images/engine/player_pause_active.png) no-repeat center center;
}
.volume {
  float: left;
  height: 24px;
  margin-left: 15px;
  margin-right: 15px;
}
.mute_button {
  /*padding: 3px 0 3px 28px;*/
  height: 24px;
  background: url(../images/engine/player_mute.png) no-repeat -10px -9px;
}
.mute_button:hover {
  background: url(../images/engine/player_mute_hover.png) no-repeat -10px -9px;
}
.mute_button:active {
  background: url(../images/engine/player_mute_active.png) no-repeat -10px -9px;
}
.volume_button {
  /*padding: 3px 0 3px 28px;*/
  height: 24px;
  background: url(../images/engine/player_volume.png) no-repeat -10px -9px;
}
.volume_button:hover {
  background: url(../images/engine/player_volume_hover.png) no-repeat -10px -9px;
}
.volume_button:active {
  background: url(../images/engine/player_volume_active.png) no-repeat -10px -9px;
}
.volume_button li,
.mute_button li {
  float: right;
}
.volume_button > li,
.mute_button > li {
  display: block;
  position: relative;
  width: 6px;
  height: 18px;
  background: #999;
  border-right: 1px solid #333;
  margin-top: 3px;
}
.volume_button > li.volume-bar-active,
.mute_button > li.volume-bar-active {
  background: #4DB2DC;
}
.volume_button > li:hover {
  height: 21px;
  margin-top: 0;
  -webkit-transition: height 0.2s, margin-top 0.2s;
  -moz-transition: height 0.2s, margin-top 0.2s;
  -o-transition: height 0.2s, margin-top 0.2s;
  transition: height 0.2s, margin-top 0.2s;
}
/*almost duplicate to show selected volume*/
.volume_selected {
  float: left;
  height: 24px;
  margin-left: 15px;
  margin-right: 15px;
}
.volume_selected .volume_button > li,
.volume_selected .mute_button > li {
  display: block;
  position: relative;
  width: 6px;
  height: 18px;
  /*background: #4db2dc;*/
  border-right: 1px solid #333;
}
.volume_selected .volume_button > li:nth-child(-n+3),
.volume_selected .mute_button > li:nth-child(-n+3) {
  background: #000;
}
.volume_button > li:hover ~ li:before,
.mute_button > li:hover ~ li:before {
  /*content: "\00a0";*/
  position: absolute;
  width: 6px;
  height: 18px;
  /*background: #fff;*/
  border-right: 1px solid #333;
}
.volume_button > li:hover:before,
.mute_button > li:hover:before {
  /*content: "\00a0";*/
  position: absolute;
  top: -2px;
  width: 6px;
  height: 20px;
  /*background: #4db2dc;*/
  border-right: 1px solid #333;
}
.full_screen {
  float: left;
  height: 24px;
  width: 24px;
  background: url(../images/engine/player_full.png) no-repeat center center;
}
.full_screen:hover {
  background: url(../images/engine/player_full_hover.png) no-repeat center center;
}
.full_screen:active {
  background: url(../images/engine/player_full_active.png) no-repeat center center;
}
.video_extras {
  width: 100%;
  background-color: #f0f0f0;
  -webkit-transition: background-color 0.5s;
  -moz-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
  border-top: solid 1px #dcdcdc;
}
.video_extras:hover {
  background: #333;
}
.button_holder {
  margin: 0 auto;
  width: auto;
  text-align: center;
  line-height: 34px;
}
.content-wrap .v_a_media p.extras_button,
.is-media-zone .v_a_media p.extras_button {
  color: #6e6e6e;
  font: normal 12px Arial, sans-serif;
  text-decoration: none;
  padding: 4px 8px;
  display: inline;
  text-shadow: 0 1px 0 #fff;
  background: #ffffff;
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
  background: linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
  border: solid 1px #dcdcdc;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  margin: 4px 2px;
  cursor: pointer;
}
.v_a_media.extras_button:hover {
  color: #333;
  border-color: #fff;
  -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 1);
  -moz-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 1);
  box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 1);
}
.extras_button:active {
  color: #000;
  border-color: #444;
}
.replay {
  height: 100px;
  width: 100px;
  background: rgba(255,255,255,0.9);
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -60px;
  margin-top: -85px;
  z-index: 10;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 7px 0 rgba(0,0,0,0.75);
  -moz-box-shadow: 0 0 7px 0 rgba(0,0,0,0.75);
  box-shadow: 0 0 7px 0 rgba(0,0,0,0.75);
  -webkit-transform: scale(0.85);
  -moz-transform: scale(0.85);
  -o-transform: scale(0.85);
  -ms-transform: scale(0.85);
  transform: scale(0.85);
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  -o-transition: -o-transform 0.4s;
  -ms-transition: -ms-transform 0.4s;
  transition: transform 0.4s;
  text-indent: -9999px;
  border: 5px solid rgba(78,178,220,0.3);
  display: none;
}
.replay a.play {
  display: block;
  float: none;
  margin-left: 0;
  height: 100%;
  width: 100%;
  background: url(../images/engine/player_replay.png) no-repeat center center;
  background-size: contain;
}
.replay_display {
  display: block;
}
.replay:hover {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.opacity50 {
  opacity: 0.5;
}
.largevideo {
  width: 640px;
}
.smallvideo {
  width: 320px;
}
.largevideo .video_wrapper {
  width: 640px;
}
.largevideo .the_video {
  height: 360px;
}
.largevideo .progress_played {
  max-width: 634px;
}
.largevideo .replay {
  height: 150px;
  width: 150px;
  margin-left: -80px;
  margin-top: -110px;
}
/* AUDIO STYLES*/
.audio_wrapper {
  max-width: 270px;
  font: 12px Arial, sans-serif;
  -webkit-transition: -webkit-box-shadow 0.5s;
  -moz-transition: -moz-box-shadow 0.5s;
  -o-transition: box-shadow 0.5s;
  -ms-transition: box-shadow 0.5s;
  transition: box-shadow 0.5s;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: relative;
}
.audio_wrapper .progress_played {
  max-width: 264px;
}
.audio_header {
  width: 100%;
  height: 20px;
  background: #f0f0f0 url(../images/engine/audio_header_icon.png) no-repeat top right;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;
  border-bottom: solid 1px #aaa;
  -webkit-transition: background-color 0.5s;
}
/* AUDIO STYLES v2*/
.with_media_top .audio_media2 {
  width: 450px;
}
.with_media_top .audio_media3 {
  width: 365px;
}
.audio_wrapper2 {
  max-width: 450px;
}
.audio_wrapper3 {
  max-width: 365px;
}
.audio_wrapper2 .audio_header,
.audio_wrapper3 .audio_header {
  background-position: top left;
}
.audio_wrapper2 .video_footer,
.audio_wrapper3 .video_footer {
  float: left;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
}
.audio_wrapper2 .video_extras,
.audio_wrapper3 .video_extras {
  float: right;
  width: auto;
  margin-top: 5px;
  border-top: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: none;
  margin-right: 8px;
}
.audio_wrapper2 .timer,
.audio_wrapper3 .timer {
  float: left;
  height: 28px;
  line-height: 32px;
  padding: 3px 9px;
  margin-left: 10px;
}
.audio_wrapper2 .progress_played,
.audio_wrapper3 .progress_played {
  max-width: 444px;
}
.audio_wrapper2 .extras_button,
.audio_wrapper3 .extras_button {
  margin-right: 0;
  margin-left: 8px;
}
.audio_wrapper3 .audio_header {
  width: 100%;
  height: 6px;
  background: #333;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;
  border-bottom: solid 1px #aaa;
}
/* TEMP STYLE FOR EMPTY AUDIO AND VIDEO PAGES*/
.padding100 {
  padding: 100px;
}
/* AUDIO ICON*/
.audiostyle1 .playbutton,
.audiostyle1 .image-as-trigger .play-button,
.audiostyle1 .ui-draggable-dragging .has_audio_attached .drag_audio_player,
.audiostyle1 .interaction.drag-drop .has_audio_attached .drag_audio_player {
  background: url(../images/engine/audio_icon_default.png);
  background-size: 100%;
  height: 20px;
  width: 20px;
  padding: 0;
  display: inline-block;
  -webkit-transition: -webkit-transform 0.5s;
  -moz-transition: -moz-transform 0.5s;
  -o-transition: -o-transform 0.5s;
  -ms-transition: -ms-transform 0.5s;
  transition: transform 0.5s;
  margin-bottom: -4px;
  margin-left: 8px;
  margin-right: 8px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.audiostyle2 .playbutton,
.audiostyle2 .image-as-trigger .play-button,
.audiostyle2 .ui-draggable-dragging .has_audio_attached .drag_audio_player,
.audiostyle2 .interaction.drag-drop .has_audio_attached .drag_audio_player {
  background: url(../images/engine/audio_icon_hover.png);
  background-size: 100%;
  height: 20px;
  width: 20px;
  padding: 0;
  display: inline-block;
  -webkit-transition: -webkit-box-shadow 0.5s;
  -moz-transition: -moz-box-shadow 0.5s;
  -o-transition: box-shadow 0.5s;
  -ms-transition: box-shadow 0.5s;
  transition: box-shadow 0.5s;
  margin-bottom: -4px;
  margin-left: 8px;
  margin-right: 8px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.audiostyle1 .playbutton:hover,
.audiostyle1 .playbutton:active,
.audiostyle1 .image-as-trigger .play-button:hover,
.audiostyle1 .image-as-trigger .play-button:active,
.audiostyle1 .ui-draggable-dragging .has_audio_attached .drag_audio_player:hover,
.audiostyle1 .ui-draggable-dragging .has_audio_attached .drag_audio_player:active,
.audiostyle1 .interaction.drag-drop .has_audio_attached .drag_audio_player:hover,
.audiostyle1 .interaction.drag-drop .has_audio_attached .drag_audio_player:active {
  background-image: url(../images/engine/audio_icon_hover.png);
}
.audiostyle2 .playbutton:hover,
.audiostyle2 .playbutton:active,
.audiostyle2 .image-as-trigger .play-button:hover,
.audiostyle2 .image-as-trigger .play-button:active,
.audiostyle2 .ui-draggable-dragging .has_audio_attached .drag_audio_player:hover,
.audiostyle2 .ui-draggable-dragging .has_audio_attached .drag_audio_player:active,
.audiostyle2 .interaction.drag-drop .has_audio_attached .drag_audio_player:hover,
.audiostyle2 .interaction.drag-drop .has_audio_attached .drag_audio_player:active {
  background-image: url(../images/engine/audio_icon_default.png);
}
.audiostyle1 .playing,
.audiostyle1 .playing:hover,
.audiostyle1 .playing:active {
  background-image: url(../images/engine/audio_icon_hover.png);
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}
.audiostyle2 .playing,
.audiostyle2 .playing:hover,
.audiostyle2 .playing:active {
  background-image: url(../images/engine/audio_icon_default.png);
  -webkit-box-shadow: 0px 0px 0px 7px #74d3fa;
  -moz-box-shadow: 0px 0px 0px 7px #74d3fa;
  box-shadow: 0px 0px 0px 7px #74d3fa;
}
.content-wrap ul.volume_button,
.content-wrap ul.mute_button {
  margin: 0;
}
/* Styles for transcript*/
/* The transcript box and content styles*/
#transcript {
  height: 200px;
  background: #fff;
  margin: 0 5px 5px 5px;
  box-sizing: border-box;
  padding: 6px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-radius: 0px 0px 3px 3px;
  border-radius: 0px 0px 3px 3px;
  font-size: 14px;
  line-height: 21px;
  /*overflow:hidden;*/
  position: relative;
}
/* add white gradient element to top of transcript to make text scrolling up appear as if fading out*/
#transcript:before {
  position: absolute;
  display: block;
  content: "\00a0";
  width: 100%;
  height: 15px;
  background: rgba(255,255,255,0.85);
  background: -moz-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0.7)), color-stop(100%, rgba(255,255,255,0)));
  background: -webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%);
  background: -o-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%);
  background: -ms-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%);
  background: linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%);
  top: 0;
  left: 0;
}
/* add white gradient element to bottom of transcript to make text scrolling up appear as if fading in*/
#transcript:after {
  position: absolute;
  display: block;
  content: "\00a0";
  width: 100%;
  height: 15px;
  background: rgba(255,255,255,0.85);
  background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,0.7)));
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 100%);
  background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 100%);
  background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 100%);
  background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 100%);
  bottom: 0;
  left: 0;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-radius: 0px 0px 3px 3px;
  border-radius: 0px 0px 3px 3px;
}
/* default styling for text elements (text element includes speaker's name and the spoken text)*/
#transcript p {
  display: block;
  clear: both;
  padding: 5px;
  padding-top: 3px;
  margin-bottom: 2px;
  border-top: solid 1px #eee;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: background 0.25s, box-shadow 0.25s;
}
#transcript p em {
  font-style: italic;
}
#transcript p strong {
  font-weight: bold;
}
/* used to clear spans in the <p> tag so they don't run on*/
#transcript .speaker,
#transcript .spoken {
  display: block;
  float: left;
  clear: left;
}
/* Default styling for speaker's name*/
#transcript .speaker {
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  color: #666;
}
/* default styling for spoken text (max-width used so line-lengths don't get too long)*/
#transcript .spoken {
  max-width: 500px;
}
/* styles the text that is currently being spoken*/
#transcript p.current {
  background: #e5f8ff;
  background: -moz-linear-gradient(top, rgba(229,248,255,1) 0%, rgba(229,248,255,0.6) 50%, rgba(229,248,255,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(229,248,255,1)), color-stop(50%, rgba(229,248,255,0.6)), color-stop(100%, rgba(229,248,255,1)));
  background: -webkit-linear-gradient(top, rgba(229,248,255,1) 0%, rgba(229,248,255,0.6) 50%, rgba(229,248,255,1) 100%);
  background: -o-linear-gradient(top, rgba(229,248,255,1) 0%, rgba(229,248,255,0.6) 50%, rgba(229,248,255,1) 100%);
  background: -ms-linear-gradient(top, rgba(229,248,255,1) 0%, rgba(229,248,255,0.6) 50%, rgba(229,248,255,1) 100%);
  background: linear-gradient(top, rgba(229,248,255,1) 0%, rgba(229,248,255,0.6) 50%, rgba(229,248,255,1) 100%);
  color: #000;
  box-shadow: 0 0 5px 0 rgba(60,90,120,0.8);
  border-top: solid 1px #e5f8ff;
}
/* removes border-top from 1st line */
#transcript > p:first-child {
  border-top: none;
}
/* turns border-top white on the paragraph below the one currently being spoken*/
#transcript p.current + p {
  border-color: #fff;
}
/* changes the colour of the speaker's name on the currently spoken paragraph*/
#transcript p.current .speaker {
  color: #1a6380;
}
/* Styles that affect the UI*/
/* keeps the videoextras area in it's 'hover' state when transcript is open*/
.video_extras.transcriptopen {
  background: #333;
}
/* styles the transcript button slightly different when opened - position:relative used to allow :before to align properly)*/
.transcript_button_clicked {
  color: #333;
  position: relative;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* adds the little triangle to visually join the transcript to the transcript button*/
.transcript_button_clicked:before {
  content: "\00a0";
  display: block;
  position: absolute;
  bottom: -18px;
  left: -1px;
  width: 100%;
  height: 20px;
  background: url(../images/engine/transcript_arrow.png) no-repeat top center;
}
.audio_wrapper_has_transcript .video_footer {
  height: auto;
}
.audio_transcript {
  height: 200px;
  background: #fff;
  margin: 5px 5px 5px 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 6px;
  border-radius: 0px 0px 3px 3px;
  font-size: 14px;
  line-height: 21px;
  overflow: hidden;
  position: relative;
  float: left;
}
/* add white gradient element to top of transcript to make text scrolling up appear as if fading out*/
.audio_transcript:before {
  position: absolute;
  display: block;
  content: "\00a0";
  width: 100%;
  height: 15px;
  background: rgba(255,255,255,0.85);
  background: -moz-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0.7)), color-stop(100%, rgba(255,255,255,0)));
  background: -webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%);
  background: -o-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%);
  background: -ms-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%);
  background: linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%);
  top: 0;
  left: 0;
}
/* add white gradient element to bottom of transcript to make text scrolling up appear as if fading in*/
.audio_transcript:after {
  position: absolute;
  display: block;
  content: "\00a0";
  width: 100%;
  height: 15px;
  background: rgba(255,255,255,0.85);
  background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,0.7)));
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 100%);
  background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 100%);
  background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 100%);
  background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 100%);
  bottom: 0;
  left: 0;
  border-radius: 0px 0px 3px 3px;
}
/* default styling for text elements (text element includes speaker's name and the spoken text)*/
.audio_transcript p {
  display: block;
  clear: both;
  padding: 5px;
  padding-top: 3px;
  margin-bottom: 2px;
  border-top: solid 1px #eee;
  border-radius: 3px;
  -webkit-transition: background 0.25s, box-shadow 0.25s;
  -moz-transition: background 0.25s, box-shadow 0.25s;
  -o-transition: background 0.25s, box-shadow 0.25s;
  -ms-transition: background 0.25s, box-shadow 0.25s;
  transition: background 0.25s, box-shadow 0.25s;
}
.audio_transcript p em {
  font-style: italic;
}
.audio_transcript p strong {
  font-weight: bold;
}
/* used to clear spans in the <p> tag so they don't run on*/
.audio_transcript .speaker,
.audio_transcript .spoken {
  display: block;
  float: left;
  clear: left;
}
/* Default styling for speaker's name*/
.audio_transcript .speaker {
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  color: #666;
}
/* default styling for spoken text (max-width used so line-lengths don't get too long)*/
.audio_transcript .spoken {
  max-width: 500px;
}
/* styles the text that is currently being spoken*/
.audio_transcript p.current {
  background: #e5f8ff;
  background: -moz-linear-gradient(top, rgba(229,248,255,1) 0%, rgba(229,248,255,0.6) 50%, rgba(229,248,255,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(229,248,255,1)), color-stop(50%, rgba(229,248,255,0.6)), color-stop(100%, rgba(229,248,255,1)));
  background: -webkit-linear-gradient(top, rgba(229,248,255,1) 0%, rgba(229,248,255,0.6) 50%, rgba(229,248,255,1) 100%);
  background: -o-linear-gradient(top, rgba(229,248,255,1) 0%, rgba(229,248,255,0.6) 50%, rgba(229,248,255,1) 100%);
  background: -ms-linear-gradient(top, rgba(229,248,255,1) 0%, rgba(229,248,255,0.6) 50%, rgba(229,248,255,1) 100%);
  background: linear-gradient(top, rgba(229,248,255,1) 0%, rgba(229,248,255,0.6) 50%, rgba(229,248,255,1) 100%);
  color: #000;
  box-shadow: 0 0 5px 0 rgba(60,90,120,0.8);
  border-top: solid 1px #e5f8ff;
}
/* removes border-top from 1st line */
.audio_transcript > p:first-child {
  border-top: none;
}
/* turns border-top white on the paragraph below the one currently being spoken*/
.audio_transcript p.current + p {
  border-color: #fff;
}
/* changes the colour of the speaker's name on the currently spoken paragraph*/
.audio_transcript p.current .speaker {
  color: #1a6380;
}
/* Styles that affect the UI*/
/* keeps the videoextras area in it's 'hover' state when transcript is open*/
.video_extras.transcriptopen {
  background: #333;
}
/* styles the transcript button slightly different when opened - position:relative used to allow :before to align properly)*/
.extras_button.transcript_button_clicked {
  color: #333;
  position: relative;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* adds the little triangle to visually join the transcript to the transcript button*/
.extras_button.transcript_button_clicked:before {
  content: "\00a0";
  display: block;
  position: absolute;
  bottom: -21px;
  left: -1px;
  width: 100%;
  height: 20px;
  background: url(../images/engine/transcript_arrow.png) no-repeat top center;
}
.content-wrap .v_a_media p:after,
.is-media-zone .v_a_media p:after {
  display: inline;
}
.audio_media {
  width: 270px;
}
/* Styles to simulate switching */
/* End Audio Video Player */
/* subtitles */
.video_wrapper .subtitles {
  position: absolute;
  left: 0;
  z-index: 21474836470;
  margin-top: -40px;
  display: none;
  box-sizing: unset;
}
.video_wrapper.full_screen {
  position: fixed;
  width: auto;
  left: 0;
  bottom: 0;
  right: 0;
}
.video_wrapper.full_screen .subtitles {
  position: fixed;
}
/* IE9 support */
.lrp_listen,
.lrp_record,
.lrp_finish,
.lrp_play,
.lrp_download,
.lrp_listen.lrp_inactive:hover,
.lrp_record.lrp_inactive:hover,
.lrp_finish.lrp_inactive:hover,
.lrp_play.lrp_inactive:hover,
.lrp_download.lrp_inactive:hover,
.lrp_listen.lrp_inactive:active,
.lrp_record.lrp_inactive:active,
.lrp_finish.lrp_inactive:active,
.lrp_play.lrp_inactive:active,
.lrp_download.lrp_inactive:active {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#969696', endColorstr='#4b4b4b', gradientType=0);
}
.lrp_record:before,
.lrp_record.lrp_inactive:hover:before,
.lrp_record.lrp_inactive:active:before {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2323', endColorstr='#8e0202', gradientType=0);
}
.lrp_listen:before,
.lrp_listen.lrp_inactive:hover:before,
.lrp_listen.lrp_inactive:active:before {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00bbf4', endColorstr='#006787', gradientType=0);
}
.lrp_play:before,
.lrp_play.lrp_inactive:hover:before,
.lrp_play.lrp_inactive:active:before {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b7f400', endColorstr='#689100', gradientType=0);
}
.lrp_download:before,
.lrp_download.lrp_inactive:hover:before,
.lrp_download.lrp_inactive:active:before {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c8acc', endColorstr='#354b66', gradientType=0);
}
/* Workaround: https://avallain.assembla.com/spaces/avallain-author-central/tickets/realtime_list?ticket=6643 */
.isIOS video::-webkit-media-text-track-display {
  margin-top: -100px !important;
}
/*FOOTER AREA - MESSIER THAN IT SHOULD BE*/
#activity_controls {
  margin-top: 12px;
}
body.lo-controls-off #activity_controls [data-event] {
  display: none;
}
#micro_controls {
  background: #fff;
  float: left;
  padding: 8px 8px 8px 3px;
  margin-left: 8px;
  margin-bottom: 5px;
}
#macro_controls {
  float: right;
  padding: 8px 8px;
}
/*defines common button features*/
.button a,
#micro_controls a,
#macro_controls a {
  padding: 6px 8px;
  margin-left: 5px;
}
#micro_controls a,
#macro_controls a {
  display: inline-block;
}
.button a {
  float: left;
  display: block;
}
/*overwrites common button features with colours for MACROfooter area*/
#macro_controls a {
  min-width: 50px;
}
/*style for entire back, next, and numbering area*/
#page_controls {
  float: right;
  margin-top: 8px;
  border-radius: 2px;
}
/*style for back and next buttons*/
#btn_forward,
#btn_previous {
  display: block;
  float: left;
  border-radius: 0px 2px 2px 0px;
  height: 26px;
  width: 16px;
}
a#btn_forward.inactive_button {
  cursor: default;
}
a#btn_previous.inactive_button {
  cursor: default;
}
/* skip buttons */
#btn_previous_skip,
#btn_forward_skip {
  height: 26px;
  width: 16px;
  float: left;
  margin-top: 1px;
}
#btn_previous_skip.inactive_button {
  cursor: default;
}
#btn_forward_skip.inactive_button {
  cursor: default;
}
/*Style for the page number container*/
#page_controls ul {
  display: block;
  float: left;
  padding: 1px 2px;
  margin: 0;
}
#page_controls #pagination {
  display: block;
  float: left;
  margin: 0;
}
/*Style for the individual page numbers*/
#page_controls li {
  float: left;
  height: 20px;
  padding: 4px 2px;
  margin: 2px;
  cursor: default;
  min-width: 10px;
}
/*--------Unique styles for LO when individual numbers can be clicked (38.html, 38b.html, 38c.html)--------*/
/*Hover style for clickable numbers*/
#page_controls ul a li:hover {
  cursor: pointer;
}
/*Style to highlight current page number*/
#page_controls li.current_page {
  min-width: 20px;
  padding: 4px 6px;
}
/*--------Unique styles for LO when must be navigated in sequence (38.html, 38b.html, 38c.html)--------*/
/*style for 'of X' element*/
#page_controls span.current_page {
  margin-right: 2px;
}
/*--------clearfixed element for both styles--------*/
#page_controls:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* jQuery Ui popup */
/*Default popup specific styles*/
/* button bar at the top of an interaction */
.interaction-button-bar {
  margin-left: 20px;
  margin-right: 10px;
  padding: 2px 6px;
}
.interaction-button-bar .button {
  display: inline-block;
  padding: 3px 6px;
}
/* interaction toolbar */
.interaction.toolbar .toolbar {
  margin-left: 20px;
  margin-right: 10px;
  padding: 2px 6px;
}
.interaction.toolbar .toolbar .button {
  cursor: pointer;
  display: inline-block;
  margin: 4px 6px 4px 2px;
  padding: 5px 8px 5px 8px;
  position: relative;
}
.info-text {
  position: relative;
}
.info-text .tooltip {
  display: none;
  position: absolute;
  z-index: 1000;
}
.info-text .tooltip.active {
  display: block;
}
.rich-dropdown .mobile-native-select {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 1000;
}
.content-message-link {
  display: inline-block;
  cursor: pointer;
}
.interaction.package .contentblock {
  position: relative;
  /* will be overwritten by enum javascript in js/enumerations.js
  if enum is enabled will be the gap between enum and content area,
  if no enum will be padding-left of content area */
}
.interaction.package .contentblock > .enum {
  position: absolute;
  display: block;
  top: 0px;
  left: 0px;
  padding-right: 8px;
}
/* writing */
.writing_view .fw_nav a span {
  display: block;
}
.writing_view li {
  display: block;
}
/*adds space inside li elements so hover states of <a> tags don't touch edges and adds divider under menu items*/
.writing_view .fw_nav li {
  display: block;
}
/*adds padding into the hover state*/
.writing_view .fw_nav li a {
  display: block;
}
/*applies styling to currently active button. Positioned relatively to allow placement of triangle (added with jQuery)*/
.writing_view .fw_nav li a.fw_nav_selected,
.writing_view .fw_nav li a.fw_nav_selected:hover,
.writing_view .fw_nav li a.fw_nav_selected:active {
  position: relative;
}
/* FlashCards */
.fc_view .card div {
  display: none;
}
.fc_view .card .active {
  display: block;
}
.fc_view .panel {
  position: relative;
}
.fc_view .square {
  width: 150px;
  height: 150px;
}
.fc_view .landscape {
  width: 196px;
  height: 140px;
}
.fc_view .portrait {
  width: 140px;
  height: 196px;
}
/* -- make sure to declare a default for every property that you want animated -- */
/* -- general styles, including Y axis rotation -- */
.fc_view .panel .front {
  float: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 900;
  width: 100%;
  height: 100%;
}
.fc_view .panel img {
  width: 100%;
}
.fc_view .panel table {
  width: 100%;
  height: 100%;
}
.contentblock.fc_view .front table {
  background-color: white;
}
.fc_view .panel td {
  vertical-align: middle;
}
.fc_view .panel p {
  padding: 0;
}
.fc_view .panel .back {
  float: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 800;
  width: 100%;
  height: 100%;
}
.fc_view .panel .back,
.fc_view .panel .front {
  overflow: hidden;
}
/* these rules apply to both ic and om variants */
.number-pyramid {
  position: relative;
  width: 300px;
  height: 220px;
}
.number-pyramid > * {
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.number-pyramid > .pyramid-top {
  left: 50%;
  top: 12%;
}
.number-pyramid > .pyramid-left {
  top: 49%;
  left: 34%;
}
.number-pyramid > .pyramid-center {
  top: 60%;
  left: 50%;
}
.number-pyramid > .pyramid-right {
  top: 49%;
  left: 66%;
}
.number-pyramid > .pyramid-bottom-left {
  top: 87%;
  left: 18%;
}
.number-pyramid > .pyramid-bottom {
  top: 87%;
  left: 50%;
}
.number-pyramid > .pyramid-bottom-right {
  top: 87%;
  left: 82%;
}
.ic-number-triangle .number-triangle {
  position: relative;
  width: 300px;
  height: 250px;
}
.ic-number-triangle .number-triangle > * {
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
/* inside the triangle */
.ic-number-triangle .number-triangle > .triangle-top {
  left: 50%;
  top: 30%;
}
.ic-number-triangle .number-triangle > .triangle-left {
  top: 58%;
  left: 35%;
}
.ic-number-triangle .number-triangle > .triangle-right {
  top: 58%;
  left: 65%;
}
/* outside the triangle */
.ic-number-triangle .number-triangle > .triangle-top-left {
  top: 30%;
  left: 20%;
}
.ic-number-triangle .number-triangle > .triangle-top-right {
  top: 30%;
  left: 80%;
}
.ic-number-triangle .number-triangle > .triangle-bottom {
  top: 87%;
  left: 50%;
}
.ic-number-wall .wall-level {
  text-align: center;
}
.ic-number-wall .wall-level > * {
  display: inline-block;
  min-width: 140px;
  padding: 20px;
}
.interaction.package.ic-speaking-and-recording .recorder {
  float: left;
}
.interaction.package.ic-speaking-and-recording .recorder .button {
  position: relative;
  float: left;
  display: block;
}
/* Input:Completion:Label an object */
.interaction.ic-text-gap-label-an-object .tehs_block .wordpool .block {
  position: relative;
}
.interaction.ic-text-gap-label-an-object .tehs_block .wordpool .pool .static_word {
  display: inline-block;
  margin: 2px 6px;
  padding: 1px 3px;
}
.interaction.ic-text-gap-label-an-object .tehs_view {
  position: absolute;
}
.interaction.ic-text-gap-label-an-object .tehs_view.characters-in-gap input,
.interaction.ic-text-gap-label-an-object .tehs_view.characters-in-gap textarea {
  letter-spacing: 2px;
  text-align: left;
}
/* FF doesn't trigger any event in the capture or bubble phase if it has been initiated in a disabled input
   So it breaks the automatic try again behaviour
  https://stackoverflow.com/a/32925830 */
.isFirefox .interaction.ic-text-gap-label-an-object input[disabled],
.isFirefox .interaction.ic-text-gap-label-an-object input[disabled] {
  pointer-events: none;
}
.ic-text-gap .input-text,
.ic-text-gap .prefill {
  display: inline-block;
}
.ic-text-gap .input-text {
  position: relative;
}
.ic-text-gap .input-text.characters-in-gap input,
.ic-text-gap .input-text.characters-in-gap textarea {
  letter-spacing: 2px;
  text-align: left;
}
/* FF doesn't trigger any event in the capture or bubble phase if it has been initiated in a disabled input
   So it breaks the automatic try again behaviour
  https://stackoverflow.com/a/32925830 */
.isFirefox .ic-text-gap input[disabled],
.isFirefox .ic-text-gap input[disabled] {
  pointer-events: none;
}
.ic-maths .input-text,
.ic-maths .prefill {
  display: inline-block;
}
.ic-maths .input-text {
  position: relative;
}
.ic-maths .input-text.characters-in-gap input {
  letter-spacing: 2px;
  text-align: left;
}
.im-colouring {
  width: 100%;
}
.im-colouring .block {
  margin: 0 auto;
}
.im-colouring .contentblock {
  display: inline-block;
}
.im-colouring .canvas {
  position: absolute;
  z-index: 1;
}
.im-colouring .toolbar {
  display: inline-block;
}
.im-colouring .toolbar.align-top {
  float: none;
}
.im-colouring .toolbar.align-left {
  float: left;
}
.im-colouring .toolbar.align-left .highlighter.button {
  display: block;
}
.im-colouring .toolbar.align-right {
  float: right;
}
.im-colouring .toolbar.align-right .highlighter.button {
  display: block;
}
.interaction.package.im-marking .markable {
  position: relative;
}
.interaction.package.im-marking .markable .check {
  position: absolute;
  top: -6px;
  right: -6px;
}
.interaction.package.im-marking .style-highlight .markable {
  background-color: transparent;
}
.interaction.package.im-marking .style-circle .markable,
.interaction.package.im-marking .style-underline .markable {
  border-color: transparent;
}
.interaction.package.im-proofing .markable {
  position: relative;
}
.interaction.package.im-proofing .markable .check {
  position: absolute;
  top: -6px;
  right: -6px;
}
.interaction.package.im-proofing .highlight {
  background: yellow;
}
.interaction.package.im-autocorrect .markable {
  position: relative;
}
.interaction.package.im-autocorrect .markable .check {
  position: inherit;
  top: auto;
  right: auto;
}
.interaction.package.im-autocorrect .markable.marked {
  background: orange;
}
/* Wordsearch */
.interaction.im-wordsearch .wordsearch_view .grid {
  position: relative;
}
.interaction.im-wordsearch .wordsearch_view .cell {
  position: absolute;
}
.interaction.im-wordsearch .wordsearch_view canvas {
  position: absolute;
  z-index: 10;
}
/* has no engine css (yet)*/
.interaction.is-catch .is-catch-target-generator {
  background: no-repeat;
  position: absolute;
  background-size: contain;
}
.interaction.is-catch .is-catch-board {
  position: absolute;
}
.is-catch-timer,
.is-catch-score {
  margin: 5px;
  /*TO BE DELETED*/
}
.interaction.is-catch .is-catch-gameover {
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  display: none;
  background: white;
  /*TO BE DELETED*/
  opacity: 0.8;
  /*TO BE DELETED*/
  width: 100%;
  /*TO BE DELETED*/
  text-align: center;
  /*TO BE DELETED*/
}
.interaction.is-catch .is-catch-target-wrapper {
  position: relative;
  width: 800px;
  /*TO BE overriden*/
  height: 400px;
  /*TO BE overriden*/
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.interaction.is-catch .is-catch-wrapper {
  background-size: cover;
}
.interaction.is-catch .is-catch-target-container {
  width: 100%;
  height: 100%;
}
.interaction.is-catch .is-catch-target {
  position: absolute;
  display: block;
  margin: 0px;
  padding: 0px;
  background-size: contain;
  opacity: 0;
  background-repeat-x: no-repeat;
  background-repeat-y: no-repeat;
  cursor: pointer;
}
.interaction.is-catch .is-catch-target.popped {
  cursor: default;
}
.interaction.is-catch .is-catch-target-content {
  position: relative;
  background: no-repeat top left;
  background-size: contain;
  line-height: normal;
  display: inline-block;
  clear: both;
  float: left;
}
.checkbox-wrapper-show-in-columns {
  display: table;
}
.interaction.is-checkbox .choice_interaction {
  display: block;
  float: left;
  clear: both;
}
.interaction.is-checkbox .chint-inline {
  display: inline-block;
  float: none;
}
.interaction.is-checkbox .choice_interaction .input-checkbox,
.interaction.pp-present .input-checkbox {
  float: left;
  display: block;
}
.interaction.is-checkbox .choice_interaction .input-checkbox input[type="checkbox"],
.interaction.pp-present .input-checkbox input[type="checkbox"] {
  float: left;
}
/* added GR 20/7/2012 #22 */
.interaction.is-checkbox .choice_interaction .input-checkbox,
.interaction.pp-present .input-checkbox {
  position: relative;
}
.interaction.is-checkbox .choice_interaction .check {
  position: absolute;
  top: -6px;
  right: -6px;
}
.interaction.is-checkbox .choice_interaction.algn-ver .input-noradio,
.interaction.is-checkbox .choice_interaction.algn-ver .input-checkbox {
  clear: both;
}
.interaction.is-checkbox .choice_interaction.algn-hor .input-noradio,
.interaction.is-checkbox .choice_interaction.algn-hor .input-checkbox {
  float: left;
}
.interaction.is-checkbox .choice_interaction.algn-inl .input-noradio,
.interaction.is-checkbox .choice_interaction.algn-inl .input-checkbox {
  float: none;
  display: inline-block;
}
.interaction.is-checkbox .choice_interaction.algn-inl {
  display: inline;
}
.interaction.is-radiobutton .choice_interaction {
  display: block;
  float: left;
  clear: both;
}
.interaction.is-radiobutton .chint-inline {
  display: inline-block;
  float: none;
}
.interaction.is-radiobutton .choice_interaction .input-radio,
.interaction.pp-present .input-radio {
  float: left;
  display: block;
}
.interaction.is-radiobutton .choice_interaction .input-radio input[type="radio"],
.interaction.pp-present .input-radio input[type="radio"] {
  float: left;
}
/* added GR 20/7/2012 #22 */
.interaction.is-radiobutton .choice_interaction .input-radio,
.interaction.pp-present .input-radio {
  position: relative;
}
.interaction.is-radiobutton .choice_interaction .check {
  position: absolute;
  top: -6px;
  right: -6px;
}
.interaction.is-radiobutton .choice_interaction.algn-ver .input-radio,
.interaction.is-radiobutton .choice_interaction.algn-ver .input-noradio {
  clear: both;
}
.interaction.is-radiobutton .choice_interaction.algn-hor .input-radio,
.interaction.is-radiobutton .choice_interaction.algn-hor .input-noradio {
  float: left;
}
.interaction.is-radiobutton .choice_interaction.algn-inl .input-noradio,
.interaction.is-radiobutton .choice_interaction.algn-inl .input-radio {
  float: none;
  display: inline-block;
}
.interaction.is-radiobutton .choice_interaction.algn-inl {
  display: inline;
}
/* Maze (DIR2) */
.dir2_view {
  float: left;
}
.dir2_view > span.audio {
  display: none;
}
.dir2_view > span {
  display: block;
}
.dir2_view .play {
  float: left;
}
.dir2_view .card div {
  display: none;
}
.dir2_view .card .active {
  display: block;
}
.dir2_view .panel {
  display: block;
  position: relative;
}
/* -- make sure to declare a default for every property that you want animated -- */
/* -- general styles, including Y axis rotation -- */
.dir2_view .panel .front {
  float: none;
  position: absolute;
  top: 0;
  left: 0;
}
.dir2_view .panel img {
  width: 100%;
}
.dir2_view .panel table {
  width: 100%;
  height: 100%;
}
.dir2_view .panel td {
  vertical-align: middle;
}
.dir2_view .panel .back {
  float: none;
  position: absolute;
  top: 0;
  left: 0;
}
.dir2_view .panel .back,
.dir2_view .panel .front {
  overflow: hidden;
}
/* Pelmanism */
.pmn_view .layout-1 {
  float: left;
  width: 150px;
  height: 150px;
  position: relative;
}
.pmn_view .layout-2 {
  float: left;
  width: 196px;
  height: 140px;
  position: relative;
}
.pmn_view .layout-3 {
  float: left;
  width: 140px;
  height: 196px;
  position: relative;
}
/* -- make sure to declare a default for every property that you want animated -- */
/* -- general styles, including Y axis rotation -- */
.pmn_view .panel .front {
  float: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 900;
  width: 100%;
  height: inherit;
}
.pmn_view .panel img {
  width: 100%;
}
.pmn_view .panel table {
  width: 100%;
  height: 100%;
}
.pmn_view .panel td {
  vertical-align: middle;
}
.pmn_view .panel p {
  font-weight: bold;
  text-align: center;
  padding: 0;
}
.pmn_view .panel .back {
  float: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 800;
  width: 100%;
}
.pmn_view .panel .back,
.panel .front {
  overflow: hidden;
}
/* -- X axis rotation for click panel -- */
.pmn_view .click .front {
  cursor: pointer;
}
.pmn_view .click .back {
  cursor: pointer;
}
.pmn_view .panel.paired .back,
.panel.paired .front {
  cursor: default;
}
.pmn_view .layout-1 .front,
.pmn_view .layout-1 .back {
  height: 140px;
}
.pmn_view .layout-2 .front,
.pmn_view .layout-2 .back {
  height: 140px;
}
.pmn_view .layout-3 .front,
.pmn_view .layout-3 .back {
  height: 196px;
}
/* #7211 keep compatibility backwards */
.pmn_view .check {
  display: none;
}
/* TGM */
.tgm .panel {
  float: left;
  position: relative;
}
/* -- make sure to declare a default for every property that you want animated -- */
/* -- general styles, including Y axis rotation -- */
.tgm .panel .front {
  float: none;
  position: absolute;
  top: 0;
  left: 0;
}
.tgm .panel td {
  vertical-align: middle;
}
.tgm .panel .back {
  float: none;
  position: absolute;
  top: 0;
  left: 0;
}
.tgm .panel .back,
.panel .front {
  overflow: hidden;
}
/* -- X axis rotation for click panel -- */
.tgm .panel.paired .back,
.panel.paired .front {
  cursor: default;
}
.tgm .panel.clicked_incorrect .back,
.panel.clicked_incorrect .front {
  overflow: hidden;
}
.tgm .panel.clicked_correct .back,
.panel.clicked_correct .front {
  overflow: hidden;
}
/* TGM END */
.interaction.os-sequence .shuffle_interaction > .line > .element {
  cursor: pointer;
  position: relative;
}
.interaction.os-sequence .shuffle_interaction.horizontal > .line > .element {
  white-space: nowrap;
}
.interaction.os-sequence .shuffle_interaction > .line > .oss-fixed {
  cursor: default;
  white-space: normal;
}
.interaction.package.os-sequence .shuffle_interaction .element,
.interaction.package.os-sequence .shuffle_interaction .oss-fixed {
  margin-top: 6px;
  display: inline-block;
  margin-right: 8px;
}
.interaction.package.os-sequence .shuffle_interaction .element,
.interaction.package.os-sequence .shuffle_interaction .prefill {
  padding: 0 8px;
}
.interaction.os-sequence .shuffle_interaction.vertical .element,
.interaction.os-sequence .shuffle_interaction.vertical .oss-fixed {
  float: left;
  clear: both;
}
.interaction.package.os-sequence .shuffle_interaction .oss-fixed.dragged {
  border: none;
  color: red;
  cursor: default;
}
.contentblock .shuffle_interaction .oss-fixed.dragged {
  cursor: help;
  background: none;
}
/* drag drop order/shuffle (DDO2) */
.interaction.os-sequence .shuffle_interaction.vertical .drop-placeholder {
  margin-top: 8px;
  min-height: 17px;
  border: none;
  width: 100%;
  padding: 0;
  float: left;
  clear: both;
}
.interaction.os-sequence .shuffle_interaction.horizontal .drop-placeholder {
  border: none;
  padding: 0;
  display: inline-block;
  margin-right: 8px;
}
.interaction.os-sequence .shuffle_interaction .check .tooltip {
  right: 1em;
  left: auto;
}
.interaction.os-sequence .shuffle_interaction {
  display: inline-block;
}
.interaction.os-sequence .shuffle_interaction > .line {
  position: relative;
}
.interaction.os-sequence .shuffle_interaction > .line > .element.dragged {
  z-index: 5;
  /* added SH #55 24/07/2012 */
  /*box-shadow: 2px 2px 3px #888888;*/
}
/* Tap to swap */
.interaction.os-sequence .os-sequence-element .swap-prev,
.interaction.os-sequence .os-sequence-element .swap-next {
  display: none;
}
.interaction.os-sequence .os-sequence-selected .swap-prev,
.interaction.os-sequence .os-sequence-selected .swap-next {
  display: block;
  width: 28px;
  height: 28px;
  line-height: 28px;
  padding: 0;
}
.interaction.os-sequence .vertical .os-sequence-selected .swap-prev,
.interaction.os-sequence .vertical .os-sequence-selected .swap-next {
  left: calc(50% - 20px);
}
.interaction.os-sequence .horizontal .os-sequence-selected .swap-prev,
.interaction.os-sequence .horizontal .os-sequence-selected .swap-next,
.interaction.os-sequence .horizontal .os-sequence-selected .content {
  display: inline-block;
}
.interaction.os-sequence .horizontal .swap-next:before {
  content: "►";
}
.interaction.os-sequence .horizontal .swap-prev:before {
  content: "◄";
}
.interaction.os-sequence .vertical .swap-next:before {
  content: "▼";
}
.interaction.os-sequence .vertical .swap-prev:before {
  content: "▲";
}
/* Added MLG 2012-07-26 #32 */
.interaction.os-sorting .wordpool {
  float: none;
  margin: 0;
  margin-bottom: 12px;
}
.interaction.os-sorting .wordpool.left {
  float: left;
  width: 208px;
  margin-right: 10px;
}
.interaction.os-sorting .wordpool.left .drop_item_zone {
  min-width: 208px;
}
.interaction.os-sorting .wordpool.right {
  float: right;
  width: 208px;
  margin-left: 10px;
}
.interaction.os-sorting .wordpool.right .drop_item_zone {
  min-width: 208px;
}
.interaction.os-sorting .wordpool.bottom {
  margin-top: 12px;
  clear: both;
}
.interaction.os-sorting .wordpool:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.interaction.os-sorting .wordpool .drop_item_zone {
  float: left;
  margin: 0 8px 8px 0;
  min-width: 100px;
  /* Must be set via js */
  max-width: 200px;
  /* Must be set via js */
  min-height: 21px;
}
.interaction.os-sorting .wordpool .drag_item {
  padding: 0 5px;
  z-index: 2000;
  position: relative;
}
.interaction.os-sorting .drop_zone .drag_item.prefilled:before {
  content: "\00a0";
  display: block;
  background: transparent;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
/*styling drag item - default appearance in drop-zone*/
.interaction.os-sorting .drop_zone .drag_item {
  padding: 0 5px;
  margin-bottom: 5px;
  position: relative;
}
.interaction.os-sorting .drop_zone .drop_item_zone {
  width: 100%;
  height: 100%;
  margin: -23px 0 0;
  top: 0;
  left: 0;
  float: left;
}
.interaction.os-sorting .drop_zone .drop_item_zone.has_drag_item .drag_item {
  margin-bottom: 0;
}
.interaction.os-sorting .drop_zone {
  width: 200px;
  float: left;
  padding: 4px;
  margin-left: 20px;
  margin-bottom: 20px;
}
/*removes spacing from left side of 1st dropzone in a row (as long as each is 1/3rd width) */
.interaction.os-sorting .drop_zone:nth-child(3n+1) {
  margin-left: 0;
}
/*dropzone default heading styles */
.interaction.os-sorting .drop_zone h1 {
  padding: 2px 4px;
  margin: -4px -4px 8px -4px;
}
.interaction.os-sorting .drop_zone .drop_item_zone {
  margin: 0 auto 8px auto;
  width: 100px;
  min-height: 23px;
  padding: 0;
}
.interaction.os-sorting .ui-state-disabled,
.interaction.os-sorting .ui-widget-content .ui-state-disabled,
.interaction.os-sorting .ui-widget-header .ui-state-disabled {
  opacity: 1;
  filter: alpha(opacity=100);
  background-image: none;
}
.interaction.os-sorting .enumanswer {
  float: left;
  clear: both;
}
.interaction.os-box-drop {
  position: relative;
  height: 480px;
  width: 900px;
  overflow: hidden;
}
@keyframes nodeInserted {
  /* Not used as an animation, used as a "node is rendered" event
     don't modify, see http://davidwalsh.name/detect-node-insertion
  */
  from {
    opacity: 0.99;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes nodeInserted {
  /* Not used as an animation, used as a "node is rendered" event
     don't modify, see http://davidwalsh.name/detect-node-insertion
  */
  from {
    opacity: 0.99;
  }
  to {
    opacity: 1;
  }
}
.interaction.os-box-drop li.boxdrop-item {
  display: inline-block;
  width: 140px;
  height: 30px;
  overflow: hidden;
  margin: 0;
  margin-right: 15px;
  transition: width 1s;
  text-align: center;
  vertical-align: bottom;
  border: 1px solid black;
  white-space: normal;
}
.interaction.os-box-drop .check {
  margin-top: -23px;
}
.interaction.os-box-drop li.boxdrop-item.has-img {
  height: auto;
}
.interaction.os-box-drop .crane-wrapper {
  z-index: 2;
  width: 455px;
  position: absolute;
  top: 0;
  right: 0;
}
.interaction.os-box-drop .crane-wrapper ol.crane-items {
  list-style: none;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  line-height: 30px;
}
.interaction.os-box-drop .crane-wrapper ol.crane-items li.dropped {
  visibility: hidden;
  width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
.interaction.os-box-drop .boxdrop-container-group {
  position: absolute;
  bottom: 50px;
  margin-right: 320px;
  transition: right 1s;
  display: flex;
}
.interaction.os-box-drop .boxdrop-container-group.position-0 {
  right: 0px;
}
.interaction.os-box-drop .boxdrop-container-group.position-1 {
  right: -160px;
}
.interaction.os-box-drop .boxdrop-container-group.position-2 {
  right: -320px;
}
.interaction.os-box-drop .boxdrop-container-group.position-3 {
  right: -480px;
}
.interaction.os-box-drop .boxdrop-container-group.position-4 {
  right: -640px;
}
.interaction.os-box-drop .boxdrop-container-group.position-5 {
  right: -800px;
}
.interaction.os-box-drop .boxdrop-container-group.position-6 {
  right: -960px;
}
.interaction.os-box-drop .boxdrop-container-group.position-7 {
  right: -1120px;
}
.interaction.os-box-drop .boxdrop-container-group.position-8 {
  right: -1280px;
}
.interaction.os-box-drop .boxdrop-container-group.position-9 {
  right: -1440px;
}
.interaction.os-box-drop .boxdrop-container-group.position-10 {
  right: -1600px;
}
.interaction.os-box-drop .boxdrop-container-group.position-11 {
  right: -1760px;
}
.interaction.os-box-drop .boxdrop-container-group.position-12 {
  right: -1920px;
}
.interaction.os-box-drop .boxdrop-container-group.position-13 {
  right: -2080px;
}
.interaction.os-box-drop .boxdrop-container-group.position-14 {
  right: -2240px;
}
.interaction.os-box-drop .boxdrop-container-group.position-15 {
  right: -2400px;
}
.interaction.os-box-drop .boxdrop-container-group.position-16 {
  right: -2560px;
}
.interaction.os-box-drop .boxdrop-container-group.position-17 {
  right: -2720px;
}
.interaction.os-box-drop .boxdrop-container-group.position-18 {
  right: -2880px;
}
.interaction.os-box-drop .boxdrop-container-group.position-19 {
  right: -3040px;
}
.interaction.os-box-drop .boxdrop-container {
  position: relative;
  height: 200px;
  width: 150px;
  border: 1px solid black;
  display: block;
  float: left;
  margin: 0 10px 0 0;
  padding: 0;
}
.interaction.os-box-drop .boxdrop-container ol.dropped-items {
  /* Important: this container must overlap with the crane */
  margin: 0;
  padding: 0;
  margin-top: -280px;
  list-style: none;
  position: relative;
  width: 100%;
  height: 455px;
}
.interaction.os-box-drop .boxdrop-container ol.dropped-items li.boxdrop-item {
  display: block;
  position: absolute;
  /* Bouncy animation generated via http://matthewlein.com/ceaser/ */
  transition: bottom 1000ms cubic-bezier(0.505, 1.65, 0.155, 0.65);
  /* custom */
  transition-timing-function: cubic-bezier(0.505, 1.65, 0.155, 0.65);
  padding: 0;
  margin: 0;
  bottom: 345px;
  animation-duration: 0.001s;
  animation-name: nodeInserted;
  -webkit-animation-duration: 0.001s;
  -webkit-animation-name: nodeInserted;
}
.interaction.os-box-drop .boxdrop-container ol.dropped-items li.boxdrop-item.dropped {
  bottom: 0;
}
.interaction.os-box-drop .boxdrop-container h1.boxdrop-label {
  font-size: 12px;
  position: absolute;
  width: 100%;
  margin: 0;
  height: 25px;
  line-height: 25px;
  text-align: center;
  bottom: 0;
}
.interaction.os-box-drop .os-boxdrop-controls {
  position: absolute;
  bottom: 0;
  height: 50px;
  width: 100%;
  text-align: center;
  line-height: 50px;
}
.interaction.os-box-drop .os-boxdrop-controls button {
  display: inline-block;
  vertical-align: middle;
  height: 40px;
  margin-right: 300px;
}
.interaction.os-box-drop .os-boxdrop-controls button:last-child {
  margin-right: 0;
}
/* TextCorrection (KI24) */
.ki24_view .tc_popup {
  position: absolute;
  z-index: 1000;
}
.ki24_view .tc_popup .close {
  position: absolute;
  top: 8px;
  right: 8px;
}
.ki24_view .tc_popup input[type=text] {
  width: 200px;
  float: left;
}
.ki24_view .tc_popup a {
  display: block;
  float: left;
}
.interaction.ic-text-correction.replace .input-text {
  position: relative;
}
.interaction.ic-text-correction.replace .inputs {
  float: right;
}
.interaction.ic-text-correction.replace .input-text.prefilled .original,
.interaction.ic-text-correction.replace .input-text.prefilled .whitespace {
  display: none;
}
.interaction.ic-text-correction.replace .check {
  position: absolute;
  top: -6px;
  right: -6px;
}
.interaction.ic-text-correction.replace .signal-errors .inputs {
  top: calc(50% - 8px);
}
.interaction.ic-text-correction.line .contentblock {
  padding-right: 220px;
}
.interaction.ic-text-correction.line .inputs {
  display: block;
  position: absolute;
  bottom: 0px;
  top: 0px;
  right: 0px;
  width: 200px;
}
.interaction.ic-text-correction.line .signal-errors .inputs {
  top: calc(50% - 8px);
}
.interaction.ic-text-correction.sentence .contentblock {
  padding-right: 70px;
}
.interaction.ic-text-correction.sentence .inputs {
  display: block;
  position: absolute;
  bottom: 0px;
  top: 0px;
  right: 0px;
  width: 50px;
}
.interaction.ic-text-correction.sentence .signal-errors .inputs {
  top: calc(50% - 8px);
}
.resources-stage:not(.om-text-gap) {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.resource-bank .items {
  position: relative;
}
.resource-stage-item {
  position: absolute;
}
.resource-stage-item.ui-selected,
.resource-stage-item.ui-unselecting {
  z-index: 1;
}
.resource-stage-item.inline-svg {
  pointer-events: none;
}
.resource-stage-item.inline-svg #outline {
  pointer-events: auto;
}
/* SVG adjust */
.resource-stage-item svg,
.resource-item svg {
  display: block;
}
.selected-resource-stage-items {
  position: absolute;
  z-index: 1;
}
.selected-resource-stage-items.rotated {
  transform: rotate(90deg);
}
.selected-resource-stage-items.anticlockwise-rotated {
  transform: rotate(-90deg);
}
.selected-resource-stage-items.flipped-hor {
  transform: scaleX(-1);
}
.selected-resource-stage-items.flipped-ver {
  transform: scaleY(-1);
}
.resource-stage-item.fitX {
  transition: left 0.2s linear;
}
.resource-stage-item.fitY {
  transition: top 0.2s linear;
}
.resource-stage-item.numeral-cards .btn-flip {
  pointer-events: auto;
}
.resources-stage-wrapper.numeral-cards .selected-resource-stage-items.flipped-hor {
  transform: scaleX(1);
}
.resources-stage-wrapper.numeral-cards .selected-resource-stage-items.flipped-ver {
  transform: scaleY(1);
}
.general-grid {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.pan-left,
.pan-right {
  height: 200px;
  width: 100px;
  display: inline-block;
  border: 1px solid blue;
}
.pan-left {
  position: absolute;
  left: 0;
}
.pan-right {
  position: absolute;
  right: 0;
}
.pan-balance-wrapper {
  position: relative;
  top: 50%;
}
.os-number-stacks-pan {
  width: 100%;
  height: 100%;
}
.notebook-wrapper .notebook-note {
  display: none;
}
.notebook-wrapper .notebook-note.active {
  display: block;
  background: white;
  color: black;
}
.notebook-wrapper.no-prev .btn-prev,
.notebook-wrapper.no-next .btn-next {
  display: none;
}
.notebook-wrapper .notebook .notebook-tabs {
  list-style-type: none;
}
.notebook-wrapper .notebook .notebook-tabs .note-tab {
  display: inline-block;
}
.interaction.ic-dialogue-recording.hide-my-lines .dialogue.role-active .dialogue-content {
  display: none;
}
.interaction.ic-dialogue-recording.hide-all-lines .dialogue .dialogue-content {
  display: none;
}
.interaction.ic-dialogue-recording .dialogue .recorder {
  display: none;
}
.interaction.ic-dialogue-recording .dialogue.role-active .recorder {
  display: inline-block;
}
.interaction.ic-dialogue-recording.original-audio-for-non-selected-role .dialogue.role-active .player {
  display: none;
}
.is-hangman-word {
  display: inline-block;
  margin: 0 10px;
}
.is-hangman-letter {
  display: inline-block;
  border: 1px solid;
  text-align: center;
  width: 30px;
  height: 30px;
  vertical-align: bottom;
}
.is-hangman-letter-revealed {
  border: 2px solid green;
}
.is-hangman-letter-empty {
  border: 2px solid blue;
}
.is-hangman-key {
  display: inline-block;
  border: 2px solid;
  text-align: center;
  width: 40px;
  height: 40px;
  vertical-align: bottom;
}
.is-hangman-key:hover {
  cursor: pointer;
}
.is-hangman-life {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: blue;
}
.is-hangman-life.life-used {
  border-radius: 50%;
  background-color: grey;
}
.is-hangman-key-attempted {
  background-color: grey;
}
.is-hangman-key-correct {
  background-color: green;
}
.is-hangman-key-incorrect {
  background-color: red;
}
.is-hangman-key-empty {
  background-color: blue;
}
.input-voice.speech-result .input-text .matched {
  color: green;
}
.input-voice.speech-result .input-text .no-matched {
  color: red;
}
/*! jQuery UI - v1.11.1 - 2014-08-13
*
* IMPORTANT NOTE: This file has been modified to be compiled with less.
* References to the path of the images have also been modified to reflect their current location.
*
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}
.ui-helper-clearfix:after {
  clear: both;
}
.ui-helper-clearfix {
  min-height: 0;
  /* support: IE7 */
}
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
  /* support: IE8 */
}
.ui-front {
  z-index: 100;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: 0.5em 0.5em 0.5em 0.7em;
  min-height: 0;
  /* support: IE7 */
  font-size: 100%;
}
.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: 0.5em;
  top: 50%;
  margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}
.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}
.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  line-height: normal;
  margin-right: 0.1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  overflow: visible;
  /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
  width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
  width: 2.4em;
}
.ui-button-icons-only {
  width: 3.4em;
}
button.ui-button-icons-only {
  width: 3.7em;
}
/* button text element */
.ui-button .ui-button-text {
  display: block;
  line-height: normal;
}
.ui-button-text-only .ui-button-text {
  padding: 0.4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: 0.4em;
  text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: 0.4em 1em 0.4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: 0.4em 2.1em 0.4em 1em;
}
.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
  padding: 0.4em 1em;
}
/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
  left: 0.5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: 0.5em;
}
/* button sets */
.ui-buttonset {
  margin-right: 7px;
}
.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -0.3em;
}
/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}
.ui-datepicker .ui-datepicker-next {
  right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}
.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}
.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}
.ui-datepicker td {
  border: 0;
  padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}
.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}
/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}
.ui-dialog {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.2em;
  outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
  padding: 0.4em 1em;
  position: relative;
}
.ui-dialog .ui-dialog-title {
  float: left;
  margin: 0.1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}
.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 0.5em 1em;
  background: none;
  overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: 0.5em;
  padding: 0.3em 1em 0.5em 0.4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer;
}
.ui-dialog .ui-resizable-se {
  width: 12px;
  height: 12px;
  right: -5px;
  bottom: -5px;
  background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}
.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none;
}
.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: none;
}
.ui-menu .ui-menu {
  position: absolute;
}
.ui-menu .ui-menu-item {
  position: relative;
  margin: 0;
  padding: 3px 1em 3px 0.4em;
  cursor: pointer;
  min-height: 0;
  /* support: IE7 */
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px;
}
/* icon support */
.ui-menu-icons {
  position: relative;
}
.ui-menu-icons .ui-menu-item {
  padding-left: 2em;
}
/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.2em;
  margin: auto 0;
}
/* right-aligned */
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}
.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  filter: alpha(opacity=25);
  /* support: IE8 */
  opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}
.ui-resizable {
  position: relative;
}
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}
.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}
.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}
.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}
.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}
.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}
.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}
.ui-selectable {
  -ms-touch-action: none;
  touch-action: none;
}
.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}
.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  /* Support: IE7 */
  overflow-x: hidden;
  padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}
.ui-selectmenu-open {
  display: block;
}
.ui-selectmenu-button {
  display: inline-block;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  cursor: pointer;
}
.ui-selectmenu-button span.ui-icon {
  right: 0.5em;
  left: auto;
  margin-top: -8px;
  position: absolute;
  top: 50%;
}
.ui-selectmenu-button span.ui-selectmenu-text {
  text-align: left;
  padding: 0.4em 2.1em 0.4em 1em;
  display: block;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ui-slider {
  position: relative;
  text-align: left;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}
/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}
.ui-slider-horizontal {
  height: 0.8em;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}
.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}
.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}
.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}
.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0;
  margin: 0.2em 0;
  vertical-align: middle;
  margin-left: 0.4em;
  margin-right: 22px;
}
.ui-spinner-button {
  width: 16px;
  height: 50%;
  font-size: 0.5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
  border-top: none;
  border-bottom: none;
  border-right: none;
}
/* vertically center icon */
.ui-spinner .ui-icon {
  position: absolute;
  margin-top: -8px;
  top: 50%;
  left: 0;
}
.ui-spinner-up {
  top: 0;
}
.ui-spinner-down {
  bottom: 0;
}
/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
  /* need to fix icons sprite */
  background-position: -65px -16px;
}
.ui-tabs {
  position: relative;
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: 0.2em;
}
.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.2em 0.2em 0;
}
.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px 0.2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}
.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
  border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  font-size: 1.1em;
}
.ui-widget .ui-widget {
  font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  font-size: 1em;
}
.ui-widget-content {
  border: 1px solid #dddddd;
  background: #eeeeee url("../images/jquery/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x;
  color: #333333;
}
.ui-widget-content a {
  color: #333333;
}
.ui-widget-header {
  border: 1px solid #e78f08;
  background: #f6a828 url("../images/jquery/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;
  color: #ffffff;
  font-weight: bold;
}
.ui-widget-header a {
  color: #ffffff;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #cccccc;
  background: #f6f6f6 url("../images/jquery/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;
  font-weight: bold;
  color: #1c94c4;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #1c94c4;
  text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #fbcb09;
  background: #fdf5ce url("../images/jquery/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x;
  font-weight: bold;
  color: #c77405;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: #c77405;
  text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #fbd850;
  background: #ffffff url("../images/jquery/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
  font-weight: bold;
  color: #eb8f00;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #eb8f00;
  text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #fed22f;
  background: #ffe45c url("../images/jquery/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top repeat-x;
  color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #b81900 url("../images/jquery/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat;
  color: #ffffff;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #ffffff;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #ffffff;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: alpha(opacity=70);
  /* support: IE8 */
  font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: alpha(opacity=35);
  /* support: IE8 */
  background-image: none;
}
.ui-state-disabled .ui-icon {
  filter: alpha(opacity=35);
  /* support: IE8 - See #6059 */
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("../images/jquery/ui-icons_222222_256x240.png");
}
.ui-widget-header .ui-icon {
  background-image: url("../images/jquery/ui-icons_ffffff_256x240.png");
}
.ui-state-default .ui-icon {
  background-image: url("../images/jquery/ui-icons_ef8c08_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url("../images/jquery/ui-icons_ef8c08_256x240.png");
}
.ui-state-active .ui-icon {
  background-image: url("../images/jquery/ui-icons_ef8c08_256x240.png");
}
.ui-state-highlight .ui-icon {
  background-image: url("../images/jquery/ui-icons_228ef1_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("../images/jquery/ui-icons_ffd27a_256x240.png");
}
/* positioning */
.ui-icon-blank {
  background-position: 16px 16px;
}
.ui-icon-carat-1-n {
  background-position: 0 0;
}
.ui-icon-carat-1-ne {
  background-position: -16px 0;
}
.ui-icon-carat-1-e {
  background-position: -32px 0;
}
.ui-icon-carat-1-se {
  background-position: -48px 0;
}
.ui-icon-carat-1-s {
  background-position: -64px 0;
}
.ui-icon-carat-1-sw {
  background-position: -80px 0;
}
.ui-icon-carat-1-w {
  background-position: -96px 0;
}
.ui-icon-carat-1-nw {
  background-position: -112px 0;
}
.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}
.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}
.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}
.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}
.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}
.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}
.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}
.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}
.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}
.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}
.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}
.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}
.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}
.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}
.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}
.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}
.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}
.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}
.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}
.ui-icon-arrow-4 {
  background-position: 0 -80px;
}
.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}
.ui-icon-extlink {
  background-position: -32px -80px;
}
.ui-icon-newwin {
  background-position: -48px -80px;
}
.ui-icon-refresh {
  background-position: -64px -80px;
}
.ui-icon-shuffle {
  background-position: -80px -80px;
}
.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}
.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}
.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}
.ui-icon-folder-open {
  background-position: -16px -96px;
}
.ui-icon-document {
  background-position: -32px -96px;
}
.ui-icon-document-b {
  background-position: -48px -96px;
}
.ui-icon-note {
  background-position: -64px -96px;
}
.ui-icon-mail-closed {
  background-position: -80px -96px;
}
.ui-icon-mail-open {
  background-position: -96px -96px;
}
.ui-icon-suitcase {
  background-position: -112px -96px;
}
.ui-icon-comment {
  background-position: -128px -96px;
}
.ui-icon-person {
  background-position: -144px -96px;
}
.ui-icon-print {
  background-position: -160px -96px;
}
.ui-icon-trash {
  background-position: -176px -96px;
}
.ui-icon-locked {
  background-position: -192px -96px;
}
.ui-icon-unlocked {
  background-position: -208px -96px;
}
.ui-icon-bookmark {
  background-position: -224px -96px;
}
.ui-icon-tag {
  background-position: -240px -96px;
}
.ui-icon-home {
  background-position: 0 -112px;
}
.ui-icon-flag {
  background-position: -16px -112px;
}
.ui-icon-calendar {
  background-position: -32px -112px;
}
.ui-icon-cart {
  background-position: -48px -112px;
}
.ui-icon-pencil {
  background-position: -64px -112px;
}
.ui-icon-clock {
  background-position: -80px -112px;
}
.ui-icon-disk {
  background-position: -96px -112px;
}
.ui-icon-calculator {
  background-position: -112px -112px;
}
.ui-icon-zoomin {
  background-position: -128px -112px;
}
.ui-icon-zoomout {
  background-position: -144px -112px;
}
.ui-icon-search {
  background-position: -160px -112px;
}
.ui-icon-wrench {
  background-position: -176px -112px;
}
.ui-icon-gear {
  background-position: -192px -112px;
}
.ui-icon-heart {
  background-position: -208px -112px;
}
.ui-icon-star {
  background-position: -224px -112px;
}
.ui-icon-link {
  background-position: -240px -112px;
}
.ui-icon-cancel {
  background-position: 0 -128px;
}
.ui-icon-plus {
  background-position: -16px -128px;
}
.ui-icon-plusthick {
  background-position: -32px -128px;
}
.ui-icon-minus {
  background-position: -48px -128px;
}
.ui-icon-minusthick {
  background-position: -64px -128px;
}
.ui-icon-close {
  background-position: -80px -128px;
}
.ui-icon-closethick {
  background-position: -96px -128px;
}
.ui-icon-key {
  background-position: -112px -128px;
}
.ui-icon-lightbulb {
  background-position: -128px -128px;
}
.ui-icon-scissors {
  background-position: -144px -128px;
}
.ui-icon-clipboard {
  background-position: -160px -128px;
}
.ui-icon-copy {
  background-position: -176px -128px;
}
.ui-icon-contact {
  background-position: -192px -128px;
}
.ui-icon-image {
  background-position: -208px -128px;
}
.ui-icon-video {
  background-position: -224px -128px;
}
.ui-icon-script {
  background-position: -240px -128px;
}
.ui-icon-alert {
  background-position: 0 -144px;
}
.ui-icon-info {
  background-position: -16px -144px;
}
.ui-icon-notice {
  background-position: -32px -144px;
}
.ui-icon-help {
  background-position: -48px -144px;
}
.ui-icon-check {
  background-position: -64px -144px;
}
.ui-icon-bullet {
  background-position: -80px -144px;
}
.ui-icon-radio-on {
  background-position: -96px -144px;
}
.ui-icon-radio-off {
  background-position: -112px -144px;
}
.ui-icon-pin-w {
  background-position: -128px -144px;
}
.ui-icon-pin-s {
  background-position: -144px -144px;
}
.ui-icon-play {
  background-position: 0 -160px;
}
.ui-icon-pause {
  background-position: -16px -160px;
}
.ui-icon-seek-next {
  background-position: -32px -160px;
}
.ui-icon-seek-prev {
  background-position: -48px -160px;
}
.ui-icon-seek-end {
  background-position: -64px -160px;
}
.ui-icon-seek-start {
  background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px;
}
.ui-icon-stop {
  background-position: -96px -160px;
}
.ui-icon-eject {
  background-position: -112px -160px;
}
.ui-icon-volume-off {
  background-position: -128px -160px;
}
.ui-icon-volume-on {
  background-position: -144px -160px;
}
.ui-icon-power {
  background-position: 0 -176px;
}
.ui-icon-signal-diag {
  background-position: -16px -176px;
}
.ui-icon-signal {
  background-position: -32px -176px;
}
.ui-icon-battery-0 {
  background-position: -48px -176px;
}
.ui-icon-battery-1 {
  background-position: -64px -176px;
}
.ui-icon-battery-2 {
  background-position: -80px -176px;
}
.ui-icon-battery-3 {
  background-position: -96px -176px;
}
.ui-icon-circle-plus {
  background-position: 0 -192px;
}
.ui-icon-circle-minus {
  background-position: -16px -192px;
}
.ui-icon-circle-close {
  background-position: -32px -192px;
}
.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}
.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}
.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}
.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}
.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}
.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}
.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}
.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}
.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}
.ui-icon-circle-check {
  background-position: -208px -192px;
}
.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}
.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}
.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}
.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}
.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}
.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 4px;
}
/* Overlays */
.ui-widget-overlay {
  background: #666666 url("../images/jquery/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat;
  opacity: 0.5;
  filter: alpha(opacity=50);
  /* support: IE8 */
}
.ui-widget-shadow {
  margin: -5px 0 0 -5px;
  padding: 5px;
  background: #000000 url("../images/jquery/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x;
  opacity: 0.2;
  filter: alpha(opacity=20);
  /* support: IE8 */
  border-radius: 5px;
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 18px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
.btn-primary {
  color: #fff;
  background-color: #444;
  border-color: #373737;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #2b2b2b;
  border-color: #191919;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #444;
  border-color: #373737;
}
.btn-primary .badge {
  color: #444;
  background-color: #fff;
}
.btn-success {
  color: #fff;
  background-color: #6e6e6e;
  border-color: #616161;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #555555;
  border-color: #434343;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #6e6e6e;
  border-color: #616161;
}
.btn-success .badge {
  color: #6e6e6e;
  background-color: #fff;
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.btn-danger {
  color: #fff;
  background-color: #e32c35;
  border-color: #d91d26;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c21a22;
  border-color: #a3161d;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #e32c35;
  border-color: #d91d26;
}
.btn-danger .badge {
  color: #e32c35;
  background-color: #fff;
}
.btn-link {
  color: #444;
  font-weight: normal;
  cursor: pointer;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #1e1e1e;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777777;
  text-decoration: none;
}
.btn-lg {
  padding: 10px 16px;
  font-size: 23px;
  line-height: 1.33;
  border-radius: 6px;
}
.btn-sm {
  padding: 5px 10px;
  font-size: 16px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs {
  padding: 1px 5px;
  font-size: 16px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 25px;
  font-size: 27px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 18px;
  line-height: 1.42857143;
  color: #555555;
}
.form-control {
  display: block;
  width: 100%;
  height: 39px;
  padding: 6px 12px;
  font-size: 18px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
  color: #777777;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #777777;
}
.form-control::-webkit-input-placeholder {
  color: #777777;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eeeeee;
  opacity: 1;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  line-height: 39px;
  line-height: 1.42857143 \0;
}
input[type="date"].input-sm,
input[type="time"].input-sm,
input[type="datetime-local"].input-sm,
input[type="month"].input-sm {
  line-height: 36px;
}
input[type="date"].input-lg,
input[type="time"].input-lg,
input[type="datetime-local"].input-lg,
input[type="month"].input-lg {
  line-height: 53px;
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  position: relative;
  display: block;
  min-height: 25px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-left: 0;
  padding-right: 0;
}
.input-sm,
.form-horizontal .form-group-sm .form-control {
  height: 36px;
  padding: 5px 10px;
  font-size: 16px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-sm {
  height: 36px;
  line-height: 36px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.input-lg,
.form-horizontal .form-group-lg .form-control {
  height: 53px;
  padding: 10px 16px;
  font-size: 23px;
  line-height: 1.33;
  border-radius: 6px;
}
select.input-lg {
  height: 53px;
  line-height: 53px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 48.75px;
}
.form-control-feedback {
  position: absolute;
  top: 30px;
  right: 0;
  z-index: 2;
  display: block;
  width: 39px;
  height: 39px;
  line-height: 39px;
  text-align: center;
}
.input-lg + .form-control-feedback {
  width: 53px;
  height: 53px;
  line-height: 53px;
}
.input-sm + .form-control-feedback {
  width: 36px;
  height: 36px;
  line-height: 36px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8;
}
.has-success .form-control-feedback {
  color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede;
}
.has-error .form-control-feedback {
  color: #a94442;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #7d7d7d;
}
@media (min-width: 750px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 32px;
}
.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px;
}
@media (min-width: 750px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  top: 0;
  right: 15px;
}
@media (min-width: 750px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 14.3px;
  }
}
@media (min-width: 750px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
  }
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 750px) {
  .container {
    width: 100%;
  }
}
@media (min-width: 985px) {
  .container {
    width: 100%;
  }
}
@media (min-width: 1250px) {
  .container {
    width: 100%;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 750px) {
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 985px) {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1250px) {
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
.label {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}
a.label:hover,
a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: #777777;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #5e5e5e;
}
.label-primary {
  background-color: #444;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #2b2b2b;
}
.label-success {
  background-color: #6e6e6e;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #555555;
}
.label-info {
  background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}
.label-danger {
  background-color: #e32c35;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c21a22;
}
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
@media print {
  * {
    text-shadow: none !important;
    color: #000 !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  select {
    background: #fff !important;
  }
  .navbar {
    display: none;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.42857143;
  color: #3d3d3d;
  background-color: #fff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #444;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #1e1e1e;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive {
  display: block;
  width: 100% \9;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  width: 100% \9;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 25px;
  margin-bottom: 25px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
table {
  background-color: transparent;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 25px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
@media screen and (max-width: 749px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 18.75px;
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777777;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 25px;
  margin-bottom: 12.5px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 12.5px;
  margin-bottom: 12.5px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 46px;
}
h2,
.h2 {
  font-size: 38px;
}
h3,
.h3 {
  font-size: 31px;
}
h4,
.h4 {
  font-size: 23px;
}
h5,
.h5 {
  font-size: 18px;
}
h6,
.h6 {
  font-size: 16px;
}
p {
  margin: 0 0 12.5px;
}
.lead {
  margin-bottom: 25px;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 750px) {
  .lead {
    font-size: 27px;
  }
}
small,
.small {
  font-size: 88%;
}
cite {
  font-style: normal;
}
mark,
.mark {
  background-color: #fcf8e3;
  padding: 0.2em;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-muted {
  color: #777777;
}
.text-primary {
  color: #444;
}
a.text-primary:hover {
  color: #2b2b2b;
}
.text-success {
  color: #3c763d;
}
a.text-success:hover {
  color: #2b542c;
}
.text-info {
  color: #31708f;
}
a.text-info:hover {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover {
  color: #66512c;
}
.text-danger {
  color: #a94442;
}
a.text-danger:hover {
  color: #843534;
}
.bg-primary {
  color: #fff;
  background-color: #444;
}
a.bg-primary:hover {
  background-color: #2b2b2b;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:hover {
  background-color: #e4b9b9;
}
.page-header {
  padding-bottom: 11.5px;
  margin: 50px 0 25px;
  border-bottom: 1px solid #eeeeee;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 12.5px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
dl {
  margin-top: 0;
  margin-bottom: 25px;
}
dt,
dd {
  line-height: 1.42857143;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
@media (min-width: 750px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777777;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 12.5px 25px;
  margin: 0 0 25px;
  font-size: 22.5px;
  border-left: 5px solid #eeeeee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}
blockquote:before,
blockquote:after {
  content: "";
}
address {
  margin-bottom: 25px;
  font-style: normal;
  line-height: 1.42857143;
}
.clearfix:before,
.clearfix:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.interaction.pp-flashcards .fc_view:before,
.interaction.pp-flashcards .fc_view:after,
.interaction.om-text-gap .wordpool .pool:before,
.interaction.om-text-gap .wordpool .pool:after,
.interaction.om-text-gap-label-an-object .wordpool .pool:before,
.interaction.om-text-gap-label-an-object .wordpool .pool:after,
.interaction.os-sorting:before,
.interaction.os-sorting:after,
.interaction.os-number-stacks:before,
.interaction.os-number-stacks:after,
.interaction.os-number-stacks .pool:before,
.interaction.os-number-stacks .pool:after,
.wordpool:before,
.wordpool:after {
  content: " ";
  display: table;
}
.clearfix:after,
.form-horizontal .form-group:after,
.container:after,
.container-fluid:after,
.row:after,
.dl-horizontal dd:after,
.interaction.pp-flashcards .fc_view:after,
.interaction.om-text-gap .wordpool .pool:after,
.interaction.om-text-gap-label-an-object .wordpool .pool:after,
.interaction.os-sorting:after,
.interaction.os-number-stacks:after,
.interaction.os-number-stacks .pool:after,
.wordpool:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.affix {
  position: fixed;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.endResult__item {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 5px;
}
.endResult__progress {
  -webkit-appearance: none;
  height: 6px;
  box-sizing: content-box;
  background: #6e6e6e;
  max-width: none;
  padding: 2px;
  border-radius: 5px;
  margin: 5px 5px 0 5px;
  background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#e9e9e9));
  box-shadow: 0 1px 0 #fff;
  border-radius: 4px;
}
.endResult__progress::-webkit-progress-value {
  background: #f5e38d;
}
.endResult__progress::-webkit-progress-bar {
  background: #fff;
}
.endResult__title {
  font-weight: 600;
  padding-right: 10px;
}
.endResult__score {
  border-radius: 5px;
}
.annotations-toolbar {
  position: fixed;
  bottom: 0;
}
.annotations-toolbar .toggle {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0;
  border: 1px solid transparent;
  box-shadow: none;
  margin-bottom: 0;
  background: #cccccc;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* for child to eventually set and use */
  text-decoration: none;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  text-indent: -9999px;
  position: absolute;
  bottom: 0;
}
.annotations-toolbar .toggle:active {
  box-shadow: none;
}
.annotations-toolbar .toggle:focus,
.annotations-toolbar .toggle:active:focus,
.annotations-toolbar .toggle.active:focus {
  outline: none;
  color: #555;
}
.annotations-toolbar .toggle,
.annotations-toolbar .toggle .label {
  color: #555;
}
.annotations-toolbar .toggle:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
  text-decoration: none;
}
.annotations-toolbar .toggle:hover,
.annotations-toolbar .toggle:hover .label {
  color: #fff;
}
.annotations-toolbar .toggle.inactive,
.annotations-toolbar .toggle.lrp_inactive,
.annotations-toolbar .toggle.disabled,
.annotations-toolbar .toggle.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  box-shadow: none;
  background: rgba(200, 200, 200, 0.4);
  opacity: 1;
  cursor: default;
}
.annotations-toolbar .toggle:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -1px -321px;
  left: 0;
}
.annotations-toolbar.open .toggle {
  width: 45px;
  margin-left: -5px;
}
.annotations-toolbar.open .toggle:before {
  left: 5px;
}
.annotations-toolbar .tools {
  position: absolute;
  font: normal 500 17px/1.4 Helvetica, Arial, sans-serif;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: #555;
  color: #fff;
  -webkit-box-shadow: 6px 12px 20px rgba(0, 0, 0, 0.36);
  box-shadow: 6px 12px 20px rgba(0, 0, 0, 0.36);
  border: 0 solid transparent;
  bottom: 0;
  z-index: 1;
  margin-left: -44px;
  display: none;
}
.annotations-toolbar .tools .ui-dialog-titlebar {
  font: normal 100 30px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  color: #fff;
  line-height: normal;
  padding: 10px 0;
  margin: 0 30px 30px 30px;
  border-bottom: 1px solid #6e6e6e;
  position: relative;
}
.annotations-toolbar .tools .ui-dialog-titlebar h1,
.annotations-toolbar .tools .ui-dialog-titlebar h2,
.annotations-toolbar .tools .ui-dialog-titlebar h3,
.annotations-toolbar .tools .ui-dialog-titlebar h4,
.annotations-toolbar .tools .ui-dialog-titlebar h5,
.annotations-toolbar .tools .ui-dialog-titlebar h6 {
  font: normal 100 30px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  margin: 0;
}
.annotations-toolbar .tools .ui-dialog-titlebar-close {
  position: absolute;
  top: 0;
  right: -30px;
  background: transparent;
  border: none;
  outline: none;
  opacity: 1;
  width: 40px;
  height: 40px;
  margin: 0;
  border-radius: 0;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
}
.annotations-toolbar .tools .ui-dialog-titlebar-close:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -1px -1px;
  left: 0;
}
.annotations-toolbar .tools .ui-dialog-titlebar-close:hover {
  background: #0d0d0d;
}
.annotations-toolbar .tools .ui-dialog-titlebar-close .ui-icon-closethick {
  display: none;
}
.annotations-toolbar .tools .ui-dialog-content {
  color: #fff;
  padding: 0 30px;
  width: 100% !important;
}
.annotations-toolbar .tools .ui-dialog-content select,
.annotations-toolbar .tools .ui-dialog-content input,
.annotations-toolbar .tools .ui-dialog-content textarea {
  color: #3d3d3d;
}
.annotations-toolbar .tools .ui-dialog-content input[type=text],
.annotations-toolbar .tools .ui-dialog-content input[type=number] {
  background: #fff;
  border: 1px solid #cccccc;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-box-shadow: inset 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 2px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: border-color 0.15s;
  -o-transition: border-color 0.15s;
  transition: border-color 0.15s;
  outline: none;
  padding: 0px 10px 0px;
  color: #3d3d3d;
  min-height: 40px;
  font: normal 500 18px/1.4 Helvetica, Arial, sans-serif;
  letter-spacing: 0;
  padding: 3px 10px 2px;
}
.annotations-toolbar .tools .ui-dialog-content input[type=text]:hover,
.annotations-toolbar .tools .ui-dialog-content input[type=number]:hover,
.annotations-toolbar .tools .ui-dialog-content input[type=text]:focus,
.annotations-toolbar .tools .ui-dialog-content input[type=number]:focus {
  border: 1px solid #0d0d0d;
}
.annotations-toolbar .tools .ui-dialog-content input[type=text][disabled],
.annotations-toolbar .tools .ui-dialog-content input[type=number][disabled] {
  -webkit-opacity: 1;
  -webkit-text-fill-color: #3d3d3d;
}
.annotations-toolbar .tools .ui-dialog-content .last-buttons {
  margin: 50px 0 0;
  text-align: right;
  font-size: 0;
}
.annotations-toolbar .tools .ui-dialog-content .last-buttons .ui-button {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0 20px;
  border: 1px solid transparent;
  box-shadow: none;
  margin-bottom: 0;
  background: #cccccc;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* for child to eventually set and use */
  text-decoration: none;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  margin: 0 0 0 0;
}
.annotations-toolbar .tools .ui-dialog-content .last-buttons .ui-button:active {
  box-shadow: none;
}
.annotations-toolbar .tools .ui-dialog-content .last-buttons .ui-button:focus,
.annotations-toolbar .tools .ui-dialog-content .last-buttons .ui-button:active:focus,
.annotations-toolbar .tools .ui-dialog-content .last-buttons .ui-button.active:focus {
  outline: none;
  color: #555;
}
.annotations-toolbar .tools .ui-dialog-content .last-buttons .ui-button,
.annotations-toolbar .tools .ui-dialog-content .last-buttons .ui-button .label {
  color: #555;
}
.annotations-toolbar .tools .ui-dialog-content .last-buttons .ui-button:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
  text-decoration: none;
}
.annotations-toolbar .tools .ui-dialog-content .last-buttons .ui-button:hover,
.annotations-toolbar .tools .ui-dialog-content .last-buttons .ui-button:hover .label {
  color: #fff;
}
.annotations-toolbar .tools .ui-dialog-content .last-buttons .ui-button.inactive,
.annotations-toolbar .tools .ui-dialog-content .last-buttons .ui-button.lrp_inactive,
.annotations-toolbar .tools .ui-dialog-content .last-buttons .ui-button.disabled,
.annotations-toolbar .tools .ui-dialog-content .last-buttons .ui-button.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  box-shadow: none;
  background: rgba(200, 200, 200, 0.4);
  opacity: 1;
  cursor: default;
}
.annotations-toolbar .tools .ui-dialog-content .last-buttons .ui-button:last-child {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0 20px;
  border: 1px solid transparent;
  box-shadow: none;
  margin-bottom: 0;
  background: #888888;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* for child to eventually set and use */
  text-decoration: none;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
}
.annotations-toolbar .tools .ui-dialog-content .last-buttons .ui-button:last-child:active {
  box-shadow: none;
}
.annotations-toolbar .tools .ui-dialog-content .last-buttons .ui-button:last-child:focus,
.annotations-toolbar .tools .ui-dialog-content .last-buttons .ui-button:last-child:active:focus,
.annotations-toolbar .tools .ui-dialog-content .last-buttons .ui-button:last-child.active:focus {
  outline: none;
  color: #555;
}
.annotations-toolbar .tools .ui-dialog-content .last-buttons .ui-button:last-child,
.annotations-toolbar .tools .ui-dialog-content .last-buttons .ui-button:last-child .label {
  color: #555;
}
.annotations-toolbar .tools .ui-dialog-content .last-buttons .ui-button:last-child:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
  text-decoration: none;
}
.annotations-toolbar .tools .ui-dialog-content .last-buttons .ui-button:last-child:hover,
.annotations-toolbar .tools .ui-dialog-content .last-buttons .ui-button:last-child:hover .label {
  color: #fff;
}
.annotations-toolbar .tools .ui-dialog-content .last-buttons .ui-button:last-child.inactive,
.annotations-toolbar .tools .ui-dialog-content .last-buttons .ui-button:last-child.lrp_inactive,
.annotations-toolbar .tools .ui-dialog-content .last-buttons .ui-button:last-child.disabled,
.annotations-toolbar .tools .ui-dialog-content .last-buttons .ui-button:last-child.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  box-shadow: none;
  background: rgba(200, 200, 200, 0.4);
  opacity: 1;
  cursor: default;
}
.annotations-toolbar .tools .ui-dialog-content .last-buttons .ui-button .ui-button-text {
  padding: 0;
  line-height: inherit;
}
.annotations-toolbar .tools .ui-dialog-content .special-chars #char-container a {
  color: inherit;
  outline: none;
}
.annotations-toolbar .tools .tool {
  position: relative;
}
.annotations-toolbar .tools .tool button {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0;
  background: transparent;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  border: none;
  text-indent: -9999px;
  width: 40px;
}
.annotations-toolbar .tools .tool button:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
}
.annotations-toolbar .tools .tool button:focus {
  outline: none;
}
.annotations-toolbar .tools .tool.pen button:before {
  content: "";
  position: absolute;
  top: 1px;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -81px -321px;
  left: 1px;
}
.annotations-toolbar .tools .tool.brush button:before {
  content: "";
  position: absolute;
  top: 1px;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -121px -321px;
  left: 1px;
}
.annotations-toolbar .tools .tool.eraser button:before {
  content: "";
  position: absolute;
  top: 1px;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -161px -321px;
  left: 1px;
}
.annotations-toolbar .tools .tool.pointer button:before {
  content: "";
  position: absolute;
  top: 1px;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -41px -321px;
  left: 1px;
}
.annotations-toolbar .tools .tool.sticky-notes button:before {
  content: "";
  position: absolute;
  top: 1px;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -201px -361px;
  left: 1px;
}
.annotations-toolbar .tools .tool.undo button:before {
  content: "";
  position: absolute;
  top: 1px;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -81px -361px;
  left: 1px;
}
.annotations-toolbar .tools .tool.redo button:before {
  content: "";
  position: absolute;
  top: 1px;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -121px -361px;
  left: 1px;
}
.annotations-toolbar .tools .tool.on-off button:before {
  content: "";
  position: absolute;
  top: 1px;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -1px -361px;
  left: 1px;
}
.annotations-toolbar .tools .tool.on-off.off button:before {
  content: "";
  position: absolute;
  top: 1px;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -41px -361px;
  left: 1px;
}
.annotations-toolbar .tools .tool.active button {
  background: #888888;
}
.annotations-toolbar .tools .tool .color-sample {
  position: absolute;
  top: 31px;
  left: 10px;
  right: 0;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}
.annotations-toolbar .tools .tool.pen .color-sample {
  height: 2px;
}
.annotations-toolbar .tools .tool.brush .color-sample {
  height: 4px;
}
.annotations-toolbar .tools .tool.sticky-notes.shape-thought button:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -361px -361px;
  left: 0;
}
.annotations-toolbar .tools .tool.sticky-notes.shape-speech button:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -321px -361px;
  left: 0;
}
.annotations-toolbar .tools .tool.sticky-notes.shape-inverse button:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -281px -361px;
  left: 0;
}
.annotations-toolbar .tools .tool.sticky-notes.shape-important button:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -241px -361px;
  left: 0;
}
.annotations-toolbar .tools .tool.sticky-notes.shape-square button:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -201px -361px;
  left: 0;
}
.annotations-toolbar .tools .palette {
  font: normal 500 17px/1.4 Helvetica, Arial, sans-serif;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: #555;
  color: #fff;
  -webkit-box-shadow: 6px 12px 20px rgba(0, 0, 0, 0.36);
  box-shadow: 6px 12px 20px rgba(0, 0, 0, 0.36);
  border: 0 solid transparent;
  position: absolute;
  top: 0;
  left: 40px;
}
.annotations-toolbar .tools .palette .ui-dialog-titlebar {
  font: normal 100 30px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  color: #fff;
  line-height: normal;
  padding: 10px 0;
  margin: 0 30px 30px 30px;
  border-bottom: 1px solid #6e6e6e;
  position: relative;
}
.annotations-toolbar .tools .palette .ui-dialog-titlebar h1,
.annotations-toolbar .tools .palette .ui-dialog-titlebar h2,
.annotations-toolbar .tools .palette .ui-dialog-titlebar h3,
.annotations-toolbar .tools .palette .ui-dialog-titlebar h4,
.annotations-toolbar .tools .palette .ui-dialog-titlebar h5,
.annotations-toolbar .tools .palette .ui-dialog-titlebar h6 {
  font: normal 100 30px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  margin: 0;
}
.annotations-toolbar .tools .palette .ui-dialog-titlebar-close {
  position: absolute;
  top: 0;
  right: -30px;
  background: transparent;
  border: none;
  outline: none;
  opacity: 1;
  width: 40px;
  height: 40px;
  margin: 0;
  border-radius: 0;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
}
.annotations-toolbar .tools .palette .ui-dialog-titlebar-close:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -1px -1px;
  left: 0;
}
.annotations-toolbar .tools .palette .ui-dialog-titlebar-close:hover {
  background: #0d0d0d;
}
.annotations-toolbar .tools .palette .ui-dialog-titlebar-close .ui-icon-closethick {
  display: none;
}
.annotations-toolbar .tools .palette .ui-dialog-content {
  color: #fff;
  padding: 0 30px;
  width: 100% !important;
}
.annotations-toolbar .tools .palette .ui-dialog-content select,
.annotations-toolbar .tools .palette .ui-dialog-content input,
.annotations-toolbar .tools .palette .ui-dialog-content textarea {
  color: #3d3d3d;
}
.annotations-toolbar .tools .palette .ui-dialog-content input[type=text],
.annotations-toolbar .tools .palette .ui-dialog-content input[type=number] {
  background: #fff;
  border: 1px solid #cccccc;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-box-shadow: inset 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 2px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: border-color 0.15s;
  -o-transition: border-color 0.15s;
  transition: border-color 0.15s;
  outline: none;
  padding: 0px 10px 0px;
  color: #3d3d3d;
  min-height: 40px;
  font: normal 500 18px/1.4 Helvetica, Arial, sans-serif;
  letter-spacing: 0;
  padding: 3px 10px 2px;
}
.annotations-toolbar .tools .palette .ui-dialog-content input[type=text]:hover,
.annotations-toolbar .tools .palette .ui-dialog-content input[type=number]:hover,
.annotations-toolbar .tools .palette .ui-dialog-content input[type=text]:focus,
.annotations-toolbar .tools .palette .ui-dialog-content input[type=number]:focus {
  border: 1px solid #0d0d0d;
}
.annotations-toolbar .tools .palette .ui-dialog-content input[type=text][disabled],
.annotations-toolbar .tools .palette .ui-dialog-content input[type=number][disabled] {
  -webkit-opacity: 1;
  -webkit-text-fill-color: #3d3d3d;
}
.annotations-toolbar .tools .palette .ui-dialog-content .last-buttons {
  margin: 50px 0 0;
  text-align: right;
  font-size: 0;
}
.annotations-toolbar .tools .palette .ui-dialog-content .last-buttons .ui-button {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0 20px;
  border: 1px solid transparent;
  box-shadow: none;
  margin-bottom: 0;
  background: #cccccc;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* for child to eventually set and use */
  text-decoration: none;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  margin: 0 0 0 0;
}
.annotations-toolbar .tools .palette .ui-dialog-content .last-buttons .ui-button:active {
  box-shadow: none;
}
.annotations-toolbar .tools .palette .ui-dialog-content .last-buttons .ui-button:focus,
.annotations-toolbar .tools .palette .ui-dialog-content .last-buttons .ui-button:active:focus,
.annotations-toolbar .tools .palette .ui-dialog-content .last-buttons .ui-button.active:focus {
  outline: none;
  color: #555;
}
.annotations-toolbar .tools .palette .ui-dialog-content .last-buttons .ui-button,
.annotations-toolbar .tools .palette .ui-dialog-content .last-buttons .ui-button .label {
  color: #555;
}
.annotations-toolbar .tools .palette .ui-dialog-content .last-buttons .ui-button:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
  text-decoration: none;
}
.annotations-toolbar .tools .palette .ui-dialog-content .last-buttons .ui-button:hover,
.annotations-toolbar .tools .palette .ui-dialog-content .last-buttons .ui-button:hover .label {
  color: #fff;
}
.annotations-toolbar .tools .palette .ui-dialog-content .last-buttons .ui-button.inactive,
.annotations-toolbar .tools .palette .ui-dialog-content .last-buttons .ui-button.lrp_inactive,
.annotations-toolbar .tools .palette .ui-dialog-content .last-buttons .ui-button.disabled,
.annotations-toolbar .tools .palette .ui-dialog-content .last-buttons .ui-button.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  box-shadow: none;
  background: rgba(200, 200, 200, 0.4);
  opacity: 1;
  cursor: default;
}
.annotations-toolbar .tools .palette .ui-dialog-content .last-buttons .ui-button:last-child {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0 20px;
  border: 1px solid transparent;
  box-shadow: none;
  margin-bottom: 0;
  background: #888888;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* for child to eventually set and use */
  text-decoration: none;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
}
.annotations-toolbar .tools .palette .ui-dialog-content .last-buttons .ui-button:last-child:active {
  box-shadow: none;
}
.annotations-toolbar .tools .palette .ui-dialog-content .last-buttons .ui-button:last-child:focus,
.annotations-toolbar .tools .palette .ui-dialog-content .last-buttons .ui-button:last-child:active:focus,
.annotations-toolbar .tools .palette .ui-dialog-content .last-buttons .ui-button:last-child.active:focus {
  outline: none;
  color: #555;
}
.annotations-toolbar .tools .palette .ui-dialog-content .last-buttons .ui-button:last-child,
.annotations-toolbar .tools .palette .ui-dialog-content .last-buttons .ui-button:last-child .label {
  color: #555;
}
.annotations-toolbar .tools .palette .ui-dialog-content .last-buttons .ui-button:last-child:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
  text-decoration: none;
}
.annotations-toolbar .tools .palette .ui-dialog-content .last-buttons .ui-button:last-child:hover,
.annotations-toolbar .tools .palette .ui-dialog-content .last-buttons .ui-button:last-child:hover .label {
  color: #fff;
}
.annotations-toolbar .tools .palette .ui-dialog-content .last-buttons .ui-button:last-child.inactive,
.annotations-toolbar .tools .palette .ui-dialog-content .last-buttons .ui-button:last-child.lrp_inactive,
.annotations-toolbar .tools .palette .ui-dialog-content .last-buttons .ui-button:last-child.disabled,
.annotations-toolbar .tools .palette .ui-dialog-content .last-buttons .ui-button:last-child.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  box-shadow: none;
  background: rgba(200, 200, 200, 0.4);
  opacity: 1;
  cursor: default;
}
.annotations-toolbar .tools .palette .ui-dialog-content .last-buttons .ui-button .ui-button-text {
  padding: 0;
  line-height: inherit;
}
.annotations-toolbar .tools .palette .ui-dialog-content .special-chars #char-container a {
  color: inherit;
  outline: none;
}
.annotations-toolbar .tools .palette:after {
  clear: both;
}
.annotations-toolbar .tools .palette .sample {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0;
  float: left;
}
.annotations-toolbar .tools .palette .sample.color {
  -webkit-transition: border 0.15s;
  -o-transition: border 0.15s;
  transition: border 0.15s;
}
.annotations-toolbar .tools .palette .sample.color.active {
  border: 5px solid #888888;
}
.annotations-toolbar .tools .palette .sample.color:hover {
  border: 2px solid #0d0d0d;
}
.annotations-toolbar .tools .palette .sample.shape {
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
}
.annotations-toolbar .tools .palette .sample.shape.active {
  background: #888888;
}
.annotations-toolbar .tools .palette .sample.shape:hover {
  background: #0d0d0d;
}
.annotations-toolbar .tools .palette.colors {
  right: -240px;
  background: #fff;
}
.annotations-toolbar .tools .palette.shapes {
  right: -200px;
}
.annotations-toolbar .tools .palette.shapes .shape.thought:before {
  content: "";
  position: absolute;
  top: 1px;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -361px -361px;
  left: 1px;
}
.annotations-toolbar .tools .palette.shapes .shape.speech:before {
  content: "";
  position: absolute;
  top: 1px;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -321px -361px;
  left: 1px;
}
.annotations-toolbar .tools .palette.shapes .shape.inverse:before {
  content: "";
  position: absolute;
  top: 1px;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -281px -361px;
  left: 1px;
}
.annotations-toolbar .tools .palette.shapes .shape.important:before {
  content: "";
  position: absolute;
  top: 1px;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -241px -361px;
  left: 1px;
}
.annotations-toolbar .tools .palette.shapes .shape.square:before {
  content: "";
  position: absolute;
  top: 1px;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -201px -361px;
  left: 1px;
}
.annotations {
  z-index: 2200;
}
.annotations svg {
  width: 100%;
  height: 100%;
}
.annotations.using-pen {
  cursor: url(../images/tool-pen.cur), crosshair;
}
.annotations.using-brush {
  cursor: url(../images/tool-highlighter.cur), crosshair;
}
.annotations.using-sticky-notes {
  cursor: url(../images/tool-note.cur), crosshair;
}
.annotations.using-eraser {
  cursor: url(../images/tool-eraser.cur), crosshair;
}
.annotations .sticky-note {
  background-size: 100% 100%;
  background-color: transparent !important;
  cursor: move;
}
.annotations .sticky-note .toolbar {
  background: #555;
  display: inline-block;
}
.annotations .sticky-note .toolbar .button {
  float: left;
  width: 30px;
  height: 30px;
  cursor: pointer;
  position: relative;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
}
.annotations .sticky-note .toolbar .button:hover {
  background: #0d0d0d;
}
.annotations .sticky-note .toolbar .button.icon-collapse:before {
  content: "";
  position: absolute;
  top: -5px;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -241px -241px;
  left: -5px;
}
.annotations .sticky-note .toolbar .button.icon-delete:before {
  content: "";
  position: absolute;
  top: -5px;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -361px -321px;
  left: -5px;
}
.annotations .sticky-note .toolbar .button.icon-delete:hover {
  background: #b40d00;
}
.annotations .sticky-note .text-content {
  position: absolute;
  padding: 0 10px;
  overflow-y: auto;
  outline: none;
  font: normal 400 15px/1.3 Helvetica, Arial, sans-serif;
  letter-spacing: 0;
  cursor: text;
}
.annotations .sticky-note .ui-resizable-handle {
  display: none !important;
}
.annotations .sticky-note.expanded {
  min-width: 200px;
  min-height: 200px;
}
.annotations .sticky-note.expanded .ui-resizable-se {
  display: block !important;
}
.annotations .sticky-note.square {
  background-image: url("../images/note-square.svg");
}
.annotations .sticky-note.square .icon-expand:before {
  content: "";
  position: absolute;
  top: -5px;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -201px -361px;
  left: -5px;
}
.annotations .sticky-note.square .text-content {
  top: 16%;
  left: 2%;
  right: 2%;
  bottom: 8%;
  color: #333 !important;
}
.annotations .sticky-note.square .ui-resizable-se {
  right: 0.5%;
  bottom: 0.5%;
}
.annotations .sticky-note.important {
  background-image: url("../images/note-important.svg");
}
.annotations .sticky-note.important .icon-expand:before {
  content: "";
  position: absolute;
  top: -5px;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -241px -361px;
  left: -5px;
}
.annotations .sticky-note.important .text-content {
  top: 16%;
  left: 2%;
  right: 2%;
  bottom: 8%;
  color: #333 !important;
}
.annotations .sticky-note.important .ui-resizable-se {
  right: 0.5%;
  bottom: 0.5%;
}
.annotations .sticky-note.inverse {
  background-image: url("../images/note-inverse.svg");
}
.annotations .sticky-note.inverse .icon-expand:before {
  content: "";
  position: absolute;
  top: -5px;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -281px -361px;
  left: -5px;
}
.annotations .sticky-note.inverse .text-content {
  top: 16%;
  left: 2%;
  right: 2%;
  bottom: 8%;
  color: #ddd !important;
}
.annotations .sticky-note.inverse .ui-resizable-se {
  right: 0.5%;
  bottom: 0.5%;
}
.annotations .sticky-note.speech {
  background-image: url("../images/note-speech.svg");
}
.annotations .sticky-note.speech .icon-expand:before {
  content: "";
  position: absolute;
  top: -5px;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -321px -361px;
  left: -5px;
}
.annotations .sticky-note.speech .text-content {
  top: 18%;
  left: 10%;
  right: 10%;
  bottom: 31%;
  color: #333 !important;
}
.annotations .sticky-note.speech .ui-resizable-se {
  right: 24%;
  bottom: 8%;
}
.annotations .sticky-note.thought {
  background-image: url("../images/note-thought.svg");
}
.annotations .sticky-note.thought .icon-expand:before {
  content: "";
  position: absolute;
  top: -5px;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -361px -361px;
  left: -5px;
}
.annotations .sticky-note.thought .text-content {
  top: 17%;
  left: 10%;
  right: 10%;
  bottom: 36%;
  color: #333 !important;
}
.annotations .sticky-note.thought .ui-resizable-se {
  right: 11%;
  bottom: 10%;
}
.annotations .sticky-note.square:not(.expanded),
.annotations .sticky-note.speech:not(.expanded),
.annotations .sticky-note.thought:not(.expanded),
.annotations .sticky-note.important:not(.expanded),
.annotations .sticky-note.inverse:not(.expanded) {
  background: none;
}
.annotations.read-only .sticky-note {
  cursor: auto;
}
.annotations-toggle {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0;
  border: 1px solid transparent;
  box-shadow: none;
  margin-bottom: 0;
  background: #cccccc;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* for child to eventually set and use */
  text-decoration: none;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  text-indent: -9999px;
  position: fixed;
  bottom: 0;
}
.annotations-toggle:active {
  box-shadow: none;
}
.annotations-toggle:focus,
.annotations-toggle:active:focus,
.annotations-toggle.active:focus {
  outline: none;
  color: #555;
}
.annotations-toggle,
.annotations-toggle .label {
  color: #555;
}
.annotations-toggle:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
  text-decoration: none;
}
.annotations-toggle:hover,
.annotations-toggle:hover .label {
  color: #fff;
}
.annotations-toggle.inactive,
.annotations-toggle.lrp_inactive,
.annotations-toggle.disabled,
.annotations-toggle.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  box-shadow: none;
  background: rgba(200, 200, 200, 0.4);
  opacity: 1;
  cursor: default;
}
.annotations-toggle:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -1px -361px;
  left: 0;
}
.annotations-toggle.off {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0;
  border: 1px solid transparent;
  box-shadow: none;
  margin-bottom: 0;
  background: #cccccc;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* for child to eventually set and use */
  text-decoration: none;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  text-indent: -9999px;
  position: fixed;
}
.annotations-toggle.off:active {
  box-shadow: none;
}
.annotations-toggle.off:focus,
.annotations-toggle.off:active:focus,
.annotations-toggle.off.active:focus {
  outline: none;
  color: #555;
}
.annotations-toggle.off,
.annotations-toggle.off .label {
  color: #555;
}
.annotations-toggle.off:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
  text-decoration: none;
}
.annotations-toggle.off:hover,
.annotations-toggle.off:hover .label {
  color: #fff;
}
.annotations-toggle.off.inactive,
.annotations-toggle.off.lrp_inactive,
.annotations-toggle.off.disabled,
.annotations-toggle.off.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  box-shadow: none;
  background: rgba(200, 200, 200, 0.4);
  opacity: 1;
  cursor: default;
}
.annotations-toggle.off:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -41px -361px;
  left: 0;
}
.invisible {
  visibility: inherit;
}
* {
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}
body > span:not([class]) {
  left: -1000px !important;
}
html,
body {
  min-height: 100%;
  height: auto;
}
body {
  background: #fff;
  min-width: 480px;
}
body.body--practice {
  background: #f0f0f0;
  height: 100vh;
}
@-ms-viewport {
  width: auto;
}
a {
  cursor: pointer;
  text-decoration: underline;
  color: #444;
  -webkit-transition: color 0.15s;
  -o-transition: color 0.15s;
  transition: color 0.15s;
}
a:hover,
a:focus {
  color: #0d0d0d;
}
a:visited {
  color: #444;
}
em,
i {
  font-style: italic;
}
#wrap,
#page,
#activity {
  height: 100%;
  min-height: 100%;
  margin: 0 auto;
}
#wrap {
  width: 900px;
}
#page {
  position: relative;
}
#reference_toolbar {
  position: absolute;
  z-index: 1;
  top: 76px;
  right: 0;
  margin-bottom: 0;
  border: none;
  background: transparent;
}
#reference_toolbar .container {
  padding: 0;
}
.lo-title-off #reference_toolbar {
  top: 0;
  right: 60px;
}
#page-close {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0;
  border: 1px solid transparent;
  box-shadow: none;
  margin-bottom: 0;
  background: #cccccc;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* for child to eventually set and use */
  text-decoration: none;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  text-indent: -9999px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2500;
}
#page-close:active {
  box-shadow: none;
}
#page-close:focus,
#page-close:active:focus,
#page-close.active:focus {
  outline: none;
  color: #555;
}
#page-close,
#page-close .label {
  color: #555;
}
#page-close:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
  text-decoration: none;
}
#page-close:hover,
#page-close:hover .label {
  color: #fff;
}
#page-close.inactive,
#page-close.lrp_inactive,
#page-close.disabled,
#page-close.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  box-shadow: none;
  background: rgba(200, 200, 200, 0.4);
  opacity: 1;
  cursor: default;
}
#page-close:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -1px -1px;
  left: 0;
}
.container .row .col:first-child {
  padding-right: 40px;
}
.container .row .col:last-child {
  padding-left: 40px;
}
.container .row:last-child {
  margin-bottom: 0;
}
.third-party-content {
  width: 100%;
  border: 0;
}
.btn {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0 20px;
  border: 1px solid transparent;
  box-shadow: none;
  margin-bottom: 0;
  background: #cccccc;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* for child to eventually set and use */
  text-decoration: none;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
}
.btn:active {
  box-shadow: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
  outline: none;
  color: #555;
}
.btn,
.btn .label {
  color: #555;
}
.btn:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
  text-decoration: none;
}
.btn:hover,
.btn:hover .label {
  color: #fff;
}
.btn.inactive,
.btn.lrp_inactive,
.btn.disabled,
.btn.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  box-shadow: none;
  background: rgba(200, 200, 200, 0.4);
  opacity: 1;
  cursor: default;
}
.check {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  box-shadow: none;
  border-radius: 0;
  z-index: 2300;
}
.check:hover {
  z-index: 2600;
}
.check.correct,
.check.wrong,
.check.wrong_2 {
  position: absolute;
  top: -5px;
  right: -5px;
}
.check.wrong {
  background: url('../images/icons.svg') no-repeat;
  background-position: -50px -50px;
}
.check.correct {
  background: url('../images/icons.svg') no-repeat;
  background-position: -10px -50px;
}
.check.wrong_2 {
  background: url('../images/icons.svg') no-repeat;
  background-position: -90px -50px;
}
.check .tooltip {
  top: 0;
  background: #555;
  color: #fff;
  padding: 12px 20px;
  font: normal 700 15px/18px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  border: none;
  border-radius: 0;
  max-width: 350px;
  opacity: 1;
  min-width: 100px;
  max-width: 250px;
  white-space: normal;
  z-index: 3500;
}
.check .tooltip strong,
.check .tooltip b {
  font-size: 105%;
  text-shadow: 1px 1px 1px;
}
.check .tooltip.right-tooltip {
  left: 20px;
  right: auto;
}
.check .tooltip.left-tooltip {
  right: 20px;
  left: auto;
}
.interaction.package.ic-crossword .check.vertical {
  right: auto;
  top: -20px;
  left: 10px;
}
.interaction.package.ic-crossword .check.horizontal {
  right: auto;
  left: -20px;
  top: 10px;
}
.interaction.package.ic-text-correction.replace .input-text.checked-incorrect,
.interaction.package.ic-text-correction.replace .input-text.checked-correct,
.interaction.package.ic-text-correction.replace .input-text.solution-empty,
.interaction.package.ic-text-correction.replace .input-text.solution-correct,
.interaction.package.ic-text-correction.replace .input-text.solution-incorrect,
.interaction.package.ic-text-correction.replace .input-text.modified {
  padding-right: 20px;
}
.interaction.package.ic-text-correction.replace .input-text .check {
  top: -3px;
  right: 0;
}
.interaction.package.ic-text-gap.status-answers .input-text,
.interaction.package.ic-text-gap.status-corrected .input-text {
  padding-right: 24px;
}
.interaction.package.ic-text-gap.status-answers .input-text .check,
.interaction.package.ic-text-gap.status-corrected .input-text .check {
  top: 0;
}
.interaction.package.im-autocorrect .markable .check,
.interaction.package.im-marking .markable .check {
  position: static;
  margin: 0 0 -3px 4px;
}
.interaction.package.im-wordsearch .check.direction-right {
  right: -10px;
  top: 6px;
}
.interaction.package.im-wordsearch .check.direction-left {
  right: 22px;
  top: 6px;
}
.interaction.package.im-wordsearch .check.direction-top {
  right: 6px;
  top: -10px;
}
.interaction.package.im-wordsearch .check.direction-bottom {
  right: 6px;
  top: 22px;
}
.interaction.package.im-wordsearch .check.direction-right-top {
  right: -6px;
  top: -6px;
}
.interaction.package.im-wordsearch .check.direction-right-bottom {
  right: -6px;
  top: 18px;
}
.interaction.package.im-wordsearch .check.direction-left-top {
  right: 18px;
  top: -6px;
}
.interaction.package.im-wordsearch .check.direction-left-bottom {
  right: 18px;
  top: 18px;
}
.interaction.package.ic-crossword .check,
.interaction.package.is-radiobutton-columns .check {
  z-index: 1;
}
.interaction.package.is-checkbox .check,
.interaction.package.is-radiobutton .check {
  position: absolute !important;
  right: -4px;
  top: -4px;
}
.interaction.package.is-checkbox .algn-hor .check,
.interaction.package.is-radiobutton .algn-hor .check,
.interaction.package.is-checkbox .algn-inl .check,
.interaction.package.is-radiobutton .algn-inl .check {
  right: 12px;
}
.interaction.package.is-checkbox .radiobutton-show-in-columns .check,
.interaction.package.is-radiobutton .radiobutton-show-in-columns .check {
  z-index: auto;
  right: -4px;
}
.interaction.package.is-checkbox .input-noradio .check,
.interaction.package.is-radiobutton .input-noradio .check {
  right: 22px;
  left: auto;
  top: -4px;
  z-index: 1;
}
.interaction.package.is-checkbox .input-noradio .check:hover,
.interaction.package.is-radiobutton .input-noradio .check:hover {
  z-index: auto;
}
.interaction.package.is-linking-lines .check {
  right: -20px;
}
.interaction.package.is-linking-lines .ll_view.rows .check {
  right: 20px;
  top: 30px;
}
.interaction.package.os-sorting .wordpool .check {
  display: none;
}
.interaction.package.im-wordsnake .check {
  margin: -10px 0 0 -10px;
}
.interaction.package.om-pairs .check {
  z-index: 2300;
  top: -10px;
}
.interaction.package.om-pairs .has-enum .check {
  top: 0;
}
.interaction.package.om-text-gap.fixed-gaps .check {
  top: auto;
  right: auto;
  margin-top: -5px;
  margin-left: -15px;
}
.interaction.package.is-radiobutton-voice .isRadiobuttonVoice__list .isRadiobuttonVoice__item .check {
  position: static;
  vertical-align: top;
  margin-left: 10px;
}
.clock {
  position: relative;
  background: url('../images/clock.svg') no-repeat center;
  background-size: 100%;
  width: 225px;
  height: 225px;
}
.clock.big {
  width: 300px;
  height: 300px;
}
.clock.small {
  width: 150px;
  height: 150px;
}
.clock:after {
  content: "";
  display: block;
  position: absolute;
  top: 49%;
  left: 49%;
  right: 49%;
  bottom: 49%;
  background: #fff;
  border-radius: 100%;
}
.clock.clock-dragging {
  cursor: move;
}
.clock .hand {
  position: absolute;
  left: 50%;
  cursor: move;
  -webkit-transform-origin: bottom;
  -moz-transform-origin: bottom;
  -ms-transform-origin: bottom;
  transform-origin: bottom;
}
.clock .hand:after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  width: 100%;
  height: 25%;
}
.clock .hand:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 10%;
}
.clock .hand.hours {
  height: 25%;
  top: 25%;
  width: 5%;
  background: #3d3d3d;
  margin-left: -2.5%;
}
.clock .hand.hours:after {
  background: #3d3d3d;
}
.clock .hand.hours:before {
  background: #444;
}
.clock .hand.minutes {
  height: 40%;
  top: 10%;
  width: 3.5%;
  background: #3d3d3d;
  margin-left: -1.75%;
}
.clock .hand.minutes:after {
  background: #3d3d3d;
}
.clock .hand.minutes:before {
  background: #444;
}
.confidence-selector div[data-level] {
  cursor: pointer;
  min-height: 40px;
  line-height: 40px;
}
.confidence-selector div[data-level]:before {
  background: url('../images/icons.svg') no-repeat;
  background-position: -10px -130px;
  display: inline-block;
  content: "";
  width: 21px;
  height: 21px;
}
.confidence-selector div[data-level]:before {
  margin: 0 13px -5px 9px;
}
.confidence-selector div[data-level]:hover:before {
  background: url('../images/icons.svg') no-repeat;
  background-position: -50px -130px;
  display: inline-block;
  content: "";
  width: 21px;
  height: 21px;
}
.confidence-selector div[data-level].selected:before {
  background: url('../images/icons.svg') no-repeat;
  background-position: -90px -130px;
  display: inline-block;
  content: "";
  width: 21px;
  height: 21px;
}
.confidence-selector div[data-level].selected:hover:before {
  background: url('../images/icons.svg') no-repeat;
  background-position: -130px -130px;
  display: inline-block;
  content: "";
  width: 21px;
  height: 21px;
}
#debug_toolbar {
  background: rgba(249, 192, 47, 0.9);
  opacity: 1;
  width: auto;
  right: 0;
  padding: 3px 50px;
}
#debug_toolbar > div {
  padding: 0;
}
#debug_toolbar button {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0 20px;
  border: 1px solid transparent;
  box-shadow: none;
  margin-bottom: 0;
  background: #cccccc;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* for child to eventually set and use */
  text-decoration: none;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  height: 30px;
  line-height: 28px;
  margin-right: 4px;
  font-size: 15px;
  padding: 0 12px;
}
#debug_toolbar button:active {
  box-shadow: none;
}
#debug_toolbar button:focus,
#debug_toolbar button:active:focus,
#debug_toolbar button.active:focus {
  outline: none;
  color: #555;
}
#debug_toolbar button,
#debug_toolbar button .label {
  color: #555;
}
#debug_toolbar button:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
  text-decoration: none;
}
#debug_toolbar button:hover,
#debug_toolbar button:hover .label {
  color: #fff;
}
#debug_toolbar button.inactive,
#debug_toolbar button.lrp_inactive,
#debug_toolbar button.disabled,
#debug_toolbar button.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  box-shadow: none;
  background: rgba(200, 200, 200, 0.4);
  opacity: 1;
  cursor: default;
}
#debug_toolbar button#close {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 30px;
  line-height: 28px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 30px;
  padding: 0;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  text-indent: -9999px;
  width: 30px;
  position: absolute;
  right: 3px;
  margin: 0;
  background: transparent;
  border: none;
}
#debug_toolbar button#close:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
}
#debug_toolbar button#close:focus {
  outline: none;
}
#debug_toolbar button#close:before {
  content: "";
  position: absolute;
  top: -5px;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -1px -1px;
  left: -5px;
}
#debug_toolbar button#close:hover,
#debug_toolbar button#close:focus {
  background: #0d0d0d;
}
#debug_toolbar #version {
  font: normal 700 15px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  position: absolute;
  right: 50px;
  line-height: 28px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  color: #fff;
}
@media only screen and (max-width: 600px) {
  #debug_toolbar {
    display: none;
  }
}
@media print {
  #debug_toolbar {
    display: none;
  }
}
.ui-dialog #engine-version {
  color: #000;
  font-family: monospace;
  font-size: 10px;
  width: 500px;
  height: 200px;
  margin: 0;
}
.ui-dialog #dp-version {
  color: #000;
  width: 500px;
  font-family: monospace;
  font-size: 10px;
  margin: 0;
}
.ui-dialog.debugInfo,
.ui-dialog.debugEditor {
  border-left: 12px solid #f9c02f;
}
.ui-dialog.debugInfo .ui-dialog-content .debug-interaction-tabs,
.ui-dialog.debugEditor .ui-dialog-content .debug-interaction-tabs {
  background: transparent;
  color: inherit;
  margin: 30px 0 0;
}
.ui-dialog.debugInfo .ui-dialog-content .debug-interaction-tabs .ui-tabs-nav,
.ui-dialog.debugEditor .ui-dialog-content .debug-interaction-tabs .ui-tabs-nav {
  padding: 0;
  border-bottom: 1px solid #444;
}
.ui-dialog.debugInfo .ui-dialog-content .debug-interaction-tabs .ui-tabs-nav li,
.ui-dialog.debugEditor .ui-dialog-content .debug-interaction-tabs .ui-tabs-nav li {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0 12px;
  border: 1px solid transparent;
  box-shadow: none;
  margin-bottom: 0;
  background: #cccccc;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* for child to eventually set and use */
  text-decoration: none;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  border-radius: 6px 6px 0 0;
  margin: 0 3px 0 0;
}
.ui-dialog.debugInfo .ui-dialog-content .debug-interaction-tabs .ui-tabs-nav li:active,
.ui-dialog.debugEditor .ui-dialog-content .debug-interaction-tabs .ui-tabs-nav li:active {
  box-shadow: none;
}
.ui-dialog.debugInfo .ui-dialog-content .debug-interaction-tabs .ui-tabs-nav li:focus,
.ui-dialog.debugEditor .ui-dialog-content .debug-interaction-tabs .ui-tabs-nav li:focus,
.ui-dialog.debugInfo .ui-dialog-content .debug-interaction-tabs .ui-tabs-nav li:active:focus,
.ui-dialog.debugEditor .ui-dialog-content .debug-interaction-tabs .ui-tabs-nav li:active:focus,
.ui-dialog.debugInfo .ui-dialog-content .debug-interaction-tabs .ui-tabs-nav li.active:focus,
.ui-dialog.debugEditor .ui-dialog-content .debug-interaction-tabs .ui-tabs-nav li.active:focus {
  outline: none;
  color: #555;
}
.ui-dialog.debugInfo .ui-dialog-content .debug-interaction-tabs .ui-tabs-nav li,
.ui-dialog.debugEditor .ui-dialog-content .debug-interaction-tabs .ui-tabs-nav li,
.ui-dialog.debugInfo .ui-dialog-content .debug-interaction-tabs .ui-tabs-nav li .label,
.ui-dialog.debugEditor .ui-dialog-content .debug-interaction-tabs .ui-tabs-nav li .label {
  color: #555;
}
.ui-dialog.debugInfo .ui-dialog-content .debug-interaction-tabs .ui-tabs-nav li:hover,
.ui-dialog.debugEditor .ui-dialog-content .debug-interaction-tabs .ui-tabs-nav li:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
  text-decoration: none;
}
.ui-dialog.debugInfo .ui-dialog-content .debug-interaction-tabs .ui-tabs-nav li:hover,
.ui-dialog.debugEditor .ui-dialog-content .debug-interaction-tabs .ui-tabs-nav li:hover,
.ui-dialog.debugInfo .ui-dialog-content .debug-interaction-tabs .ui-tabs-nav li:hover .label,
.ui-dialog.debugEditor .ui-dialog-content .debug-interaction-tabs .ui-tabs-nav li:hover .label {
  color: #fff;
}
.ui-dialog.debugInfo .ui-dialog-content .debug-interaction-tabs .ui-tabs-nav li.inactive,
.ui-dialog.debugEditor .ui-dialog-content .debug-interaction-tabs .ui-tabs-nav li.inactive,
.ui-dialog.debugInfo .ui-dialog-content .debug-interaction-tabs .ui-tabs-nav li.lrp_inactive,
.ui-dialog.debugEditor .ui-dialog-content .debug-interaction-tabs .ui-tabs-nav li.lrp_inactive,
.ui-dialog.debugInfo .ui-dialog-content .debug-interaction-tabs .ui-tabs-nav li.disabled,
.ui-dialog.debugEditor .ui-dialog-content .debug-interaction-tabs .ui-tabs-nav li.disabled,
.ui-dialog.debugInfo .ui-dialog-content .debug-interaction-tabs .ui-tabs-nav li.inactive_button,
.ui-dialog.debugEditor .ui-dialog-content .debug-interaction-tabs .ui-tabs-nav li.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  box-shadow: none;
  background: rgba(200, 200, 200, 0.4);
  opacity: 1;
  cursor: default;
}
.ui-dialog.debugInfo .ui-dialog-content .debug-interaction-tabs .ui-tabs-nav li .ui-tabs-anchor,
.ui-dialog.debugEditor .ui-dialog-content .debug-interaction-tabs .ui-tabs-nav li .ui-tabs-anchor {
  overflow: hidden;
  width: 42px;
  padding: 0;
  outline: none;
  color: #fff;
  text-decoration: none;
  margin: 0 -12px;
  padding: 0 12px;
}
.ui-dialog.debugInfo .ui-dialog-content .debug-interaction-tabs .ui-tabs-nav li.ui-state-active,
.ui-dialog.debugEditor .ui-dialog-content .debug-interaction-tabs .ui-tabs-nav li.ui-state-active {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0 12px;
  border: 1px solid transparent;
  box-shadow: none;
  margin-bottom: 0;
  background: #888888;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* for child to eventually set and use */
  text-decoration: none;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  border-radius: 6px 6px 0 0;
  border-bottom: none !important;
}
.ui-dialog.debugInfo .ui-dialog-content .debug-interaction-tabs .ui-tabs-nav li.ui-state-active:active,
.ui-dialog.debugEditor .ui-dialog-content .debug-interaction-tabs .ui-tabs-nav li.ui-state-active:active {
  box-shadow: none;
}
.ui-dialog.debugInfo .ui-dialog-content .debug-interaction-tabs .ui-tabs-nav li.ui-state-active:focus,
.ui-dialog.debugEditor .ui-dialog-content .debug-interaction-tabs .ui-tabs-nav li.ui-state-active:focus,
.ui-dialog.debugInfo .ui-dialog-content .debug-interaction-tabs .ui-tabs-nav li.ui-state-active:active:focus,
.ui-dialog.debugEditor .ui-dialog-content .debug-interaction-tabs .ui-tabs-nav li.ui-state-active:active:focus,
.ui-dialog.debugInfo .ui-dialog-content .debug-interaction-tabs .ui-tabs-nav li.ui-state-active.active:focus,
.ui-dialog.debugEditor .ui-dialog-content .debug-interaction-tabs .ui-tabs-nav li.ui-state-active.active:focus {
  outline: none;
  color: #555;
}
.ui-dialog.debugInfo .ui-dialog-content .debug-interaction-tabs .ui-tabs-nav li.ui-state-active,
.ui-dialog.debugEditor .ui-dialog-content .debug-interaction-tabs .ui-tabs-nav li.ui-state-active,
.ui-dialog.debugInfo .ui-dialog-content .debug-interaction-tabs .ui-tabs-nav li.ui-state-active .label,
.ui-dialog.debugEditor .ui-dialog-content .debug-interaction-tabs .ui-tabs-nav li.ui-state-active .label {
  color: #555;
}
.ui-dialog.debugInfo .ui-dialog-content .debug-interaction-tabs .ui-tabs-nav li.ui-state-active:hover,
.ui-dialog.debugEditor .ui-dialog-content .debug-interaction-tabs .ui-tabs-nav li.ui-state-active:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
  text-decoration: none;
}
.ui-dialog.debugInfo .ui-dialog-content .debug-interaction-tabs .ui-tabs-nav li.ui-state-active:hover,
.ui-dialog.debugEditor .ui-dialog-content .debug-interaction-tabs .ui-tabs-nav li.ui-state-active:hover,
.ui-dialog.debugInfo .ui-dialog-content .debug-interaction-tabs .ui-tabs-nav li.ui-state-active:hover .label,
.ui-dialog.debugEditor .ui-dialog-content .debug-interaction-tabs .ui-tabs-nav li.ui-state-active:hover .label {
  color: #fff;
}
.ui-dialog.debugInfo .ui-dialog-content .debug-interaction-tabs .ui-tabs-nav li.ui-state-active.inactive,
.ui-dialog.debugEditor .ui-dialog-content .debug-interaction-tabs .ui-tabs-nav li.ui-state-active.inactive,
.ui-dialog.debugInfo .ui-dialog-content .debug-interaction-tabs .ui-tabs-nav li.ui-state-active.lrp_inactive,
.ui-dialog.debugEditor .ui-dialog-content .debug-interaction-tabs .ui-tabs-nav li.ui-state-active.lrp_inactive,
.ui-dialog.debugInfo .ui-dialog-content .debug-interaction-tabs .ui-tabs-nav li.ui-state-active.disabled,
.ui-dialog.debugEditor .ui-dialog-content .debug-interaction-tabs .ui-tabs-nav li.ui-state-active.disabled,
.ui-dialog.debugInfo .ui-dialog-content .debug-interaction-tabs .ui-tabs-nav li.ui-state-active.inactive_button,
.ui-dialog.debugEditor .ui-dialog-content .debug-interaction-tabs .ui-tabs-nav li.ui-state-active.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  box-shadow: none;
  background: rgba(200, 200, 200, 0.4);
  opacity: 1;
  cursor: default;
}
.ui-dialog.debugInfo .ui-dialog-content .debug-interaction-tabs .ui-tabs-panel,
.ui-dialog.debugEditor .ui-dialog-content .debug-interaction-tabs .ui-tabs-panel {
  padding: 0;
  color: inherit;
}
.ui-dialog.debugInfo .ui-dialog-content .debug-interaction-tabs .ui-tabs-panel h3,
.ui-dialog.debugEditor .ui-dialog-content .debug-interaction-tabs .ui-tabs-panel h3 {
  margin: 6px 0 -20px;
  font: normal 100 36px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
}
.ui-dialog.debugInfo .ui-dialog-content .debug-option-editor table,
.ui-dialog.debugEditor .ui-dialog-content .debug-option-editor table,
.ui-dialog.debugInfo .ui-dialog-content table.debugInfo,
.ui-dialog.debugEditor .ui-dialog-content table.debugInfo {
  margin: 30px 0 0;
  width: 100%;
}
.ui-dialog.debugInfo .ui-dialog-content .debug-option-editor table tr,
.ui-dialog.debugEditor .ui-dialog-content .debug-option-editor table tr,
.ui-dialog.debugInfo .ui-dialog-content table.debugInfo tr,
.ui-dialog.debugEditor .ui-dialog-content table.debugInfo tr {
  border: none;
}
.ui-dialog.debugInfo .ui-dialog-content .debug-option-editor table tr.search-row td,
.ui-dialog.debugEditor .ui-dialog-content .debug-option-editor table tr.search-row td,
.ui-dialog.debugInfo .ui-dialog-content table.debugInfo tr.search-row td,
.ui-dialog.debugEditor .ui-dialog-content table.debugInfo tr.search-row td {
  padding: 2px;
}
.ui-dialog.debugInfo .ui-dialog-content .debug-option-editor table tr td,
.ui-dialog.debugEditor .ui-dialog-content .debug-option-editor table tr td,
.ui-dialog.debugInfo .ui-dialog-content table.debugInfo tr td,
.ui-dialog.debugEditor .ui-dialog-content table.debugInfo tr td {
  padding: 3px 2px;
  font: normal 15px monospace;
  border-bottom: 1px solid #000;
}
.ui-dialog.debugInfo .ui-dialog-content .debug-option-editor table tr td a,
.ui-dialog.debugEditor .ui-dialog-content .debug-option-editor table tr td a,
.ui-dialog.debugInfo .ui-dialog-content table.debugInfo tr td a,
.ui-dialog.debugEditor .ui-dialog-content table.debugInfo tr td a,
.ui-dialog.debugInfo .ui-dialog-content .debug-option-editor table tr td.debug-info-key,
.ui-dialog.debugEditor .ui-dialog-content .debug-option-editor table tr td.debug-info-key,
.ui-dialog.debugInfo .ui-dialog-content table.debugInfo tr td.debug-info-key,
.ui-dialog.debugEditor .ui-dialog-content table.debugInfo tr td.debug-info-key,
.ui-dialog.debugInfo .ui-dialog-content .debug-option-editor table tr td.option-name,
.ui-dialog.debugEditor .ui-dialog-content .debug-option-editor table tr td.option-name,
.ui-dialog.debugInfo .ui-dialog-content table.debugInfo tr td.option-name,
.ui-dialog.debugEditor .ui-dialog-content table.debugInfo tr td.option-name,
.ui-dialog.debugInfo .ui-dialog-content .debug-option-editor table tr td.option-hide-undefined,
.ui-dialog.debugEditor .ui-dialog-content .debug-option-editor table tr td.option-hide-undefined,
.ui-dialog.debugInfo .ui-dialog-content table.debugInfo tr td.option-hide-undefined,
.ui-dialog.debugEditor .ui-dialog-content table.debugInfo tr td.option-hide-undefined {
  font: normal 500 17px/1.4 Helvetica, Arial, sans-serif;
  letter-spacing: -0.03em;
}
.ui-dialog.debugInfo .ui-dialog-content .debug-option-editor table tr td.debug-info-title,
.ui-dialog.debugEditor .ui-dialog-content .debug-option-editor table tr td.debug-info-title,
.ui-dialog.debugInfo .ui-dialog-content table.debugInfo tr td.debug-info-title,
.ui-dialog.debugEditor .ui-dialog-content table.debugInfo tr td.debug-info-title {
  font: normal 100 24px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  border-bottom-color: #fff;
  padding: 20px 0 0;
}
.ui-dialog.debugInfo .ui-dialog-content a,
.ui-dialog.debugEditor .ui-dialog-content a {
  cursor: pointer;
  text-decoration: underline;
  color: #444;
  -webkit-transition: color 0.15s;
  -o-transition: color 0.15s;
  transition: color 0.15s;
}
.ui-dialog.debugInfo .ui-dialog-content a:hover,
.ui-dialog.debugEditor .ui-dialog-content a:hover,
.ui-dialog.debugInfo .ui-dialog-content a:focus,
.ui-dialog.debugEditor .ui-dialog-content a:focus {
  color: #0d0d0d;
}
.ui-dialog.debugInfo .ui-dialog-content a:visited,
.ui-dialog.debugEditor .ui-dialog-content a:visited {
  color: #444;
}
.ui-dialog.debugInfo .ui-dialog-content a:hover,
.ui-dialog.debugEditor .ui-dialog-content a:hover,
.ui-dialog.debugInfo .ui-dialog-content a:focus,
.ui-dialog.debugEditor .ui-dialog-content a:focus {
  color: #fff;
}
.ui-dialog.debugInfo .ui-dialog-buttonpane,
.ui-dialog.debugEditor .ui-dialog-buttonpane {
  background: transparent;
  border: none;
  margin: 50px 0 0;
  padding: 0 30px;
  text-align: right;
  font-size: 0;
}
.ui-dialog.debugInfo .ui-dialog-buttonpane .ui-button,
.ui-dialog.debugEditor .ui-dialog-buttonpane .ui-button {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0 20px;
  border: 1px solid transparent;
  box-shadow: none;
  margin-bottom: 0;
  background: #cccccc;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* for child to eventually set and use */
  text-decoration: none;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  margin: 0 0 0 18px;
}
.ui-dialog.debugInfo .ui-dialog-buttonpane .ui-button:active,
.ui-dialog.debugEditor .ui-dialog-buttonpane .ui-button:active {
  box-shadow: none;
}
.ui-dialog.debugInfo .ui-dialog-buttonpane .ui-button:focus,
.ui-dialog.debugEditor .ui-dialog-buttonpane .ui-button:focus,
.ui-dialog.debugInfo .ui-dialog-buttonpane .ui-button:active:focus,
.ui-dialog.debugEditor .ui-dialog-buttonpane .ui-button:active:focus,
.ui-dialog.debugInfo .ui-dialog-buttonpane .ui-button.active:focus,
.ui-dialog.debugEditor .ui-dialog-buttonpane .ui-button.active:focus {
  outline: none;
  color: #555;
}
.ui-dialog.debugInfo .ui-dialog-buttonpane .ui-button,
.ui-dialog.debugEditor .ui-dialog-buttonpane .ui-button,
.ui-dialog.debugInfo .ui-dialog-buttonpane .ui-button .label,
.ui-dialog.debugEditor .ui-dialog-buttonpane .ui-button .label {
  color: #555;
}
.ui-dialog.debugInfo .ui-dialog-buttonpane .ui-button:hover,
.ui-dialog.debugEditor .ui-dialog-buttonpane .ui-button:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
  text-decoration: none;
}
.ui-dialog.debugInfo .ui-dialog-buttonpane .ui-button:hover,
.ui-dialog.debugEditor .ui-dialog-buttonpane .ui-button:hover,
.ui-dialog.debugInfo .ui-dialog-buttonpane .ui-button:hover .label,
.ui-dialog.debugEditor .ui-dialog-buttonpane .ui-button:hover .label {
  color: #fff;
}
.ui-dialog.debugInfo .ui-dialog-buttonpane .ui-button.inactive,
.ui-dialog.debugEditor .ui-dialog-buttonpane .ui-button.inactive,
.ui-dialog.debugInfo .ui-dialog-buttonpane .ui-button.lrp_inactive,
.ui-dialog.debugEditor .ui-dialog-buttonpane .ui-button.lrp_inactive,
.ui-dialog.debugInfo .ui-dialog-buttonpane .ui-button.disabled,
.ui-dialog.debugEditor .ui-dialog-buttonpane .ui-button.disabled,
.ui-dialog.debugInfo .ui-dialog-buttonpane .ui-button.inactive_button,
.ui-dialog.debugEditor .ui-dialog-buttonpane .ui-button.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  box-shadow: none;
  background: rgba(200, 200, 200, 0.4);
  opacity: 1;
  cursor: default;
}
.ui-dialog.debugInfo .ui-dialog-buttonpane .ui-button:last-child,
.ui-dialog.debugEditor .ui-dialog-buttonpane .ui-button:last-child {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0 20px;
  border: 1px solid transparent;
  box-shadow: none;
  margin-bottom: 0;
  background: #888888;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* for child to eventually set and use */
  text-decoration: none;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
}
.ui-dialog.debugInfo .ui-dialog-buttonpane .ui-button:last-child:active,
.ui-dialog.debugEditor .ui-dialog-buttonpane .ui-button:last-child:active {
  box-shadow: none;
}
.ui-dialog.debugInfo .ui-dialog-buttonpane .ui-button:last-child:focus,
.ui-dialog.debugEditor .ui-dialog-buttonpane .ui-button:last-child:focus,
.ui-dialog.debugInfo .ui-dialog-buttonpane .ui-button:last-child:active:focus,
.ui-dialog.debugEditor .ui-dialog-buttonpane .ui-button:last-child:active:focus,
.ui-dialog.debugInfo .ui-dialog-buttonpane .ui-button:last-child.active:focus,
.ui-dialog.debugEditor .ui-dialog-buttonpane .ui-button:last-child.active:focus {
  outline: none;
  color: #555;
}
.ui-dialog.debugInfo .ui-dialog-buttonpane .ui-button:last-child,
.ui-dialog.debugEditor .ui-dialog-buttonpane .ui-button:last-child,
.ui-dialog.debugInfo .ui-dialog-buttonpane .ui-button:last-child .label,
.ui-dialog.debugEditor .ui-dialog-buttonpane .ui-button:last-child .label {
  color: #555;
}
.ui-dialog.debugInfo .ui-dialog-buttonpane .ui-button:last-child:hover,
.ui-dialog.debugEditor .ui-dialog-buttonpane .ui-button:last-child:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
  text-decoration: none;
}
.ui-dialog.debugInfo .ui-dialog-buttonpane .ui-button:last-child:hover,
.ui-dialog.debugEditor .ui-dialog-buttonpane .ui-button:last-child:hover,
.ui-dialog.debugInfo .ui-dialog-buttonpane .ui-button:last-child:hover .label,
.ui-dialog.debugEditor .ui-dialog-buttonpane .ui-button:last-child:hover .label {
  color: #fff;
}
.ui-dialog.debugInfo .ui-dialog-buttonpane .ui-button:last-child.inactive,
.ui-dialog.debugEditor .ui-dialog-buttonpane .ui-button:last-child.inactive,
.ui-dialog.debugInfo .ui-dialog-buttonpane .ui-button:last-child.lrp_inactive,
.ui-dialog.debugEditor .ui-dialog-buttonpane .ui-button:last-child.lrp_inactive,
.ui-dialog.debugInfo .ui-dialog-buttonpane .ui-button:last-child.disabled,
.ui-dialog.debugEditor .ui-dialog-buttonpane .ui-button:last-child.disabled,
.ui-dialog.debugInfo .ui-dialog-buttonpane .ui-button:last-child.inactive_button,
.ui-dialog.debugEditor .ui-dialog-buttonpane .ui-button:last-child.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  box-shadow: none;
  background: rgba(200, 200, 200, 0.4);
  opacity: 1;
  cursor: default;
}
.ui-dialog.debugInfo .ui-dialog-buttonpane .ui-button .ui-button-text,
.ui-dialog.debugEditor .ui-dialog-buttonpane .ui-button .ui-button-text {
  padding: 0;
  line-height: inherit;
}
.ui-widget,
.ui-widget .ui-widget {
  font: normal 500 17px/1.4 Helvetica, Arial, sans-serif;
  letter-spacing: -0.03em;
}
.ui-widget-overlay {
  background: rgba(255, 255, 255, 0.5);
  opacity: 1;
  z-index: 3000;
}
.ui-widget-header,
.ui-dialog .ui-dialog-titlebar {
  background: none;
  border-radius: 0;
  border: none;
  padding: 0;
}
.ui-dialog {
  font: normal 500 17px/1.4 Helvetica, Arial, sans-serif;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: #555;
  color: #fff;
  -webkit-box-shadow: 6px 12px 20px rgba(0, 0, 0, 0.36);
  box-shadow: 6px 12px 20px rgba(0, 0, 0, 0.36);
  border: 0 solid transparent;
  padding: 0;
  min-width: 400px;
  z-index: 3100;
  position: fixed !important;
}
.ui-dialog .ui-dialog-titlebar {
  font: normal 100 30px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  color: #fff;
  line-height: normal;
  padding: 10px 0;
  margin: 0 30px 30px 30px;
  border-bottom: 1px solid #6e6e6e;
  position: relative;
}
.ui-dialog .ui-dialog-titlebar h1,
.ui-dialog .ui-dialog-titlebar h2,
.ui-dialog .ui-dialog-titlebar h3,
.ui-dialog .ui-dialog-titlebar h4,
.ui-dialog .ui-dialog-titlebar h5,
.ui-dialog .ui-dialog-titlebar h6 {
  font: normal 100 30px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  margin: 0;
}
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  top: 0;
  right: -30px;
  background: transparent;
  border: none;
  outline: none;
  opacity: 1;
  width: 40px;
  height: 40px;
  margin: 0;
  border-radius: 0;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
}
.ui-dialog .ui-dialog-titlebar-close:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -1px -1px;
  left: 0;
}
.ui-dialog .ui-dialog-titlebar-close:hover {
  background: #0d0d0d;
}
.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
  display: none;
}
.ui-dialog .ui-dialog-content {
  color: #fff;
  padding: 0 30px;
  width: 100% !important;
}
.ui-dialog .ui-dialog-content select,
.ui-dialog .ui-dialog-content input,
.ui-dialog .ui-dialog-content textarea {
  color: #3d3d3d;
}
.ui-dialog .ui-dialog-content input[type=text],
.ui-dialog .ui-dialog-content input[type=number] {
  background: #fff;
  border: 1px solid #cccccc;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-box-shadow: inset 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 2px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: border-color 0.15s;
  -o-transition: border-color 0.15s;
  transition: border-color 0.15s;
  outline: none;
  padding: 0px 10px 0px;
  color: #3d3d3d;
  min-height: 40px;
  font: normal 500 18px/1.4 Helvetica, Arial, sans-serif;
  letter-spacing: 0;
  padding: 3px 10px 2px;
}
.ui-dialog .ui-dialog-content input[type=text]:hover,
.ui-dialog .ui-dialog-content input[type=number]:hover,
.ui-dialog .ui-dialog-content input[type=text]:focus,
.ui-dialog .ui-dialog-content input[type=number]:focus {
  border: 1px solid #0d0d0d;
}
.ui-dialog .ui-dialog-content input[type=text][disabled],
.ui-dialog .ui-dialog-content input[type=number][disabled] {
  -webkit-opacity: 1;
  -webkit-text-fill-color: #3d3d3d;
}
.ui-dialog .ui-dialog-content .last-buttons {
  margin: 50px 0 0;
  text-align: right;
  font-size: 0;
}
.ui-dialog .ui-dialog-content .last-buttons .ui-button {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0 20px;
  border: 1px solid transparent;
  box-shadow: none;
  margin-bottom: 0;
  background: #cccccc;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* for child to eventually set and use */
  text-decoration: none;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  margin: 0 0 0 0;
}
.ui-dialog .ui-dialog-content .last-buttons .ui-button:active {
  box-shadow: none;
}
.ui-dialog .ui-dialog-content .last-buttons .ui-button:focus,
.ui-dialog .ui-dialog-content .last-buttons .ui-button:active:focus,
.ui-dialog .ui-dialog-content .last-buttons .ui-button.active:focus {
  outline: none;
  color: #555;
}
.ui-dialog .ui-dialog-content .last-buttons .ui-button,
.ui-dialog .ui-dialog-content .last-buttons .ui-button .label {
  color: #555;
}
.ui-dialog .ui-dialog-content .last-buttons .ui-button:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
  text-decoration: none;
}
.ui-dialog .ui-dialog-content .last-buttons .ui-button:hover,
.ui-dialog .ui-dialog-content .last-buttons .ui-button:hover .label {
  color: #fff;
}
.ui-dialog .ui-dialog-content .last-buttons .ui-button.inactive,
.ui-dialog .ui-dialog-content .last-buttons .ui-button.lrp_inactive,
.ui-dialog .ui-dialog-content .last-buttons .ui-button.disabled,
.ui-dialog .ui-dialog-content .last-buttons .ui-button.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  box-shadow: none;
  background: rgba(200, 200, 200, 0.4);
  opacity: 1;
  cursor: default;
}
.ui-dialog .ui-dialog-content .last-buttons .ui-button:last-child {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0 20px;
  border: 1px solid transparent;
  box-shadow: none;
  margin-bottom: 0;
  background: #888888;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* for child to eventually set and use */
  text-decoration: none;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
}
.ui-dialog .ui-dialog-content .last-buttons .ui-button:last-child:active {
  box-shadow: none;
}
.ui-dialog .ui-dialog-content .last-buttons .ui-button:last-child:focus,
.ui-dialog .ui-dialog-content .last-buttons .ui-button:last-child:active:focus,
.ui-dialog .ui-dialog-content .last-buttons .ui-button:last-child.active:focus {
  outline: none;
  color: #555;
}
.ui-dialog .ui-dialog-content .last-buttons .ui-button:last-child,
.ui-dialog .ui-dialog-content .last-buttons .ui-button:last-child .label {
  color: #555;
}
.ui-dialog .ui-dialog-content .last-buttons .ui-button:last-child:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
  text-decoration: none;
}
.ui-dialog .ui-dialog-content .last-buttons .ui-button:last-child:hover,
.ui-dialog .ui-dialog-content .last-buttons .ui-button:last-child:hover .label {
  color: #fff;
}
.ui-dialog .ui-dialog-content .last-buttons .ui-button:last-child.inactive,
.ui-dialog .ui-dialog-content .last-buttons .ui-button:last-child.lrp_inactive,
.ui-dialog .ui-dialog-content .last-buttons .ui-button:last-child.disabled,
.ui-dialog .ui-dialog-content .last-buttons .ui-button:last-child.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  box-shadow: none;
  background: rgba(200, 200, 200, 0.4);
  opacity: 1;
  cursor: default;
}
.ui-dialog .ui-dialog-content .last-buttons .ui-button .ui-button-text {
  padding: 0;
  line-height: inherit;
}
.ui-dialog .ui-dialog-content .special-chars #char-container a {
  color: inherit;
  outline: none;
}
.ui-dialog .ui-dialog-title {
  margin: 0;
}
.ui-dialog.dialog-really-submit,
.ui-dialog.dialog-submit-finish,
.ui-dialog.dialog-submit-info,
.ui-dialog.dialog-check-info {
  position: fixed;
  top: auto !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: auto !important;
  height: auto;
  min-height: 100px;
  background: #444;
  -webkit-box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.36);
  box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.36);
}
.ui-dialog.dialog-really-submit .ui-dialog-titlebar,
.ui-dialog.dialog-submit-finish .ui-dialog-titlebar,
.ui-dialog.dialog-submit-info .ui-dialog-titlebar,
.ui-dialog.dialog-check-info .ui-dialog-titlebar {
  border: 0;
}
.ui-dialog.dialog-really-submit .ui-dialog-titlebar-close,
.ui-dialog.dialog-submit-finish .ui-dialog-titlebar-close,
.ui-dialog.dialog-submit-info .ui-dialog-titlebar-close,
.ui-dialog.dialog-check-info .ui-dialog-titlebar-close {
  right: -20px;
}
.ui-dialog.dialog-really-submit .ui-resizable-handle,
.ui-dialog.dialog-submit-finish .ui-resizable-handle,
.ui-dialog.dialog-submit-info .ui-resizable-handle,
.ui-dialog.dialog-check-info .ui-resizable-handle,
.ui-dialog.dialog-really-submit .ui-dialog-title,
.ui-dialog.dialog-submit-finish .ui-dialog-title,
.ui-dialog.dialog-submit-info .ui-dialog-title,
.ui-dialog.dialog-check-info .ui-dialog-title {
  display: none;
}
.ui-dialog.dialog-really-submit .ui-dialog-titlebar-close,
.ui-dialog.dialog-submit-finish .ui-dialog-titlebar-close,
.ui-dialog.dialog-submit-info .ui-dialog-titlebar-close,
.ui-dialog.dialog-check-info .ui-dialog-titlebar-close {
  z-index: 1;
}
.ui-dialog.dialog-really-submit .ui-dialog-content,
.ui-dialog.dialog-submit-finish .ui-dialog-content,
.ui-dialog.dialog-submit-info .ui-dialog-content,
.ui-dialog.dialog-check-info .ui-dialog-content {
  min-height: 0 !important;
}
.ui-dialog.dialog-really-submit .ui-dialog-content .content-dialog-wrapper,
.ui-dialog.dialog-submit-finish .ui-dialog-content .content-dialog-wrapper,
.ui-dialog.dialog-submit-info .ui-dialog-content .content-dialog-wrapper,
.ui-dialog.dialog-check-info .ui-dialog-content .content-dialog-wrapper {
  padding-top: 0;
}
.ui-dialog.dialog-really-submit .ui-dialog-content .content-dialog-wrapper .last-buttons,
.ui-dialog.dialog-submit-finish .ui-dialog-content .content-dialog-wrapper .last-buttons,
.ui-dialog.dialog-submit-info .ui-dialog-content .content-dialog-wrapper .last-buttons,
.ui-dialog.dialog-check-info .ui-dialog-content .content-dialog-wrapper .last-buttons {
  margin: 24px 0;
}
.ui-dialog.dialog-really-submit .ui-dialog-content .content-dialog-wrapper .last-buttons .ui-button,
.ui-dialog.dialog-submit-finish .ui-dialog-content .content-dialog-wrapper .last-buttons .ui-button,
.ui-dialog.dialog-submit-info .ui-dialog-content .content-dialog-wrapper .last-buttons .ui-button,
.ui-dialog.dialog-check-info .ui-dialog-content .content-dialog-wrapper .last-buttons .ui-button {
  border: 1px solid #2b2b2b;
  background: #444;
}
.ui-dialog.dialog-really-submit .ui-dialog-content .content-dialog-wrapper .last-buttons .ui-button:last-child,
.ui-dialog.dialog-submit-finish .ui-dialog-content .content-dialog-wrapper .last-buttons .ui-button:last-child,
.ui-dialog.dialog-submit-info .ui-dialog-content .content-dialog-wrapper .last-buttons .ui-button:last-child,
.ui-dialog.dialog-check-info .ui-dialog-content .content-dialog-wrapper .last-buttons .ui-button:last-child {
  border: 1px solid #6f6f6f;
  background: #888888;
  color: #444;
}
.ui-dialog.dialog-really-submit {
  text-align: right;
}
.ui-dialog.dialog-really-submit .ui-dialog-titlebar-close {
  display: none;
}
.ui-dialog.dialog-really-submit .content-dialog-wrapper * {
  display: inline-block;
}
.body--practice .ui-dialog.dialog-really-submit,
.body--practice .ui-dialog.dialog-submit-finish,
.body--practice .ui-dialog.dialog-submit-info,
.body--practice .ui-dialog.dialog-check-info {
  background: repeating-linear-gradient(45deg, #444 0, #444 30px, #3f3f3f 30px 20px, #3f3f3f 60px);
}
.ui-dialog .attachment-popup [tabindex="0"] {
  outline: none;
}
.ui-dialog .attachment-popup.has-geogebra {
  width: auto !important;
  padding: 0;
  margin: 0 30px;
}
.video-js .ui-dialog:focus {
  background: #555;
}
.interaction .editing-popup,
.interaction .tc_popup {
  font: normal 500 17px/1.4 Helvetica, Arial, sans-serif;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: #555;
  color: #fff;
  -webkit-box-shadow: 6px 12px 20px rgba(0, 0, 0, 0.36);
  box-shadow: 6px 12px 20px rgba(0, 0, 0, 0.36);
  border: 0 solid transparent;
  width: 370px;
  z-index: 3100;
}
.interaction .editing-popup .dialog-title,
.interaction .tc_popup .dialog-title {
  font: normal 100 30px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  color: #fff;
  line-height: normal;
  padding: 10px 0;
  margin: 0 30px 30px 30px;
  border-bottom: 1px solid #6e6e6e;
  position: relative;
}
.interaction .editing-popup .dialog-title h1,
.interaction .tc_popup .dialog-title h1,
.interaction .editing-popup .dialog-title h2,
.interaction .tc_popup .dialog-title h2,
.interaction .editing-popup .dialog-title h3,
.interaction .tc_popup .dialog-title h3,
.interaction .editing-popup .dialog-title h4,
.interaction .tc_popup .dialog-title h4,
.interaction .editing-popup .dialog-title h5,
.interaction .tc_popup .dialog-title h5,
.interaction .editing-popup .dialog-title h6,
.interaction .tc_popup .dialog-title h6 {
  font: normal 100 30px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  margin: 0;
}
.interaction .editing-popup .close,
.interaction .tc_popup .close {
  position: absolute;
  top: 0;
  right: -30px;
  background: transparent;
  border: none;
  outline: none;
  opacity: 1;
  width: 40px;
  height: 40px;
  margin: 0;
  border-radius: 0;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
}
.interaction .editing-popup .close:before,
.interaction .tc_popup .close:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -1px -1px;
  left: 0;
}
.interaction .editing-popup .close:hover,
.interaction .tc_popup .close:hover {
  background: #0d0d0d;
}
.interaction .editing-popup .close .ui-icon-closethick,
.interaction .tc_popup .close .ui-icon-closethick {
  display: none;
}
.interaction .editing-popup .dialog-content,
.interaction .tc_popup .dialog-content {
  color: #fff;
  padding: 0 30px;
  width: 100% !important;
}
.interaction .editing-popup .dialog-content select,
.interaction .tc_popup .dialog-content select,
.interaction .editing-popup .dialog-content input,
.interaction .tc_popup .dialog-content input,
.interaction .editing-popup .dialog-content textarea,
.interaction .tc_popup .dialog-content textarea {
  color: #3d3d3d;
}
.interaction .editing-popup .dialog-content input[type=text],
.interaction .tc_popup .dialog-content input[type=text],
.interaction .editing-popup .dialog-content input[type=number],
.interaction .tc_popup .dialog-content input[type=number] {
  background: #fff;
  border: 1px solid #cccccc;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-box-shadow: inset 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 2px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: border-color 0.15s;
  -o-transition: border-color 0.15s;
  transition: border-color 0.15s;
  outline: none;
  padding: 0px 10px 0px;
  color: #3d3d3d;
  min-height: 40px;
  font: normal 500 18px/1.4 Helvetica, Arial, sans-serif;
  letter-spacing: 0;
  padding: 3px 10px 2px;
}
.interaction .editing-popup .dialog-content input[type=text]:hover,
.interaction .tc_popup .dialog-content input[type=text]:hover,
.interaction .editing-popup .dialog-content input[type=number]:hover,
.interaction .tc_popup .dialog-content input[type=number]:hover,
.interaction .editing-popup .dialog-content input[type=text]:focus,
.interaction .tc_popup .dialog-content input[type=text]:focus,
.interaction .editing-popup .dialog-content input[type=number]:focus,
.interaction .tc_popup .dialog-content input[type=number]:focus {
  border: 1px solid #0d0d0d;
}
.interaction .editing-popup .dialog-content input[type=text][disabled],
.interaction .tc_popup .dialog-content input[type=text][disabled],
.interaction .editing-popup .dialog-content input[type=number][disabled],
.interaction .tc_popup .dialog-content input[type=number][disabled] {
  -webkit-opacity: 1;
  -webkit-text-fill-color: #3d3d3d;
}
.interaction .editing-popup .dialog-content .dialog-buttons,
.interaction .tc_popup .dialog-content .dialog-buttons {
  margin: 50px 0 0;
  text-align: right;
  font-size: 0;
}
.interaction .editing-popup .dialog-content .dialog-buttons .button,
.interaction .tc_popup .dialog-content .dialog-buttons .button {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0 20px;
  border: 1px solid transparent;
  box-shadow: none;
  margin-bottom: 0;
  background: #cccccc;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* for child to eventually set and use */
  text-decoration: none;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  margin: 0 0 0 0;
}
.interaction .editing-popup .dialog-content .dialog-buttons .button:active,
.interaction .tc_popup .dialog-content .dialog-buttons .button:active {
  box-shadow: none;
}
.interaction .editing-popup .dialog-content .dialog-buttons .button:focus,
.interaction .tc_popup .dialog-content .dialog-buttons .button:focus,
.interaction .editing-popup .dialog-content .dialog-buttons .button:active:focus,
.interaction .tc_popup .dialog-content .dialog-buttons .button:active:focus,
.interaction .editing-popup .dialog-content .dialog-buttons .button.active:focus,
.interaction .tc_popup .dialog-content .dialog-buttons .button.active:focus {
  outline: none;
  color: #555;
}
.interaction .editing-popup .dialog-content .dialog-buttons .button,
.interaction .tc_popup .dialog-content .dialog-buttons .button,
.interaction .editing-popup .dialog-content .dialog-buttons .button .label,
.interaction .tc_popup .dialog-content .dialog-buttons .button .label {
  color: #555;
}
.interaction .editing-popup .dialog-content .dialog-buttons .button:hover,
.interaction .tc_popup .dialog-content .dialog-buttons .button:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
  text-decoration: none;
}
.interaction .editing-popup .dialog-content .dialog-buttons .button:hover,
.interaction .tc_popup .dialog-content .dialog-buttons .button:hover,
.interaction .editing-popup .dialog-content .dialog-buttons .button:hover .label,
.interaction .tc_popup .dialog-content .dialog-buttons .button:hover .label {
  color: #fff;
}
.interaction .editing-popup .dialog-content .dialog-buttons .button.inactive,
.interaction .tc_popup .dialog-content .dialog-buttons .button.inactive,
.interaction .editing-popup .dialog-content .dialog-buttons .button.lrp_inactive,
.interaction .tc_popup .dialog-content .dialog-buttons .button.lrp_inactive,
.interaction .editing-popup .dialog-content .dialog-buttons .button.disabled,
.interaction .tc_popup .dialog-content .dialog-buttons .button.disabled,
.interaction .editing-popup .dialog-content .dialog-buttons .button.inactive_button,
.interaction .tc_popup .dialog-content .dialog-buttons .button.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  box-shadow: none;
  background: rgba(200, 200, 200, 0.4);
  opacity: 1;
  cursor: default;
}
.interaction .editing-popup .dialog-content .dialog-buttons .button:last-child,
.interaction .tc_popup .dialog-content .dialog-buttons .button:last-child {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0 20px;
  border: 1px solid transparent;
  box-shadow: none;
  margin-bottom: 0;
  background: #888888;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* for child to eventually set and use */
  text-decoration: none;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
}
.interaction .editing-popup .dialog-content .dialog-buttons .button:last-child:active,
.interaction .tc_popup .dialog-content .dialog-buttons .button:last-child:active {
  box-shadow: none;
}
.interaction .editing-popup .dialog-content .dialog-buttons .button:last-child:focus,
.interaction .tc_popup .dialog-content .dialog-buttons .button:last-child:focus,
.interaction .editing-popup .dialog-content .dialog-buttons .button:last-child:active:focus,
.interaction .tc_popup .dialog-content .dialog-buttons .button:last-child:active:focus,
.interaction .editing-popup .dialog-content .dialog-buttons .button:last-child.active:focus,
.interaction .tc_popup .dialog-content .dialog-buttons .button:last-child.active:focus {
  outline: none;
  color: #555;
}
.interaction .editing-popup .dialog-content .dialog-buttons .button:last-child,
.interaction .tc_popup .dialog-content .dialog-buttons .button:last-child,
.interaction .editing-popup .dialog-content .dialog-buttons .button:last-child .label,
.interaction .tc_popup .dialog-content .dialog-buttons .button:last-child .label {
  color: #555;
}
.interaction .editing-popup .dialog-content .dialog-buttons .button:last-child:hover,
.interaction .tc_popup .dialog-content .dialog-buttons .button:last-child:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
  text-decoration: none;
}
.interaction .editing-popup .dialog-content .dialog-buttons .button:last-child:hover,
.interaction .tc_popup .dialog-content .dialog-buttons .button:last-child:hover,
.interaction .editing-popup .dialog-content .dialog-buttons .button:last-child:hover .label,
.interaction .tc_popup .dialog-content .dialog-buttons .button:last-child:hover .label {
  color: #fff;
}
.interaction .editing-popup .dialog-content .dialog-buttons .button:last-child.inactive,
.interaction .tc_popup .dialog-content .dialog-buttons .button:last-child.inactive,
.interaction .editing-popup .dialog-content .dialog-buttons .button:last-child.lrp_inactive,
.interaction .tc_popup .dialog-content .dialog-buttons .button:last-child.lrp_inactive,
.interaction .editing-popup .dialog-content .dialog-buttons .button:last-child.disabled,
.interaction .tc_popup .dialog-content .dialog-buttons .button:last-child.disabled,
.interaction .editing-popup .dialog-content .dialog-buttons .button:last-child.inactive_button,
.interaction .tc_popup .dialog-content .dialog-buttons .button:last-child.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  box-shadow: none;
  background: rgba(200, 200, 200, 0.4);
  opacity: 1;
  cursor: default;
}
.interaction .editing-popup .dialog-content .dialog-buttons .button .ui-button-text,
.interaction .tc_popup .dialog-content .dialog-buttons .button .ui-button-text {
  padding: 0;
  line-height: inherit;
}
.interaction .editing-popup .dialog-content .special-chars #char-container a,
.interaction .tc_popup .dialog-content .special-chars #char-container a {
  color: inherit;
  outline: none;
}
.interaction .editing-popup .close,
.interaction .tc_popup .close {
  right: 0;
  text-indent: -9999px;
}
.interaction .editing-popup .dialog-title h1,
.interaction .tc_popup .dialog-title h1 {
  font-weight: bold;
  display: inline;
}
.interaction .editing-popup input[type=text],
.interaction .tc_popup input[type=text],
.interaction .editing-popup input[type=number],
.interaction .tc_popup input[type=number] {
  float: none;
  display: block;
  width: 100%;
  margin: 20px 0 12px 0 !important;
}
.interaction .editing-popup .dialog-content .dialog-buttons,
.interaction .tc_popup .dialog-content .dialog-buttons {
  margin-top: 0;
}
.toc-entry {
  cursor: pointer;
}
.toc-section-content {
  padding-left: 20px;
}
.testRecording__dialog {
  text-align: center;
}
.testRecording__dialog .testRecording__controls {
  display: flex;
  justify-content: center;
}
.testRecording__dialog .testRecording__control .button__label {
  padding-left: 15px;
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
}
.testRecording__dialog .testRecording__control--record i:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -1px -201px;
  left: 0;
}
.testRecording__dialog .testRecording__control--record .button__state--stopRecord {
  display: none;
}
.testRecording__dialog .testRecording__control--play .button__state--stopPlay {
  display: none;
}
.testRecording__dialog--recording .testRecording__control--record i:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -81px -201px;
  left: 0;
}
.testRecording__dialog--recording .testRecording__control--record .button__state--stopRecord {
  display: inline;
}
.testRecording__dialog--recording .testRecording__control--record .button__state--record {
  display: none;
}
.testRecording__dialog--playing .testRecording__control--play .button__state--stopPlay {
  display: inline;
}
.testRecording__dialog--playing .testRecording__control--play .button__state--play {
  display: none;
}
.testRecording__checkbox {
  padding: 15px 0;
}
.testRecording__checkbox label {
  font-weight: 400;
}
.ppquiz__teamSelectDialog label {
  font-weight: inherit;
}
.ppquiz__teamSelectDialog + .ui-widget-overlay {
  background: #ffffff;
}
.sectionTimes__sectionRecommended,
.sectionTimes__sectionSpent,
.sectionTimes__totalRecommended,
.sectionTimes__totalSpent {
  text-align: right;
}
.sectionTimes__header,
.sectionTimes__totalLabel {
  font-weight: 700;
  white-space: nowrap;
}
.markingLettersSelect__word {
  display: flex;
  justify-content: space-evenly;
}
.markingLettersSelect__letter {
  border: 1px solid #6e6e6e;
  border-radius: 2px;
  background-color: #fff;
  width: 25px;
  color: #3d3d3d;
  padding: 5px 0;
  display: inline-block;
  text-align: center;
}
.markingLettersSelect__letter.marked {
  color: #fff;
  text-shadow: 1px 1px 2px #000;
}
.interaction.package .contentblock.has-enum {
  position: relative;
  padding-left: 30px;
}
.interaction.package .contentblock.has-enum .enum {
  position: absolute;
  left: 0;
  top: auto;
  padding: 0;
  padding-right: 16px;
  min-width: 30px;
  color: #444;
}
.interaction.package .contentblock.has-enum .enum,
.interaction.package .contentblock.has-enum .enum .enum-answers {
  font: normal 700 18px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  text-align: right;
  letter-spacing: 0;
  line-height: inherit;
}
.isIE .interaction.package .contentblock.has-enum table .enum {
  margin-top: -1.1px;
}
.isFirefox .interaction.package .contentblock.has-enum .enum {
  margin-top: -1.1px;
}
.interaction.package .contentblock.has-enum.has-expandable-question {
  padding-left: 86px;
}
.interaction.package .contentblock.has-enum.has-expandable-question .enum {
  min-width: 70px;
}
.interaction.package .horizontal .enumanswer,
.interaction.om-pairs .gaps_container.horizontal .enum-answers,
.interaction.om-pairs .block.horizontal .enum-answers {
  text-align: right;
  min-width: 21px;
  padding-right: 6px;
}
.interaction.package .horizontal .enumanswer .enum-answers {
  padding-right: 0;
}
.interaction.package .enum-answers {
  font: normal 700 14px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  line-height: inherit;
  padding-right: 6px;
}
.interaction.package .clue-enum {
  color: #444;
}
.interaction.package.is-checkbox .contentblock.has-enum .enum-per-question:after {
  display: none;
}
.interaction.package.is-checkbox .contentblock.has-enum .enum-per-question:nth-child( 2) {
  left: 25px;
}
.interaction.package.is-checkbox .contentblock.has-enum .enum-per-question:nth-child( 3) {
  left: 50px;
}
.interaction.package.is-checkbox .contentblock.has-enum .enum-per-question:nth-child( 4) {
  left: 75px;
}
.interaction.package.is-checkbox .contentblock.has-enum .enum-per-question:nth-child( 5) {
  left: 100px;
}
.interaction.package.is-checkbox .contentblock.has-enum .enum-per-question:nth-child( 6) {
  left: 125px;
}
.interaction.package.is-checkbox .contentblock.has-enum .enum-per-question:nth-child( 7) {
  left: 150px;
}
.interaction.package.is-checkbox .contentblock.has-enum .enum-per-question:nth-child( 8) {
  left: 175px;
}
.interaction.package.is-checkbox .contentblock.has-enum .enum-per-question.last-enum:after {
  display: block;
}
.interaction.package.is-checkbox .contentblock.has-enum.alignment-inline,
.interaction.package.is-radiobutton .contentblock.has-enum.alignment-inline,
.interaction.package.is-checkbox .contentblock.has-enum.alignment-horizontal,
.interaction.package.is-radiobutton .contentblock.has-enum.alignment-horizontal,
.interaction.package.is-checkbox .contentblock.has-enum.alignment-inline .table-blank td,
.interaction.package.is-radiobutton .contentblock.has-enum.alignment-inline .table-blank td,
.interaction.package.is-checkbox .contentblock.has-enum.alignment-horizontal .table-blank td,
.interaction.package.is-radiobutton .contentblock.has-enum.alignment-horizontal .table-blank td {
  line-height: 40px;
}
.interaction.package.is-linking-lines .ll-enum,
.interaction.package.is-linking-multiple-lines .ll-enum,
.interaction.package.is-linking-lines .ll_enum_column,
.interaction.package.is-linking-multiple-lines .ll_enum_column {
  display: inline-block;
  vertical-align: top;
  text-align: right;
  min-width: 46px;
}
.interaction.package.is-linking-lines .ll-enum,
.interaction.package.is-linking-multiple-lines .ll-enum {
  padding: 10px 16px 10px 0;
}
.interaction.package.is-linking-lines .ll_enum_column,
.interaction.package.is-linking-multiple-lines .ll_enum_column {
  padding: 0 16px 0 0;
}
.interaction.package.is-linking-lines .ll_element_view.has-enum,
.interaction.package.is-linking-multiple-lines .ll_element_view.has-enum {
  padding: 10px 0;
}
.interaction.package.is-radiobutton-columns .contentblock.has-enum .enum {
  float: none;
  position: inherit;
  left: auto;
}
.interaction.package.os-sorting .dds_target_view .drop_zone.has-enum {
  padding-left: 45px;
}
.interaction.package.os-sorting .enumanswer {
  margin: 7px 0 0 -21px;
}
.interaction.package.om-pairs .enumanswer {
  float: none;
}
.interaction.package.om-pairs .horizontal .enumanswer {
  display: inline-block;
}
.interaction .clue-link {
  min-width: 40px;
  min-height: 40px;
  padding: 9px 10px;
  margin: 0 20px 10px 0;
  text-align: center;
  background: #cccccc;
  color: #555;
  font: normal 700 15px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  border-radius: 20px;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  cursor: pointer;
}
.interaction .clue-link:hover {
  color: #fff;
}
.interaction .clue-link:hover {
  background: #0d0d0d;
}
.interaction .clue-link.highlighted {
  background: #888888;
}
.interaction .clue-link.highlighted:hover {
  background: #0d0d0d;
}
.interaction .clue-area.highlighted {
  background: rgba(68, 68, 68, 0.3);
}
.isMobile .interaction .clue-link:hover {
  background: #cccccc;
}
.isMobile .interaction .clue-link.highlighted {
  background: #888888 !important;
}
.isMobile .interaction .clue-link.highlighted:hover {
  background: #cccccc;
}
.interaction .toggle-text {
  min-width: 40px;
  min-height: 40px;
  padding: 9px 10px;
  margin: 0 20px 10px 0;
  text-align: center;
  background: #cccccc;
  color: #555;
  font: normal 700 15px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  border-radius: 20px;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  cursor: pointer;
}
.interaction .toggle-text:hover {
  color: #fff;
}
.interaction .toggle-text:hover {
  background: #0d0d0d !important;
}
.info-text {
  display: inline-block;
  vertical-align: middle;
}
.info-text .handle {
  min-width: 40px;
  min-height: 40px;
  padding: 9px 10px;
  margin: 0 20px 10px 0;
  text-align: center;
  background: #444;
  color: #555;
  font: normal 700 15px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  border-radius: 20px;
  margin-bottom: 0;
}
.info-text .handle:hover {
  color: #fff;
}
.info-text .handle img {
  max-width: 20px;
  max-height: 20px;
}
.info-text.question .handle:before {
  content: "";
  position: absolute;
  top: 1px;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -1px -81px;
  left: 1px;
}
.info-text.directive .handle:before {
  content: "";
  position: absolute;
  top: 1px;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -41px -81px;
  left: 1px;
}
.info-text.more .handle:before {
  content: "";
  position: absolute;
  top: 1px;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -81px -81px;
  left: 1px;
}
.info-text.info .handle:before {
  content: "";
  position: absolute;
  top: 1px;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -121px -81px;
  left: 1px;
}
.info-text.warning .handle:before {
  content: "";
  position: absolute;
  top: 1px;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -161px -81px;
  left: 1px;
}
.info-text .tooltip {
  background: #555;
  color: #fff;
  padding: 12px 20px;
  font: normal 700 15px/18px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  border: none;
  border-radius: 0;
  max-width: 350px;
  z-index: 3500;
  opacity: 0;
  top: 20px;
  left: 20px;
}
.info-text .tooltip strong,
.info-text .tooltip b {
  font-size: 105%;
  text-shadow: 1px 1px 1px;
}
.info-text .tooltip.from-right {
  left: auto;
  right: 40px;
}
.info-text .tooltip.from-below {
  top: auto;
  bottom: 30px;
}
.info-text .tooltip.active {
  opacity: 1;
}
.infotext__toggle {
  min-width: 40px;
  min-height: 40px;
  padding: 9px 10px;
  margin: 0 20px 10px 0;
  text-align: center;
  background: #444;
  color: #555;
  font: normal 700 15px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  border-radius: 20px;
  display: block;
  margin-bottom: 0;
  border: 0;
  outline: none;
}
.infotext__toggle:hover {
  color: #fff;
}
.question .infotext__toggle:before {
  content: "";
  position: absolute;
  top: 1px;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -1px -81px;
  left: 1px;
}
.directive .infotext__toggle:before {
  content: "";
  position: absolute;
  top: 1px;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -41px -81px;
  left: 1px;
}
.more .infotext__toggle:before {
  content: "";
  position: absolute;
  top: 1px;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -81px -81px;
  left: 1px;
}
.info .infotext__toggle:before {
  content: "";
  position: absolute;
  top: 1px;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -121px -81px;
  left: 1px;
}
.warning .infotext__toggle:before {
  content: "";
  position: absolute;
  top: 1px;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -161px -81px;
  left: 1px;
}
.infotext--dialog:not(.infotext--show) .infotext__content {
  display: none;
}
.infotext--dialog .infotext__content {
  font: normal 500 17px/1.4 Helvetica, Arial, sans-serif;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: #555;
  color: #fff;
  -webkit-box-shadow: 6px 12px 20px rgba(0, 0, 0, 0.36);
  box-shadow: 6px 12px 20px rgba(0, 0, 0, 0.36);
  border: 0 solid transparent;
  position: absolute;
  width: auto;
  min-width: 350px;
  z-index: 3500;
  top: 20px;
  left: 20px;
}
.infotext--dialog .infotext__content .infotext__header {
  font: normal 100 30px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  color: #fff;
  line-height: normal;
  padding: 10px 0;
  margin: 0 30px 30px 30px;
  border-bottom: 1px solid #6e6e6e;
  position: relative;
}
.infotext--dialog .infotext__content .infotext__header h1,
.infotext--dialog .infotext__content .infotext__header h2,
.infotext--dialog .infotext__content .infotext__header h3,
.infotext--dialog .infotext__content .infotext__header h4,
.infotext--dialog .infotext__content .infotext__header h5,
.infotext--dialog .infotext__content .infotext__header h6 {
  font: normal 100 30px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  margin: 0;
}
.infotext--dialog .infotext__content .infotext__close {
  position: absolute;
  top: 0;
  right: -30px;
  background: transparent;
  border: none;
  outline: none;
  opacity: 1;
  width: 40px;
  height: 40px;
  margin: 0;
  border-radius: 0;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
}
.infotext--dialog .infotext__content .infotext__close:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -1px -1px;
  left: 0;
}
.infotext--dialog .infotext__content .infotext__close:hover {
  background: #0d0d0d;
}
.infotext--dialog .infotext__content .infotext__close .ui-icon-closethick {
  display: none;
}
.infotext--dialog .infotext__content .infotext__body {
  color: #fff;
  padding: 0 30px;
  width: 100% !important;
}
.infotext--dialog .infotext__content .infotext__body select,
.infotext--dialog .infotext__content .infotext__body input,
.infotext--dialog .infotext__content .infotext__body textarea {
  color: #3d3d3d;
}
.infotext--dialog .infotext__content .infotext__body input[type=text],
.infotext--dialog .infotext__content .infotext__body input[type=number] {
  background: #fff;
  border: 1px solid #cccccc;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-box-shadow: inset 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 2px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: border-color 0.15s;
  -o-transition: border-color 0.15s;
  transition: border-color 0.15s;
  outline: none;
  padding: 0px 10px 0px;
  color: #3d3d3d;
  min-height: 40px;
  font: normal 500 18px/1.4 Helvetica, Arial, sans-serif;
  letter-spacing: 0;
  padding: 3px 10px 2px;
}
.infotext--dialog .infotext__content .infotext__body input[type=text]:hover,
.infotext--dialog .infotext__content .infotext__body input[type=number]:hover,
.infotext--dialog .infotext__content .infotext__body input[type=text]:focus,
.infotext--dialog .infotext__content .infotext__body input[type=number]:focus {
  border: 1px solid #0d0d0d;
}
.infotext--dialog .infotext__content .infotext__body input[type=text][disabled],
.infotext--dialog .infotext__content .infotext__body input[type=number][disabled] {
  -webkit-opacity: 1;
  -webkit-text-fill-color: #3d3d3d;
}
.infotext--dialog .infotext__content .infotext__body .last-buttons {
  margin: 50px 0 0;
  text-align: right;
  font-size: 0;
}
.infotext--dialog .infotext__content .infotext__body .last-buttons .ui-button {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0 20px;
  border: 1px solid transparent;
  box-shadow: none;
  margin-bottom: 0;
  background: #cccccc;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* for child to eventually set and use */
  text-decoration: none;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  margin: 0 0 0 0;
}
.infotext--dialog .infotext__content .infotext__body .last-buttons .ui-button:active {
  box-shadow: none;
}
.infotext--dialog .infotext__content .infotext__body .last-buttons .ui-button:focus,
.infotext--dialog .infotext__content .infotext__body .last-buttons .ui-button:active:focus,
.infotext--dialog .infotext__content .infotext__body .last-buttons .ui-button.active:focus {
  outline: none;
  color: #555;
}
.infotext--dialog .infotext__content .infotext__body .last-buttons .ui-button,
.infotext--dialog .infotext__content .infotext__body .last-buttons .ui-button .label {
  color: #555;
}
.infotext--dialog .infotext__content .infotext__body .last-buttons .ui-button:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
  text-decoration: none;
}
.infotext--dialog .infotext__content .infotext__body .last-buttons .ui-button:hover,
.infotext--dialog .infotext__content .infotext__body .last-buttons .ui-button:hover .label {
  color: #fff;
}
.infotext--dialog .infotext__content .infotext__body .last-buttons .ui-button.inactive,
.infotext--dialog .infotext__content .infotext__body .last-buttons .ui-button.lrp_inactive,
.infotext--dialog .infotext__content .infotext__body .last-buttons .ui-button.disabled,
.infotext--dialog .infotext__content .infotext__body .last-buttons .ui-button.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  box-shadow: none;
  background: rgba(200, 200, 200, 0.4);
  opacity: 1;
  cursor: default;
}
.infotext--dialog .infotext__content .infotext__body .last-buttons .ui-button:last-child {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0 20px;
  border: 1px solid transparent;
  box-shadow: none;
  margin-bottom: 0;
  background: #888888;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* for child to eventually set and use */
  text-decoration: none;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
}
.infotext--dialog .infotext__content .infotext__body .last-buttons .ui-button:last-child:active {
  box-shadow: none;
}
.infotext--dialog .infotext__content .infotext__body .last-buttons .ui-button:last-child:focus,
.infotext--dialog .infotext__content .infotext__body .last-buttons .ui-button:last-child:active:focus,
.infotext--dialog .infotext__content .infotext__body .last-buttons .ui-button:last-child.active:focus {
  outline: none;
  color: #555;
}
.infotext--dialog .infotext__content .infotext__body .last-buttons .ui-button:last-child,
.infotext--dialog .infotext__content .infotext__body .last-buttons .ui-button:last-child .label {
  color: #555;
}
.infotext--dialog .infotext__content .infotext__body .last-buttons .ui-button:last-child:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
  text-decoration: none;
}
.infotext--dialog .infotext__content .infotext__body .last-buttons .ui-button:last-child:hover,
.infotext--dialog .infotext__content .infotext__body .last-buttons .ui-button:last-child:hover .label {
  color: #fff;
}
.infotext--dialog .infotext__content .infotext__body .last-buttons .ui-button:last-child.inactive,
.infotext--dialog .infotext__content .infotext__body .last-buttons .ui-button:last-child.lrp_inactive,
.infotext--dialog .infotext__content .infotext__body .last-buttons .ui-button:last-child.disabled,
.infotext--dialog .infotext__content .infotext__body .last-buttons .ui-button:last-child.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  box-shadow: none;
  background: rgba(200, 200, 200, 0.4);
  opacity: 1;
  cursor: default;
}
.infotext--dialog .infotext__content .infotext__body .last-buttons .ui-button .ui-button-text {
  padding: 0;
  line-height: inherit;
}
.infotext--dialog .infotext__content .infotext__body .special-chars #char-container a {
  color: inherit;
  outline: none;
}
.infotext--dialog .infotext__content .infotext__body {
  padding-bottom: 30px;
}
.infotext--dialog.infotext--top .infotext__content {
  transform: translateY(-100%);
}
.infotext__header {
  min-height: 40px;
}
#activity-header {
  height: 76px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  background: #fff;
  margin-bottom: 40px;
}
.lo-title-off #activity-header {
  height: 0;
}
#lo-title {
  margin: 0;
  font: normal 100 29.7px/52px 'Hueber Forward Sans', Helvetica, Arial, sans-serif;
  letter-spacing: -1px;
  color: #444;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: 17px;
}
.lo-title-off #lo-title {
  display: none;
}
.interaction-title {
  margin: -10px 0 11px;
  font: normal 100 24.3px/25px 'Hueber Forward Sans', Helvetica, Arial, sans-serif;
  letter-spacing: -1px;
  color: #444;
  background: transparent;
}
.activity-title-off .interaction-title {
  display: none;
}
.is-rubric-zone {
  margin: 0 0 50px;
  font: normal 100 22.5px/1.4 'Hueber Forward Sans', Helvetica, Arial, sans-serif;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.5);
}
.is-rubric-zone > *:first-child,
.is-rubric-zone > *:only-child {
  padding-top: 0;
  margin-top: 0;
}
.is-rubric-zone > *:last-child,
.is-rubric-zone > *:only-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
.rubricWrap--hidden {
  display: none;
}
.content-wrap {
  position: static;
  height: auto;
  max-height: none;
  background-color: #fff;
  margin-bottom: 20px;
  margin-top: 50px;
  font: normal 500 18px/1.4 Helvetica, Arial, sans-serif;
  letter-spacing: 0;
  color: #3d3d3d;
}
.body--practice .content-wrap {
  background-color: #f0f0f0;
}
.content-wrap .container {
  padding: 0;
}
.content-wrap.out-of-flow {
  width: 100%;
}
.activity--hidden {
  display: none;
}
.contentblock {
  outline: none;
  margin: 0 0 30px 0;
  font-size: 1em;
  line-height: inherit;
  color: #3d3d3d;
}
.contentblock:before,
.contentblock:after {
  content: " ";
  display: table;
}
.contentblock:after {
  clear: both;
}
.contentblock--hidden {
  display: none;
}
.contentblock:last-child {
  margin-bottom: 0;
}
.contentblock p,
.interaction.ic-free-writing-2-col .radio-section {
  margin: 0 0 1em;
  outline: none;
}
.contentblock p:last-child,
.interaction.ic-free-writing-2-col .radio-section:last-child {
  margin-bottom: 0;
}
.is-content-zone,
.is-media-zone {
  min-height: 100px;
  position: relative;
}
.is-media-zone {
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}
.is-media-zone:not(.stay-in-view) {
  width: auto !important;
}
.is-media-zone * {
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}
.is-media-zone .tabnav {
  -webkit-transform-origin: left bottom;
  -moz-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
  transform-origin: left bottom;
}
.is-media-zone .tab {
  box-sizing: content-box;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.is-media-zone.stay-in-view {
  position: fixed;
  z-index: 2400;
  top: 10px;
}
#footer-wrap {
  position: fixed;
  backface-visibility: hidden;
  z-index: 2500;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
}
.body--practice #footer-wrap {
  background-color: #f0f0f0;
}
#activity_controls {
  width: 900px;
  margin: 0 auto;
}
#activity_controls .nonpage_controls {
  text-align: right;
}
#activity_controls .nonpage_controls #micro_controls,
#activity_controls .nonpage_controls #macro_controls {
  float: none;
  display: inline-block;
  background: transparent;
  padding: 0;
  margin: 0;
}
#activity_controls .btn {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0 20px;
  border: 1px solid transparent;
  box-shadow: none;
  margin-bottom: 0;
  background: #cccccc;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* for child to eventually set and use */
  text-decoration: none;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  word-spacing: normal;
  margin-left: 0;
}
#activity_controls .btn:active {
  box-shadow: none;
}
#activity_controls .btn:focus,
#activity_controls .btn:active:focus,
#activity_controls .btn.active:focus {
  outline: none;
  color: #555;
}
#activity_controls .btn,
#activity_controls .btn .label {
  color: #555;
}
#activity_controls .btn:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
  text-decoration: none;
}
#activity_controls .btn:hover,
#activity_controls .btn:hover .label {
  color: #fff;
}
#activity_controls .btn.inactive,
#activity_controls .btn.lrp_inactive,
#activity_controls .btn.disabled,
#activity_controls .btn.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  box-shadow: none;
  background: rgba(200, 200, 200, 0.4);
  opacity: 1;
  cursor: default;
}
#activity_controls .btn-primary {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0 20px;
  border: 1px solid transparent;
  box-shadow: none;
  margin-bottom: 0;
  background: #888888;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* for child to eventually set and use */
  text-decoration: none;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
}
#activity_controls .btn-primary:active {
  box-shadow: none;
}
#activity_controls .btn-primary:focus,
#activity_controls .btn-primary:active:focus,
#activity_controls .btn-primary.active:focus {
  outline: none;
  color: #555;
}
#activity_controls .btn-primary,
#activity_controls .btn-primary .label {
  color: #555;
}
#activity_controls .btn-primary:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
  text-decoration: none;
}
#activity_controls .btn-primary:hover,
#activity_controls .btn-primary:hover .label {
  color: #fff;
}
#activity_controls .btn-primary.inactive,
#activity_controls .btn-primary.lrp_inactive,
#activity_controls .btn-primary.disabled,
#activity_controls .btn-primary.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  box-shadow: none;
  background: rgba(200, 200, 200, 0.4);
  opacity: 1;
  cursor: default;
}
#activity_controls .button--hidden,
#page_controls .button-pagination.previous-page.button--hidden,
#page_controls .button-pagination.next-page.button--hidden {
  display: none;
}
#attachmentsAlternative {
  display: inline-block;
}
#attachmentsAlternative > .btn {
  margin-left: calc(0 + 0.5ex);
}
body.isFullScreen #footer-wrap {
  display: none;
}
body.body--headerVideo #activity-header {
  height: auto;
}
#page_controls {
  word-spacing: normal;
  float: none;
  margin: 0;
}
#page_controls .pagination {
  display: block;
  text-align: left;
  margin: 20px 0 30px;
  font: normal 700 15px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.55);
}
#page_controls .pagination.with-screen-selection .page-dots .dot:not(.locked) {
  cursor: pointer;
}
#page_controls .pagination.with-screen-selection .page-dots .dot:not(.locked):hover {
  background: #0d0d0d;
}
#page_controls .page-indicator {
  position: absolute;
}
#page_controls .page-dots {
  margin: 0 0 0 100px;
}
#page_controls .page-dots .dot {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  margin: 4px;
  background: #c2c2c2;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
}
#page_controls .page-dots .dot.current {
  background: #444;
}
#page_controls .status-indicator {
  float: right;
  margin: 0 0 0 20px;
  font: normal 700 13px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
}
#page_controls .button-pagination {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  width: auto;
  top: 50%;
  height: 40px;
  line-height: 38px;
  margin: -20px 0 0;
}
#page_controls .button-pagination.previous-page {
  left: 0;
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0 20px;
  border: 1px solid transparent;
  box-shadow: none;
  margin-bottom: 0;
  background: #cccccc;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* for child to eventually set and use */
  text-decoration: none;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  padding-left: 35px;
  padding-right: 0;
  position: fixed;
  backface-visibility: hidden;
}
#page_controls .button-pagination.previous-page:active {
  box-shadow: none;
}
#page_controls .button-pagination.previous-page:focus,
#page_controls .button-pagination.previous-page:active:focus,
#page_controls .button-pagination.previous-page.active:focus {
  outline: none;
  color: #555;
}
#page_controls .button-pagination.previous-page,
#page_controls .button-pagination.previous-page .label {
  color: #555;
}
#page_controls .button-pagination.previous-page:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
  text-decoration: none;
}
#page_controls .button-pagination.previous-page:hover,
#page_controls .button-pagination.previous-page:hover .label {
  color: #fff;
}
#page_controls .button-pagination.previous-page.inactive,
#page_controls .button-pagination.previous-page.lrp_inactive,
#page_controls .button-pagination.previous-page.disabled,
#page_controls .button-pagination.previous-page.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  box-shadow: none;
  background: rgba(200, 200, 200, 0.4);
  opacity: 1;
  cursor: default;
}
#page_controls .button-pagination.previous-page:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -81px -1px;
  left: 0;
}
#page_controls .button-pagination.previous-page > span {
  display: none;
}
#page_controls .button-pagination.previous-page:not(.inactive_button):not(.no-rollover):hover {
  padding-right: 20px;
}
#page_controls .button-pagination.previous-page:not(.inactive_button):not(.no-rollover):hover > span {
  display: inline-block;
}
#page_controls .button-pagination.next-page {
  right: 0;
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0 20px;
  border: 1px solid transparent;
  box-shadow: none;
  margin-bottom: 0;
  background: #cccccc;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* for child to eventually set and use */
  text-decoration: none;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  padding-right: 35px;
  padding-left: 0;
  position: fixed;
  backface-visibility: hidden;
}
#page_controls .button-pagination.next-page:active {
  box-shadow: none;
}
#page_controls .button-pagination.next-page:focus,
#page_controls .button-pagination.next-page:active:focus,
#page_controls .button-pagination.next-page.active:focus {
  outline: none;
  color: #555;
}
#page_controls .button-pagination.next-page,
#page_controls .button-pagination.next-page .label {
  color: #555;
}
#page_controls .button-pagination.next-page:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
  text-decoration: none;
}
#page_controls .button-pagination.next-page:hover,
#page_controls .button-pagination.next-page:hover .label {
  color: #fff;
}
#page_controls .button-pagination.next-page.inactive,
#page_controls .button-pagination.next-page.lrp_inactive,
#page_controls .button-pagination.next-page.disabled,
#page_controls .button-pagination.next-page.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  box-shadow: none;
  background: rgba(200, 200, 200, 0.4);
  opacity: 1;
  cursor: default;
}
#page_controls .button-pagination.next-page:after {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -121px -1px;
  right: 0;
}
#page_controls .button-pagination.next-page > span {
  display: none;
}
#page_controls .button-pagination.next-page:not(.inactive_button):not(.no-rollover):hover {
  padding-left: 20px;
}
#page_controls .button-pagination.next-page:not(.inactive_button):not(.no-rollover):hover > span {
  display: inline-block;
}
#navigation_popup {
  display: none;
}
.nav-part {
  display: inline-block;
}
.nav-part,
.nav-part a {
  color: #c2c2c2;
}
.nav-part:not(.visited),
.nav-part a:not(.visited) {
  color: #3d3d3d;
}
.nav-part.selected,
.nav-part a.selected {
  color: #444;
}
.nav-part:not(:last-child)::after {
  content: '|';
  color: #c2c2c2;
  margin: 0 0.5ex;
}
.nav-part a:not(:last-child) {
  margin-right: 0.5ex;
}
.nav-part span + a::before {
  content: '[';
  color: #c2c2c2;
}
.nav-part a:last-child::after {
  content: ']';
  color: #c2c2c2;
}
.v_a_media {
  margin: 0;
  overflow: visible;
}
.v_a_media.video {
  margin: 0 0 40px 0;
}
.v_a_media .audio_media {
  width: auto;
}
.v_a_media .audio_media .audio_wrapper {
  max-width: none;
}
.v_a_media .the_video .play,
.v_a_media .the_video .pause {
  margin: 0;
  background: none;
}
.v_a_media .media-footer {
  font: normal 700 13px/16px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: -0.03em;
  height: auto;
  min-height: 40px;
}
.v_a_media .media-footer .play_wrap,
.v_a_media .media-footer .play,
.v_a_media .media-footer .pause,
.v_a_media .media-footer .timer,
.v_a_media .media-footer .volume {
  float: none;
}
.v_a_media .media-footer .play_wrap .play,
.v_a_media .media-footer .play_wrap .pause {
  margin: 0;
}
.v_a_media .media-footer .progress_area {
  box-shadow: none;
  margin-bottom: 0;
}
.v_a_media .media-footer .timer {
  position: static;
  box-shadow: none;
  margin: 0;
  padding: 0;
  height: auto;
  line-height: normal;
}
.v_a_media .media-footer .timer:before,
.v_a_media .media-footer .timer:after {
  display: none;
}
.v_a_media .media-footer .volume {
  margin: 0;
  height: auto;
}
.v_a_media .media-footer .volume .mute_button {
  padding-left: 0;
}
.v_a_media .media-footer .volume .mute_button .volume-bar {
  margin: 0;
}
.transcript-wrap {
  margin: 0 0 40px 0;
}
.transcript-wrap .video {
  margin-bottom: 0;
}
.media-wrapper {
  color: #fff;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.media-wrapper .media-footer {
  background: #555;
}
.media-wrapper .media-footer .play,
.media-wrapper .media-footer .pause,
.media-wrapper .media-footer .full_screen,
.media-wrapper .media-footer .transcript_button,
.media-wrapper .media-footer .subtitles_button,
.media-wrapper .media-footer .speed-button,
.media-wrapper .media-footer .speed-popup button,
.media-wrapper .media-footer .mediaPlayer__toggleableMenu button {
  width: 40px;
  height: 40px;
  outline: 0;
}
.media-wrapper .media-footer .play,
.media-wrapper .media-footer .pause,
.media-wrapper .media-footer .full_screen,
.media-wrapper .media-footer .transcript_button,
.media-wrapper .media-footer .subtitles_button,
.media-wrapper .media-footer .speed-button,
.media-wrapper .media-footer .mediaPlayer__control--quality {
  text-indent: -99999px;
}
.media-wrapper .media-footer .speed-button,
.media-wrapper .media-footer .mediaPlayer__control--quality {
  vertical-align: middle;
}
.media-wrapper .media-footer .mute_button {
  height: 40px;
}
.media-wrapper #close-fullscreen-video {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0;
  border: 1px solid transparent;
  box-shadow: none;
  margin-bottom: 0;
  background: #cccccc;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* for child to eventually set and use */
  text-decoration: none;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  text-indent: -9999px;
  display: none;
  position: absolute;
  top: 0;
  right: 0;
}
.media-wrapper #close-fullscreen-video:active {
  box-shadow: none;
}
.media-wrapper #close-fullscreen-video:focus,
.media-wrapper #close-fullscreen-video:active:focus,
.media-wrapper #close-fullscreen-video.active:focus {
  outline: none;
  color: #555;
}
.media-wrapper #close-fullscreen-video,
.media-wrapper #close-fullscreen-video .label {
  color: #555;
}
.media-wrapper #close-fullscreen-video:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
  text-decoration: none;
}
.media-wrapper #close-fullscreen-video:hover,
.media-wrapper #close-fullscreen-video:hover .label {
  color: #fff;
}
.media-wrapper #close-fullscreen-video.inactive,
.media-wrapper #close-fullscreen-video.lrp_inactive,
.media-wrapper #close-fullscreen-video.disabled,
.media-wrapper #close-fullscreen-video.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  box-shadow: none;
  background: rgba(200, 200, 200, 0.4);
  opacity: 1;
  cursor: default;
}
.media-wrapper #close-fullscreen-video:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -1px -1px;
  left: 0;
}
.media-wrapper.full_screen #close-fullscreen-video {
  display: inline-block;
}
.media-footer {
  position: relative;
}
.media-footer .progress_area,
.media-footer .current_time,
.media-footer .duration,
.media-footer .volume,
.media-footer .extras_button,
.media-footer .speed-menu,
.media-footer .mediaPlayer__toggleableMenu,
.media-footer .play_wrap .play,
.media-footer .play_wrap .pause {
  position: absolute;
  top: 0;
}
.media-footer .play_wrap .play,
.media-footer .play_wrap .pause {
  left: 0;
  border: 1px solid #6f6f6f;
  background: #888888;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  cursor: pointer;
}
.media-footer .play_wrap .play:hover,
.media-footer .play_wrap .pause:hover {
  background-color: #0d0d0d;
  border-color: #000000;
}
.media-footer .play:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -41px -201px;
  left: 0;
}
.media-footer .pause:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -81px -201px;
  left: 0;
}
.media-footer .progress_area {
  left: 80px;
  right: 58px;
  height: 40px;
  padding: 17px 0;
  margin: 0 10px;
  background: #000 content-box;
  cursor: pointer;
}
.media-footer .progress_area .progress_downloaded {
  top: 0;
  left: 0;
  right: 0;
  height: 40px;
  width: auto !important;
  padding: 17px 0;
  margin-right: -10px;
  background: #fff content-box;
}
.media-footer .progress_area .progress_played {
  height: 6px;
  padding-left: 10px;
  margin-left: -10px;
  box-sizing: content-box;
  background: #444;
  max-width: none;
}
.media-footer .progress_area .progress_played:after {
  content: "";
  display: block;
  position: absolute;
  right: -10px;
  top: -7px;
  width: 20px;
  height: 20px;
  background: #cccccc;
  border: 1px solid #b3b3b3;
  border-radius: 0;
  box-shadow: none;
  margin: 0;
  float: none;
}
.media-footer .current_time,
.media-footer .duration {
  text-align: right;
  padding: 12px 0 0;
  width: 35px;
}
.media-footer .current_time {
  left: 40px;
}
.media-footer .volume {
  cursor: pointer;
  padding-left: 38px;
}
.media-footer .volume .mute_button {
  background: none;
}
.media-footer .volume .mute_button:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -41px -241px;
  left: 0;
}
.media-footer .volume .mute_button .volume-mute {
  background: none;
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 38px;
  height: 40px;
  text-indent: -9999px;
}
.media-footer .volume .mute_button .volume-mute:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -41px -241px;
  left: 0;
}
.media-footer .volume .mute_button.volume_button:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -81px -241px;
  left: 0;
}
.media-footer .volume .mute_button.volume_button .volume-mute:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -81px -241px;
  left: 0;
}
.media-footer .volume .mute_button .volume-bar {
  display: inline-block;
  padding: 0;
  vertical-align: top;
  margin: 0 3px;
  border-radius: 4px;
  width: 30px;
  list-style: none;
}
.media-footer .volume .mute_button .volume-bar > li {
  width: 3px;
  height: 40px;
  background: #000;
  background-clip: content-box;
}
.media-footer .volume .mute_button .volume-bar > li button {
  text-indent: -9999px;
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
}
.media-footer .volume .mute_button .volume-bar > li.volume-bar-active {
  background-color: #fff;
}
.media-footer .volume .mute_button .volume-bar > li.vol1 {
  padding-top: 14.33333333px;
  padding-bottom: 14.33333333px;
}
.media-footer .volume .mute_button .volume-bar > li.vol2 {
  padding-top: 15.33333333px;
  padding-bottom: 14.33333333px;
}
.media-footer .volume .mute_button .volume-bar > li.vol3 {
  padding-top: 16.33333333px;
  padding-bottom: 14.33333333px;
}
.media-footer .volume .mute_button .volume-bar > li.vol4 {
  padding-top: 17.33333333px;
  padding-bottom: 14.33333333px;
}
.media-footer .volume .mute_button .volume-bar > li.vol5 {
  padding-top: 18.33333333px;
  padding-bottom: 14.33333333px;
}
.media-footer .volume .mute_button .volume-bar > li.vol6 {
  padding-top: 19.33333333px;
  padding-bottom: 14.33333333px;
}
.media-footer .volume .mute_button .volume-bar > li.vol7 {
  padding-top: 20.33333333px;
  padding-bottom: 14.33333333px;
}
.media-footer .volume .mute_button .volume-bar > li.vol8 {
  padding-top: 21.33333333px;
  padding-bottom: 14.33333333px;
}
.media-footer .volume .mute_button .volume-bar > li.vol9 {
  padding-top: 22.33333333px;
  padding-bottom: 14.33333333px;
}
.media-footer .volume .mute_button .volume-bar > li.vol10 {
  padding-top: 23.33333333px;
  padding-bottom: 14.33333333px;
}
.media-footer .extras_button,
.media-footer .speed-menu,
.media-footer .speed-button,
.media-footer .speed-popup button,
.media-footer .mediaPlayer__toggleableMenu,
.media-footer .mediaPlayer__toggleableMenu button {
  right: 0;
  cursor: pointer;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  border: none;
  background: none;
  padding: 0;
}
.media-footer .extras_button:hover,
.media-footer .speed-menu:hover,
.media-footer .speed-button:hover,
.media-footer .speed-popup button:hover,
.media-footer .mediaPlayer__toggleableMenu:hover,
.media-footer .mediaPlayer__toggleableMenu button:hover {
  background-color: #0d0d0d;
}
.media-footer .speed-popup,
.media-footer .mediaPlayer__qualityList {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 9999;
  bottom: 100%;
}
.media-footer .speed-popup.to-bottom,
.media-footer .mediaPlayer__qualityList.to-bottom {
  bottom: auto;
  top: 100%;
}
.media-footer .speed-popup button,
.media-footer .mediaPlayer__qualityList button {
  background: #555;
  border-bottom: 1px solid #cccccc;
}
.media-footer .speed-popup .mediaPlayer__qualityListItem--selected button,
.media-footer .mediaPlayer__qualityList .mediaPlayer__qualityListItem--selected button {
  background: #888888;
}
.media-footer .mediaPlayer__toggleableMenu--enabled .mediaPlayer__qualityList {
  display: block;
}
.media-footer .speed-button:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -201px -161px;
  left: 0;
}
.media-footer .mediaPlayer__control--quality:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -1px -281px;
  left: 0;
}
.media-footer .transcript_button:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -161px -241px;
  left: 0;
}
.transcript-dialog .ui-dialog-titlebar {
  margin-bottom: 0;
}
.transcript-dialog .ui-dialog-content.transcript > p {
  margin: 25px 0;
  padding: 5px 0;
}
.transcript-dialog .ui-dialog-content.transcript > p.selected {
  background: #000;
  margin: 25px -10px;
  padding: 5px 10px;
}
.audio:not(.with-speed) .speed-menu {
  display: none;
}
.v_a_media,
.v_a_media.video .the_video,
.v_a_media.video .the_video .video-js,
.v_a_media.video .the_video .video-js video {
  min-width: 230px;
  max-width: 100%;
}
.v_a_media .volume {
  right: 10px;
}
.v_a_media .duration {
  right: 83px;
}
.v_a_media .progress_area {
  right: 118px;
  width: auto;
}
.v_a_media .mediaPlayer__toggleableMenu--quality {
  display: none;
}
.v_a_media.with-transcript,
.v_a_media.with-fullscreen,
.v_a_media.with-speed,
.v_a_media.with-transcript.video .the_video,
.v_a_media.with-fullscreen.video .the_video,
.v_a_media.with-speed.video .the_video,
.v_a_media.with-transcript.video .the_video .video-js,
.v_a_media.with-fullscreen.video .the_video .video-js,
.v_a_media.with-speed.video .the_video .video-js,
.v_a_media.with-transcript.video .the_video .video-js video,
.v_a_media.with-fullscreen.video .the_video .video-js video,
.v_a_media.with-speed.video .the_video .video-js video {
  min-width: 270px;
  max-width: 100%;
}
.v_a_media.with-transcript .volume,
.v_a_media.with-fullscreen .volume,
.v_a_media.with-speed .volume {
  right: 45px;
}
.v_a_media.with-transcript .duration,
.v_a_media.with-fullscreen .duration,
.v_a_media.with-speed .duration {
  right: 123px;
}
.v_a_media.with-transcript .progress_area,
.v_a_media.with-fullscreen .progress_area,
.v_a_media.with-speed .progress_area {
  right: 158px;
}
.v_a_media.with-speed.with-transcript,
.v_a_media.with-speed.with-transcript.video .the_video,
.v_a_media.with-speed.with-transcript.video .the_video .video-js,
.v_a_media.with-speed.with-transcript.video .the_video .video-js video {
  min-width: 310px;
  max-width: 100%;
}
.v_a_media.with-speed.with-transcript .volume {
  right: 85px;
}
.v_a_media.with-speed.with-transcript .duration {
  right: 163px;
}
.v_a_media.with-speed.with-transcript .progress_area {
  right: 198px;
}
.v_a_media.with-speed.with-transcript .speed-menu {
  right: 40px;
}
.v_a_media.with-fullscreen .mediaPlayer__toggleableMenu--quality,
.v_a_media.with-fullscreen .transcript_button,
.v_a_media.with-fullscreen .subtitles_button {
  right: 40px;
}
.v_a_media.with-fullscreen.with-transcript,
.v_a_media.with-fullscreen.with-subtitles,
.v_a_media.with-fullscreen.with-transcript.video .the_video,
.v_a_media.with-fullscreen.with-subtitles.video .the_video,
.v_a_media.with-fullscreen.with-transcript.video .the_video .video-js,
.v_a_media.with-fullscreen.with-subtitles.video .the_video .video-js,
.v_a_media.with-fullscreen.with-transcript.video .the_video .video-js video,
.v_a_media.with-fullscreen.with-subtitles.video .the_video .video-js video {
  min-width: 310px;
  max-width: 100%;
}
.v_a_media.with-fullscreen.with-transcript .volume,
.v_a_media.with-fullscreen.with-subtitles .volume {
  right: 85px;
}
.v_a_media.with-fullscreen.with-transcript .duration,
.v_a_media.with-fullscreen.with-subtitles .duration {
  right: 163px;
}
.v_a_media.with-fullscreen.with-transcript .progress_area,
.v_a_media.with-fullscreen.with-subtitles .progress_area {
  right: 198px;
}
.v_a_media.with-fullscreen.with-transcript.with-subtitles,
.v_a_media.with-fullscreen.with-transcript.with-subtitles.video .the_video,
.v_a_media.with-fullscreen.with-transcript.with-subtitles.video .the_video .video-js,
.v_a_media.with-fullscreen.with-transcript.with-subtitles.video .the_video .video-js video {
  min-width: 350px;
  max-width: 100%;
}
.v_a_media.with-fullscreen.with-transcript.with-subtitles .volume {
  right: 125px;
}
.v_a_media.with-fullscreen.with-transcript.with-subtitles .duration {
  right: 203px;
}
.v_a_media.with-fullscreen.with-transcript.with-subtitles .progress_area {
  right: 238px;
}
.v_a_media.with-fullscreen.with-transcript.with-subtitles .transcript_button {
  right: 40px;
}
.v_a_media.with-fullscreen.with-transcript.with-subtitles .mediaPlayer__toggleableMenu--quality {
  right: 80px;
}
.v_a_media.with-fullscreen.with-transcript.with-subtitles .subtitles_button {
  right: 80px;
}
.isIOS .v_a_media .volume,
.isIpadOS .v_a_media .volume {
  display: none;
}
.isIOS .v_a_media .duration,
.isIpadOS .v_a_media .duration {
  right: 15px;
}
.isIOS .v_a_media .progress_area,
.isIpadOS .v_a_media .progress_area {
  right: 50px;
}
.isIOS .v_a_media.with-transcript .duration,
.isIpadOS .v_a_media.with-transcript .duration,
.isIOS .v_a_media.with-fullscreen .duration,
.isIpadOS .v_a_media.with-fullscreen .duration,
.isIOS .v_a_media.with-speed .duration,
.isIpadOS .v_a_media.with-speed .duration {
  right: 55px;
}
.isIOS .v_a_media.with-transcript .progress_area,
.isIpadOS .v_a_media.with-transcript .progress_area,
.isIOS .v_a_media.with-fullscreen .progress_area,
.isIpadOS .v_a_media.with-fullscreen .progress_area,
.isIOS .v_a_media.with-speed .progress_area,
.isIpadOS .v_a_media.with-speed .progress_area {
  right: 90px;
}
.isIOS .v_a_media.with-speed.with-transcript .duration,
.isIpadOS .v_a_media.with-speed.with-transcript .duration {
  right: 95px;
}
.isIOS .v_a_media.with-speed.with-transcript .progress_area,
.isIpadOS .v_a_media.with-speed.with-transcript .progress_area {
  right: 130px;
}
.isIOS .v_a_media.with-fullscreen.with-transcript .duration,
.isIpadOS .v_a_media.with-fullscreen.with-transcript .duration,
.isIOS .v_a_media.with-fullscreen.with-subtitles .duration,
.isIpadOS .v_a_media.with-fullscreen.with-subtitles .duration {
  right: 95px;
}
.isIOS .v_a_media.with-fullscreen.with-transcript .progress_area,
.isIpadOS .v_a_media.with-fullscreen.with-transcript .progress_area,
.isIOS .v_a_media.with-fullscreen.with-subtitles .progress_area,
.isIpadOS .v_a_media.with-fullscreen.with-subtitles .progress_area {
  right: 130px;
}
.isIOS .v_a_media.with-fullscreen.with-transcript.with-subtitles .duration,
.isIpadOS .v_a_media.with-fullscreen.with-transcript.with-subtitles .duration {
  right: 135px;
}
.isIOS .v_a_media.with-fullscreen.with-transcript.with-subtitles .progress_area,
.isIpadOS .v_a_media.with-fullscreen.with-transcript.with-subtitles .progress_area {
  right: 170px;
}
.video.v_a_media .the_video {
  position: relative;
}
.video.v_a_media .the_video .play,
.video.v_a_media .the_video .pause {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: auto;
  height: auto;
  cursor: pointer;
  text-indent: -99999px;
  outline: 0;
}
.video.v_a_media .subtitles {
  font: normal 500 19px/1.4 Helvetica, Arial, sans-serif;
  letter-spacing: -0.03em;
  color: #fff;
  background: transparent;
  text-shadow: 1px 1px #555;
  text-align: center;
  width: 100%;
  bottom: 10px !important;
  z-index: auto;
}
.video.v_a_media .full_screen .subtitles {
  font-size: 40px;
  left: 0;
  right: 0;
  bottom: 80px !important;
}
.video.v_a_media .media-footer {
  position: relative;
  z-index: 1;
}
.video.v_a_media .media-footer .subtitles_button:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -121px -241px;
  left: 0;
}
.video.v_a_media .media-footer .full_screen:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -201px -241px;
  left: 0;
}
.video.v_a_media .full_screen .video-js {
  z-index: 2147483647;
}
.video.v_a_media .full_screen .the_video .media-footer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2147483647;
  box-sizing: border-box;
}
.video.v_a_media .full_screen .the_video .media-footer .play,
.video.v_a_media .full_screen .the_video .media-footer .pause {
  width: 40px;
  height: 40px;
}
.video.v_a_media .full_screen .the_video .media-footer .full_screen:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -241px -241px;
  left: 0;
}
.isIE10 .video.v_a_media .full_screen .vjs-control-bar,
.isIE11 .video.v_a_media .full_screen .vjs-control-bar {
  display: block !important;
}
.playbutton,
.image-as-trigger .play-button,
.ui-draggable-dragging .has_audio_attached .drag_audio_player,
.interaction.drag-drop .has_audio_attached .drag_audio_player {
  width: 40px !important;
  height: 40px !important;
  margin: 0 10px 0 0;
  background-image: none !important;
  box-shadow: none !important;
  border-radius: 0;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
}
.playbutton:before,
.image-as-trigger .play-button:before,
.ui-draggable-dragging .has_audio_attached .drag_audio_player:before,
.interaction.drag-drop .has_audio_attached .drag_audio_player:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -361px -241px;
  left: 0;
}
.playbutton:hover:before,
.image-as-trigger .play-button:hover:before,
.ui-draggable-dragging .has_audio_attached .drag_audio_player:hover:before,
.interaction.drag-drop .has_audio_attached .drag_audio_player:hover:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -281px -201px;
  left: 0;
}
.playbutton:focus,
.image-as-trigger .play-button:focus,
.ui-draggable-dragging .has_audio_attached .drag_audio_player:focus,
.interaction.drag-drop .has_audio_attached .drag_audio_player:focus {
  outline: 0;
}
.playbutton.active:before,
.playbutton.playing:before,
.image-as-trigger .play-button.active:before,
.image-as-trigger .play-button.playing:before,
.ui-draggable-dragging .has_audio_attached .drag_audio_player.active:before,
.ui-draggable-dragging .has_audio_attached .drag_audio_player.playing:before,
.interaction.drag-drop .has_audio_attached .drag_audio_player.active:before,
.interaction.drag-drop .has_audio_attached .drag_audio_player.playing:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -361px -201px;
  left: 0;
}
.playbutton.active.show-pause-on-playing:before,
.playbutton.playing.show-pause-on-playing:before,
.image-as-trigger .play-button.active.show-pause-on-playing:before,
.image-as-trigger .play-button.playing.show-pause-on-playing:before,
.ui-draggable-dragging .has_audio_attached .drag_audio_player.active.show-pause-on-playing:before,
.ui-draggable-dragging .has_audio_attached .drag_audio_player.playing.show-pause-on-playing:before,
.interaction.drag-drop .has_audio_attached .drag_audio_player.active.show-pause-on-playing:before,
.interaction.drag-drop .has_audio_attached .drag_audio_player.playing.show-pause-on-playing:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -321px -201px;
  left: 0;
}
.playbutton.playspeed:before,
.image-as-trigger .play-button.playspeed:before,
.ui-draggable-dragging .has_audio_attached .drag_audio_player.playspeed:before,
.interaction.drag-drop .has_audio_attached .drag_audio_player.playspeed:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -281px -161px;
  left: 0;
}
.playbutton.playspeed.active:before,
.image-as-trigger .play-button.playspeed.active:before,
.ui-draggable-dragging .has_audio_attached .drag_audio_player.playspeed.active:before,
.interaction.drag-drop .has_audio_attached .drag_audio_player.playspeed.active:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -321px -161px;
  left: 0;
}
.ui-dialog .playbutton:before,
.ui-dialog .image-as-trigger .play-button:before,
.ui-dialog .ui-draggable-dragging .has_audio_attached .drag_audio_player:before,
.ui-dialog .interaction.drag-drop .has_audio_attached .drag_audio_player:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -1px -241px;
  left: 0;
}
.ui-dialog .playbutton:hover:before,
.ui-dialog .image-as-trigger .play-button:hover:before,
.ui-dialog .ui-draggable-dragging .has_audio_attached .drag_audio_player:hover:before,
.ui-dialog .interaction.drag-drop .has_audio_attached .drag_audio_player:hover:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -41px -201px;
  left: 0;
}
.ui-dialog .playbutton.active:before,
.ui-dialog .playbutton.playing:before,
.ui-dialog .image-as-trigger .play-button.active:before,
.ui-dialog .image-as-trigger .play-button.playing:before,
.ui-dialog .ui-draggable-dragging .has_audio_attached .drag_audio_player.active:before,
.ui-dialog .ui-draggable-dragging .has_audio_attached .drag_audio_player.playing:before,
.ui-dialog .interaction.drag-drop .has_audio_attached .drag_audio_player.active:before,
.ui-dialog .interaction.drag-drop .has_audio_attached .drag_audio_player.playing:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -241px -201px;
  left: 0;
}
.ui-dialog .playbutton.active.show-pause-on-playing:before,
.ui-dialog .playbutton.playing.show-pause-on-playing:before,
.ui-dialog .image-as-trigger .play-button.active.show-pause-on-playing:before,
.ui-dialog .image-as-trigger .play-button.playing.show-pause-on-playing:before,
.ui-dialog .ui-draggable-dragging .has_audio_attached .drag_audio_player.active.show-pause-on-playing:before,
.ui-dialog .ui-draggable-dragging .has_audio_attached .drag_audio_player.playing.show-pause-on-playing:before,
.ui-dialog .interaction.drag-drop .has_audio_attached .drag_audio_player.active.show-pause-on-playing:before,
.ui-dialog .interaction.drag-drop .has_audio_attached .drag_audio_player.playing.show-pause-on-playing:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -81px -201px;
  left: 0;
}
.ui-dialog .playbutton.playspeed:before,
.ui-dialog .image-as-trigger .play-button.playspeed:before,
.ui-dialog .ui-draggable-dragging .has_audio_attached .drag_audio_player.playspeed:before,
.ui-dialog .interaction.drag-drop .has_audio_attached .drag_audio_player.playspeed:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -201px -161px;
  left: 0;
}
.ui-dialog .playbutton.playspeed.active:before,
.ui-dialog .image-as-trigger .play-button.playspeed.active:before,
.ui-dialog .ui-draggable-dragging .has_audio_attached .drag_audio_player.playspeed.active:before,
.ui-dialog .interaction.drag-drop .has_audio_attached .drag_audio_player.playspeed.active:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -241px -161px;
  left: 0;
}
.is-media-zone.is-media-zone .playbutton-wrap.playbutton-wrap.playbutton-wrap {
  overflow: visible;
}
.audioRecorder {
  display: inline-block;
}
.audioRecorder__button {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0 0;
  border: 1px solid transparent;
  box-shadow: none;
  margin-bottom: 0;
  background: #cccccc;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* for child to eventually set and use */
  text-decoration: none;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  margin: 0 10px 10px 0;
}
.audioRecorder__button:active {
  box-shadow: none;
}
.audioRecorder__button:focus,
.audioRecorder__button:active:focus,
.audioRecorder__button.active:focus {
  outline: none;
  color: #555;
}
.audioRecorder__button,
.audioRecorder__button .label {
  color: #555;
}
.audioRecorder__button:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
  text-decoration: none;
}
.audioRecorder__button:hover,
.audioRecorder__button:hover .label {
  color: #fff;
}
.audioRecorder__button.inactive,
.audioRecorder__button.lrp_inactive,
.audioRecorder__button.disabled,
.audioRecorder__button.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  box-shadow: none;
  background: rgba(200, 200, 200, 0.4);
  opacity: 1;
  cursor: default;
}
.audioRecorder__button:after {
  content: '.';
  visibility: hidden;
  display: inline-block;
  width: 0;
}
.audioRecorder__button.lrp_listening,
.audioRecorder__button.lrp_finish,
.audioRecorder__button.lrp_playing {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0 0;
  border: 1px solid transparent;
  box-shadow: none;
  margin-bottom: 0;
  background: #888888;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* for child to eventually set and use */
  text-decoration: none;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  margin: 0 10px 10px 0;
}
.audioRecorder__button.lrp_listening:active,
.audioRecorder__button.lrp_finish:active,
.audioRecorder__button.lrp_playing:active {
  box-shadow: none;
}
.audioRecorder__button.lrp_listening:focus,
.audioRecorder__button.lrp_finish:focus,
.audioRecorder__button.lrp_playing:focus,
.audioRecorder__button.lrp_listening:active:focus,
.audioRecorder__button.lrp_finish:active:focus,
.audioRecorder__button.lrp_playing:active:focus,
.audioRecorder__button.lrp_listening.active:focus,
.audioRecorder__button.lrp_finish.active:focus,
.audioRecorder__button.lrp_playing.active:focus {
  outline: none;
  color: #555;
}
.audioRecorder__button.lrp_listening,
.audioRecorder__button.lrp_finish,
.audioRecorder__button.lrp_playing,
.audioRecorder__button.lrp_listening .label,
.audioRecorder__button.lrp_finish .label,
.audioRecorder__button.lrp_playing .label {
  color: #555;
}
.audioRecorder__button.lrp_listening:hover,
.audioRecorder__button.lrp_finish:hover,
.audioRecorder__button.lrp_playing:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
  text-decoration: none;
}
.audioRecorder__button.lrp_listening:hover,
.audioRecorder__button.lrp_finish:hover,
.audioRecorder__button.lrp_playing:hover,
.audioRecorder__button.lrp_listening:hover .label,
.audioRecorder__button.lrp_finish:hover .label,
.audioRecorder__button.lrp_playing:hover .label {
  color: #fff;
}
.audioRecorder__button.lrp_listening.inactive,
.audioRecorder__button.lrp_finish.inactive,
.audioRecorder__button.lrp_playing.inactive,
.audioRecorder__button.lrp_listening.lrp_inactive,
.audioRecorder__button.lrp_finish.lrp_inactive,
.audioRecorder__button.lrp_playing.lrp_inactive,
.audioRecorder__button.lrp_listening.disabled,
.audioRecorder__button.lrp_finish.disabled,
.audioRecorder__button.lrp_playing.disabled,
.audioRecorder__button.lrp_listening.inactive_button,
.audioRecorder__button.lrp_finish.inactive_button,
.audioRecorder__button.lrp_playing.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  box-shadow: none;
  background: rgba(200, 200, 200, 0.4);
  opacity: 1;
  cursor: default;
}
.audioRecorder__button.lrp_record,
.audioRecorder__button.lrp_finish {
  padding: 0 20px 0 35px;
}
.audioRecorder__progress {
  display: none;
  align-items: center;
  width: fit-content;
  height: 25px;
  background-color: #555;
}
.audioRecorder__progress progress {
  -webkit-appearance: none;
  height: 6px;
  box-sizing: content-box;
  background: #444;
  max-width: none;
  margin-right: 14px;
  margin-left: 10px;
}
.audioRecorder__progress progress[value]::-webkit-progress-value {
  background: #444;
  border-radius: 2px;
}
.audioRecorder__current,
.audioRecorder__total {
  color: white;
  font-size: 13px;
}
.audioRecorder__total {
  margin-right: 10px;
}
.audioRecorder__current::before {
  counter-reset: progressString var(--progress);
  content: counter(progressString);
}
.button__label {
  display: block;
}
.button__state--idle {
  display: flex;
}
.button__state--enabled,
.button__state--enabledPause,
.button__state--enabledStop {
  display: none;
}
.lrp_listen.lrp_listening .button__state--idle,
.lrp_play.lrp_playing .button__state--idle,
.lrp_record.lrp_recording .button__state--idle,
.lrp_recording .lrp_stop .button__state--idle,
.lrp_uploading .lrp_stop .button__state--idle {
  display: none;
}
.lrp_listen.lrp_listening .button__state--enabled,
.lrp_play.lrp_playing .button__state--enabled,
.lrp_record.lrp_recording .button__state--enabled,
.lrp_recording .lrp_stop .button__state--enabled,
.lrp_uploading .lrp_stop .button__state--enabled,
.lrp_record.lrp_recording:not(.lrp_nopause) .button__state--enabledPause,
.lrp_record.lrp_recording.lrp_nopause .button__state--enabledStop {
  display: flex;
}
.icon {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 0;
  left: 0;
}
.icon--listen:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -1px -241px;
  left: 0;
}
.icon--listening:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -81px -201px;
  left: 0;
}
.icon--record:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -1px -201px;
  left: 0;
}
.icon--pause:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -81px -201px;
  left: 0;
}
.icon--nopause:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -241px -201px;
  left: 0;
}
.icon--finish:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -241px -201px;
  left: 0;
}
.icon--play:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -41px -201px;
  left: 0;
}
.icon--playing:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -81px -201px;
  left: 0;
}
.icon--download:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -161px -201px;
  left: 0;
}
.icon--stop:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -241px -201px;
  left: 0;
}
.icon--cancel:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -361px -321px;
  left: 0;
}
.play-all {
  display: flex;
  margin: 30px 0 40px;
}
.play-all .btn {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  outline: none;
  min-width: 40px;
  padding: 0 0;
  border: 1px solid transparent;
  box-shadow: none;
  margin-bottom: 0;
  background: #cccccc;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* for child to eventually set and use */
  text-decoration: none;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  background: #adadad;
  position: relative;
  margin: 0;
}
.play-all .btn:active {
  box-shadow: none;
}
.play-all .btn:focus,
.play-all .btn:active:focus,
.play-all .btn.active:focus {
  outline: none;
  color: #555;
}
.play-all .btn,
.play-all .btn .label {
  color: #555;
}
.play-all .btn:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
  text-decoration: none;
}
.play-all .btn:hover,
.play-all .btn:hover .label {
  color: #fff;
}
.play-all .btn.inactive,
.play-all .btn.lrp_inactive,
.play-all .btn.disabled,
.play-all .btn.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  box-shadow: none;
  background: rgba(200, 200, 200, 0.4);
  opacity: 1;
  cursor: default;
}
.play-all .btn:not(:first-child) {
  border-left: none;
}
.play-all .btn:not(:last-child) {
  border-right: none;
}
.play-all .btn.play:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -41px -201px;
  left: 0;
}
.play-all .btn.play,
.play-all .btn.pause {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0 0;
  border: 1px solid transparent;
  box-shadow: none;
  margin-bottom: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* for child to eventually set and use */
  text-decoration: none;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  background: #cccccc;
  width: auto;
  padding: 0 20px 0 40px;
}
.play-all .btn.play:active,
.play-all .btn.pause:active {
  box-shadow: none;
}
.play-all .btn.play:focus,
.play-all .btn.pause:focus,
.play-all .btn.play:active:focus,
.play-all .btn.pause:active:focus,
.play-all .btn.play.active:focus,
.play-all .btn.pause.active:focus {
  outline: none;
  color: #555;
}
.play-all .btn.play,
.play-all .btn.pause,
.play-all .btn.play .label,
.play-all .btn.pause .label {
  color: #555;
}
.play-all .btn.play:hover,
.play-all .btn.pause:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
  text-decoration: none;
}
.play-all .btn.play:hover,
.play-all .btn.pause:hover,
.play-all .btn.play:hover .label,
.play-all .btn.pause:hover .label {
  color: #fff;
}
.play-all .btn.play.inactive,
.play-all .btn.pause.inactive,
.play-all .btn.play.lrp_inactive,
.play-all .btn.pause.lrp_inactive,
.play-all .btn.play.disabled,
.play-all .btn.pause.disabled,
.play-all .btn.play.inactive_button,
.play-all .btn.pause.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  box-shadow: none;
  background: rgba(200, 200, 200, 0.4);
  opacity: 1;
  cursor: default;
}
.play-all .btn.pause:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -81px -201px;
  left: 0;
}
.play-all .btn.stop:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -241px -201px;
  left: 0;
}
.play-all .btn.prev:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -121px -201px;
  left: 0;
}
.play-all .btn.next:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -201px -201px;
  left: 0;
}
.play-all:not(.is-playing) > .pause {
  display: none;
}
.play-all.is-playing > .play {
  display: none;
}
.headerAudio {
  position: absolute;
  margin-top: 5px;
  min-width: 375px;
}
.headerVideo {
  margin-top: 5px;
}
.image-as-trigger {
  position: relative;
}
.image-as-trigger .play-button {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -20px 0 0 -20px;
}
.image-as-trigger .play-button:after {
  content: "";
  position: absolute;
  top: 2px;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -1px -241px;
  right: 2px;
}
.image-as-trigger .play-button:hover:after {
  content: "";
  position: absolute;
  top: 2px;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -41px -201px;
  right: 2px;
}
.image-as-trigger .play-button.active:after,
.image-as-trigger .play-button.playing:after {
  content: "";
  position: absolute;
  top: 2px;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -241px -201px;
  right: 2px;
}
.image-as-trigger .play-button.active.show-pause-on-playing:after,
.image-as-trigger .play-button.playing.show-pause-on-playing:after {
  content: "";
  position: absolute;
  top: 2px;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -81px -241px;
  right: 2px;
}
.karaoke {
  padding: 10px;
  margin: -10px;
}
.karaoke.karaoke-playing {
  border-radius: 10px;
  background: #ff0;
}
.attachment-popup .v_a_media .media-footer {
  background: #2f2f2f;
}
.poll .choice,
.pollset .choice {
  cursor: pointer;
}
.poll .choice:before,
.pollset .choice:before {
  vertical-align: middle;
}
.poll.single .choice:before,
.pollset.single .choice:before {
  background: url('../images/icons.svg') no-repeat;
  background-position: -1px -121px;
  display: inline-block;
  content: "";
  width: 40px;
  height: 40px;
}
.poll.single .choice:hover:before,
.pollset.single .choice:hover:before {
  background: url('../images/icons.svg') no-repeat;
  background-position: -41px -121px;
  display: inline-block;
  content: "";
  width: 40px;
  height: 40px;
}
.poll.single .choice.selected:before,
.pollset.single .choice.selected:before {
  background: url('../images/icons.svg') no-repeat;
  background-position: -81px -121px;
  display: inline-block;
  content: "";
  width: 40px;
  height: 40px;
}
.poll.single .choice.selected:hover:before,
.pollset.single .choice.selected:hover:before {
  background: url('../images/icons.svg') no-repeat;
  background-position: -121px -121px;
  display: inline-block;
  content: "";
  width: 40px;
  height: 40px;
}
.poll.multiple .choice:before,
.pollset.multiple .choice:before {
  background: url('../images/icons.svg') no-repeat;
  background-position: -201px -121px;
  display: inline-block;
  content: "";
  width: 40px;
  height: 40px;
}
.poll.multiple .choice:hover:before,
.pollset.multiple .choice:hover:before {
  background: url('../images/icons.svg') no-repeat;
  background-position: -241px -121px;
  display: inline-block;
  content: "";
  width: 40px;
  height: 40px;
}
.poll.multiple .choice.selected:before,
.pollset.multiple .choice.selected:before {
  background: url('../images/icons.svg') no-repeat;
  background-position: -281px -121px;
  display: inline-block;
  content: "";
  width: 40px;
  height: 40px;
}
.poll.multiple .choice.selected:hover:before,
.pollset.multiple .choice.selected:hover:before {
  background: url('../images/icons.svg') no-repeat;
  background-position: -321px -121px;
  display: inline-block;
  content: "";
  width: 40px;
  height: 40px;
}
.pollset th {
  padding: 0 20px;
}
.pollset td {
  text-align: center;
}
@page {
  margin: 2cm;
}
@media print {
  #wrap {
    width: 900px !important;
  }
  #activity_controls,
  #reference_toolbar,
  #page-close,
  .sticky-note .toolbar,
  .ui-dialog,
  #timer {
    display: none !important;
  }
  #activity-header {
    height: 50px !important;
    border-bottom-color: #000 !important;
  }
  #lo-title {
    padding-top: 0 !important;
    font-size: 25px !important;
    line-height: 35px !important;
  }
  .interaction.is-pelmanism .panel.flip .front,
  .interaction.pp-flashcards .panel.flip .front,
  .interaction.is-pelmanism .panel:not(.flip) .back,
  .interaction.pp-flashcards .panel:not(.flip) .back {
    visibility: hidden;
  }
}
.interaction .expandable-question {
  cursor: pointer;
  margin-bottom: 0;
}
.interaction .expandable-question .enum:after {
  content: "";
  position: absolute;
  top: -6px;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -161px -41px;
  right: -6px;
}
.interaction .expandable-question .enum:after {
  top: 0;
}
.interaction .expandable-question.active {
  margin-bottom: 1em;
}
.interaction .expandable-question.active .enum:after {
  content: "";
  position: absolute;
  top: -6px;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -201px -41px;
  right: -6px;
}
.interaction .expandable-question.active .enum:after {
  top: 0;
}
.interaction .expandable-question.active ~ *:last-child {
  margin-bottom: 20px;
}
.interaction .alignment-vertical .expandable-question .enum:after,
.interaction .alignment-vertical .expandable-question.active .enum:after {
  top: -5px;
}
.interaction.package .contentblock.has-enum .expandable-question .enum {
  padding-right: 40px;
}
#reference_toolbar {
  z-index: 2900;
}
#reference_toolbar .buttons {
  text-align: right;
  word-spacing: -0.5ex;
}
#reference_toolbar .buttons > div {
  display: inline-block;
  word-spacing: normal;
  vertical-align: top;
}
#reference_toolbar .act_head_button {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  min-width: 40px;
  padding: 0 20px;
  border: 1px solid transparent;
  box-shadow: none;
  margin-bottom: 0;
  background: #cccccc;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* for child to eventually set and use */
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  margin: 0 0 10px 18px;
  text-decoration: none;
  outline: none;
}
#reference_toolbar .act_head_button:active {
  box-shadow: none;
}
#reference_toolbar .act_head_button:focus,
#reference_toolbar .act_head_button:active:focus,
#reference_toolbar .act_head_button.active:focus {
  outline: none;
  color: #555;
}
#reference_toolbar .act_head_button,
#reference_toolbar .act_head_button .label,
#reference_toolbar .dropdown-slider .ddm .label {
  color: #555;
}
#reference_toolbar .act_head_button:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
  text-decoration: none;
}
#reference_toolbar .act_head_button:hover,
#reference_toolbar .act_head_button:hover .label {
  color: #fff;
}
#reference_toolbar .act_head_button.inactive,
#reference_toolbar .act_head_button.lrp_inactive,
#reference_toolbar .act_head_button.disabled,
#reference_toolbar .act_head_button.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  box-shadow: none;
  background: rgba(200, 200, 200, 0.4);
  opacity: 1;
  cursor: default;
}
#reference_toolbar .act_head_button:focus {
  background: #0d0d0d !important;
  border-color: #0d0d0d !important;
}
#reference_toolbar .act_head_button .label,
#reference_toolbar .dropdown-slider .ddm .label {
  font: inherit;
  padding: 0;
}
#reference_toolbar .act_head_button .toggle {
  float: right;
}
#reference_toolbar .act_head_button.your_notes_button {
  min-width: 130px;
  z-index: 1;
}
#reference_toolbar .dropdown {
  position: relative;
  margin: 0 0 10px 18px;
}
#reference_toolbar .dropdown .act_head_button {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0 20px;
  border: 1px solid transparent;
  box-shadow: none;
  margin-bottom: 0;
  background: #cccccc;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* for child to eventually set and use */
  text-decoration: none;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  padding-right: 35px;
  display: block;
  text-align: left;
  margin: 0;
}
#reference_toolbar .dropdown .act_head_button:active {
  box-shadow: none;
}
#reference_toolbar .dropdown .act_head_button:focus,
#reference_toolbar .dropdown .act_head_button:active:focus,
#reference_toolbar .dropdown .act_head_button.active:focus {
  outline: none;
  color: #555;
}
#reference_toolbar .dropdown .act_head_button,
#reference_toolbar .dropdown .act_head_button .label {
  color: #555;
}
#reference_toolbar .dropdown .act_head_button:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
  text-decoration: none;
}
#reference_toolbar .dropdown .act_head_button:hover,
#reference_toolbar .dropdown .act_head_button:hover .label {
  color: #fff;
}
#reference_toolbar .dropdown .act_head_button.inactive,
#reference_toolbar .dropdown .act_head_button.lrp_inactive,
#reference_toolbar .dropdown .act_head_button.disabled,
#reference_toolbar .dropdown .act_head_button.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  box-shadow: none;
  background: rgba(200, 200, 200, 0.4);
  opacity: 1;
  cursor: default;
}
#reference_toolbar .dropdown .act_head_button:after {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -201px -1px;
  right: 0;
}
#reference_toolbar .dropdown .act_head_button.active:after {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -161px -1px;
  right: 0;
}
#reference_toolbar .dropdown-slider {
  position: absolute;
  right: 0;
  margin-top: -1px;
  border-top: 1px solid #b3b3b3;
}
#reference_toolbar .dropdown-slider .ddm {
  display: block;
  visibility: hidden;
  text-align: left;
  width: inherit;
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0 20px;
  border: 1px solid transparent;
  box-shadow: none;
  margin-bottom: 0;
  background: #cccccc;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* for child to eventually set and use */
  text-decoration: none;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  border-width: 0 1px 1px;
}
#reference_toolbar .dropdown-slider .ddm:active {
  box-shadow: none;
}
#reference_toolbar .dropdown-slider .ddm:focus,
#reference_toolbar .dropdown-slider .ddm:active:focus,
#reference_toolbar .dropdown-slider .ddm.active:focus {
  outline: none;
  color: #555;
}
#reference_toolbar .dropdown-slider .ddm,
#reference_toolbar .dropdown-slider .ddm .label {
  color: #555;
}
#reference_toolbar .dropdown-slider .ddm:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
  text-decoration: none;
}
#reference_toolbar .dropdown-slider .ddm:hover,
#reference_toolbar .dropdown-slider .ddm:hover .label {
  color: #fff;
}
#reference_toolbar .dropdown-slider .ddm.inactive,
#reference_toolbar .dropdown-slider .ddm.lrp_inactive,
#reference_toolbar .dropdown-slider .ddm.disabled,
#reference_toolbar .dropdown-slider .ddm.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  box-shadow: none;
  background: rgba(200, 200, 200, 0.4);
  opacity: 1;
  cursor: default;
}
#reference_toolbar #attachments > div:not([class]),
#reference_toolbar #attachments > a {
  display: inline-block;
  vertical-align: top;
}
#reference_toolbar .toolbar_tray.notes {
  position: absolute;
  top: 0;
  right: 0;
  width: 400px;
  height: 40px;
  text-align: left;
}
#reference_toolbar .toolbar_tray.notes.no-notes {
  width: 170px;
}
#reference_toolbar .toolbar_tray.notes .notes_menu {
  font: normal 500 17px/1.4 Helvetica, Arial, sans-serif;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: #555;
  color: #fff;
  -webkit-box-shadow: 6px 12px 20px rgba(0, 0, 0, 0.36);
  box-shadow: 6px 12px 20px rgba(0, 0, 0, 0.36);
  border: 0 solid transparent;
  position: absolute;
  left: 0;
  right: 130px;
  top: 0;
  padding: 0;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .ui-dialog-titlebar {
  font: normal 100 30px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  color: #fff;
  line-height: normal;
  padding: 10px 0;
  margin: 0 30px 30px 30px;
  border-bottom: 1px solid #6e6e6e;
  position: relative;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .ui-dialog-titlebar h1,
#reference_toolbar .toolbar_tray.notes .notes_menu .ui-dialog-titlebar h2,
#reference_toolbar .toolbar_tray.notes .notes_menu .ui-dialog-titlebar h3,
#reference_toolbar .toolbar_tray.notes .notes_menu .ui-dialog-titlebar h4,
#reference_toolbar .toolbar_tray.notes .notes_menu .ui-dialog-titlebar h5,
#reference_toolbar .toolbar_tray.notes .notes_menu .ui-dialog-titlebar h6 {
  font: normal 100 30px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  margin: 0;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .ui-dialog-titlebar-close {
  position: absolute;
  top: 0;
  right: -30px;
  background: transparent;
  border: none;
  outline: none;
  opacity: 1;
  width: 40px;
  height: 40px;
  margin: 0;
  border-radius: 0;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .ui-dialog-titlebar-close:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -1px -1px;
  left: 0;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .ui-dialog-titlebar-close:hover {
  background: #0d0d0d;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .ui-dialog-titlebar-close .ui-icon-closethick {
  display: none;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .ui-dialog-content {
  color: #fff;
  padding: 0 30px;
  width: 100% !important;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .ui-dialog-content select,
#reference_toolbar .toolbar_tray.notes .notes_menu .ui-dialog-content input,
#reference_toolbar .toolbar_tray.notes .notes_menu .ui-dialog-content textarea {
  color: #3d3d3d;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .ui-dialog-content input[type=text],
#reference_toolbar .toolbar_tray.notes .notes_menu .ui-dialog-content input[type=number] {
  background: #fff;
  border: 1px solid #cccccc;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-box-shadow: inset 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 2px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: border-color 0.15s;
  -o-transition: border-color 0.15s;
  transition: border-color 0.15s;
  outline: none;
  padding: 0px 10px 0px;
  color: #3d3d3d;
  min-height: 40px;
  font: normal 500 18px/1.4 Helvetica, Arial, sans-serif;
  letter-spacing: 0;
  padding: 3px 10px 2px;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .ui-dialog-content input[type=text]:hover,
#reference_toolbar .toolbar_tray.notes .notes_menu .ui-dialog-content input[type=number]:hover,
#reference_toolbar .toolbar_tray.notes .notes_menu .ui-dialog-content input[type=text]:focus,
#reference_toolbar .toolbar_tray.notes .notes_menu .ui-dialog-content input[type=number]:focus {
  border: 1px solid #0d0d0d;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .ui-dialog-content input[type=text][disabled],
#reference_toolbar .toolbar_tray.notes .notes_menu .ui-dialog-content input[type=number][disabled] {
  -webkit-opacity: 1;
  -webkit-text-fill-color: #3d3d3d;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .ui-dialog-content .last-buttons {
  margin: 50px 0 0;
  text-align: right;
  font-size: 0;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .ui-dialog-content .last-buttons .ui-button {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0 20px;
  border: 1px solid transparent;
  box-shadow: none;
  margin-bottom: 0;
  background: #cccccc;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* for child to eventually set and use */
  text-decoration: none;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  margin: 0 0 0 0;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .ui-dialog-content .last-buttons .ui-button:active {
  box-shadow: none;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .ui-dialog-content .last-buttons .ui-button:focus,
#reference_toolbar .toolbar_tray.notes .notes_menu .ui-dialog-content .last-buttons .ui-button:active:focus,
#reference_toolbar .toolbar_tray.notes .notes_menu .ui-dialog-content .last-buttons .ui-button.active:focus {
  outline: none;
  color: #555;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .ui-dialog-content .last-buttons .ui-button,
#reference_toolbar .toolbar_tray.notes .notes_menu .ui-dialog-content .last-buttons .ui-button .label {
  color: #555;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .ui-dialog-content .last-buttons .ui-button:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
  text-decoration: none;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .ui-dialog-content .last-buttons .ui-button:hover,
#reference_toolbar .toolbar_tray.notes .notes_menu .ui-dialog-content .last-buttons .ui-button:hover .label {
  color: #fff;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .ui-dialog-content .last-buttons .ui-button.inactive,
#reference_toolbar .toolbar_tray.notes .notes_menu .ui-dialog-content .last-buttons .ui-button.lrp_inactive,
#reference_toolbar .toolbar_tray.notes .notes_menu .ui-dialog-content .last-buttons .ui-button.disabled,
#reference_toolbar .toolbar_tray.notes .notes_menu .ui-dialog-content .last-buttons .ui-button.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  box-shadow: none;
  background: rgba(200, 200, 200, 0.4);
  opacity: 1;
  cursor: default;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .ui-dialog-content .last-buttons .ui-button:last-child {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0 20px;
  border: 1px solid transparent;
  box-shadow: none;
  margin-bottom: 0;
  background: #888888;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* for child to eventually set and use */
  text-decoration: none;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .ui-dialog-content .last-buttons .ui-button:last-child:active {
  box-shadow: none;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .ui-dialog-content .last-buttons .ui-button:last-child:focus,
#reference_toolbar .toolbar_tray.notes .notes_menu .ui-dialog-content .last-buttons .ui-button:last-child:active:focus,
#reference_toolbar .toolbar_tray.notes .notes_menu .ui-dialog-content .last-buttons .ui-button:last-child.active:focus {
  outline: none;
  color: #555;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .ui-dialog-content .last-buttons .ui-button:last-child,
#reference_toolbar .toolbar_tray.notes .notes_menu .ui-dialog-content .last-buttons .ui-button:last-child .label {
  color: #555;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .ui-dialog-content .last-buttons .ui-button:last-child:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
  text-decoration: none;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .ui-dialog-content .last-buttons .ui-button:last-child:hover,
#reference_toolbar .toolbar_tray.notes .notes_menu .ui-dialog-content .last-buttons .ui-button:last-child:hover .label {
  color: #fff;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .ui-dialog-content .last-buttons .ui-button:last-child.inactive,
#reference_toolbar .toolbar_tray.notes .notes_menu .ui-dialog-content .last-buttons .ui-button:last-child.lrp_inactive,
#reference_toolbar .toolbar_tray.notes .notes_menu .ui-dialog-content .last-buttons .ui-button:last-child.disabled,
#reference_toolbar .toolbar_tray.notes .notes_menu .ui-dialog-content .last-buttons .ui-button:last-child.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  box-shadow: none;
  background: rgba(200, 200, 200, 0.4);
  opacity: 1;
  cursor: default;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .ui-dialog-content .last-buttons .ui-button .ui-button-text {
  padding: 0;
  line-height: inherit;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .ui-dialog-content .special-chars #char-container a {
  color: inherit;
  outline: none;
}
#reference_toolbar .toolbar_tray.notes .notes_menu li {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0;
  background: transparent;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  border: none;
  text-indent: -9999px;
  width: 40px;
  font-size: 0;
  float: left;
  list-style-type: none;
}
#reference_toolbar .toolbar_tray.notes .notes_menu li:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
}
#reference_toolbar .toolbar_tray.notes .notes_menu li:focus {
  outline: none;
}
#reference_toolbar .toolbar_tray.notes .notes_menu li.add_new_note:before {
  content: "";
  position: absolute;
  top: 1px;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -41px -1px;
  left: 1px;
}
#reference_toolbar .toolbar_tray.notes .notes_menu li.send_all_notes:before {
  content: "";
  position: absolute;
  top: 1px;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -281px -321px;
  left: 1px;
}
#reference_toolbar .toolbar_tray.notes .notes_menu li.print_all_notes:before {
  content: "";
  position: absolute;
  top: 1px;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -321px -321px;
  left: 1px;
}
#reference_toolbar .toolbar_tray.notes .notes_menu li.erase_all_notes:before {
  content: "";
  position: absolute;
  top: 1px;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -361px -321px;
  left: 1px;
}
#reference_toolbar .toolbar_tray.notes .notes_menu li.erase_all_notes:hover {
  background-color: #b40d00;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check {
  font: normal 500 17px/1.4 Helvetica, Arial, sans-serif;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: #555;
  color: #fff;
  -webkit-box-shadow: 6px 12px 20px rgba(0, 0, 0, 0.36);
  box-shadow: 6px 12px 20px rgba(0, 0, 0, 0.36);
  border: 0 solid transparent;
  position: absolute;
  left: -20px;
  top: -20px;
  width: 440px;
  padding: 10px 20px 0;
  z-index: 2;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .ui-dialog-titlebar {
  font: normal 100 30px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  color: #fff;
  line-height: normal;
  padding: 10px 0;
  margin: 0 30px 30px 30px;
  border-bottom: 1px solid #6e6e6e;
  position: relative;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .ui-dialog-titlebar h1,
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .ui-dialog-titlebar h2,
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .ui-dialog-titlebar h3,
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .ui-dialog-titlebar h4,
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .ui-dialog-titlebar h5,
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .ui-dialog-titlebar h6 {
  font: normal 100 30px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  margin: 0;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .ui-dialog-titlebar-close {
  position: absolute;
  top: 0;
  right: -30px;
  background: transparent;
  border: none;
  outline: none;
  opacity: 1;
  width: 40px;
  height: 40px;
  margin: 0;
  border-radius: 0;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .ui-dialog-titlebar-close:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -1px -1px;
  left: 0;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .ui-dialog-titlebar-close:hover {
  background: #0d0d0d;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .ui-dialog-titlebar-close .ui-icon-closethick {
  display: none;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .ui-dialog-content {
  color: #fff;
  padding: 0 30px;
  width: 100% !important;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .ui-dialog-content select,
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .ui-dialog-content input,
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .ui-dialog-content textarea {
  color: #3d3d3d;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .ui-dialog-content input[type=text],
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .ui-dialog-content input[type=number] {
  background: #fff;
  border: 1px solid #cccccc;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-box-shadow: inset 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 2px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: border-color 0.15s;
  -o-transition: border-color 0.15s;
  transition: border-color 0.15s;
  outline: none;
  padding: 0px 10px 0px;
  color: #3d3d3d;
  min-height: 40px;
  font: normal 500 18px/1.4 Helvetica, Arial, sans-serif;
  letter-spacing: 0;
  padding: 3px 10px 2px;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .ui-dialog-content input[type=text]:hover,
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .ui-dialog-content input[type=number]:hover,
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .ui-dialog-content input[type=text]:focus,
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .ui-dialog-content input[type=number]:focus {
  border: 1px solid #0d0d0d;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .ui-dialog-content input[type=text][disabled],
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .ui-dialog-content input[type=number][disabled] {
  -webkit-opacity: 1;
  -webkit-text-fill-color: #3d3d3d;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .ui-dialog-content .last-buttons {
  margin: 50px 0 0;
  text-align: right;
  font-size: 0;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .ui-dialog-content .last-buttons .ui-button {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0 20px;
  border: 1px solid transparent;
  box-shadow: none;
  margin-bottom: 0;
  background: #cccccc;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* for child to eventually set and use */
  text-decoration: none;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  margin: 0 0 0 0;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .ui-dialog-content .last-buttons .ui-button:active {
  box-shadow: none;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .ui-dialog-content .last-buttons .ui-button:focus,
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .ui-dialog-content .last-buttons .ui-button:active:focus,
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .ui-dialog-content .last-buttons .ui-button.active:focus {
  outline: none;
  color: #555;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .ui-dialog-content .last-buttons .ui-button,
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .ui-dialog-content .last-buttons .ui-button .label {
  color: #555;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .ui-dialog-content .last-buttons .ui-button:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
  text-decoration: none;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .ui-dialog-content .last-buttons .ui-button:hover,
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .ui-dialog-content .last-buttons .ui-button:hover .label {
  color: #fff;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .ui-dialog-content .last-buttons .ui-button.inactive,
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .ui-dialog-content .last-buttons .ui-button.lrp_inactive,
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .ui-dialog-content .last-buttons .ui-button.disabled,
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .ui-dialog-content .last-buttons .ui-button.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  box-shadow: none;
  background: rgba(200, 200, 200, 0.4);
  opacity: 1;
  cursor: default;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .ui-dialog-content .last-buttons .ui-button:last-child {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0 20px;
  border: 1px solid transparent;
  box-shadow: none;
  margin-bottom: 0;
  background: #888888;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* for child to eventually set and use */
  text-decoration: none;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .ui-dialog-content .last-buttons .ui-button:last-child:active {
  box-shadow: none;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .ui-dialog-content .last-buttons .ui-button:last-child:focus,
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .ui-dialog-content .last-buttons .ui-button:last-child:active:focus,
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .ui-dialog-content .last-buttons .ui-button:last-child.active:focus {
  outline: none;
  color: #555;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .ui-dialog-content .last-buttons .ui-button:last-child,
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .ui-dialog-content .last-buttons .ui-button:last-child .label {
  color: #555;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .ui-dialog-content .last-buttons .ui-button:last-child:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
  text-decoration: none;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .ui-dialog-content .last-buttons .ui-button:last-child:hover,
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .ui-dialog-content .last-buttons .ui-button:last-child:hover .label {
  color: #fff;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .ui-dialog-content .last-buttons .ui-button:last-child.inactive,
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .ui-dialog-content .last-buttons .ui-button:last-child.lrp_inactive,
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .ui-dialog-content .last-buttons .ui-button:last-child.disabled,
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .ui-dialog-content .last-buttons .ui-button:last-child.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  box-shadow: none;
  background: rgba(200, 200, 200, 0.4);
  opacity: 1;
  cursor: default;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .ui-dialog-content .last-buttons .ui-button .ui-button-text {
  padding: 0;
  line-height: inherit;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .ui-dialog-content .special-chars #char-container a {
  color: inherit;
  outline: none;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .erase_all_no {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0 20px;
  border: 1px solid transparent;
  box-shadow: none;
  margin-bottom: 0;
  background: #cccccc;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* for child to eventually set and use */
  text-decoration: none;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .erase_all_no:active {
  box-shadow: none;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .erase_all_no:focus,
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .erase_all_no:active:focus,
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .erase_all_no.active:focus {
  outline: none;
  color: #555;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .erase_all_no,
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .erase_all_no .label {
  color: #555;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .erase_all_no:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
  text-decoration: none;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .erase_all_no:hover,
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .erase_all_no:hover .label {
  color: #fff;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .erase_all_no.inactive,
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .erase_all_no.lrp_inactive,
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .erase_all_no.disabled,
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .erase_all_no.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  box-shadow: none;
  background: rgba(200, 200, 200, 0.4);
  opacity: 1;
  cursor: default;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .erase_all_yes {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0 20px;
  border: 1px solid transparent;
  box-shadow: none;
  margin-bottom: 0;
  background: #888888;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* for child to eventually set and use */
  text-decoration: none;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .erase_all_yes:active {
  box-shadow: none;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .erase_all_yes:focus,
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .erase_all_yes:active:focus,
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .erase_all_yes.active:focus {
  outline: none;
  color: #555;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .erase_all_yes,
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .erase_all_yes .label {
  color: #555;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .erase_all_yes:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
  text-decoration: none;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .erase_all_yes:hover,
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .erase_all_yes:hover .label {
  color: #fff;
}
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .erase_all_yes.inactive,
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .erase_all_yes.lrp_inactive,
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .erase_all_yes.disabled,
#reference_toolbar .toolbar_tray.notes .notes_menu .erase_all_check .erase_all_yes.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  box-shadow: none;
  background: rgba(200, 200, 200, 0.4);
  opacity: 1;
  cursor: default;
}
#reference_toolbar .toolbar_tray.notes .the_notes {
  font: normal 500 17px/1.4 Helvetica, Arial, sans-serif;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: #555;
  color: #fff;
  -webkit-box-shadow: 6px 12px 20px rgba(0, 0, 0, 0.36);
  box-shadow: 6px 12px 20px rgba(0, 0, 0, 0.36);
  border: 0 solid transparent;
  padding: 0;
  position: absolute;
  right: 0;
  left: 0;
  top: 40px;
}
#reference_toolbar .toolbar_tray.notes .the_notes .ui-dialog-titlebar {
  font: normal 100 30px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  color: #fff;
  line-height: normal;
  padding: 10px 0;
  margin: 0 30px 30px 30px;
  border-bottom: 1px solid #6e6e6e;
  position: relative;
}
#reference_toolbar .toolbar_tray.notes .the_notes .ui-dialog-titlebar h1,
#reference_toolbar .toolbar_tray.notes .the_notes .ui-dialog-titlebar h2,
#reference_toolbar .toolbar_tray.notes .the_notes .ui-dialog-titlebar h3,
#reference_toolbar .toolbar_tray.notes .the_notes .ui-dialog-titlebar h4,
#reference_toolbar .toolbar_tray.notes .the_notes .ui-dialog-titlebar h5,
#reference_toolbar .toolbar_tray.notes .the_notes .ui-dialog-titlebar h6 {
  font: normal 100 30px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  margin: 0;
}
#reference_toolbar .toolbar_tray.notes .the_notes .ui-dialog-titlebar-close {
  position: absolute;
  top: 0;
  right: -30px;
  background: transparent;
  border: none;
  outline: none;
  opacity: 1;
  width: 40px;
  height: 40px;
  margin: 0;
  border-radius: 0;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
}
#reference_toolbar .toolbar_tray.notes .the_notes .ui-dialog-titlebar-close:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -1px -1px;
  left: 0;
}
#reference_toolbar .toolbar_tray.notes .the_notes .ui-dialog-titlebar-close:hover {
  background: #0d0d0d;
}
#reference_toolbar .toolbar_tray.notes .the_notes .ui-dialog-titlebar-close .ui-icon-closethick {
  display: none;
}
#reference_toolbar .toolbar_tray.notes .the_notes .ui-dialog-content {
  color: #fff;
  padding: 0 30px;
  width: 100% !important;
}
#reference_toolbar .toolbar_tray.notes .the_notes .ui-dialog-content select,
#reference_toolbar .toolbar_tray.notes .the_notes .ui-dialog-content input,
#reference_toolbar .toolbar_tray.notes .the_notes .ui-dialog-content textarea {
  color: #3d3d3d;
}
#reference_toolbar .toolbar_tray.notes .the_notes .ui-dialog-content input[type=text],
#reference_toolbar .toolbar_tray.notes .the_notes .ui-dialog-content input[type=number] {
  background: #fff;
  border: 1px solid #cccccc;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-box-shadow: inset 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 2px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: border-color 0.15s;
  -o-transition: border-color 0.15s;
  transition: border-color 0.15s;
  outline: none;
  padding: 0px 10px 0px;
  color: #3d3d3d;
  min-height: 40px;
  font: normal 500 18px/1.4 Helvetica, Arial, sans-serif;
  letter-spacing: 0;
  padding: 3px 10px 2px;
}
#reference_toolbar .toolbar_tray.notes .the_notes .ui-dialog-content input[type=text]:hover,
#reference_toolbar .toolbar_tray.notes .the_notes .ui-dialog-content input[type=number]:hover,
#reference_toolbar .toolbar_tray.notes .the_notes .ui-dialog-content input[type=text]:focus,
#reference_toolbar .toolbar_tray.notes .the_notes .ui-dialog-content input[type=number]:focus {
  border: 1px solid #0d0d0d;
}
#reference_toolbar .toolbar_tray.notes .the_notes .ui-dialog-content input[type=text][disabled],
#reference_toolbar .toolbar_tray.notes .the_notes .ui-dialog-content input[type=number][disabled] {
  -webkit-opacity: 1;
  -webkit-text-fill-color: #3d3d3d;
}
#reference_toolbar .toolbar_tray.notes .the_notes .ui-dialog-content .last-buttons {
  margin: 50px 0 0;
  text-align: right;
  font-size: 0;
}
#reference_toolbar .toolbar_tray.notes .the_notes .ui-dialog-content .last-buttons .ui-button {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0 20px;
  border: 1px solid transparent;
  box-shadow: none;
  margin-bottom: 0;
  background: #cccccc;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* for child to eventually set and use */
  text-decoration: none;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  margin: 0 0 0 0;
}
#reference_toolbar .toolbar_tray.notes .the_notes .ui-dialog-content .last-buttons .ui-button:active {
  box-shadow: none;
}
#reference_toolbar .toolbar_tray.notes .the_notes .ui-dialog-content .last-buttons .ui-button:focus,
#reference_toolbar .toolbar_tray.notes .the_notes .ui-dialog-content .last-buttons .ui-button:active:focus,
#reference_toolbar .toolbar_tray.notes .the_notes .ui-dialog-content .last-buttons .ui-button.active:focus {
  outline: none;
  color: #555;
}
#reference_toolbar .toolbar_tray.notes .the_notes .ui-dialog-content .last-buttons .ui-button,
#reference_toolbar .toolbar_tray.notes .the_notes .ui-dialog-content .last-buttons .ui-button .label {
  color: #555;
}
#reference_toolbar .toolbar_tray.notes .the_notes .ui-dialog-content .last-buttons .ui-button:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
  text-decoration: none;
}
#reference_toolbar .toolbar_tray.notes .the_notes .ui-dialog-content .last-buttons .ui-button:hover,
#reference_toolbar .toolbar_tray.notes .the_notes .ui-dialog-content .last-buttons .ui-button:hover .label {
  color: #fff;
}
#reference_toolbar .toolbar_tray.notes .the_notes .ui-dialog-content .last-buttons .ui-button.inactive,
#reference_toolbar .toolbar_tray.notes .the_notes .ui-dialog-content .last-buttons .ui-button.lrp_inactive,
#reference_toolbar .toolbar_tray.notes .the_notes .ui-dialog-content .last-buttons .ui-button.disabled,
#reference_toolbar .toolbar_tray.notes .the_notes .ui-dialog-content .last-buttons .ui-button.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  box-shadow: none;
  background: rgba(200, 200, 200, 0.4);
  opacity: 1;
  cursor: default;
}
#reference_toolbar .toolbar_tray.notes .the_notes .ui-dialog-content .last-buttons .ui-button:last-child {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0 20px;
  border: 1px solid transparent;
  box-shadow: none;
  margin-bottom: 0;
  background: #888888;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* for child to eventually set and use */
  text-decoration: none;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
}
#reference_toolbar .toolbar_tray.notes .the_notes .ui-dialog-content .last-buttons .ui-button:last-child:active {
  box-shadow: none;
}
#reference_toolbar .toolbar_tray.notes .the_notes .ui-dialog-content .last-buttons .ui-button:last-child:focus,
#reference_toolbar .toolbar_tray.notes .the_notes .ui-dialog-content .last-buttons .ui-button:last-child:active:focus,
#reference_toolbar .toolbar_tray.notes .the_notes .ui-dialog-content .last-buttons .ui-button:last-child.active:focus {
  outline: none;
  color: #555;
}
#reference_toolbar .toolbar_tray.notes .the_notes .ui-dialog-content .last-buttons .ui-button:last-child,
#reference_toolbar .toolbar_tray.notes .the_notes .ui-dialog-content .last-buttons .ui-button:last-child .label {
  color: #555;
}
#reference_toolbar .toolbar_tray.notes .the_notes .ui-dialog-content .last-buttons .ui-button:last-child:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
  text-decoration: none;
}
#reference_toolbar .toolbar_tray.notes .the_notes .ui-dialog-content .last-buttons .ui-button:last-child:hover,
#reference_toolbar .toolbar_tray.notes .the_notes .ui-dialog-content .last-buttons .ui-button:last-child:hover .label {
  color: #fff;
}
#reference_toolbar .toolbar_tray.notes .the_notes .ui-dialog-content .last-buttons .ui-button:last-child.inactive,
#reference_toolbar .toolbar_tray.notes .the_notes .ui-dialog-content .last-buttons .ui-button:last-child.lrp_inactive,
#reference_toolbar .toolbar_tray.notes .the_notes .ui-dialog-content .last-buttons .ui-button:last-child.disabled,
#reference_toolbar .toolbar_tray.notes .the_notes .ui-dialog-content .last-buttons .ui-button:last-child.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  box-shadow: none;
  background: rgba(200, 200, 200, 0.4);
  opacity: 1;
  cursor: default;
}
#reference_toolbar .toolbar_tray.notes .the_notes .ui-dialog-content .last-buttons .ui-button .ui-button-text {
  padding: 0;
  line-height: inherit;
}
#reference_toolbar .toolbar_tray.notes .the_notes .ui-dialog-content .special-chars #char-container a {
  color: inherit;
  outline: none;
}
#reference_toolbar .toolbar_tray.notes .the_notes .no_notes_message {
  display: none !important;
}
#reference_toolbar .toolbar_tray.notes .the_notes .a_note {
  background: #fff;
  color: #3d3d3d;
  margin: 6px 10px 10px;
}
#reference_toolbar .toolbar_tray.notes .the_notes .a_note .note_options,
#reference_toolbar .toolbar_tray.notes .the_notes .a_note .note_last_edited {
  display: none;
}
#reference_toolbar .toolbar_tray.notes .the_notes .a_note .a_note_menu {
  display: block !important;
  position: absolute;
  right: 0;
  top: 0;
}
#reference_toolbar .toolbar_tray.notes .the_notes .a_note .a_note_menu li {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 30px;
  line-height: 28px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 30px;
  padding: 0;
  background: transparent;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  border: none;
  text-indent: -9999px;
  width: 30px;
  font-size: 0;
  float: right;
  list-style-type: none;
}
#reference_toolbar .toolbar_tray.notes .the_notes .a_note .a_note_menu li:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
}
#reference_toolbar .toolbar_tray.notes .the_notes .a_note .a_note_menu li:focus {
  outline: none;
}
#reference_toolbar .toolbar_tray.notes .the_notes .a_note .a_note_menu li.send_note:before {
  content: "";
  position: absolute;
  top: -5px;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -281px -321px;
  left: -5px;
}
#reference_toolbar .toolbar_tray.notes .the_notes .a_note .a_note_menu li.print_note:before {
  content: "";
  position: absolute;
  top: -5px;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -321px -321px;
  left: -5px;
}
#reference_toolbar .toolbar_tray.notes .the_notes .a_note .a_note_menu li.erase_note:before {
  content: "";
  position: absolute;
  top: -5px;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -361px -321px;
  left: -5px;
}
#reference_toolbar .toolbar_tray.notes .the_notes .a_note .a_note_menu li.erase_note:hover {
  background-color: #b40d00;
}
#reference_toolbar .toolbar_tray.notes .the_notes .a_note .note_header {
  background: #c2c2c2;
  color: #3d3d3d;
  position: relative;
  height: 30px;
}
#reference_toolbar .toolbar_tray.notes .the_notes .a_note .note_header h1 {
  font: normal 700 15px/1.3 Helvetica, Arial, sans-serif;
  margin: 0;
}
#reference_toolbar .toolbar_tray.notes .the_notes .a_note .note_header h1 input {
  border: none;
  outline: none;
  background: #c2c2c2;
  width: 280px;
  margin: 0;
  padding: 0 10px;
  line-height: 30px;
  min-height: 30px;
}
#reference_toolbar .toolbar_tray.notes .the_notes .a_note .note_text {
  margin: 0;
}
#reference_toolbar .toolbar_tray.notes .the_notes .a_note .note_text textarea {
  border: none;
  outline: none;
  background: #fff;
  color: #3d3d3d;
  font: normal 400 15px/1.3 Helvetica, Arial, sans-serif;
  height: 90px;
  width: 380px;
  padding: 6px 10px;
}
#reference_toolbar .dictionary_searchbar {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0 20px;
  border: 1px solid transparent;
  box-shadow: none;
  margin-bottom: 0;
  background: #cccccc;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* for child to eventually set and use */
  text-decoration: none;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  padding-left: 35px;
  margin: 0 0 10px 18px;
}
#reference_toolbar .dictionary_searchbar:active {
  box-shadow: none;
}
#reference_toolbar .dictionary_searchbar:focus,
#reference_toolbar .dictionary_searchbar:active:focus,
#reference_toolbar .dictionary_searchbar.active:focus {
  outline: none;
  color: #555;
}
#reference_toolbar .dictionary_searchbar,
#reference_toolbar .dictionary_searchbar .label {
  color: #555;
}
#reference_toolbar .dictionary_searchbar:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
  text-decoration: none;
}
#reference_toolbar .dictionary_searchbar:hover,
#reference_toolbar .dictionary_searchbar:hover .label {
  color: #fff;
}
#reference_toolbar .dictionary_searchbar.inactive,
#reference_toolbar .dictionary_searchbar.lrp_inactive,
#reference_toolbar .dictionary_searchbar.disabled,
#reference_toolbar .dictionary_searchbar.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  box-shadow: none;
  background: rgba(200, 200, 200, 0.4);
  opacity: 1;
  cursor: default;
}
#reference_toolbar .dictionary_searchbar:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -321px -1px;
  left: 0;
}
#reference_toolbar .dictionary_searchbar.dictionary_searchbar_active {
  border: none;
  padding: 0 0 0 40px;
  cursor: default;
}
#reference_toolbar .dictionary_searchbar.dictionary_searchbar_active,
#reference_toolbar .dictionary_searchbar.dictionary_searchbar_active:hover,
#reference_toolbar .dictionary_searchbar.dictionary_searchbar_active:focus {
  background: #555;
}
#reference_toolbar .dictionary_searchbar.dictionary_searchbar_active .toggle {
  display: none;
}
#reference_toolbar .dictionary_searchbar.dictionary_searchbar_active .trigger {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0 20px;
  border: 1px solid transparent;
  box-shadow: none;
  margin-bottom: 0;
  background: #888888;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* for child to eventually set and use */
  text-decoration: none;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
}
#reference_toolbar .dictionary_searchbar.dictionary_searchbar_active .trigger:active {
  box-shadow: none;
}
#reference_toolbar .dictionary_searchbar.dictionary_searchbar_active .trigger:focus,
#reference_toolbar .dictionary_searchbar.dictionary_searchbar_active .trigger:active:focus,
#reference_toolbar .dictionary_searchbar.dictionary_searchbar_active .trigger.active:focus {
  outline: none;
  color: #555;
}
#reference_toolbar .dictionary_searchbar.dictionary_searchbar_active .trigger,
#reference_toolbar .dictionary_searchbar.dictionary_searchbar_active .trigger .label {
  color: #555;
}
#reference_toolbar .dictionary_searchbar.dictionary_searchbar_active .trigger:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
  text-decoration: none;
}
#reference_toolbar .dictionary_searchbar.dictionary_searchbar_active .trigger:hover,
#reference_toolbar .dictionary_searchbar.dictionary_searchbar_active .trigger:hover .label {
  color: #fff;
}
#reference_toolbar .dictionary_searchbar.dictionary_searchbar_active .trigger.inactive,
#reference_toolbar .dictionary_searchbar.dictionary_searchbar_active .trigger.lrp_inactive,
#reference_toolbar .dictionary_searchbar.dictionary_searchbar_active .trigger.disabled,
#reference_toolbar .dictionary_searchbar.dictionary_searchbar_active .trigger.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  box-shadow: none;
  background: rgba(200, 200, 200, 0.4);
  opacity: 1;
  cursor: default;
}
#reference_toolbar .dictionary_searchbar .search_field {
  background: #fff;
  border: 1px solid #cccccc;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-box-shadow: inset 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 2px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: border-color 0.15s;
  -o-transition: border-color 0.15s;
  transition: border-color 0.15s;
  outline: none;
  padding: 0px 10px 0px;
  color: #3d3d3d;
  margin: 4px 5px 4px 0;
  height: 31px;
}
#reference_toolbar .dictionary_searchbar .search_field:hover,
#reference_toolbar .dictionary_searchbar .search_field:focus {
  border: 1px solid #0d0d0d;
}
#reference_toolbar .dictionary_searchbar .search_field[disabled] {
  -webkit-opacity: 1;
  -webkit-text-fill-color: #3d3d3d;
}
.hotspot {
  cursor: pointer;
  box-sizing: content-box;
}
.hotspot.image-hotspot {
  background: #555;
  color: #fff;
  padding: 12px 20px;
  font: normal 700 15px/18px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  border: none;
  border-radius: 0;
  max-width: 350px;
  background: rgba(85, 85, 85, 0.4);
}
.hotspot.image-hotspot strong,
.hotspot.image-hotspot b {
  font-size: 105%;
  text-shadow: 1px 1px 1px;
}
.hotspot.image-hotspot.active {
  background: #555;
}
.hotspot.image-hotspot:hover {
  background: #0d0d0d;
}
.interaction .gwt-PopupPanel.SymbolTablePopup {
  top: auto !important;
  bottom: 32px;
}
.geogebra-wrapper {
  overflow: hidden;
}
.dialog-flash-first-answer.ui-dialog {
  font: normal 700 24px Helvetica, Arial, sans-serif;
  box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.27);
  background: #fff;
  max-width: 400px;
  min-height: 70px !important;
  min-width: auto;
  width: auto !important;
}
.dialog-flash-first-answer + .ui-widget-overlay {
  background: rgba(255, 255, 255, 0.8);
}
.dialog-flash-first-answer .ui-dialog-titlebar {
  display: none;
}
.dialog-flash-first-answer .ui-dialog-content {
  color: #3d3d3d;
  padding: 12px 20px 12px 16px;
  min-width: auto;
  min-height: 70px !important;
  display: flex;
}
.dialog-flash-first-answer .ui-dialog-content > div {
  display: flex;
  align-items: center;
}
.dialog-flash-first-answer .ui-resizable-handle {
  display: none !important;
}
.dialog-flash-first-answer .flash-first-answer-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.dialog-flash-first-answer .flash-first-answer-list img {
  max-width: 200px;
  max-height: 200px;
}
.dialog-flash-first-answer .sprite-lightbulb {
  background: url('../images/icons.svg') no-repeat;
  background-position: -321px -281px;
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 8px;
}
.lo-notes .notebook-note .page-number {
  display: none;
}
.lo-notes .notebook-note .note-text {
  padding: 0 10px;
  height: 400px;
  overflow: auto;
}
.lo-notes .notebook-note .note-text p {
  margin: 0;
}
.slideshowToolbar {
  width: auto;
  display: inline-block;
  padding: 0 10px;
}
.slideshowBtnToolbar {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0 0;
  border: 1px solid transparent;
  box-shadow: none;
  margin-bottom: 0;
  background: #888888;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* for child to eventually set and use */
  text-decoration: none;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  padding: 0 15px;
  height: 40px;
  line-height: 37px;
  text-align: center;
  margin: 0 2px;
  font-size: 16px;
  display: inline-block !important;
}
.slideshowBtnToolbar:active {
  box-shadow: none;
}
.slideshowBtnToolbar:focus,
.slideshowBtnToolbar:active:focus,
.slideshowBtnToolbar.active:focus {
  outline: none;
  color: #555;
}
.slideshowBtnToolbar,
.slideshowBtnToolbar .label {
  color: #555;
}
.slideshowBtnToolbar:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
  text-decoration: none;
}
.slideshowBtnToolbar:hover,
.slideshowBtnToolbar:hover .label {
  color: #fff;
}
.slideshowBtnToolbar.inactive,
.slideshowBtnToolbar.lrp_inactive,
.slideshowBtnToolbar.disabled,
.slideshowBtnToolbar.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  box-shadow: none;
  background: rgba(200, 200, 200, 0.4);
  opacity: 1;
  cursor: default;
}
.slideshowBtnToolbar:hover,
.slideshowBtnToolbar:focus {
  text-decoration: none;
}
.slideshowBtnToolbar:first-of-type {
  margin-left: 0;
}
.slideshowBtnToolbar:last-of-type {
  margin-right: 0;
}
.pp-slideshow .contentblock .slideshow {
  text-align: center;
}
.pp-slideshow .contentblock .slideshow > ul {
  overflow: hidden;
  position: relative;
  padding: 0;
  margin: 0;
  list-style: none;
}
.pp-slideshow .contentblock .slideshow > ul > li {
  transition: all 0.5s;
}
.pp-slideshow .contentblock .slideshow > ul > li .decode-image {
  position: absolute;
  bottom: 0;
  right: 0;
}
.pp-slideshow .contentblock .slideshow > ul > li.slide-magnified {
  transform: scale(1.3);
}
.pp-slideshow .contentblock .slideshow .slideshow-toolbar {
  position: relative;
  margin: 25px 0 0;
  background: #fff;
  text-align: center;
}
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-manual-buttons {
  width: auto;
  display: inline-block;
  padding: 0 10px;
  position: absolute;
  top: 0;
  left: 0;
}
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-manual-buttons > a {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0 0;
  border: 1px solid transparent;
  box-shadow: none;
  margin-bottom: 0;
  background: #888888;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* for child to eventually set and use */
  text-decoration: none;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  padding: 0 15px;
  height: 40px;
  line-height: 37px;
  text-align: center;
  margin: 0 2px;
  font-size: 16px;
  display: inline-block !important;
}
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-manual-buttons > a:active {
  box-shadow: none;
}
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-manual-buttons > a:focus,
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-manual-buttons > a:active:focus,
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-manual-buttons > a.active:focus {
  outline: none;
  color: #555;
}
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-manual-buttons > a,
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-manual-buttons > a .label {
  color: #555;
}
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-manual-buttons > a:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
  text-decoration: none;
}
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-manual-buttons > a:hover,
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-manual-buttons > a:hover .label {
  color: #fff;
}
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-manual-buttons > a.inactive,
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-manual-buttons > a.lrp_inactive,
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-manual-buttons > a.disabled,
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-manual-buttons > a.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  box-shadow: none;
  background: rgba(200, 200, 200, 0.4);
  opacity: 1;
  cursor: default;
}
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-manual-buttons > a:hover,
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-manual-buttons > a:focus {
  text-decoration: none;
}
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-manual-buttons > a:first-of-type {
  margin-left: 0;
}
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-manual-buttons > a:last-of-type {
  margin-right: 0;
}
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-automatic-buttons {
  width: auto;
  display: inline-block;
  padding: 0 10px;
}
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-automatic-buttons > a {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0 0;
  border: 1px solid transparent;
  box-shadow: none;
  margin-bottom: 0;
  background: #888888;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* for child to eventually set and use */
  text-decoration: none;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  padding: 0 15px;
  height: 40px;
  line-height: 37px;
  text-align: center;
  margin: 0 2px;
  font-size: 16px;
  display: inline-block !important;
}
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-automatic-buttons > a:active {
  box-shadow: none;
}
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-automatic-buttons > a:focus,
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-automatic-buttons > a:active:focus,
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-automatic-buttons > a.active:focus {
  outline: none;
  color: #555;
}
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-automatic-buttons > a,
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-automatic-buttons > a .label {
  color: #555;
}
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-automatic-buttons > a:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
  text-decoration: none;
}
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-automatic-buttons > a:hover,
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-automatic-buttons > a:hover .label {
  color: #fff;
}
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-automatic-buttons > a.inactive,
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-automatic-buttons > a.lrp_inactive,
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-automatic-buttons > a.disabled,
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-automatic-buttons > a.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  box-shadow: none;
  background: rgba(200, 200, 200, 0.4);
  opacity: 1;
  cursor: default;
}
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-automatic-buttons > a:hover,
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-automatic-buttons > a:focus {
  text-decoration: none;
}
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-automatic-buttons > a:first-of-type {
  margin-left: 0;
}
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-automatic-buttons > a:last-of-type {
  margin-right: 0;
}
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-automatic-buttons #slide-pause {
  display: none !important;
}
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-automatic-buttons .slide-delay-buttons {
  color: #fff;
  display: inline-block;
  background-color: #777777;
  margin: 0 0 0 5px;
  border-radius: 25px;
  padding: 5px;
  height: 40px;
  font-size: 14px;
  vertical-align: middle;
}
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-automatic-buttons .slide-delay-buttons > a {
  outline: none;
  background: #444;
  color: #fff;
  height: 27px;
  line-height: 27px;
  width: 27px;
  display: inline-block;
  border-radius: 50%;
  text-align: center;
  text-decoration: none;
}
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-automatic-buttons .slide-delay-buttons > a:hover {
  text-decoration: none;
}
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-automatic-buttons .slide-delay-buttons #slide-delay {
  display: inline-block;
  min-width: 70px;
  text-align: center;
  position: relative;
  top: 3px;
}
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-shuffle-buttons {
  width: auto;
  display: inline-block;
  padding: 0 10px;
}
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-shuffle-buttons > a {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0 0;
  border: 1px solid transparent;
  box-shadow: none;
  margin-bottom: 0;
  background: #888888;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* for child to eventually set and use */
  text-decoration: none;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  padding: 0 15px;
  height: 40px;
  line-height: 37px;
  text-align: center;
  margin: 0 2px;
  font-size: 16px;
  display: inline-block !important;
}
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-shuffle-buttons > a:active {
  box-shadow: none;
}
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-shuffle-buttons > a:focus,
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-shuffle-buttons > a:active:focus,
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-shuffle-buttons > a.active:focus {
  outline: none;
  color: #555;
}
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-shuffle-buttons > a,
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-shuffle-buttons > a .label {
  color: #555;
}
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-shuffle-buttons > a:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
  text-decoration: none;
}
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-shuffle-buttons > a:hover,
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-shuffle-buttons > a:hover .label {
  color: #fff;
}
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-shuffle-buttons > a.inactive,
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-shuffle-buttons > a.lrp_inactive,
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-shuffle-buttons > a.disabled,
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-shuffle-buttons > a.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  box-shadow: none;
  background: rgba(200, 200, 200, 0.4);
  opacity: 1;
  cursor: default;
}
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-shuffle-buttons > a:hover,
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-shuffle-buttons > a:focus {
  text-decoration: none;
}
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-shuffle-buttons > a:first-of-type {
  margin-left: 0;
}
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-shuffle-buttons > a:last-of-type {
  margin-right: 0;
}
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-decode-buttons {
  width: auto;
  display: inline-block;
  padding: 0 10px;
  position: absolute;
  right: 0;
  top: 0;
}
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-decode-buttons > a {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0 0;
  border: 1px solid transparent;
  box-shadow: none;
  margin-bottom: 0;
  background: #888888;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* for child to eventually set and use */
  text-decoration: none;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  padding: 0 15px;
  height: 40px;
  line-height: 37px;
  text-align: center;
  margin: 0 2px;
  font-size: 16px;
  display: inline-block !important;
}
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-decode-buttons > a:active {
  box-shadow: none;
}
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-decode-buttons > a:focus,
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-decode-buttons > a:active:focus,
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-decode-buttons > a.active:focus {
  outline: none;
  color: #555;
}
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-decode-buttons > a,
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-decode-buttons > a .label {
  color: #555;
}
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-decode-buttons > a:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
  text-decoration: none;
}
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-decode-buttons > a:hover,
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-decode-buttons > a:hover .label {
  color: #fff;
}
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-decode-buttons > a.inactive,
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-decode-buttons > a.lrp_inactive,
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-decode-buttons > a.disabled,
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-decode-buttons > a.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  box-shadow: none;
  background: rgba(200, 200, 200, 0.4);
  opacity: 1;
  cursor: default;
}
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-decode-buttons > a:hover,
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-decode-buttons > a:focus {
  text-decoration: none;
}
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-decode-buttons > a:first-of-type {
  margin-left: 0;
}
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-decode-buttons > a:last-of-type {
  margin-right: 0;
}
.pp-slideshow .contentblock .slideshow .slideshow-toolbar .slideshow-decode-buttons #slide-hide-decode {
  display: none !important;
}
#first-slide {
  text-indent: -999999px;
  display: inline-block;
  background-image: url(../images/sprite-slideshow-toolbar.svg);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 40px;
  height: 40px;
}
#prev-slide {
  text-indent: -999999px;
  display: inline-block;
  background-image: url(../images/sprite-slideshow-toolbar.svg);
  background-repeat: no-repeat;
  background-position: -40px 0;
  width: 40px;
  height: 40px;
}
#next-slide {
  text-indent: -999999px;
  display: inline-block;
  background-image: url(../images/sprite-slideshow-toolbar.svg);
  background-repeat: no-repeat;
  background-position: -80px 0;
  width: 40px;
  height: 40px;
}
#last-slide {
  text-indent: -999999px;
  display: inline-block;
  background-image: url(../images/sprite-slideshow-toolbar.svg);
  background-repeat: no-repeat;
  background-position: -120px 0;
  width: 40px;
  height: 40px;
}
#slide-play {
  text-indent: -999999px;
  display: inline-block;
  background-image: url(../images/sprite-slideshow-toolbar.svg);
  background-repeat: no-repeat;
  background-position: -160px 0;
  width: 40px;
  height: 40px;
}
.playing #slide-play {
  text-indent: -999999px;
  display: inline-block;
  background-image: url(../images/sprite-slideshow-toolbar.svg);
  background-repeat: no-repeat;
  background-position: -200px 0;
  width: 40px;
  height: 40px;
}
#slide-delay-dec {
  text-indent: -999999px;
  display: inline-block;
  background-image: url(../images/sprite-slideshow-toolbar.svg);
  background-repeat: no-repeat;
  background-position: -5px -45px;
  width: 40px;
  height: 40px;
  width: 30px;
  height: 30px;
}
#slide-delay-inc {
  text-indent: -999999px;
  display: inline-block;
  background-image: url(../images/sprite-slideshow-toolbar.svg);
  background-repeat: no-repeat;
  background-position: -45px -45px;
  width: 40px;
  height: 40px;
  width: 30px;
  height: 30px;
}
#ajaxloader {
  left: 50%;
  top: 50%;
  margin: -20px 0 0 -20px;
  width: 40px;
  position: absolute !important;
  height: 40px !important;
  background: url(../images/spinner.gif) center !important;
  background-size: 40px !important;
}
#ajaxloader img {
  display: none;
}
table.table-default,
table:not([class]),
table[class=""] {
  background: none;
  border-collapse: collapse;
}
table.table-default thead tr th,
table.table-default tr th,
table:not([class]) thead tr th,
table:not([class]) tr th,
table[class=""] thead tr th,
table[class=""] tr th {
  font: normal 700 16px/1.4 "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  background: #444;
  color: #fff;
  padding: 6px 15px;
  min-width: 40px;
  text-align: left;
  border: 1px solid #e0e0e0;
  border-top: none;
  border-bottom: 1px solid #2b2b2b;
}
table.table-default thead tr th:first-child,
table.table-default tr th:first-child,
table:not([class]) thead tr th:first-child,
table:not([class]) tr th:first-child,
table[class=""] thead tr th:first-child,
table[class=""] tr th:first-child {
  border-top-left-radius: 0;
}
table.table-default thead tr th:last-child,
table.table-default tr th:last-child,
table:not([class]) thead tr th:last-child,
table:not([class]) tr th:last-child,
table[class=""] thead tr th:last-child,
table[class=""] tr th:last-child {
  border-top-right-radius: 0;
}
table.table-default tr th,
table:not([class]) tr th,
table[class=""] tr th {
  border: 1px solid #e0e0e0;
  border-left: none;
  border-right: 1px solid #2b2b2b;
}
table.table-default tr td,
table:not([class]) tr td,
table[class=""] tr td {
  padding: 6px 15px;
  border: 1px solid #e0e0e0;
  border-color: #e0e0e0 #fff;
  min-width: 40px;
}
table.table-default tr td:nth-child(2n+1),
table:not([class]) tr td:nth-child(2n+1),
table[class=""] tr td:nth-child(2n+1) {
  color: #3d3d3d;
  background: transparent;
}
table.table-default tr td:nth-child(2n),
table:not([class]) tr td:nth-child(2n),
table[class=""] tr td:nth-child(2n) {
  color: #3d3d3d;
  background: #f2f2f2;
}
table.table-default tr:first-child td,
table:not([class]) tr:first-child td,
table[class=""] tr:first-child td {
  border-top: none;
}
table.table-default tr:last-child td,
table:not([class]) tr:last-child td,
table[class=""] tr:last-child td {
  border-bottom: none;
}
table.table-default tr:last-child td:first-child,
table:not([class]) tr:last-child td:first-child,
table[class=""] tr:last-child td:first-child {
  border-bottom-left-radius: 0;
}
table.table-default tr:last-child td:last-child,
table:not([class]) tr:last-child td:last-child,
table[class=""] tr:last-child td:last-child {
  border-bottom-right-radius: 0;
}
.ui-tabs {
  border: none;
  background: transparent;
  padding: 0;
}
.ui-tabs.ui-widget-content {
  border: none;
}
.ui-tabs .tabnav.ui-tabs-nav {
  border: 0;
  background: transparent;
  color: #3d3d3d;
  padding: 0;
  border-radius: 0;
  margin-bottom: -3px;
}
.ui-tabs .tabnav.ui-tabs-nav [role=tab] {
  background: #cccccc;
  border: 1px solid #b3b3b3;
  text-shadow: none;
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  height: auto;
  -webkit-box-shadow: 0 -5px 0 rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 -5px 0 rgba(0, 0, 0, 0.1) inset;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
}
.ui-tabs .tabnav.ui-tabs-nav [role=tab] a {
  outline: none;
}
.ui-tabs .tabnav.ui-tabs-nav [role=tab].ui-state-hover {
  background: #0d0d0d;
}
.ui-tabs .tabnav.ui-tabs-nav [role=tab].ui-state-active {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #888888;
}
.ui-tabs .tabnav.ui-tabs-nav [role=tab].ui-state-default a,
.ui-tabs .tabnav.ui-tabs-nav [role=tab].ui-state-hover a,
.ui-tabs .tabnav.ui-tabs-nav [role=tab].ui-state-focus a,
.ui-tabs .tabnav.ui-tabs-nav [role=tab].ui-state-active a,
.ui-tabs .tabnav.ui-tabs-nav [role=tab].ui-state-default a:link,
.ui-tabs .tabnav.ui-tabs-nav [role=tab].ui-state-hover a:link,
.ui-tabs .tabnav.ui-tabs-nav [role=tab].ui-state-focus a:link,
.ui-tabs .tabnav.ui-tabs-nav [role=tab].ui-state-active a:link,
.ui-tabs .tabnav.ui-tabs-nav [role=tab].ui-state-default a:visited,
.ui-tabs .tabnav.ui-tabs-nav [role=tab].ui-state-hover a:visited,
.ui-tabs .tabnav.ui-tabs-nav [role=tab].ui-state-focus a:visited,
.ui-tabs .tabnav.ui-tabs-nav [role=tab].ui-state-active a:visited {
  color: #fff;
}
.ui-tabs .tab.ui-tabs-panel {
  position: relative;
  background: none;
  padding: 1em 1.5em;
  border: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.ui-tabs .tab.ui-tabs-panel img ~ .text {
  position: relative;
  z-index: 1;
}
.layout-01A .is-media-zone,
.layout-02A .is-media-zone,
.layout-03A .is-media-zone,
.layout-04A .is-media-zone,
.layout-05A .is-media-zone,
.layout-06A .is-media-zone {
  padding-top: 20px;
}
.layout-05B .is-content-zone {
  margin-top: 40px;
}
#timer {
  position: fixed;
  z-index: 2500;
  top: 0;
  left: 50%;
}
#timer .exam-timer {
  position: relative;
  right: 50%;
}
#timer .exam-timer .time,
#timer .exam-timer .timer-message {
  padding: 0 20px;
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: -0.03em;
  height: 30px;
  line-height: 30px;
  color: #fff;
}
#timer .exam-timer .time:before,
#timer .exam-timer .timer-message:before {
  background: url('../images/icons.svg') no-repeat;
  background-position: -292px -5px;
  display: inline-block;
  content: "";
  width: 28px;
  height: 30px;
}
#timer .exam-timer .time:before,
#timer .exam-timer .timer-message:before {
  vertical-align: top;
}
#timer .exam-timer .time:empty,
#timer .exam-timer .timer-message:empty {
  display: none;
}
#timer .exam-timer .time {
  background: #740e06;
}
.timeout #timer .exam-timer .time,
.timeout #timer .exam-timer .timer-message {
  background: #000;
}
#timer .exam-timer .timer-message {
  background: #b40d00;
}
.interaction.toolbar .toolbar {
  margin: 0 0 32px;
  padding: 0;
}
.interaction.toolbar .toolbar .button {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  outline: none;
  min-width: 40px;
  padding: 0 20px;
  border: 1px solid transparent;
  box-shadow: none;
  margin-bottom: 0;
  background: #cccccc;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* for child to eventually set and use */
  text-decoration: none;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  position: relative;
  vertical-align: top;
}
.interaction.toolbar .toolbar .button:active {
  box-shadow: none;
}
.interaction.toolbar .toolbar .button:focus,
.interaction.toolbar .toolbar .button:active:focus,
.interaction.toolbar .toolbar .button.active:focus {
  outline: none;
  color: #555;
}
.interaction.toolbar .toolbar .button,
.interaction.toolbar .toolbar .button .label {
  color: #555;
}
.interaction.toolbar .toolbar .button:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
  text-decoration: none;
}
.interaction.toolbar .toolbar .button:hover,
.interaction.toolbar .toolbar .button:hover .label {
  color: #fff;
}
.interaction.toolbar .toolbar .button.inactive,
.interaction.toolbar .toolbar .button.lrp_inactive,
.interaction.toolbar .toolbar .button.disabled,
.interaction.toolbar .toolbar .button.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  box-shadow: none;
  background: rgba(200, 200, 200, 0.4);
  opacity: 1;
  cursor: default;
}
.interaction.toolbar .toolbar .button.button.button {
  margin: 0 18px 18px 0;
}
.interaction.toolbar .toolbar .button.active,
.interaction.toolbar .toolbar .button.activated {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0 20px;
  border: 1px solid transparent;
  box-shadow: none;
  margin-bottom: 0;
  background: #888888;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* for child to eventually set and use */
  text-decoration: none;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
}
.interaction.toolbar .toolbar .button.active:active,
.interaction.toolbar .toolbar .button.activated:active {
  box-shadow: none;
}
.interaction.toolbar .toolbar .button.active:focus,
.interaction.toolbar .toolbar .button.activated:focus,
.interaction.toolbar .toolbar .button.active:active:focus,
.interaction.toolbar .toolbar .button.activated:active:focus,
.interaction.toolbar .toolbar .button.active.active:focus,
.interaction.toolbar .toolbar .button.activated.active:focus {
  outline: none;
  color: #555;
}
.interaction.toolbar .toolbar .button.active,
.interaction.toolbar .toolbar .button.activated,
.interaction.toolbar .toolbar .button.active .label,
.interaction.toolbar .toolbar .button.activated .label {
  color: #555;
}
.interaction.toolbar .toolbar .button.active:hover,
.interaction.toolbar .toolbar .button.activated:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
  text-decoration: none;
}
.interaction.toolbar .toolbar .button.active:hover,
.interaction.toolbar .toolbar .button.activated:hover,
.interaction.toolbar .toolbar .button.active:hover .label,
.interaction.toolbar .toolbar .button.activated:hover .label {
  color: #fff;
}
.interaction.toolbar .toolbar .button.active.inactive,
.interaction.toolbar .toolbar .button.activated.inactive,
.interaction.toolbar .toolbar .button.active.lrp_inactive,
.interaction.toolbar .toolbar .button.activated.lrp_inactive,
.interaction.toolbar .toolbar .button.active.disabled,
.interaction.toolbar .toolbar .button.activated.disabled,
.interaction.toolbar .toolbar .button.active.inactive_button,
.interaction.toolbar .toolbar .button.activated.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  box-shadow: none;
  background: rgba(200, 200, 200, 0.4);
  opacity: 1;
  cursor: default;
}
.interaction.toolbar .toolbar .button.active.erase,
.interaction.toolbar .toolbar .button.activated.erase {
  padding-left: 35px;
}
.interaction.toolbar .toolbar .button:before {
  margin-right: 10px;
}
.interaction.toolbar .toolbar .button.erase {
  padding-left: 35px;
}
.interaction.toolbar .toolbar .button.erase:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -321px -41px;
  left: 0;
}
.interaction.toolbar .toolbar .button.color .color-sample,
.interaction.toolbar .toolbar .button.color:before {
  content: "";
  width: 12px;
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: -1px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-right: none;
  -webkit-transition: border 0.15s;
  -o-transition: border 0.15s;
  transition: border 0.15s;
}
.interaction.toolbar .toolbar .button.color:not(.disabled):hover:before {
  border-color: #0d0d0d;
}
.interaction.is-linking-lines .eraser-toggle,
.interaction.is-linking-multiple-lines .eraser-toggle {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0 20px;
  border: 1px solid transparent;
  box-shadow: none;
  margin-bottom: 0;
  background: #cccccc;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* for child to eventually set and use */
  text-decoration: none;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  padding-left: 35px;
  display: table;
  margin-bottom: 50px;
}
.interaction.is-linking-lines .eraser-toggle:active,
.interaction.is-linking-multiple-lines .eraser-toggle:active {
  box-shadow: none;
}
.interaction.is-linking-lines .eraser-toggle:focus,
.interaction.is-linking-multiple-lines .eraser-toggle:focus,
.interaction.is-linking-lines .eraser-toggle:active:focus,
.interaction.is-linking-multiple-lines .eraser-toggle:active:focus,
.interaction.is-linking-lines .eraser-toggle.active:focus,
.interaction.is-linking-multiple-lines .eraser-toggle.active:focus {
  outline: none;
  color: #555;
}
.interaction.is-linking-lines .eraser-toggle,
.interaction.is-linking-multiple-lines .eraser-toggle,
.interaction.is-linking-lines .eraser-toggle .label,
.interaction.is-linking-multiple-lines .eraser-toggle .label {
  color: #555;
}
.interaction.is-linking-lines .eraser-toggle:hover,
.interaction.is-linking-multiple-lines .eraser-toggle:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
  text-decoration: none;
}
.interaction.is-linking-lines .eraser-toggle:hover,
.interaction.is-linking-multiple-lines .eraser-toggle:hover,
.interaction.is-linking-lines .eraser-toggle:hover .label,
.interaction.is-linking-multiple-lines .eraser-toggle:hover .label {
  color: #fff;
}
.interaction.is-linking-lines .eraser-toggle.inactive,
.interaction.is-linking-multiple-lines .eraser-toggle.inactive,
.interaction.is-linking-lines .eraser-toggle.lrp_inactive,
.interaction.is-linking-multiple-lines .eraser-toggle.lrp_inactive,
.interaction.is-linking-lines .eraser-toggle.disabled,
.interaction.is-linking-multiple-lines .eraser-toggle.disabled,
.interaction.is-linking-lines .eraser-toggle.inactive_button,
.interaction.is-linking-multiple-lines .eraser-toggle.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  box-shadow: none;
  background: rgba(200, 200, 200, 0.4);
  opacity: 1;
  cursor: default;
}
.interaction.is-linking-lines .eraser-toggle:before,
.interaction.is-linking-multiple-lines .eraser-toggle:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -161px -321px;
  left: 0;
}
.interaction.is-linking-lines .eraser-toggle.active,
.interaction.is-linking-multiple-lines .eraser-toggle.active {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0 20px;
  border: 1px solid transparent;
  box-shadow: none;
  margin-bottom: 0;
  background: #888888;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* for child to eventually set and use */
  text-decoration: none;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  padding-left: 35px;
  display: table;
  margin-bottom: 50px;
}
.interaction.is-linking-lines .eraser-toggle.active:active,
.interaction.is-linking-multiple-lines .eraser-toggle.active:active {
  box-shadow: none;
}
.interaction.is-linking-lines .eraser-toggle.active:focus,
.interaction.is-linking-multiple-lines .eraser-toggle.active:focus,
.interaction.is-linking-lines .eraser-toggle.active:active:focus,
.interaction.is-linking-multiple-lines .eraser-toggle.active:active:focus,
.interaction.is-linking-lines .eraser-toggle.active.active:focus,
.interaction.is-linking-multiple-lines .eraser-toggle.active.active:focus {
  outline: none;
  color: #555;
}
.interaction.is-linking-lines .eraser-toggle.active,
.interaction.is-linking-multiple-lines .eraser-toggle.active,
.interaction.is-linking-lines .eraser-toggle.active .label,
.interaction.is-linking-multiple-lines .eraser-toggle.active .label {
  color: #555;
}
.interaction.is-linking-lines .eraser-toggle.active:hover,
.interaction.is-linking-multiple-lines .eraser-toggle.active:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
  text-decoration: none;
}
.interaction.is-linking-lines .eraser-toggle.active:hover,
.interaction.is-linking-multiple-lines .eraser-toggle.active:hover,
.interaction.is-linking-lines .eraser-toggle.active:hover .label,
.interaction.is-linking-multiple-lines .eraser-toggle.active:hover .label {
  color: #fff;
}
.interaction.is-linking-lines .eraser-toggle.active.inactive,
.interaction.is-linking-multiple-lines .eraser-toggle.active.inactive,
.interaction.is-linking-lines .eraser-toggle.active.lrp_inactive,
.interaction.is-linking-multiple-lines .eraser-toggle.active.lrp_inactive,
.interaction.is-linking-lines .eraser-toggle.active.disabled,
.interaction.is-linking-multiple-lines .eraser-toggle.active.disabled,
.interaction.is-linking-lines .eraser-toggle.active.inactive_button,
.interaction.is-linking-multiple-lines .eraser-toggle.active.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  box-shadow: none;
  background: rgba(200, 200, 200, 0.4);
  opacity: 1;
  cursor: default;
}
.interaction.is-linking-lines .eraser-toggle:before,
.interaction.is-linking-multiple-lines .eraser-toggle:before {
  vertical-align: middle;
}
.trigger-word {
  cursor: pointer;
  text-decoration: underline;
  color: #444;
  -webkit-transition: color 0.15s;
  -o-transition: color 0.15s;
  transition: color 0.15s;
}
.trigger-word:hover,
.trigger-word:focus {
  color: #0d0d0d;
}
.trigger-word:visited {
  color: #444;
}
.view-text {
  background: #f5e38d;
  color: #3d3d3d;
  font: normal 100 14px/1.4 "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  padding: 15px;
  outline: none;
}
.view-text-active .check {
  outline: 5px solid #f5e38d;
}
.is-media-zone.viewtext-zone {
  height: auto !important;
}
.is-media-zone.viewtext-zone #text {
  width: auto !important;
  height: auto !important;
}
.is-media-zone.viewtext-zone #text p {
  margin: 0;
}
.text-area-content {
  position: relative;
}
.text-area-content textarea {
  background: #fff;
  border: 1px solid #cccccc;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-box-shadow: inset 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 2px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: border-color 0.15s;
  -o-transition: border-color 0.15s;
  transition: border-color 0.15s;
  outline: none;
  padding: 0px 10px 0px;
  color: #3d3d3d;
  display: block;
}
.text-area-content textarea:hover,
.text-area-content textarea:focus {
  border: 1px solid #0d0d0d;
}
.text-area-content textarea[disabled] {
  -webkit-opacity: 1;
  -webkit-text-fill-color: #3d3d3d;
}
.text-area-content:not(.with-counter) .inputCounters__wordCount {
  display: none;
}
.inputCounters {
  position: absolute;
  top: 100%;
  left: 0;
  display: flex;
}
.inputCounters__counter {
  background: #444;
  color: #fff;
  font-weight: bold;
  height: 24px;
  line-height: 24px;
  margin-right: 1ex;
}
.inputCounters__counter:empty {
  display: none;
}
.interaction.is-pelmanism .panel,
.interaction.is-pelmanism .panel .front,
.interaction.is-pelmanism .panel .back {
  width: 192px;
  height: 192px;
}
.interaction.is-pelmanism .panel .front img,
.interaction.is-pelmanism .panel .back img {
  max-width: 188px;
  max-height: 188px;
  height: auto !important;
  width: auto !important;
}
.interaction.is-pelmanism .panel .back td,
.interaction.is-pelmanism .panel .front td {
  width: 188px;
  height: 188px;
}
.interaction.is-pelmanism .panel .front img {
  max-width: 192px;
  max-height: 192px;
  height: 100% !important;
  width: 100% !important;
}
.interaction.is-pelmanism .panel.layout-2,
.interaction.is-pelmanism .panel.layout-2 .front,
.interaction.is-pelmanism .panel.layout-2 .back {
  width: 217px;
  height: 165px;
}
.interaction.is-pelmanism .panel.layout-2 .front img,
.interaction.is-pelmanism .panel.layout-2 .back img {
  max-width: 213px;
  max-height: 161px;
  height: auto !important;
  width: auto !important;
}
.interaction.is-pelmanism .panel.layout-2 .back td,
.interaction.is-pelmanism .panel.layout-2 .front td {
  width: 213px;
  height: 161px;
}
.interaction.is-pelmanism .panel.layout-2 .front img {
  max-width: 217px;
  max-height: 165px;
  height: 100% !important;
  width: 100% !important;
}
.interaction.is-pelmanism .panel.layout-3,
.interaction.is-pelmanism .panel.layout-3 .front,
.interaction.is-pelmanism .panel.layout-3 .back {
  width: 167px;
  height: 219px;
}
.interaction.is-pelmanism .panel.layout-3 .front img,
.interaction.is-pelmanism .panel.layout-3 .back img {
  max-width: 163px;
  max-height: 215px;
  height: auto !important;
  width: auto !important;
}
.interaction.is-pelmanism .panel.layout-3 .back td,
.interaction.is-pelmanism .panel.layout-3 .front td {
  width: 163px;
  height: 215px;
}
.interaction.is-pelmanism .panel.layout-3 .front img {
  max-width: 167px;
  max-height: 219px;
  height: 100% !important;
  width: 100% !important;
}
.interaction.is-pelmanism .panel .front td {
  padding: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('../images/cards.svg') no-repeat;
  background-position: 0px 0px;
}
.interaction.is-pelmanism .panel .front td:hover {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('../images/cards.svg') no-repeat;
  background-position: -202px 0px;
}
.interaction.is-pelmanism .panel .back td {
  padding: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('../images/cards.svg') no-repeat;
  background-position: -404px 0px;
}
.interaction.is-pelmanism .panel.paired .back td {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('../images/cards.svg') no-repeat;
  background-position: -606px 0px;
}
.interaction.is-pelmanism .panel.notpaired .back td {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('../images/cards.svg') no-repeat;
  background-position: -808px 0px;
}
.interaction.is-pelmanism .panel.layout-2 .front td {
  padding: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('../images/cards.svg') no-repeat;
  background-position: 0px -202px;
}
.interaction.is-pelmanism .panel.layout-2 .front td:hover {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('../images/cards.svg') no-repeat;
  background-position: -227px -202px;
}
.interaction.is-pelmanism .panel.layout-2 .back td {
  padding: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('../images/cards.svg') no-repeat;
  background-position: -454px -202px;
}
.interaction.is-pelmanism .panel.layout-2.paired .back td {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('../images/cards.svg') no-repeat;
  background-position: -681px -202px;
}
.interaction.is-pelmanism .panel.layout-2.notpaired .back td {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('../images/cards.svg') no-repeat;
  background-position: -908px -202px;
}
.interaction.is-pelmanism .panel.layout-3 .front td {
  padding: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('../images/cards.svg') no-repeat;
  background-position: 0px -404px;
}
.interaction.is-pelmanism .panel.layout-3 .front td:hover {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('../images/cards.svg') no-repeat;
  background-position: -177px -404px;
}
.interaction.is-pelmanism .panel.layout-3 .back td {
  padding: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('../images/cards.svg') no-repeat;
  background-position: -354px -404px;
}
.interaction.is-pelmanism .panel.layout-3.paired .back td {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('../images/cards.svg') no-repeat;
  background-position: -531px -404px;
}
.interaction.is-pelmanism .panel.layout-3.notpaired .back td {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('../images/cards.svg') no-repeat;
  background-position: -708px -404px;
}
.interaction.is-pelmanism .panel td {
  padding: 0;
}
.interaction.is-pelmanism .panel td > span {
  display: block;
}
.interaction.is-pelmanism .panel img {
  width: 100%;
  height: 100%;
}
.interaction.is-pelmanism .panel:focus {
  outline: 0;
}
.interaction.is-pelmanism .panel .front.img2-lay1,
.interaction.is-pelmanism .panel .front.img2-lay2,
.interaction.is-pelmanism .panel .front.img2-lay3 {
  opacity: 0.8;
}
.interaction.is-pelmanism .panel .back {
  background: #fff;
}
.interaction.is-pelmanism .panel .front-bg,
.interaction.is-pelmanism .panel .back-bg {
  display: none;
}
.interaction.is-pelmanism .panel .check {
  display: block;
}
.interaction.is-pelmanism .panel .check {
  display: block;
  top: 5px;
  right: 5px;
}
/* Rules for Edge */
.isEdge .pmn_view .panel:not(.flip) .back {
  visibility: hidden;
}
.isEdge .pmn_view .panel.flip .front {
  visibility: hidden;
}
.interaction.pp-flashcards .panel.square,
.interaction.pp-flashcards .panel.square .front,
.interaction.pp-flashcards .panel.square .back {
  width: 192px;
  height: 192px;
}
.interaction.pp-flashcards .panel.square .front img,
.interaction.pp-flashcards .panel.square .back img {
  max-width: 188px;
  max-height: 188px;
  height: auto !important;
  width: auto !important;
}
.interaction.pp-flashcards .panel.square .back td,
.interaction.pp-flashcards .panel.square .front td {
  width: 188px;
  height: 188px;
}
.interaction.pp-flashcards .panel.portrait,
.interaction.pp-flashcards .panel.portrait .front,
.interaction.pp-flashcards .panel.portrait .back {
  width: 167px;
  height: 219px;
}
.interaction.pp-flashcards .panel.portrait .front img,
.interaction.pp-flashcards .panel.portrait .back img {
  max-width: 163px;
  max-height: 215px;
  height: auto !important;
  width: auto !important;
}
.interaction.pp-flashcards .panel.portrait .back td,
.interaction.pp-flashcards .panel.portrait .front td {
  width: 163px;
  height: 215px;
}
.interaction.pp-flashcards .panel.landscape,
.interaction.pp-flashcards .panel.landscape .front,
.interaction.pp-flashcards .panel.landscape .back {
  width: 217px;
  height: 165px;
}
.interaction.pp-flashcards .panel.landscape .front img,
.interaction.pp-flashcards .panel.landscape .back img {
  max-width: 213px;
  max-height: 161px;
  height: auto !important;
  width: auto !important;
}
.interaction.pp-flashcards .panel.landscape .back td,
.interaction.pp-flashcards .panel.landscape .front td {
  width: 213px;
  height: 161px;
}
.interaction.pp-flashcards .panel .front,
.interaction.pp-flashcards .panel .back {
  border: 2px solid #6e6e6e;
}
.interaction.pp-flashcards .panel .front td,
.interaction.pp-flashcards .panel .back td {
  padding: 0;
  vertical-align: middle;
  text-align: center;
}
.interaction.pp-flashcards .panel .front:hover,
.interaction.pp-flashcards .panel .back:hover {
  border-color: #444;
}
.interaction.pp-flashcards .panel:focus {
  outline: 0;
}
.interaction.pp-flashcards .panel .content {
  text-align: center;
}
.interaction.pp-flashcards .panel .content .playbutton,
.interaction.pp-flashcards .panel .content .image-as-trigger .play-button,
.interaction.pp-flashcards .panel .content .ui-draggable-dragging .has_audio_attached .drag_audio_player,
.interaction.pp-flashcards .panel .content .interaction.drag-drop .has_audio_attached .drag_audio_player {
  margin: -4px -4px 0 0;
}
/* Rules for IE9 */
.isIE9 .fc_view .click.flip .front,
.isIE9 .fc_view .click.paired .front {
  display: none;
}
.isIE9 .fc_view .click .back {
  display: none;
}
.isIE9 .fc_view .click.flip .back,
.isIE9 .fc_view .click.paired .back {
  display: block;
}
.interaction.is-pelmanism .panel,
.interaction.pp-flashcards .panel {
  float: left;
  position: relative;
  margin: 0 20px 20px 0;
  background: none;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.interaction.is-pelmanism .panel .front,
.interaction.pp-flashcards .panel .front,
.interaction.is-pelmanism .panel .back,
.interaction.pp-flashcards .panel .back {
  cursor: pointer;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: transform 0.4s ease-in-out;
  -o-transition: transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}
.interaction.is-pelmanism .panel .front,
.interaction.pp-flashcards .panel .front {
  -webkit-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
.interaction.is-pelmanism .panel .front:before,
.interaction.pp-flashcards .panel .front:before {
  border-top-right-radius: 7px;
  border-top-left-radius: 7px;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
}
.interaction.is-pelmanism .panel .back,
.interaction.pp-flashcards .panel .back {
  -webkit-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  text-align: center;
}
.interaction.is-pelmanism .panel.flip .front,
.interaction.pp-flashcards .panel.flip .front {
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.interaction.is-pelmanism .panel.flip .back,
.interaction.pp-flashcards .panel.flip .back {
  -webkit-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
.interaction.om-pairs.wordpool-right .gaps_container,
.interaction.om-pairs.wordpool-right .block {
  margin-right: 280px;
}
.interaction.om-pairs.wordpool-left .gaps_container,
.interaction.om-pairs.wordpool-left .block {
  margin-left: 280px;
}
.interaction.om-pairs.wordpool-bottom .wordpool {
  display: flex;
  flex-flow: column;
}
.interaction.om-pairs.wordpool-bottom .pool {
  order: 1;
}
.interaction.om-pairs.wordpool-bottom .block {
  margin-top: 0;
}
.interaction.om-pairs .wordpool.wordpool {
  float: none;
  width: auto;
  margin: 0;
}
.interaction.om-pairs .wordpool:before,
.interaction.om-pairs .wordpool:after,
.interaction.om-pairs .wordpool .pool:after {
  display: none;
}
.interaction.om-pairs .wordpool .pool {
  background: none;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  padding: 12px 12px 2px 24px;
}
.interaction.om-pairs .wordpool .pool.ui-draggable {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interaction.om-pairs .wordpool .pool.ui-draggable.ui-draggable-dragging {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interaction.om-pairs .wordpool .pool h2,
.interaction.om-pairs .wordpool .pool .drag-handle {
  font: normal 700 13px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  color: #aaa;
  text-transform: lowercase;
  margin: -12px -24px 0;
  padding: 6px 24px;
  height: 30px;
  cursor: move;
}
.interaction.om-pairs .wordpool .pool h2 .reset_position,
.interaction.om-pairs .wordpool .pool .drag-handle .reset_position {
  color: #444;
  text-transform: lowercase;
  background-color: transparent;
  outline: 0;
  border: 0;
  cursor: pointer;
}
.interaction.om-pairs .wordpool .pool h2 .reset_position:hover,
.interaction.om-pairs .wordpool .pool .drag-handle .reset_position:hover {
  color: #0d0d0d;
}
.interaction.om-pairs .wordpool .pool,
.interaction.om-pairs .wordpool.horizontal .pool {
  margin: 0 0 40px;
}
.interaction.om-pairs .wordpool.vertical .pool {
  margin: 0 0 0 40px;
}
.interaction.om-pairs .wordpool.left .pool,
.interaction.om-pairs .wordpool.right .pool {
  width: 240px;
}
.interaction.om-pairs .wordpool.left .pool .drop_item_zone,
.interaction.om-pairs .wordpool.right .pool .drop_item_zone {
  min-width: 0;
  width: 100% !important;
}
.interaction.om-pairs .wordpool.left .pool {
  float: left;
  margin: 0 40px 0 0;
}
.interaction.om-pairs .wordpool.right .pool {
  float: right;
  margin: 0 0 0 40px;
}
.interaction.om-pairs .wordpool.bottom .pool {
  margin: 40px 0 0;
}
.interaction.om-pairs .wordpool .prefill,
.interaction.om-pairs .wordpool .prefilled {
  display: none !important;
}
.interaction.om-pairs .wordpool .pool .drop_area {
  background: #dfdfdf;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 0 12px 12px 0;
  min-height: 40px;
  min-width: 80px !important;
  vertical-align: middle;
  width: auto !important;
  max-width: inherit;
  position: relative;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  display: inline-block;
  vertical-align: top;
}
.interaction.om-pairs .wordpool .pool .drop_area.has_drag,
.interaction.om-pairs .wordpool .pool .drop_area.has_drag_item {
  border: none;
}
.interaction.om-pairs .wordpool .pool .drop_area.hovered {
  background: #0d0d0d;
}
.interaction.om-pairs .wordpool .pool .drop_area .place_holder {
  padding: 7px 20px;
  font: normal 700 18px/24px Helvetica, Arial, sans-serif;
}
.interaction.om-pairs .wordpool .pool .drop_area:last-child {
  margin-right: 0;
}
.interaction.om-pairs .wordpool .drag_element {
  font: normal 700 18px/24px Helvetica, Arial, sans-serif;
  letter-spacing: 0;
  text-align: center;
  padding: 0;
  cursor: default;
  vertical-align: middle;
  min-width: 80px;
}
.interaction.om-pairs .wordpool .drag_element > div:not(.check) {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #fff;
  color: #3d3d3d;
  border: 1px solid #bbb;
  padding: 7px 20px;
  -webkit-transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
  -o-transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
  transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
}
.interaction.om-pairs .wordpool .drag_element > div:not(.check) img:not(.Wirisformula) {
  margin: 0 -13px;
}
.interaction.om-pairs .wordpool .drag_element:not(.prefilled):not(.ui-draggable-disabled):not(.ui-disabled):hover > div:not(.check) {
  cursor: move;
}
.status-input.interaction.om-pairs .wordpool .drag_element:not(.prefilled):not(.ui-draggable-disabled):not(.ui-disabled):hover > div:not(.check) {
  border: 1px solid #0d0d0d;
}
.interaction.om-pairs .wordpool .drag_element.prefilled,
.interaction.om-pairs .wordpool .drag_element.prefilled:hover,
.interaction.om-pairs .wordpool .drag_element.prefilled > div:not(.check),
.interaction.om-pairs .wordpool .drag_element.prefilled:hover > div:not(.check) {
  color: #3d3d3d;
  cursor: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interaction.om-pairs .wordpool .drag_element.selected > div:not(.check),
.interaction.om-pairs .wordpool .drag_element.selected:hover > div:not(.check) {
  background: #f5e38d;
  border: 1px solid #edcc2f;
  -webkit-box-shadow: none;
  box-shadow: none;
  position: relative;
  right: -5px;
  top: -5px;
}
.interaction.om-pairs .wordpool .drag_element.dragged {
  overflow: visible;
}
.interaction.om-pairs .wordpool .drag_element.dragged > div,
.interaction.om-pairs .wordpool .drag_element.ui-draggable-dragging > div,
.interaction.om-pairs .wordpool .drag_element.ui-draggable-dragged > div {
  border: 1px solid #0d0d0d;
  cursor: move;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interaction.om-pairs .wordpool .drag_element.drop-placeholder:not(.drop-indicator) {
  visibility: hidden;
}
.interaction.om-pairs .wordpool .drag_element.dragged,
.interaction.om-pairs .wordpool .drag_element.ui-draggable-dragging,
.interaction.om-pairs .wordpool .drag_element.ui-draggable-dragged {
  z-index: 2700;
}
.interaction.om-pairs .wordpool .drag_element.ui-draggable-disabled {
  opacity: 1;
}
.interaction.om-pairs .wordpool .drag_element .check {
  padding: 0;
}
.interaction.om-pairs .gaps_container,
.interaction.om-pairs .block {
  margin-top: 20px;
}
.interaction.om-pairs .gaps_container.vertical .drop_area,
.interaction.om-pairs .block.vertical .drop_area,
.interaction.om-pairs .gaps_container.ontop .drop_area,
.interaction.om-pairs .block.ontop .drop_area {
  display: inline-block;
  vertical-align: top;
  min-width: 80px;
}
.interaction.om-pairs .gaps_container.vertical .drag_holder,
.interaction.om-pairs .block.vertical .drag_holder,
.interaction.om-pairs .gaps_container.ontop .drag_holder,
.interaction.om-pairs .block.ontop .drag_holder {
  display: block;
}
.interaction.om-pairs .gaps_container.vertical .drop_area > .content,
.interaction.om-pairs .block.vertical .drop_area > .content {
  margin-bottom: 6px;
  margin-top: 6px;
  vertical-align: middle;
}
.interaction.om-pairs .gaps_container.ontop .drop_area > .content img,
.interaction.om-pairs .block.ontop .drop_area > .content img {
  margin: 0;
}
.interaction.om-pairs .gaps_container.ontop .drag_holder,
.interaction.om-pairs .block.ontop .drag_holder {
  margin: -5px 0 0 0;
}
.interaction.om-pairs .gaps_container.horizontal .enum-answers,
.interaction.om-pairs .block.horizontal .enum-answers {
  display: inline-block;
}
.interaction.om-pairs .gaps_container.horizontal .drop_area,
.interaction.om-pairs .block.horizontal .drop_area {
  display: table;
}
.interaction.om-pairs .gaps_container.horizontal .drop_area > .content,
.interaction.om-pairs .block.horizontal .drop_area > .content {
  display: inline-block;
  line-height: 40px;
  vertical-align: middle;
  margin-right: 6px;
}
.interaction.om-pairs .gaps_container.horizontal .drag_holder,
.interaction.om-pairs .block.horizontal .drag_holder {
  display: inline-block;
  vertical-align: top;
}
.interaction.om-pairs .block:empty {
  display: none;
}
.interaction.om-pairs .drop_area,
.interaction.om-pairs .block .drop_area {
  margin: 0 20px 20px 0;
  position: relative;
  padding: 0;
}
.interaction.om-pairs .drop_area > .content,
.interaction.om-pairs .block .drop_area > .content {
  font: normal 100 20px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
}
.interaction.om-pairs .drop_area .drag_holder,
.interaction.om-pairs .block .drop_area .drag_holder {
  content: "";
  display: inline-block;
  min-height: 40px;
  min-width: 80px;
  position: relative;
  background: #dfdfdf;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  display: block;
}
.interaction.om-pairs .drop_area .drag_holder .place_holder,
.interaction.om-pairs .block .drop_area .drag_holder .place_holder {
  border: 1px solid transparent;
  font: normal 700 18px/24px Helvetica, Arial, sans-serif;
}
.interaction.om-pairs .drop_area.drop-indicator.hovered .drag_holder,
.interaction.om-pairs .block .drop_area.drop-indicator.hovered .drag_holder {
  background: #0d0d0d;
}
.interaction.om-pairs .drop_area img,
.interaction.om-pairs .block .drop_area img {
  margin-bottom: 10px;
}
.interaction.om-pairs .drop_area .image-div,
.interaction.om-pairs .block .drop_area .image-div {
  text-align: center;
}
.interaction.om-pairs .drop_area .drag_holder .drag_element,
.interaction.om-pairs .block .drop_area .drag_holder .drag_element,
.interaction.om-pairs .drop_area .drag_holder .prefilled,
.interaction.om-pairs .block .drop_area .drag_holder .prefilled {
  font: normal 700 18px/24px Helvetica, Arial, sans-serif;
  letter-spacing: 0;
  text-align: center;
  padding: 0;
  cursor: default;
  vertical-align: middle;
  min-width: 80px;
}
.interaction.om-pairs .drop_area .drag_holder .drag_element > div:not(.check),
.interaction.om-pairs .block .drop_area .drag_holder .drag_element > div:not(.check),
.interaction.om-pairs .drop_area .drag_holder .prefilled > div:not(.check),
.interaction.om-pairs .block .drop_area .drag_holder .prefilled > div:not(.check) {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #fff;
  color: #3d3d3d;
  border: 1px solid #bbb;
  padding: 7px 20px;
  -webkit-transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
  -o-transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
  transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
}
.interaction.om-pairs .drop_area .drag_holder .drag_element > div:not(.check) img:not(.Wirisformula),
.interaction.om-pairs .block .drop_area .drag_holder .drag_element > div:not(.check) img:not(.Wirisformula),
.interaction.om-pairs .drop_area .drag_holder .prefilled > div:not(.check) img:not(.Wirisformula),
.interaction.om-pairs .block .drop_area .drag_holder .prefilled > div:not(.check) img:not(.Wirisformula) {
  margin: 0 -13px;
}
.interaction.om-pairs .drop_area .drag_holder .drag_element:not(.prefilled):not(.ui-draggable-disabled):not(.ui-disabled):hover > div:not(.check),
.interaction.om-pairs .block .drop_area .drag_holder .drag_element:not(.prefilled):not(.ui-draggable-disabled):not(.ui-disabled):hover > div:not(.check),
.interaction.om-pairs .drop_area .drag_holder .prefilled:not(.prefilled):not(.ui-draggable-disabled):not(.ui-disabled):hover > div:not(.check),
.interaction.om-pairs .block .drop_area .drag_holder .prefilled:not(.prefilled):not(.ui-draggable-disabled):not(.ui-disabled):hover > div:not(.check) {
  cursor: move;
}
.status-input.interaction.om-pairs .drop_area .drag_holder .drag_element:not(.prefilled):not(.ui-draggable-disabled):not(.ui-disabled):hover > div:not(.check),
.status-input.interaction.om-pairs .block .drop_area .drag_holder .drag_element:not(.prefilled):not(.ui-draggable-disabled):not(.ui-disabled):hover > div:not(.check),
.status-input.interaction.om-pairs .drop_area .drag_holder .prefilled:not(.prefilled):not(.ui-draggable-disabled):not(.ui-disabled):hover > div:not(.check),
.status-input.interaction.om-pairs .block .drop_area .drag_holder .prefilled:not(.prefilled):not(.ui-draggable-disabled):not(.ui-disabled):hover > div:not(.check) {
  border: 1px solid #0d0d0d;
}
.interaction.om-pairs .drop_area .drag_holder .drag_element.prefilled,
.interaction.om-pairs .block .drop_area .drag_holder .drag_element.prefilled,
.interaction.om-pairs .drop_area .drag_holder .prefilled.prefilled,
.interaction.om-pairs .block .drop_area .drag_holder .prefilled.prefilled,
.interaction.om-pairs .drop_area .drag_holder .drag_element.prefilled:hover,
.interaction.om-pairs .block .drop_area .drag_holder .drag_element.prefilled:hover,
.interaction.om-pairs .drop_area .drag_holder .prefilled.prefilled:hover,
.interaction.om-pairs .block .drop_area .drag_holder .prefilled.prefilled:hover,
.interaction.om-pairs .drop_area .drag_holder .drag_element.prefilled > div:not(.check),
.interaction.om-pairs .block .drop_area .drag_holder .drag_element.prefilled > div:not(.check),
.interaction.om-pairs .drop_area .drag_holder .prefilled.prefilled > div:not(.check),
.interaction.om-pairs .block .drop_area .drag_holder .prefilled.prefilled > div:not(.check),
.interaction.om-pairs .drop_area .drag_holder .drag_element.prefilled:hover > div:not(.check),
.interaction.om-pairs .block .drop_area .drag_holder .drag_element.prefilled:hover > div:not(.check),
.interaction.om-pairs .drop_area .drag_holder .prefilled.prefilled:hover > div:not(.check),
.interaction.om-pairs .block .drop_area .drag_holder .prefilled.prefilled:hover > div:not(.check) {
  color: #3d3d3d;
  cursor: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interaction.om-pairs .drop_area .drag_holder .drag_element.selected > div:not(.check),
.interaction.om-pairs .block .drop_area .drag_holder .drag_element.selected > div:not(.check),
.interaction.om-pairs .drop_area .drag_holder .prefilled.selected > div:not(.check),
.interaction.om-pairs .block .drop_area .drag_holder .prefilled.selected > div:not(.check),
.interaction.om-pairs .drop_area .drag_holder .drag_element.selected:hover > div:not(.check),
.interaction.om-pairs .block .drop_area .drag_holder .drag_element.selected:hover > div:not(.check),
.interaction.om-pairs .drop_area .drag_holder .prefilled.selected:hover > div:not(.check),
.interaction.om-pairs .block .drop_area .drag_holder .prefilled.selected:hover > div:not(.check) {
  background: #f5e38d;
  border: 1px solid #edcc2f;
  -webkit-box-shadow: none;
  box-shadow: none;
  position: relative;
  right: -5px;
  top: -5px;
}
.interaction.om-pairs .drop_area .drag_holder .drag_element.dragged,
.interaction.om-pairs .block .drop_area .drag_holder .drag_element.dragged,
.interaction.om-pairs .drop_area .drag_holder .prefilled.dragged,
.interaction.om-pairs .block .drop_area .drag_holder .prefilled.dragged {
  overflow: visible;
}
.interaction.om-pairs .drop_area .drag_holder .drag_element.dragged > div,
.interaction.om-pairs .block .drop_area .drag_holder .drag_element.dragged > div,
.interaction.om-pairs .drop_area .drag_holder .prefilled.dragged > div,
.interaction.om-pairs .block .drop_area .drag_holder .prefilled.dragged > div,
.interaction.om-pairs .drop_area .drag_holder .drag_element.ui-draggable-dragging > div,
.interaction.om-pairs .block .drop_area .drag_holder .drag_element.ui-draggable-dragging > div,
.interaction.om-pairs .drop_area .drag_holder .prefilled.ui-draggable-dragging > div,
.interaction.om-pairs .block .drop_area .drag_holder .prefilled.ui-draggable-dragging > div,
.interaction.om-pairs .drop_area .drag_holder .drag_element.ui-draggable-dragged > div,
.interaction.om-pairs .block .drop_area .drag_holder .drag_element.ui-draggable-dragged > div,
.interaction.om-pairs .drop_area .drag_holder .prefilled.ui-draggable-dragged > div,
.interaction.om-pairs .block .drop_area .drag_holder .prefilled.ui-draggable-dragged > div {
  border: 1px solid #0d0d0d;
  cursor: move;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interaction.om-pairs .drop_area .drag_holder .drag_element.drop-placeholder:not(.drop-indicator),
.interaction.om-pairs .block .drop_area .drag_holder .drag_element.drop-placeholder:not(.drop-indicator),
.interaction.om-pairs .drop_area .drag_holder .prefilled.drop-placeholder:not(.drop-indicator),
.interaction.om-pairs .block .drop_area .drag_holder .prefilled.drop-placeholder:not(.drop-indicator) {
  visibility: hidden;
}
.interaction.om-pairs .drop_area .drag_holder .drag_element.dragged,
.interaction.om-pairs .block .drop_area .drag_holder .drag_element.dragged,
.interaction.om-pairs .drop_area .drag_holder .prefilled.dragged,
.interaction.om-pairs .block .drop_area .drag_holder .prefilled.dragged,
.interaction.om-pairs .drop_area .drag_holder .drag_element.ui-draggable-dragging,
.interaction.om-pairs .block .drop_area .drag_holder .drag_element.ui-draggable-dragging,
.interaction.om-pairs .drop_area .drag_holder .prefilled.ui-draggable-dragging,
.interaction.om-pairs .block .drop_area .drag_holder .prefilled.ui-draggable-dragging,
.interaction.om-pairs .drop_area .drag_holder .drag_element.ui-draggable-dragged,
.interaction.om-pairs .block .drop_area .drag_holder .drag_element.ui-draggable-dragged,
.interaction.om-pairs .drop_area .drag_holder .prefilled.ui-draggable-dragged,
.interaction.om-pairs .block .drop_area .drag_holder .prefilled.ui-draggable-dragged {
  z-index: 2700;
}
.interaction.om-pairs .drop_area .drag_holder .drag_element.ui-draggable-disabled,
.interaction.om-pairs .block .drop_area .drag_holder .drag_element.ui-draggable-disabled,
.interaction.om-pairs .drop_area .drag_holder .prefilled.ui-draggable-disabled,
.interaction.om-pairs .block .drop_area .drag_holder .prefilled.ui-draggable-disabled {
  opacity: 1;
}
.interaction.om-pairs .drop_area .drag_holder .drag_element .check,
.interaction.om-pairs .block .drop_area .drag_holder .drag_element .check,
.interaction.om-pairs .drop_area .drag_holder .prefilled .check,
.interaction.om-pairs .block .drop_area .drag_holder .prefilled .check {
  padding: 0;
}
.interaction.om-pairs .drop_area:focus,
.interaction.om-pairs .block .drop_area:focus {
  outline: 0;
}
.interaction.om-pairs .has_audio_attached .playbutton,
.interaction.om-pairs .has_audio_attached .image-as-trigger .play-button,
.interaction.om-pairs .has_audio_attached .ui-draggable-dragging .has_audio_attached .drag_audio_player,
.interaction.om-pairs .has_audio_attached .interaction.drag-drop .has_audio_attached .drag_audio_player {
  position: absolute;
  top: 0;
  left: 0;
}
.interaction.om-text-gap.invisible .gap_match_view .wordpool .block .drag_holder,
.interaction.om-text-gap-label-an-object.invisible .gap_match_view .wordpool .block .drag_holder {
  background: 0;
  border: 0 none;
  box-shadow: none;
  min-width: inherit;
}
.interaction.om-text-gap.invisible .gap_match_view .wordpool .block .place_holder,
.interaction.om-text-gap-label-an-object.invisible .gap_match_view .wordpool .block .place_holder {
  padding: 2px 10px;
}
.interaction.om-text-gap .wordpool.alignment_left,
.interaction.om-text-gap-label-an-object .wordpool.alignment_left,
.interaction.om-text-gap .wordpool.alignment_right,
.interaction.om-text-gap-label-an-object .wordpool.alignment_right {
  float: none !important;
}
.interaction.om-text-gap .wordpool.alignment_left .pool,
.interaction.om-text-gap-label-an-object .wordpool.alignment_left .pool,
.interaction.om-text-gap .wordpool.alignment_right .pool,
.interaction.om-text-gap-label-an-object .wordpool.alignment_right .pool {
  width: 240px;
}
.interaction.om-text-gap .wordpool.alignment_left .contentblock:after,
.interaction.om-text-gap-label-an-object .wordpool.alignment_left .contentblock:after,
.interaction.om-text-gap .wordpool.alignment_right .contentblock:after,
.interaction.om-text-gap-label-an-object .wordpool.alignment_right .contentblock:after {
  clear: none;
}
.interaction.om-text-gap .wordpool.alignment_right,
.interaction.om-text-gap-label-an-object .wordpool.alignment_right {
  float: right;
}
.interaction.om-text-gap .wordpool.alignment_right .pool,
.interaction.om-text-gap-label-an-object .wordpool.alignment_right .pool {
  float: right;
  margin: 0 0 0 40px;
}
.interaction.om-text-gap .wordpool.alignment_right .block,
.interaction.om-text-gap-label-an-object .wordpool.alignment_right .block {
  margin-right: 280px;
}
.interaction.om-text-gap .wordpool.alignment_left .pool,
.interaction.om-text-gap-label-an-object .wordpool.alignment_left .pool {
  float: left;
  margin: 0 40px 0 0;
}
.interaction.om-text-gap .wordpool.alignment_left .block,
.interaction.om-text-gap-label-an-object .wordpool.alignment_left .block {
  margin-left: 280px;
}
.interaction.om-text-gap .wordpool.alignment_bottom .pool,
.interaction.om-text-gap-label-an-object .wordpool.alignment_bottom .pool {
  margin: 40px 0 0;
}
.interaction.om-text-gap .wordpool .pool,
.interaction.om-text-gap-label-an-object .wordpool .pool {
  background: none;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  padding: 12px 12px 2px 24px;
}
.interaction.om-text-gap .wordpool .pool.ui-draggable,
.interaction.om-text-gap-label-an-object .wordpool .pool.ui-draggable {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interaction.om-text-gap .wordpool .pool.ui-draggable.ui-draggable-dragging,
.interaction.om-text-gap-label-an-object .wordpool .pool.ui-draggable.ui-draggable-dragging {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interaction.om-text-gap .wordpool .pool h2,
.interaction.om-text-gap-label-an-object .wordpool .pool h2,
.interaction.om-text-gap .wordpool .pool .drag-handle,
.interaction.om-text-gap-label-an-object .wordpool .pool .drag-handle {
  font: normal 700 13px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  color: #aaa;
  text-transform: lowercase;
  margin: -12px -24px 0;
  padding: 6px 24px;
  height: 30px;
  cursor: move;
}
.interaction.om-text-gap .wordpool .pool h2 .reset_position,
.interaction.om-text-gap-label-an-object .wordpool .pool h2 .reset_position,
.interaction.om-text-gap .wordpool .pool .drag-handle .reset_position,
.interaction.om-text-gap-label-an-object .wordpool .pool .drag-handle .reset_position {
  color: #444;
  text-transform: lowercase;
  background-color: transparent;
  outline: 0;
  border: 0;
  cursor: pointer;
}
.interaction.om-text-gap .wordpool .pool h2 .reset_position:hover,
.interaction.om-text-gap-label-an-object .wordpool .pool h2 .reset_position:hover,
.interaction.om-text-gap .wordpool .pool .drag-handle .reset_position:hover,
.interaction.om-text-gap-label-an-object .wordpool .pool .drag-handle .reset_position:hover {
  color: #0d0d0d;
}
.interaction.om-text-gap .wordpool .pool,
.interaction.om-text-gap-label-an-object .wordpool .pool,
.interaction.om-text-gap .wordpool .pool.horizontal,
.interaction.om-text-gap-label-an-object .wordpool .pool.horizontal {
  margin: 0 0 40px;
}
.interaction.om-text-gap .wordpool .pool.vertical,
.interaction.om-text-gap-label-an-object .wordpool .pool.vertical {
  margin: 0 0 0 40px;
}
.interaction.om-text-gap .wordpool .pool.left,
.interaction.om-text-gap-label-an-object .wordpool .pool.left,
.interaction.om-text-gap .wordpool .pool.right,
.interaction.om-text-gap-label-an-object .wordpool .pool.right {
  width: 240px;
}
.interaction.om-text-gap .wordpool .pool.left .drop_item_zone,
.interaction.om-text-gap-label-an-object .wordpool .pool.left .drop_item_zone,
.interaction.om-text-gap .wordpool .pool.right .drop_item_zone,
.interaction.om-text-gap-label-an-object .wordpool .pool.right .drop_item_zone {
  min-width: 0;
  width: 100% !important;
}
.interaction.om-text-gap .wordpool .pool.left,
.interaction.om-text-gap-label-an-object .wordpool .pool.left {
  float: left;
  margin: 0 40px 0 0;
}
.interaction.om-text-gap .wordpool .pool.right,
.interaction.om-text-gap-label-an-object .wordpool .pool.right {
  float: right;
  margin: 0 0 0 40px;
}
.interaction.om-text-gap .wordpool .pool.bottom,
.interaction.om-text-gap-label-an-object .wordpool .pool.bottom {
  margin: 40px 0 0;
}
.interaction.om-text-gap .wordpool .pool .prefill,
.interaction.om-text-gap-label-an-object .wordpool .pool .prefill,
.interaction.om-text-gap .wordpool .pool .prefilled,
.interaction.om-text-gap-label-an-object .wordpool .pool .prefilled {
  display: none !important;
}
.interaction.om-text-gap .wordpool .pool .drop_area,
.interaction.om-text-gap-label-an-object .wordpool .pool .drop_area {
  margin: 0 20px 20px 0;
  display: inline-block;
  background: #dfdfdf;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 0 12px 12px 0;
  min-height: 40px;
  min-width: 80px !important;
  vertical-align: middle;
  width: auto !important;
  max-width: inherit;
  position: relative;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
}
.interaction.om-text-gap .wordpool .pool .drop_area.has_drag,
.interaction.om-text-gap-label-an-object .wordpool .pool .drop_area.has_drag,
.interaction.om-text-gap .wordpool .pool .drop_area.has_drag_item,
.interaction.om-text-gap-label-an-object .wordpool .pool .drop_area.has_drag_item {
  border: none;
}
.interaction.om-text-gap .wordpool .pool .drop_area.hovered,
.interaction.om-text-gap-label-an-object .wordpool .pool .drop_area.hovered {
  background: #0d0d0d;
}
.interaction.om-text-gap .wordpool .pool .drop_area .place_holder,
.interaction.om-text-gap-label-an-object .wordpool .pool .drop_area .place_holder {
  padding: 7px 20px;
  font: normal 700 18px/24px Helvetica, Arial, sans-serif;
}
.interaction.om-text-gap .wordpool .pool .drop_area:focus,
.interaction.om-text-gap-label-an-object .wordpool .pool .drop_area:focus {
  outline: 0;
}
.interaction.om-text-gap .wordpool .pool .drop_area:last-child,
.interaction.om-text-gap-label-an-object .wordpool .pool .drop_area:last-child {
  margin-right: 0;
}
.interaction.om-text-gap .wordpool .pool .drop_area .drag_holder,
.interaction.om-text-gap-label-an-object .wordpool .pool .drop_area .drag_holder {
  content: "";
  display: inline-block;
  min-height: 40px;
  min-width: 80px;
  position: relative;
  background: #dfdfdf;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  display: block;
}
.interaction.om-text-gap .wordpool .pool .drop_area .drag_holder .place_holder,
.interaction.om-text-gap-label-an-object .wordpool .pool .drop_area .drag_holder .place_holder {
  border: 1px solid transparent;
  font: normal 700 18px/24px Helvetica, Arial, sans-serif;
}
.interaction.om-text-gap .wordpool .pool .drop_area.drag-dragged .drag_element,
.interaction.om-text-gap-label-an-object .wordpool .pool .drop_area.drag-dragged .drag_element {
  width: 100% !important;
}
.interaction.om-text-gap .wordpool .pool .drop_area.stack_drop_area .drag_holder,
.interaction.om-text-gap-label-an-object .wordpool .pool .drop_area.stack_drop_area .drag_holder {
  vertical-align: bottom;
}
.interaction.om-text-gap .wordpool .pool .drop_area.stack_drop_area .drag_element,
.interaction.om-text-gap-label-an-object .wordpool .pool .drop_area.stack_drop_area .drag_element {
  margin-bottom: -43px;
}
.interaction.om-text-gap .wordpool .pool .drop_area.stack_drop_area .drag_element:not(:last-child),
.interaction.om-text-gap-label-an-object .wordpool .pool .drop_area.stack_drop_area .drag_element:not(:last-child) {
  cursor: default;
}
.interaction.om-text-gap .wordpool .pool .drop_area.stack_drop_area .drag_element:not(:last-child):hover > div,
.interaction.om-text-gap-label-an-object .wordpool .pool .drop_area.stack_drop_area .drag_element:not(:last-child):hover > div {
  border: 1px solid #bbb;
}
.interaction.om-text-gap .wordpool .pool .drag_element,
.interaction.om-text-gap-label-an-object .wordpool .pool .drag_element {
  font: normal 700 18px/24px Helvetica, Arial, sans-serif;
  letter-spacing: 0;
  text-align: center;
  padding: 0;
  cursor: default;
  vertical-align: middle;
  min-width: 80px;
}
.interaction.om-text-gap .wordpool .pool .drag_element > div:not(.check),
.interaction.om-text-gap-label-an-object .wordpool .pool .drag_element > div:not(.check) {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #fff;
  color: #3d3d3d;
  border: 1px solid #bbb;
  padding: 7px 20px;
  -webkit-transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
  -o-transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
  transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
}
.interaction.om-text-gap .wordpool .pool .drag_element > div:not(.check) img:not(.Wirisformula),
.interaction.om-text-gap-label-an-object .wordpool .pool .drag_element > div:not(.check) img:not(.Wirisformula) {
  margin: 0 -13px;
}
.interaction.om-text-gap .wordpool .pool .drag_element:not(.prefilled):not(.ui-draggable-disabled):not(.ui-disabled):hover > div:not(.check),
.interaction.om-text-gap-label-an-object .wordpool .pool .drag_element:not(.prefilled):not(.ui-draggable-disabled):not(.ui-disabled):hover > div:not(.check) {
  cursor: move;
}
.status-input.interaction.om-text-gap .wordpool .pool .drag_element:not(.prefilled):not(.ui-draggable-disabled):not(.ui-disabled):hover > div:not(.check),
.status-input.interaction.om-text-gap-label-an-object .wordpool .pool .drag_element:not(.prefilled):not(.ui-draggable-disabled):not(.ui-disabled):hover > div:not(.check) {
  border: 1px solid #0d0d0d;
}
.interaction.om-text-gap .wordpool .pool .drag_element.prefilled,
.interaction.om-text-gap-label-an-object .wordpool .pool .drag_element.prefilled,
.interaction.om-text-gap .wordpool .pool .drag_element.prefilled:hover,
.interaction.om-text-gap-label-an-object .wordpool .pool .drag_element.prefilled:hover,
.interaction.om-text-gap .wordpool .pool .drag_element.prefilled > div:not(.check),
.interaction.om-text-gap-label-an-object .wordpool .pool .drag_element.prefilled > div:not(.check),
.interaction.om-text-gap .wordpool .pool .drag_element.prefilled:hover > div:not(.check),
.interaction.om-text-gap-label-an-object .wordpool .pool .drag_element.prefilled:hover > div:not(.check) {
  color: #3d3d3d;
  cursor: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interaction.om-text-gap .wordpool .pool .drag_element.selected > div:not(.check),
.interaction.om-text-gap-label-an-object .wordpool .pool .drag_element.selected > div:not(.check),
.interaction.om-text-gap .wordpool .pool .drag_element.selected:hover > div:not(.check),
.interaction.om-text-gap-label-an-object .wordpool .pool .drag_element.selected:hover > div:not(.check) {
  background: #f5e38d;
  border: 1px solid #edcc2f;
  -webkit-box-shadow: none;
  box-shadow: none;
  position: relative;
  right: -5px;
  top: -5px;
}
.interaction.om-text-gap .wordpool .pool .drag_element.dragged,
.interaction.om-text-gap-label-an-object .wordpool .pool .drag_element.dragged {
  overflow: visible;
}
.interaction.om-text-gap .wordpool .pool .drag_element.dragged > div,
.interaction.om-text-gap-label-an-object .wordpool .pool .drag_element.dragged > div,
.interaction.om-text-gap .wordpool .pool .drag_element.ui-draggable-dragging > div,
.interaction.om-text-gap-label-an-object .wordpool .pool .drag_element.ui-draggable-dragging > div,
.interaction.om-text-gap .wordpool .pool .drag_element.ui-draggable-dragged > div,
.interaction.om-text-gap-label-an-object .wordpool .pool .drag_element.ui-draggable-dragged > div {
  border: 1px solid #0d0d0d;
  cursor: move;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interaction.om-text-gap .wordpool .pool .drag_element.drop-placeholder:not(.drop-indicator),
.interaction.om-text-gap-label-an-object .wordpool .pool .drag_element.drop-placeholder:not(.drop-indicator) {
  visibility: hidden;
}
.interaction.om-text-gap .wordpool .pool .drag_element.dragged,
.interaction.om-text-gap-label-an-object .wordpool .pool .drag_element.dragged,
.interaction.om-text-gap .wordpool .pool .drag_element.ui-draggable-dragging,
.interaction.om-text-gap-label-an-object .wordpool .pool .drag_element.ui-draggable-dragging,
.interaction.om-text-gap .wordpool .pool .drag_element.ui-draggable-dragged,
.interaction.om-text-gap-label-an-object .wordpool .pool .drag_element.ui-draggable-dragged {
  z-index: 2700;
}
.interaction.om-text-gap .wordpool .pool .drag_element.ui-draggable-disabled,
.interaction.om-text-gap-label-an-object .wordpool .pool .drag_element.ui-draggable-disabled {
  opacity: 1;
}
.interaction.om-text-gap .wordpool .pool .drag_element .check,
.interaction.om-text-gap-label-an-object .wordpool .pool .drag_element .check {
  padding: 0;
}
.interaction.om-text-gap .wordpool .pool .drag_holder,
.interaction.om-text-gap-label-an-object .wordpool .pool .drag_holder,
.interaction.om-text-gap .wordpool .pool .drag_element,
.interaction.om-text-gap-label-an-object .wordpool .pool .drag_element {
  min-width: 80px !important;
  /*
        engine mistakingly applies the height of the highest droppable
        to gaps inside wordpool making less high elements look lost within (#11592)
        this overrides the inline declaration to make the gap the same
        height as the element inside it
        */
  min-height: inherit !important;
}
.interaction.om-text-gap .wordpool .block,
.interaction.om-text-gap-label-an-object .wordpool .block {
  line-height: 40px;
}
.interaction.om-text-gap .wordpool .block *,
.interaction.om-text-gap-label-an-object .wordpool .block * {
  /* prevent font boosting on mobile devices */
  max-height: 100000px;
}
.interaction.om-text-gap .wordpool .block .drop_area,
.interaction.om-text-gap-label-an-object .wordpool .block .drop_area {
  display: inline-block;
  outline: 0;
  margin: 0 5px 4px;
  vertical-align: middle;
  z-index: auto;
}
.interaction.om-text-gap .wordpool .block .drop_area.word-beginning,
.interaction.om-text-gap-label-an-object .wordpool .block .drop_area.word-beginning {
  margin-right: 0;
}
.interaction.om-text-gap .wordpool .block .drop_area.word-ending,
.interaction.om-text-gap-label-an-object .wordpool .block .drop_area.word-ending {
  margin-left: 0;
}
.interaction.om-text-gap .wordpool .block .drop_area.word-middle,
.interaction.om-text-gap-label-an-object .wordpool .block .drop_area.word-middle {
  margin: 0 0 4px;
}
.interaction.om-text-gap .wordpool .block .drop_area .drag_holder,
.interaction.om-text-gap-label-an-object .wordpool .block .drop_area .drag_holder {
  content: "";
  display: inline-block;
  min-height: 40px;
  min-width: 80px;
  position: relative;
  background: #dfdfdf;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  padding: 0;
  vertical-align: middle;
}
.interaction.om-text-gap .wordpool .block .drop_area .drag_holder .place_holder,
.interaction.om-text-gap-label-an-object .wordpool .block .drop_area .drag_holder .place_holder {
  border: 1px solid transparent;
  font: normal 700 18px/24px Helvetica, Arial, sans-serif;
}
.interaction.om-text-gap .wordpool .block .drop_area .drag_element,
.interaction.om-text-gap-label-an-object .wordpool .block .drop_area .drag_element {
  font: normal 700 18px/24px Helvetica, Arial, sans-serif;
  letter-spacing: 0;
  text-align: center;
  padding: 0;
  cursor: default;
  vertical-align: middle;
  min-width: 80px;
}
.interaction.om-text-gap .wordpool .block .drop_area .drag_element > div:not(.check),
.interaction.om-text-gap-label-an-object .wordpool .block .drop_area .drag_element > div:not(.check) {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #fff;
  color: #3d3d3d;
  border: 1px solid #bbb;
  padding: 7px 20px;
  -webkit-transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
  -o-transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
  transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
}
.interaction.om-text-gap .wordpool .block .drop_area .drag_element > div:not(.check) img:not(.Wirisformula),
.interaction.om-text-gap-label-an-object .wordpool .block .drop_area .drag_element > div:not(.check) img:not(.Wirisformula) {
  margin: 0 -13px;
}
.interaction.om-text-gap .wordpool .block .drop_area .drag_element:not(.prefilled):not(.ui-draggable-disabled):not(.ui-disabled):hover > div:not(.check),
.interaction.om-text-gap-label-an-object .wordpool .block .drop_area .drag_element:not(.prefilled):not(.ui-draggable-disabled):not(.ui-disabled):hover > div:not(.check) {
  cursor: move;
}
.status-input.interaction.om-text-gap .wordpool .block .drop_area .drag_element:not(.prefilled):not(.ui-draggable-disabled):not(.ui-disabled):hover > div:not(.check),
.status-input.interaction.om-text-gap-label-an-object .wordpool .block .drop_area .drag_element:not(.prefilled):not(.ui-draggable-disabled):not(.ui-disabled):hover > div:not(.check) {
  border: 1px solid #0d0d0d;
}
.interaction.om-text-gap .wordpool .block .drop_area .drag_element.prefilled,
.interaction.om-text-gap-label-an-object .wordpool .block .drop_area .drag_element.prefilled,
.interaction.om-text-gap .wordpool .block .drop_area .drag_element.prefilled:hover,
.interaction.om-text-gap-label-an-object .wordpool .block .drop_area .drag_element.prefilled:hover,
.interaction.om-text-gap .wordpool .block .drop_area .drag_element.prefilled > div:not(.check),
.interaction.om-text-gap-label-an-object .wordpool .block .drop_area .drag_element.prefilled > div:not(.check),
.interaction.om-text-gap .wordpool .block .drop_area .drag_element.prefilled:hover > div:not(.check),
.interaction.om-text-gap-label-an-object .wordpool .block .drop_area .drag_element.prefilled:hover > div:not(.check) {
  color: #3d3d3d;
  cursor: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interaction.om-text-gap .wordpool .block .drop_area .drag_element.selected > div:not(.check),
.interaction.om-text-gap-label-an-object .wordpool .block .drop_area .drag_element.selected > div:not(.check),
.interaction.om-text-gap .wordpool .block .drop_area .drag_element.selected:hover > div:not(.check),
.interaction.om-text-gap-label-an-object .wordpool .block .drop_area .drag_element.selected:hover > div:not(.check) {
  background: #f5e38d;
  border: 1px solid #edcc2f;
  -webkit-box-shadow: none;
  box-shadow: none;
  position: relative;
  right: -5px;
  top: -5px;
}
.interaction.om-text-gap .wordpool .block .drop_area .drag_element.dragged,
.interaction.om-text-gap-label-an-object .wordpool .block .drop_area .drag_element.dragged {
  overflow: visible;
}
.interaction.om-text-gap .wordpool .block .drop_area .drag_element.dragged > div,
.interaction.om-text-gap-label-an-object .wordpool .block .drop_area .drag_element.dragged > div,
.interaction.om-text-gap .wordpool .block .drop_area .drag_element.ui-draggable-dragging > div,
.interaction.om-text-gap-label-an-object .wordpool .block .drop_area .drag_element.ui-draggable-dragging > div,
.interaction.om-text-gap .wordpool .block .drop_area .drag_element.ui-draggable-dragged > div,
.interaction.om-text-gap-label-an-object .wordpool .block .drop_area .drag_element.ui-draggable-dragged > div {
  border: 1px solid #0d0d0d;
  cursor: move;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interaction.om-text-gap .wordpool .block .drop_area .drag_element.drop-placeholder:not(.drop-indicator),
.interaction.om-text-gap-label-an-object .wordpool .block .drop_area .drag_element.drop-placeholder:not(.drop-indicator) {
  visibility: hidden;
}
.interaction.om-text-gap .wordpool .block .drop_area .drag_element.dragged,
.interaction.om-text-gap-label-an-object .wordpool .block .drop_area .drag_element.dragged,
.interaction.om-text-gap .wordpool .block .drop_area .drag_element.ui-draggable-dragging,
.interaction.om-text-gap-label-an-object .wordpool .block .drop_area .drag_element.ui-draggable-dragging,
.interaction.om-text-gap .wordpool .block .drop_area .drag_element.ui-draggable-dragged,
.interaction.om-text-gap-label-an-object .wordpool .block .drop_area .drag_element.ui-draggable-dragged {
  z-index: 2700;
}
.interaction.om-text-gap .wordpool .block .drop_area .drag_element.ui-draggable-disabled,
.interaction.om-text-gap-label-an-object .wordpool .block .drop_area .drag_element.ui-draggable-disabled {
  opacity: 1;
}
.interaction.om-text-gap .wordpool .block .drop_area .drag_element .check,
.interaction.om-text-gap-label-an-object .wordpool .block .drop_area .drag_element .check {
  padding: 0;
}
.interaction.om-text-gap .wordpool .block .drop_area .width-measure,
.interaction.om-text-gap-label-an-object .wordpool .block .drop_area .width-measure {
  display: none;
}
.interaction.om-text-gap .wordpool .block .drop_area.is-active-target .drag_holder,
.interaction.om-text-gap-label-an-object .wordpool .block .drop_area.is-active-target .drag_holder {
  background: #0d0d0d;
}
.interaction.om-text-gap .wordpool .block .drop_area.arrow_drag_holder_top,
.interaction.om-text-gap-label-an-object .wordpool .block .drop_area.arrow_drag_holder_top,
.interaction.om-text-gap .wordpool .block .drop_area.arrow_drag_holder_left,
.interaction.om-text-gap-label-an-object .wordpool .block .drop_area.arrow_drag_holder_left,
.interaction.om-text-gap .wordpool .block .drop_area.arrow_drag_holder_right,
.interaction.om-text-gap-label-an-object .wordpool .block .drop_area.arrow_drag_holder_right,
.interaction.om-text-gap .wordpool .block .drop_area.arrow_drag_holder_bottom,
.interaction.om-text-gap-label-an-object .wordpool .block .drop_area.arrow_drag_holder_bottom {
  background: #444;
  padding: 5px;
  color: #fff;
}
.interaction.om-text-gap .wordpool .block .drop_area.arrow_drag_holder_top:before,
.interaction.om-text-gap-label-an-object .wordpool .block .drop_area.arrow_drag_holder_top:before,
.interaction.om-text-gap .wordpool .block .drop_area.arrow_drag_holder_left:before,
.interaction.om-text-gap-label-an-object .wordpool .block .drop_area.arrow_drag_holder_left:before,
.interaction.om-text-gap .wordpool .block .drop_area.arrow_drag_holder_right:before,
.interaction.om-text-gap-label-an-object .wordpool .block .drop_area.arrow_drag_holder_right:before,
.interaction.om-text-gap .wordpool .block .drop_area.arrow_drag_holder_bottom:before,
.interaction.om-text-gap-label-an-object .wordpool .block .drop_area.arrow_drag_holder_bottom:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
}
.interaction.om-text-gap .wordpool .block .drop_area.arrow_drag_holder_right:before,
.interaction.om-text-gap-label-an-object .wordpool .block .drop_area.arrow_drag_holder_right:before {
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-left: 15px solid #444;
  top: 50%;
  right: -15px;
  margin-top: -9px;
}
.interaction.om-text-gap .wordpool .block .drop_area.arrow_drag_holder_left:before,
.interaction.om-text-gap-label-an-object .wordpool .block .drop_area.arrow_drag_holder_left:before {
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-right: 15px solid #444;
  top: 50%;
  left: -15px;
  margin-top: -9px;
}
.interaction.om-text-gap .wordpool .block .drop_area.arrow_drag_holder_top:before,
.interaction.om-text-gap-label-an-object .wordpool .block .drop_area.arrow_drag_holder_top:before {
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 15px solid #444;
  top: -15px;
  left: 50%;
  margin-left: -9px;
}
.interaction.om-text-gap .wordpool .block .drop_area.arrow_drag_holder_bottom:before,
.interaction.om-text-gap-label-an-object .wordpool .block .drop_area.arrow_drag_holder_bottom:before {
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 15px solid #444;
  bottom: -15px;
  left: 50%;
  margin-left: -9px;
}
.interaction.om-text-gap.display-as-completed .contentblock.all-filled:not(:hover) .drop_area,
.interaction.om-text-gap-label-an-object.display-as-completed .contentblock.all-filled:not(:hover) .drop_area {
  margin: 0;
  line-height: inherit;
  display: inline-block;
  vertical-align: top;
}
.interaction.om-text-gap.display-as-completed .contentblock.all-filled:not(:hover) .drop_area .enum-answers,
.interaction.om-text-gap-label-an-object.display-as-completed .contentblock.all-filled:not(:hover) .drop_area .enum-answers {
  display: none;
}
.interaction.om-text-gap.display-as-completed .contentblock.all-filled:not(:hover) .drop_area .drag_holder,
.interaction.om-text-gap-label-an-object.display-as-completed .contentblock.all-filled:not(:hover) .drop_area .drag_holder {
  min-height: 0;
  min-width: 0;
  display: inline;
  background: transparent;
  vertical-align: initial;
}
.interaction.om-text-gap.display-as-completed .contentblock.all-filled:not(:hover) .drop_area .drag_holder .drag_element,
.interaction.om-text-gap-label-an-object.display-as-completed .contentblock.all-filled:not(:hover) .drop_area .drag_holder .drag_element {
  min-width: 0;
  display: inline;
  vertical-align: inherit;
}
.interaction.om-text-gap.display-as-completed .contentblock.all-filled:not(:hover) .drop_area .drag_holder .drag_element .content,
.interaction.om-text-gap-label-an-object.display-as-completed .contentblock.all-filled:not(:hover) .drop_area .drag_holder .drag_element .content {
  padding: 0;
  border: none;
  background: transparent;
  box-shadow: none;
  font-weight: 400;
  display: inline;
}
.interaction.om-text-gap.gaps_between_words .wordpool .block .drop_area:not(.has_drag),
.interaction.om-text-gap-label-an-object.gaps_between_words .wordpool .block .drop_area:not(.has_drag),
.interaction.om-text-gap.gaps_between_letters .wordpool .block .drop_area:not(.has_drag),
.interaction.om-text-gap-label-an-object.gaps_between_letters .wordpool .block .drop_area:not(.has_drag) {
  width: 0;
  margin: 0;
}
.interaction.om-text-gap.gaps_between_words .wordpool .block .drop_area:not(.has_drag) .drag_holder,
.interaction.om-text-gap-label-an-object.gaps_between_words .wordpool .block .drop_area:not(.has_drag) .drag_holder,
.interaction.om-text-gap.gaps_between_letters .wordpool .block .drop_area:not(.has_drag) .drag_holder,
.interaction.om-text-gap-label-an-object.gaps_between_letters .wordpool .block .drop_area:not(.has_drag) .drag_holder {
  left: -2.5px;
  height: 40px;
  background: transparent;
}
.interaction.om-text-gap.gaps_between_words .wordpool .block .drop_area:not(.has_drag) .drag_holder .place_holder,
.interaction.om-text-gap-label-an-object.gaps_between_words .wordpool .block .drop_area:not(.has_drag) .drag_holder .place_holder,
.interaction.om-text-gap.gaps_between_letters .wordpool .block .drop_area:not(.has_drag) .drag_holder .place_holder,
.interaction.om-text-gap-label-an-object.gaps_between_letters .wordpool .block .drop_area:not(.has_drag) .drag_holder .place_holder {
  width: 5px;
  border: 0;
}
.interaction.om-text-gap.gaps_between_words .wordpool .block .drop_area:not(.has_drag).after-whitespace .drag_holder,
.interaction.om-text-gap-label-an-object.gaps_between_words .wordpool .block .drop_area:not(.has_drag).after-whitespace .drag_holder,
.interaction.om-text-gap.gaps_between_letters .wordpool .block .drop_area:not(.has_drag).after-whitespace .drag_holder,
.interaction.om-text-gap-label-an-object.gaps_between_letters .wordpool .block .drop_area:not(.has_drag).after-whitespace .drag_holder {
  left: -5px;
}
.interaction.om-text-gap.gaps_between_words .wordpool .block .drop_area:not(.has_drag).is-active-target .drag_holder,
.interaction.om-text-gap-label-an-object.gaps_between_words .wordpool .block .drop_area:not(.has_drag).is-active-target .drag_holder,
.interaction.om-text-gap.gaps_between_letters .wordpool .block .drop_area:not(.has_drag).is-active-target .drag_holder,
.interaction.om-text-gap-label-an-object.gaps_between_letters .wordpool .block .drop_area:not(.has_drag).is-active-target .drag_holder {
  background: #0d0d0d;
}
.interaction.om-text-gap.gaps_between_words .drag_element.is-active-target-source .content,
.interaction.om-text-gap-label-an-object.gaps_between_words .drag_element.is-active-target-source .content,
.interaction.om-text-gap.gaps_between_letters .drag_element.is-active-target-source .content,
.interaction.om-text-gap-label-an-object.gaps_between_letters .drag_element.is-active-target-source .content {
  margin-top: 26.4px;
}
.interaction.om-text-gap.gaps_between_letters .wordpool .block .drop_area.has_drag,
.interaction.om-text-gap-label-an-object.gaps_between_letters .wordpool .block .drop_area.has_drag {
  margin: 0;
}
.interaction.om-text-gap.gaps_between_words .block .drop_area:not(.has_drag):not(.drop-indicator) {
  position: absolute;
}
.interaction.om-text-gap.fixed-gaps.wordpool .pool .drop_area {
  display: block;
  margin-right: 0;
}
.interaction.om-text-gap.fixed-gaps.wordpool .block .drop_area {
  margin-bottom: 0;
  margin-top: 2px;
  position: static;
}
.interaction.om-text-gap.fixed-gaps.wordpool .block .drop_area .drag_holder {
  vertical-align: 9px;
}
.interaction.om-text-gap.fixed-gaps.wordpool .block .drop_area.has_drag {
  white-space: normal;
  line-height: 44px;
}
.interaction.om-text-gap.fixed-gaps.wordpool .block .drop_area.has_drag,
.interaction.om-text-gap.fixed-gaps.wordpool .block .drop_area.has_drag .drag_holder,
.interaction.om-text-gap.fixed-gaps.wordpool .block .drop_area.has_drag .drag_element:not(.ui-draggable-dragging),
.interaction.om-text-gap.fixed-gaps.wordpool .block .drop_area.has_drag .drag_element:not(.ui-draggable-dragging) > div:not(.check) {
  display: inline;
  position: static;
}
.interaction.om-text-gap.fixed-gaps.wordpool .block .drop_area.has_drag .drag_holder {
  padding: 10px 0;
  vertical-align: 1px;
}
.interaction.om-text-gap.fixed-gaps.wordpool .block .drop_area.has_drag .drag_element {
  vertical-align: baseline;
}
.interaction.om-text-gap.fixed-gaps.wordpool .block .drop_area.has_drag .drag_element:not(.ui-draggable-dragging) > div:not(.check) {
  padding: 9px 20px;
}
.interaction.om-text-gap-label-an-object .wordpool .pool .drop_area {
  vertical-align: top;
}
.interaction.om-text-gap-label-an-object .wordpool .block .drop_area .drag_holder {
  box-shadow: inset 0 0 0 1px #fff;
}
.interaction.os-sorting {
  margin-left: -15px;
  margin-right: -15px;
  margin: 0;
}
.interaction.os-sorting.wordpool-left .dds_target_view,
.interaction.os-sorting.wordpool-right .dds_target_view {
  display: inline-block;
  width: calc(100% - 240px - 40px);
  padding: 0;
}
.interaction.os-sorting .dds_target_view .drop_zone {
  width: 100%;
  min-height: 100px;
  height: auto !important;
  background: none;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  float: none;
}
.interaction.os-sorting .dds_target_view .drop_zone h1 {
  margin: 0;
  padding: 0;
  text-align: center;
  font: normal 100 20px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
}
.interaction.os-sorting .dds_target_view .drop_zone.ui-droppable {
  margin: 0 20px 20px 0;
  position: relative;
  padding: 0;
}
.interaction.os-sorting .dds_target_view .drop_zone.ui-droppable h1 {
  margin: 0;
  padding: 0;
  text-align: center;
  font: normal 100 20px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
}
.interaction.os-sorting .dds_target_view .drop_zone.ui-droppable.hovered:after {
  background: #0d0d0d;
}
.interaction.os-sorting .dds_target_view .drop_zone.ui-droppable:after {
  content: "";
  display: inline-block;
  min-height: 40px;
  min-width: 80px;
  position: relative;
  background: #dfdfdf;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  width: 100%;
}
.interaction.os-sorting .dds_target_view .drop_zone.ui-droppable:after .place_holder {
  border: 1px solid transparent;
  font: normal 700 18px/24px Helvetica, Arial, sans-serif;
}
.interaction.os-sorting .dds_target_view .drop_zone.ui-droppable .drag_item {
  font: normal 700 18px/24px Helvetica, Arial, sans-serif;
  letter-spacing: 0;
  text-align: center;
  padding: 0;
  cursor: default;
  vertical-align: middle;
  min-width: 80px;
  margin-bottom: 12px;
}
.interaction.os-sorting .dds_target_view .drop_zone.ui-droppable .drag_item > div:not(.check) {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #fff;
  color: #3d3d3d;
  border: 1px solid #bbb;
  padding: 7px 20px;
  -webkit-transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
  -o-transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
  transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
}
.interaction.os-sorting .dds_target_view .drop_zone.ui-droppable .drag_item > div:not(.check) img:not(.Wirisformula) {
  margin: 0 -13px;
}
.interaction.os-sorting .dds_target_view .drop_zone.ui-droppable .drag_item:not(.prefilled):not(.ui-draggable-disabled):not(.ui-disabled):hover > div:not(.check) {
  cursor: move;
}
.status-input.interaction.os-sorting .dds_target_view .drop_zone.ui-droppable .drag_item:not(.prefilled):not(.ui-draggable-disabled):not(.ui-disabled):hover > div:not(.check) {
  border: 1px solid #0d0d0d;
}
.interaction.os-sorting .dds_target_view .drop_zone.ui-droppable .drag_item.prefilled,
.interaction.os-sorting .dds_target_view .drop_zone.ui-droppable .drag_item.prefilled:hover,
.interaction.os-sorting .dds_target_view .drop_zone.ui-droppable .drag_item.prefilled > div:not(.check),
.interaction.os-sorting .dds_target_view .drop_zone.ui-droppable .drag_item.prefilled:hover > div:not(.check) {
  color: #3d3d3d;
  cursor: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interaction.os-sorting .dds_target_view .drop_zone.ui-droppable .drag_item.selected > div:not(.check),
.interaction.os-sorting .dds_target_view .drop_zone.ui-droppable .drag_item.selected:hover > div:not(.check) {
  background: #f5e38d;
  border: 1px solid #edcc2f;
  -webkit-box-shadow: none;
  box-shadow: none;
  position: relative;
  right: -5px;
  top: -5px;
}
.interaction.os-sorting .dds_target_view .drop_zone.ui-droppable .drag_item.dragged {
  overflow: visible;
}
.interaction.os-sorting .dds_target_view .drop_zone.ui-droppable .drag_item.dragged > div,
.interaction.os-sorting .dds_target_view .drop_zone.ui-droppable .drag_item.ui-draggable-dragging > div,
.interaction.os-sorting .dds_target_view .drop_zone.ui-droppable .drag_item.ui-draggable-dragged > div {
  border: 1px solid #0d0d0d;
  cursor: move;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interaction.os-sorting .dds_target_view .drop_zone.ui-droppable .drag_item.drop-placeholder:not(.drop-indicator) {
  visibility: hidden;
}
.interaction.os-sorting .dds_target_view .drop_zone.ui-droppable .drag_item.dragged,
.interaction.os-sorting .dds_target_view .drop_zone.ui-droppable .drag_item.ui-draggable-dragging,
.interaction.os-sorting .dds_target_view .drop_zone.ui-droppable .drag_item.ui-draggable-dragged {
  z-index: 2700;
}
.interaction.os-sorting .dds_target_view .drop_zone.ui-droppable .drag_item.ui-draggable-disabled {
  opacity: 1;
}
.interaction.os-sorting .dds_target_view .drop_zone.ui-droppable .drag_item .check {
  padding: 0;
}
.interaction.os-sorting .dds_target_view .drop_zone.ui-droppable:focus {
  outline: 0;
}
.interaction.os-sorting .dds_target_view .drop_zone.drop_zone {
  margin: 0 0 20px;
  padding: 0 24px 12px;
}
.interaction.os-sorting .dds_target_view .drop_zone.drop_zone.has_container_image:not(:last-child) {
  margin-right: 20px;
}
.interaction.os-sorting .dds_target_view .drop_zone h1 {
  font: normal 100 20px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  color: #3d3d3d;
  cursor: default;
}
.interaction.os-sorting .dds_target_view .drop_zone .drop_item_zone {
  content: "";
  display: inline-block;
  min-height: 40px;
  min-width: 80px;
  position: relative;
  background: #dfdfdf;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  width: 100% !important;
  margin: 0 0 12px 0;
}
.interaction.os-sorting .dds_target_view .drop_zone .drop_item_zone .place_holder {
  border: 1px solid transparent;
  font: normal 700 18px/24px Helvetica, Arial, sans-serif;
}
.interaction.os-sorting .dds_target_view .drop_zone .drop_item_zone:last-child {
  margin: 0;
}
.interaction.os-sorting .dds_target_view .drop_zone .drop_item_zone.hovered {
  background: #0d0d0d;
}
.interaction.os-sorting .dds_target_view .drop_zone .drag_item {
  font: normal 700 18px/24px Helvetica, Arial, sans-serif;
  letter-spacing: 0;
  text-align: center;
  padding: 0;
  cursor: default;
  vertical-align: middle;
  min-width: 80px;
}
.interaction.os-sorting .dds_target_view .drop_zone .drag_item > div:not(.check) {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #fff;
  color: #3d3d3d;
  border: 1px solid #bbb;
  padding: 7px 20px;
  -webkit-transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
  -o-transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
  transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
}
.interaction.os-sorting .dds_target_view .drop_zone .drag_item > div:not(.check) img:not(.Wirisformula) {
  margin: 0 -13px;
}
.interaction.os-sorting .dds_target_view .drop_zone .drag_item:not(.prefilled):not(.ui-draggable-disabled):not(.ui-disabled):hover > div:not(.check) {
  cursor: move;
}
.status-input.interaction.os-sorting .dds_target_view .drop_zone .drag_item:not(.prefilled):not(.ui-draggable-disabled):not(.ui-disabled):hover > div:not(.check) {
  border: 1px solid #0d0d0d;
}
.interaction.os-sorting .dds_target_view .drop_zone .drag_item.prefilled,
.interaction.os-sorting .dds_target_view .drop_zone .drag_item.prefilled:hover,
.interaction.os-sorting .dds_target_view .drop_zone .drag_item.prefilled > div:not(.check),
.interaction.os-sorting .dds_target_view .drop_zone .drag_item.prefilled:hover > div:not(.check) {
  color: #3d3d3d;
  cursor: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interaction.os-sorting .dds_target_view .drop_zone .drag_item.selected > div:not(.check),
.interaction.os-sorting .dds_target_view .drop_zone .drag_item.selected:hover > div:not(.check) {
  background: #f5e38d;
  border: 1px solid #edcc2f;
  -webkit-box-shadow: none;
  box-shadow: none;
  position: relative;
  right: -5px;
  top: -5px;
}
.interaction.os-sorting .dds_target_view .drop_zone .drag_item.dragged {
  overflow: visible;
}
.interaction.os-sorting .dds_target_view .drop_zone .drag_item.dragged > div,
.interaction.os-sorting .dds_target_view .drop_zone .drag_item.ui-draggable-dragging > div,
.interaction.os-sorting .dds_target_view .drop_zone .drag_item.ui-draggable-dragged > div {
  border: 1px solid #0d0d0d;
  cursor: move;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interaction.os-sorting .dds_target_view .drop_zone .drag_item.drop-placeholder:not(.drop-indicator) {
  visibility: hidden;
}
.interaction.os-sorting .dds_target_view .drop_zone .drag_item.dragged,
.interaction.os-sorting .dds_target_view .drop_zone .drag_item.ui-draggable-dragging,
.interaction.os-sorting .dds_target_view .drop_zone .drag_item.ui-draggable-dragged {
  z-index: 2700;
}
.interaction.os-sorting .dds_target_view .drop_zone .drag_item.ui-draggable-disabled {
  opacity: 1;
}
.interaction.os-sorting .dds_target_view .drop_zone .drag_item .check {
  padding: 0;
}
@media only screen and (min-width: 750px) {
  .interaction.os-sorting:not(.wordpool-left):not(.wordpool-right) .dds_target_view .drop_zone {
    width: 47%;
  }
  .interaction.os-sorting:not(.wordpool-left):not(.wordpool-right) .dds_target_view .drop_zone.drop_zone {
    margin: 0 3% 20px 0;
  }
}
@media only screen and (min-width: 985px) {
  .interaction.os-sorting .dds_target_view .drop_zone {
    width: 47%;
  }
  .interaction.os-sorting .dds_target_view .drop_zone.drop_zone {
    margin: 0 3% 20px 0;
  }
}
.interaction.os-sorting .wordpool {
  background: none;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  padding: 12px 12px 2px 24px;
  width: 100%;
}
.interaction.os-sorting .wordpool.ui-draggable {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interaction.os-sorting .wordpool.ui-draggable.ui-draggable-dragging {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interaction.os-sorting .wordpool h2,
.interaction.os-sorting .wordpool .drag-handle {
  font: normal 700 13px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  color: #aaa;
  text-transform: lowercase;
  margin: -12px -24px 0;
  padding: 6px 24px;
  height: 30px;
  cursor: move;
}
.interaction.os-sorting .wordpool h2 .reset_position,
.interaction.os-sorting .wordpool .drag-handle .reset_position {
  color: #444;
  text-transform: lowercase;
  background-color: transparent;
  outline: 0;
  border: 0;
  cursor: pointer;
}
.interaction.os-sorting .wordpool h2 .reset_position:hover,
.interaction.os-sorting .wordpool .drag-handle .reset_position:hover {
  color: #0d0d0d;
}
.interaction.os-sorting .wordpool,
.interaction.os-sorting .wordpool.horizontal {
  margin: 0 0 40px;
}
.interaction.os-sorting .wordpool.vertical {
  margin: 0 0 0 40px;
}
.interaction.os-sorting .wordpool.left,
.interaction.os-sorting .wordpool.right {
  width: 240px;
}
.interaction.os-sorting .wordpool.left .drop_item_zone,
.interaction.os-sorting .wordpool.right .drop_item_zone {
  min-width: 0;
  width: 100% !important;
}
.interaction.os-sorting .wordpool.left {
  float: left;
  margin: 0 40px 0 0;
}
.interaction.os-sorting .wordpool.right {
  float: right;
  margin: 0 0 0 40px;
}
.interaction.os-sorting .wordpool.bottom {
  margin: 40px 0 0;
}
.interaction.os-sorting .wordpool .prefill,
.interaction.os-sorting .wordpool .prefilled {
  display: none !important;
}
.interaction.os-sorting .wordpool .drop_item_zone {
  display: inline-block;
  background: #dfdfdf;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 0 12px 12px 0;
  min-height: 40px;
  min-width: 80px !important;
  vertical-align: middle;
  width: auto !important;
  max-width: inherit;
  position: relative;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
}
.interaction.os-sorting .wordpool .drop_item_zone.has_drag,
.interaction.os-sorting .wordpool .drop_item_zone.has_drag_item {
  border: none;
}
.interaction.os-sorting .wordpool .drop_item_zone.hovered {
  background: #0d0d0d;
}
.interaction.os-sorting .wordpool .drop_item_zone .place_holder {
  padding: 7px 20px;
  font: normal 700 18px/24px Helvetica, Arial, sans-serif;
}
.interaction.os-sorting .wordpool .drop_item_zone.stacked {
  vertical-align: bottom;
}
.interaction.os-sorting .wordpool .drop_item_zone.stacked .drag_item {
  margin-bottom: -43px;
}
.interaction.os-sorting .wordpool .drop_item_zone.stacked .drag_item:not(:last-child) {
  cursor: default;
}
.interaction.os-sorting .wordpool .drop_item_zone.stacked .drag_item:not(:last-child):hover > div {
  border: 1px solid #bbb;
}
.interaction.os-sorting .wordpool .drag_item {
  font: normal 700 18px/24px Helvetica, Arial, sans-serif;
  letter-spacing: 0;
  text-align: center;
  padding: 0;
  cursor: default;
  vertical-align: middle;
  min-width: 80px;
}
.interaction.os-sorting .wordpool .drag_item > div:not(.check) {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #fff;
  color: #3d3d3d;
  border: 1px solid #bbb;
  padding: 7px 20px;
  -webkit-transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
  -o-transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
  transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
}
.interaction.os-sorting .wordpool .drag_item > div:not(.check) img:not(.Wirisformula) {
  margin: 0 -13px;
}
.interaction.os-sorting .wordpool .drag_item:not(.prefilled):not(.ui-draggable-disabled):not(.ui-disabled):hover > div:not(.check) {
  cursor: move;
}
.status-input.interaction.os-sorting .wordpool .drag_item:not(.prefilled):not(.ui-draggable-disabled):not(.ui-disabled):hover > div:not(.check) {
  border: 1px solid #0d0d0d;
}
.interaction.os-sorting .wordpool .drag_item.prefilled,
.interaction.os-sorting .wordpool .drag_item.prefilled:hover,
.interaction.os-sorting .wordpool .drag_item.prefilled > div:not(.check),
.interaction.os-sorting .wordpool .drag_item.prefilled:hover > div:not(.check) {
  color: #3d3d3d;
  cursor: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interaction.os-sorting .wordpool .drag_item.selected > div:not(.check),
.interaction.os-sorting .wordpool .drag_item.selected:hover > div:not(.check) {
  background: #f5e38d;
  border: 1px solid #edcc2f;
  -webkit-box-shadow: none;
  box-shadow: none;
  position: relative;
  right: -5px;
  top: -5px;
}
.interaction.os-sorting .wordpool .drag_item.dragged {
  overflow: visible;
}
.interaction.os-sorting .wordpool .drag_item.dragged > div,
.interaction.os-sorting .wordpool .drag_item.ui-draggable-dragging > div,
.interaction.os-sorting .wordpool .drag_item.ui-draggable-dragged > div {
  border: 1px solid #0d0d0d;
  cursor: move;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interaction.os-sorting .wordpool .drag_item.drop-placeholder:not(.drop-indicator) {
  visibility: hidden;
}
.interaction.os-sorting .wordpool .drag_item.dragged,
.interaction.os-sorting .wordpool .drag_item.ui-draggable-dragging,
.interaction.os-sorting .wordpool .drag_item.ui-draggable-dragged {
  z-index: 2700;
}
.interaction.os-sorting .wordpool .drag_item.ui-draggable-disabled {
  opacity: 1;
}
.interaction.os-sorting .wordpool .drag_item .check {
  padding: 0;
}
.os-sorting-element.ui-draggable-dragging {
  z-index: 2700 !important;
}
.interaction.package.os-sequence .shuffle_interaction {
  background: none;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  padding: 12px 12px 2px 24px;
}
.interaction.package.os-sequence .shuffle_interaction.ui-draggable {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interaction.package.os-sequence .shuffle_interaction.ui-draggable.ui-draggable-dragging {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interaction.package.os-sequence .shuffle_interaction h2,
.interaction.package.os-sequence .shuffle_interaction .drag-handle {
  font: normal 700 13px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  color: #aaa;
  text-transform: lowercase;
  margin: -12px -24px 0;
  padding: 6px 24px;
  height: 30px;
  cursor: move;
}
.interaction.package.os-sequence .shuffle_interaction h2 .reset_position,
.interaction.package.os-sequence .shuffle_interaction .drag-handle .reset_position {
  color: #444;
  text-transform: lowercase;
  background-color: transparent;
  outline: 0;
  border: 0;
  cursor: pointer;
}
.interaction.package.os-sequence .shuffle_interaction h2 .reset_position:hover,
.interaction.package.os-sequence .shuffle_interaction .drag-handle .reset_position:hover {
  color: #0d0d0d;
}
.interaction.package.os-sequence .shuffle_interaction .line {
  position: static;
}
.interaction.package.os-sequence .shuffle_interaction .element {
  font: normal 700 18px/24px Helvetica, Arial, sans-serif;
  letter-spacing: 0;
  text-align: center;
  padding: 0;
  cursor: default;
  vertical-align: middle;
  min-width: 80px;
  margin: 0 12px 12px 0;
}
.interaction.package.os-sequence .shuffle_interaction .element > div:not(.check) {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #fff;
  color: #3d3d3d;
  border: 1px solid #bbb;
  padding: 7px 20px;
  -webkit-transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
  -o-transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
  transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
}
.interaction.package.os-sequence .shuffle_interaction .element > div:not(.check) img:not(.Wirisformula) {
  margin: 0 -13px;
}
.interaction.package.os-sequence .shuffle_interaction .element:not(.prefilled):not(.ui-draggable-disabled):not(.ui-disabled):hover > div:not(.check) {
  cursor: move;
}
.status-input.interaction.package.os-sequence .shuffle_interaction .element:not(.prefilled):not(.ui-draggable-disabled):not(.ui-disabled):hover > div:not(.check) {
  border: 1px solid #0d0d0d;
}
.interaction.package.os-sequence .shuffle_interaction .element.prefilled,
.interaction.package.os-sequence .shuffle_interaction .element.prefilled:hover,
.interaction.package.os-sequence .shuffle_interaction .element.prefilled > div:not(.check),
.interaction.package.os-sequence .shuffle_interaction .element.prefilled:hover > div:not(.check) {
  color: #3d3d3d;
  cursor: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interaction.package.os-sequence .shuffle_interaction .element.selected > div:not(.check),
.interaction.package.os-sequence .shuffle_interaction .element.selected:hover > div:not(.check) {
  background: #f5e38d;
  border: 1px solid #edcc2f;
  -webkit-box-shadow: none;
  box-shadow: none;
  position: relative;
  right: -5px;
  top: -5px;
}
.interaction.package.os-sequence .shuffle_interaction .element.dragged {
  overflow: visible;
}
.interaction.package.os-sequence .shuffle_interaction .element.dragged > div,
.interaction.package.os-sequence .shuffle_interaction .element.ui-draggable-dragging > div,
.interaction.package.os-sequence .shuffle_interaction .element.ui-draggable-dragged > div {
  border: 1px solid #0d0d0d;
  cursor: move;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interaction.package.os-sequence .shuffle_interaction .element.drop-placeholder:not(.drop-indicator) {
  visibility: hidden;
}
.interaction.package.os-sequence .shuffle_interaction .element.dragged,
.interaction.package.os-sequence .shuffle_interaction .element.ui-draggable-dragging,
.interaction.package.os-sequence .shuffle_interaction .element.ui-draggable-dragged {
  z-index: 2700;
}
.interaction.package.os-sequence .shuffle_interaction .element.ui-draggable-disabled {
  opacity: 1;
}
.interaction.package.os-sequence .shuffle_interaction .element .check {
  padding: 0;
}
.interaction.package.os-sequence .shuffle_interaction .element:last-child {
  margin-right: 0;
}
.interaction.package.os-sequence .shuffle_interaction .element .check .tooltip {
  padding: 12px 21px;
  min-width: initial;
}
.interaction.package.os-sequence .shuffle_interaction .drop-placeholder {
  background: #0d0d0d;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-right: 12px;
}
.interaction.package.os-sequence .shuffle_interaction .drop-placeholder * {
  opacity: 0;
}
.interaction.package.os-sequence .shuffle_interaction .oss-fixed {
  margin-bottom: 12px;
}
.interaction.package.os-sequence .shuffle_interaction .oss-fixed.ui-draggable-disabled {
  font: normal 700 18px/24px Helvetica, Arial, sans-serif;
  letter-spacing: 0;
  text-align: center;
  cursor: default;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-box-shadow: none;
  background: #fff;
  color: #3d3d3d;
  border: 1px solid #bbb;
  padding: 7px 20px;
  -webkit-transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
  -o-transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
  transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
  vertical-align: middle;
  min-width: 80px;
  text-align: left;
  white-space: normal;
  box-shadow: none;
  background: none;
  border: none;
  margin: 0 12px 12px 0;
  padding: 0;
  min-width: auto;
}
.interaction.package.os-sequence .shuffle_interaction .oss-fixed.ui-draggable-disabled img:not(.Wirisformula) {
  margin: 0 -13px;
}
.interaction.package.os-sequence .shuffle_interaction .oss-fixed.ui-draggable-disabled:not(.prefilled):not(.ui-draggable-disabled):hover {
  cursor: move;
}
.status-input.interaction.package.os-sequence .shuffle_interaction .oss-fixed.ui-draggable-disabled:not(.prefilled):not(.ui-draggable-disabled):hover {
  border: 1px solid #0d0d0d;
}
.interaction.package.os-sequence .shuffle_interaction .oss-fixed.ui-draggable-disabled.dragged,
.interaction.package.os-sequence .shuffle_interaction .oss-fixed.ui-draggable-disabled.ui-draggable-dragging,
.interaction.package.os-sequence .shuffle_interaction .oss-fixed.ui-draggable-disabled.ui-draggable-dragged {
  border: 1px solid #0d0d0d;
  cursor: move;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interaction.package.os-sequence .shuffle_interaction .oss-fixed.ui-draggable-disabled.prefilled,
.interaction.package.os-sequence .shuffle_interaction .oss-fixed.ui-draggable-disabled.prefilled:hover {
  color: #3d3d3d;
  cursor: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interaction.package.os-sequence .shuffle_interaction .oss-fixed.ui-draggable-disabled.selected,
.interaction.package.os-sequence .shuffle_interaction .oss-fixed.ui-draggable-disabled.selected:hover {
  background: #f5e38d;
  border: 1px solid #edcc2f;
  -webkit-box-shadow: none;
  box-shadow: none;
  position: relative;
  right: -5px;
  top: -5px;
}
.interaction.package.os-sequence .shuffle_interaction .oss-fixed.ui-draggable-disabled.drop-placeholder:not(.drop-indicator) {
  visibility: hidden;
}
.interaction.package.os-sequence .shuffle_interaction .oss-fixed.ui-draggable-disabled.dragged,
.interaction.package.os-sequence .shuffle_interaction .oss-fixed.ui-draggable-disabled.ui-draggable-dragging,
.interaction.package.os-sequence .shuffle_interaction .oss-fixed.ui-draggable-disabled.ui-draggable-dragged {
  z-index: 2700;
}
.interaction.package.os-sequence .shuffle_interaction .oss-fixed.ui-draggable-disabled.ui-draggable-disabled {
  opacity: 1;
}
.interaction.package.os-sequence .shuffle_interaction .oss-fixed.ui-draggable-disabled .check {
  padding: 0;
}
.interaction.package.os-sequence .shuffle_interaction .oss-fixed.ui-draggable-disabled > .content {
  padding: 8px 0;
}
.interaction.package.os-sequence .shuffle_interaction .prefill {
  color: #3d3d3d;
  cursor: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interaction.package.os-sequence .shuffle_interaction.vertical .element {
  margin-right: 0;
  text-align: left;
}
.interaction.package.os-sequence .shuffle_interaction.vertical .oss-fixed.ui-draggable-disabled > .content {
  padding: 0 21px;
}
.interaction.package.os-sequence .shuffle_interaction.horizontal .element {
  width: auto;
}
.interaction.package.os-sequence .shuffle_interaction.single-word .oss-fixed,
.interaction.package.os-sequence .shuffle_interaction.single-word .element {
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  min-width: 40px;
  text-align: center;
}
.interaction.os-number-stacks {
  margin-left: -15px;
  margin-right: -15px;
  margin: 0;
}
.interaction.os-number-stacks .os-number-stacks-element {
  display: inline-block;
}
.interaction.os-number-stacks .pool {
  background: none;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  padding: 12px 12px 2px 24px;
}
.interaction.os-number-stacks .pool.ui-draggable {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interaction.os-number-stacks .pool.ui-draggable.ui-draggable-dragging {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interaction.os-number-stacks .pool h2,
.interaction.os-number-stacks .pool .drag-handle {
  font: normal 700 13px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  color: #aaa;
  text-transform: lowercase;
  margin: -12px -24px 0;
  padding: 6px 24px;
  height: 30px;
  cursor: move;
}
.interaction.os-number-stacks .pool h2 .reset_position,
.interaction.os-number-stacks .pool .drag-handle .reset_position {
  color: #444;
  text-transform: lowercase;
  background-color: transparent;
  outline: 0;
  border: 0;
  cursor: pointer;
}
.interaction.os-number-stacks .pool h2 .reset_position:hover,
.interaction.os-number-stacks .pool .drag-handle .reset_position:hover {
  color: #0d0d0d;
}
.interaction.os-number-stacks .pool,
.interaction.os-number-stacks .pool.horizontal {
  margin: 0 0 40px;
}
.interaction.os-number-stacks .pool.vertical {
  margin: 0 0 0 40px;
}
.interaction.os-number-stacks .pool.left,
.interaction.os-number-stacks .pool.right {
  width: 240px;
}
.interaction.os-number-stacks .pool.left .drop_item_zone,
.interaction.os-number-stacks .pool.right .drop_item_zone {
  min-width: 0;
  width: 100% !important;
}
.interaction.os-number-stacks .pool.left {
  float: left;
  margin: 0 40px 0 0;
}
.interaction.os-number-stacks .pool.right {
  float: right;
  margin: 0 0 0 40px;
}
.interaction.os-number-stacks .pool.bottom {
  margin: 40px 0 0;
}
.interaction.os-number-stacks .pool .prefill,
.interaction.os-number-stacks .pool .prefilled {
  display: none !important;
}
.interaction.os-number-stacks .pool .drop_area {
  margin: 0 20px 20px 0;
  display: inline-block;
  background: #dfdfdf;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 0 12px 12px 0;
  min-height: 40px;
  min-width: 80px !important;
  vertical-align: middle;
  width: auto !important;
  max-width: inherit;
  position: relative;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
}
.interaction.os-number-stacks .pool .drop_area.has_drag,
.interaction.os-number-stacks .pool .drop_area.has_drag_item {
  border: none;
}
.interaction.os-number-stacks .pool .drop_area.hovered {
  background: #0d0d0d;
}
.interaction.os-number-stacks .pool .drop_area .place_holder {
  padding: 7px 20px;
  font: normal 700 18px/24px Helvetica, Arial, sans-serif;
}
.interaction.os-number-stacks .pool .drop_area:focus {
  outline: 0;
}
.interaction.os-number-stacks .pool .drop_area:last-child {
  margin-right: 0;
}
.interaction.os-number-stacks .pool .drop_area .drag_holder {
  content: "";
  display: inline-block;
  min-height: 40px;
  min-width: 80px;
  position: relative;
  background: #dfdfdf;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  display: block;
}
.interaction.os-number-stacks .pool .drop_area .drag_holder .place_holder {
  border: 1px solid transparent;
  font: normal 700 18px/24px Helvetica, Arial, sans-serif;
}
.interaction.os-number-stacks .pool .drop_area.stack_drop_area .drag_holder {
  vertical-align: bottom;
}
.interaction.os-number-stacks .pool .drop_area.stack_drop_area .drag_element {
  margin-bottom: -43px;
}
.interaction.os-number-stacks .pool .drop_area.stack_drop_area .drag_element:not(:last-child) {
  cursor: default;
}
.interaction.os-number-stacks .pool .drop_area.stack_drop_area .drag_element:not(:last-child):hover > div {
  border: 1px solid #bbb;
}
.interaction.os-number-stacks .pool .drag_element {
  font: normal 700 18px/24px Helvetica, Arial, sans-serif;
  letter-spacing: 0;
  text-align: center;
  padding: 0;
  cursor: default;
  vertical-align: middle;
  min-width: 80px;
  display: inline-block;
}
.interaction.os-number-stacks .pool .drag_element > div:not(.check) {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #fff;
  color: #3d3d3d;
  border: 1px solid #bbb;
  padding: 7px 20px;
  -webkit-transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
  -o-transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
  transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
}
.interaction.os-number-stacks .pool .drag_element > div:not(.check) img:not(.Wirisformula) {
  margin: 0 -13px;
}
.interaction.os-number-stacks .pool .drag_element:not(.prefilled):not(.ui-draggable-disabled):not(.ui-disabled):hover > div:not(.check) {
  cursor: move;
}
.status-input.interaction.os-number-stacks .pool .drag_element:not(.prefilled):not(.ui-draggable-disabled):not(.ui-disabled):hover > div:not(.check) {
  border: 1px solid #0d0d0d;
}
.interaction.os-number-stacks .pool .drag_element.prefilled,
.interaction.os-number-stacks .pool .drag_element.prefilled:hover,
.interaction.os-number-stacks .pool .drag_element.prefilled > div:not(.check),
.interaction.os-number-stacks .pool .drag_element.prefilled:hover > div:not(.check) {
  color: #3d3d3d;
  cursor: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interaction.os-number-stacks .pool .drag_element.selected > div:not(.check),
.interaction.os-number-stacks .pool .drag_element.selected:hover > div:not(.check) {
  background: #f5e38d;
  border: 1px solid #edcc2f;
  -webkit-box-shadow: none;
  box-shadow: none;
  position: relative;
  right: -5px;
  top: -5px;
}
.interaction.os-number-stacks .pool .drag_element.dragged {
  overflow: visible;
}
.interaction.os-number-stacks .pool .drag_element.dragged > div,
.interaction.os-number-stacks .pool .drag_element.ui-draggable-dragging > div,
.interaction.os-number-stacks .pool .drag_element.ui-draggable-dragged > div {
  border: 1px solid #0d0d0d;
  cursor: move;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interaction.os-number-stacks .pool .drag_element.drop-placeholder:not(.drop-indicator) {
  visibility: hidden;
}
.interaction.os-number-stacks .pool .drag_element.dragged,
.interaction.os-number-stacks .pool .drag_element.ui-draggable-dragging,
.interaction.os-number-stacks .pool .drag_element.ui-draggable-dragged {
  z-index: 2700;
}
.interaction.os-number-stacks .pool .drag_element.ui-draggable-disabled {
  opacity: 1;
}
.interaction.os-number-stacks .pool .drag_element .check {
  padding: 0;
}
.interaction.os-number-stacks .target-zone .drop_zone {
  width: 100%;
  position: relative;
  min-height: 100px;
  height: auto;
  background: none;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  float: none;
}
.interaction.os-number-stacks .target-zone .drop_zone h1 {
  margin: 0;
  padding: 0;
  text-align: center;
  font: normal 100 20px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
}
.interaction.os-number-stacks .target-zone .drop_zone.ui-droppable {
  margin: 0 20px 20px 0;
  position: relative;
  padding: 0;
}
.interaction.os-number-stacks .target-zone .drop_zone.ui-droppable h1 {
  margin: 0;
  padding: 0;
  text-align: center;
  font: normal 100 20px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
}
.interaction.os-number-stacks .target-zone .drop_zone.ui-droppable.hovered:after {
  background: #0d0d0d;
}
.interaction.os-number-stacks .target-zone .drop_zone.ui-droppable:after {
  content: "";
  display: inline-block;
  min-height: 40px;
  min-width: 80px;
  position: relative;
  background: #dfdfdf;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  width: 100%;
}
.interaction.os-number-stacks .target-zone .drop_zone.ui-droppable:after .place_holder {
  border: 1px solid transparent;
  font: normal 700 18px/24px Helvetica, Arial, sans-serif;
}
.interaction.os-number-stacks .target-zone .drop_zone.ui-droppable .drag_item {
  font: normal 700 18px/24px Helvetica, Arial, sans-serif;
  letter-spacing: 0;
  text-align: center;
  padding: 0;
  cursor: default;
  vertical-align: middle;
  min-width: 80px;
  margin-bottom: 12px;
}
.interaction.os-number-stacks .target-zone .drop_zone.ui-droppable .drag_item > div:not(.check) {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #fff;
  color: #3d3d3d;
  border: 1px solid #bbb;
  padding: 7px 20px;
  -webkit-transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
  -o-transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
  transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
}
.interaction.os-number-stacks .target-zone .drop_zone.ui-droppable .drag_item > div:not(.check) img:not(.Wirisformula) {
  margin: 0 -13px;
}
.interaction.os-number-stacks .target-zone .drop_zone.ui-droppable .drag_item:not(.prefilled):not(.ui-draggable-disabled):not(.ui-disabled):hover > div:not(.check) {
  cursor: move;
}
.status-input.interaction.os-number-stacks .target-zone .drop_zone.ui-droppable .drag_item:not(.prefilled):not(.ui-draggable-disabled):not(.ui-disabled):hover > div:not(.check) {
  border: 1px solid #0d0d0d;
}
.interaction.os-number-stacks .target-zone .drop_zone.ui-droppable .drag_item.prefilled,
.interaction.os-number-stacks .target-zone .drop_zone.ui-droppable .drag_item.prefilled:hover,
.interaction.os-number-stacks .target-zone .drop_zone.ui-droppable .drag_item.prefilled > div:not(.check),
.interaction.os-number-stacks .target-zone .drop_zone.ui-droppable .drag_item.prefilled:hover > div:not(.check) {
  color: #3d3d3d;
  cursor: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interaction.os-number-stacks .target-zone .drop_zone.ui-droppable .drag_item.selected > div:not(.check),
.interaction.os-number-stacks .target-zone .drop_zone.ui-droppable .drag_item.selected:hover > div:not(.check) {
  background: #f5e38d;
  border: 1px solid #edcc2f;
  -webkit-box-shadow: none;
  box-shadow: none;
  position: relative;
  right: -5px;
  top: -5px;
}
.interaction.os-number-stacks .target-zone .drop_zone.ui-droppable .drag_item.dragged {
  overflow: visible;
}
.interaction.os-number-stacks .target-zone .drop_zone.ui-droppable .drag_item.dragged > div,
.interaction.os-number-stacks .target-zone .drop_zone.ui-droppable .drag_item.ui-draggable-dragging > div,
.interaction.os-number-stacks .target-zone .drop_zone.ui-droppable .drag_item.ui-draggable-dragged > div {
  border: 1px solid #0d0d0d;
  cursor: move;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interaction.os-number-stacks .target-zone .drop_zone.ui-droppable .drag_item.drop-placeholder:not(.drop-indicator) {
  visibility: hidden;
}
.interaction.os-number-stacks .target-zone .drop_zone.ui-droppable .drag_item.dragged,
.interaction.os-number-stacks .target-zone .drop_zone.ui-droppable .drag_item.ui-draggable-dragging,
.interaction.os-number-stacks .target-zone .drop_zone.ui-droppable .drag_item.ui-draggable-dragged {
  z-index: 2700;
}
.interaction.os-number-stacks .target-zone .drop_zone.ui-droppable .drag_item.ui-draggable-disabled {
  opacity: 1;
}
.interaction.os-number-stacks .target-zone .drop_zone.ui-droppable .drag_item .check {
  padding: 0;
}
.interaction.os-number-stacks .target-zone .drop_zone.ui-droppable:focus {
  outline: 0;
}
.interaction.os-number-stacks .target-zone .drop_zone.drop_zone {
  margin: 0 0 20px;
  padding: 0 24px 12px;
}
.interaction.os-number-stacks .target-zone .drop_zone.drop_zone.has_container_image:not(:last-child) {
  margin-right: 20px;
}
.interaction.os-number-stacks .target-zone .drop_zone h1 {
  font: normal 100 20px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  color: #3d3d3d;
  cursor: default;
}
.interaction.os-number-stacks .target-zone .drop_zone .drop_item_zone {
  content: "";
  display: inline-block;
  min-height: 40px;
  min-width: 80px;
  position: relative;
  background: #dfdfdf;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  width: 100%;
  margin: 0 0 12px 0;
}
.interaction.os-number-stacks .target-zone .drop_zone .drop_item_zone .place_holder {
  border: 1px solid transparent;
  font: normal 700 18px/24px Helvetica, Arial, sans-serif;
}
.interaction.os-number-stacks .target-zone .drop_zone .drop_item_zone:last-child {
  margin: 0;
}
.interaction.os-number-stacks .target-zone .drop_zone .drop_item_zone.hovered {
  background: #0d0d0d;
}
.interaction.os-number-stacks .target-zone .drop_zone .drag_element {
  font: normal 700 18px/24px Helvetica, Arial, sans-serif;
  letter-spacing: 0;
  text-align: center;
  padding: 0;
  cursor: default;
  vertical-align: middle;
  min-width: 80px;
}
.interaction.os-number-stacks .target-zone .drop_zone .drag_element > div:not(.check) {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #fff;
  color: #3d3d3d;
  border: 1px solid #bbb;
  padding: 7px 20px;
  -webkit-transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
  -o-transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
  transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
}
.interaction.os-number-stacks .target-zone .drop_zone .drag_element > div:not(.check) img:not(.Wirisformula) {
  margin: 0 -13px;
}
.interaction.os-number-stacks .target-zone .drop_zone .drag_element:not(.prefilled):not(.ui-draggable-disabled):not(.ui-disabled):hover > div:not(.check) {
  cursor: move;
}
.status-input.interaction.os-number-stacks .target-zone .drop_zone .drag_element:not(.prefilled):not(.ui-draggable-disabled):not(.ui-disabled):hover > div:not(.check) {
  border: 1px solid #0d0d0d;
}
.interaction.os-number-stacks .target-zone .drop_zone .drag_element.prefilled,
.interaction.os-number-stacks .target-zone .drop_zone .drag_element.prefilled:hover,
.interaction.os-number-stacks .target-zone .drop_zone .drag_element.prefilled > div:not(.check),
.interaction.os-number-stacks .target-zone .drop_zone .drag_element.prefilled:hover > div:not(.check) {
  color: #3d3d3d;
  cursor: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interaction.os-number-stacks .target-zone .drop_zone .drag_element.selected > div:not(.check),
.interaction.os-number-stacks .target-zone .drop_zone .drag_element.selected:hover > div:not(.check) {
  background: #f5e38d;
  border: 1px solid #edcc2f;
  -webkit-box-shadow: none;
  box-shadow: none;
  position: relative;
  right: -5px;
  top: -5px;
}
.interaction.os-number-stacks .target-zone .drop_zone .drag_element.dragged {
  overflow: visible;
}
.interaction.os-number-stacks .target-zone .drop_zone .drag_element.dragged > div,
.interaction.os-number-stacks .target-zone .drop_zone .drag_element.ui-draggable-dragging > div,
.interaction.os-number-stacks .target-zone .drop_zone .drag_element.ui-draggable-dragged > div {
  border: 1px solid #0d0d0d;
  cursor: move;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interaction.os-number-stacks .target-zone .drop_zone .drag_element.drop-placeholder:not(.drop-indicator) {
  visibility: hidden;
}
.interaction.os-number-stacks .target-zone .drop_zone .drag_element.dragged,
.interaction.os-number-stacks .target-zone .drop_zone .drag_element.ui-draggable-dragging,
.interaction.os-number-stacks .target-zone .drop_zone .drag_element.ui-draggable-dragged {
  z-index: 2700;
}
.interaction.os-number-stacks .target-zone .drop_zone .drag_element.ui-draggable-disabled {
  opacity: 1;
}
.interaction.os-number-stacks .target-zone .drop_zone .drag_element .check {
  padding: 0;
}
.interaction.os-number-stacks .os-number-stacks-wrapper.wordpool-left .target-zone,
.interaction.os-number-stacks .os-number-stacks-wrapper.wordpool-right .target-zone {
  width: calc(100% - 240px - 40px);
  padding: 0;
}
.interaction.os-number-stacks .os-number-stacks-wrapper.wordpool-left .target-zone {
  float: right;
}
.interaction.os-number-stacks .os-number-stacks-wrapper.wordpool-right .target-zone {
  margin-right: 40px;
  float: left;
}
.interaction.os-number-stacks .ddns_wordpool_view.wordpool-left,
.interaction.os-number-stacks .ddns_wordpool_view.wordpool-right {
  display: inline-block;
}
.interaction.os-number-stacks .ddns_wordpool_view.wordpool-left .pool,
.interaction.os-number-stacks .ddns_wordpool_view.wordpool-right .pool {
  display: block;
  width: 240px;
}
.interaction.os-number-stacks .ddns_wordpool_view .drop_item_zone {
  display: inline-block;
  background: #dfdfdf;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 0 12px 12px 0;
  min-height: 40px;
  min-width: 80px !important;
  vertical-align: middle;
  width: auto !important;
  max-width: inherit;
  position: relative;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
}
.interaction.os-number-stacks .ddns_wordpool_view .drop_item_zone.has_drag,
.interaction.os-number-stacks .ddns_wordpool_view .drop_item_zone.has_drag_item {
  border: none;
}
.interaction.os-number-stacks .ddns_wordpool_view .drop_item_zone.hovered {
  background: #0d0d0d;
}
.interaction.os-number-stacks .ddns_wordpool_view .drop_item_zone .place_holder {
  padding: 7px 20px;
  font: normal 700 18px/24px Helvetica, Arial, sans-serif;
}
.interaction.os-number-stacks .ddns_wordpool_view .drop_item_zone.stacked {
  vertical-align: bottom;
  /* HACK: override 6px padding-top coming from who knows where in engine */
  padding-top: 0 !important;
}
.interaction.os-number-stacks .ddns_wordpool_view .drop_item_zone.stacked .drag_element {
  margin-bottom: -43px;
  display: block;
  position: relative;
}
.interaction.os-number-stacks .ddns_wordpool_view .drop_item_zone.stacked .drag_element:not(:last-child) {
  cursor: default;
}
.interaction.os-number-stacks .ddns_wordpool_view .drop_item_zone.stacked .drag_element:not(:last-child):hover > div {
  border: 1px solid #bbb;
}
.interaction.os-number-stacks .ddns_wordpool_view .drag_item {
  font: normal 700 18px/24px Helvetica, Arial, sans-serif;
  letter-spacing: 0;
  text-align: center;
  padding: 0;
  cursor: default;
  vertical-align: middle;
  min-width: 80px;
}
.interaction.os-number-stacks .ddns_wordpool_view .drag_item > div:not(.check) {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #fff;
  color: #3d3d3d;
  border: 1px solid #bbb;
  padding: 7px 20px;
  -webkit-transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
  -o-transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
  transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
}
.interaction.os-number-stacks .ddns_wordpool_view .drag_item > div:not(.check) img:not(.Wirisformula) {
  margin: 0 -13px;
}
.interaction.os-number-stacks .ddns_wordpool_view .drag_item:not(.prefilled):not(.ui-draggable-disabled):not(.ui-disabled):hover > div:not(.check) {
  cursor: move;
}
.status-input.interaction.os-number-stacks .ddns_wordpool_view .drag_item:not(.prefilled):not(.ui-draggable-disabled):not(.ui-disabled):hover > div:not(.check) {
  border: 1px solid #0d0d0d;
}
.interaction.os-number-stacks .ddns_wordpool_view .drag_item.prefilled,
.interaction.os-number-stacks .ddns_wordpool_view .drag_item.prefilled:hover,
.interaction.os-number-stacks .ddns_wordpool_view .drag_item.prefilled > div:not(.check),
.interaction.os-number-stacks .ddns_wordpool_view .drag_item.prefilled:hover > div:not(.check) {
  color: #3d3d3d;
  cursor: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interaction.os-number-stacks .ddns_wordpool_view .drag_item.selected > div:not(.check),
.interaction.os-number-stacks .ddns_wordpool_view .drag_item.selected:hover > div:not(.check) {
  background: #f5e38d;
  border: 1px solid #edcc2f;
  -webkit-box-shadow: none;
  box-shadow: none;
  position: relative;
  right: -5px;
  top: -5px;
}
.interaction.os-number-stacks .ddns_wordpool_view .drag_item.dragged {
  overflow: visible;
}
.interaction.os-number-stacks .ddns_wordpool_view .drag_item.dragged > div,
.interaction.os-number-stacks .ddns_wordpool_view .drag_item.ui-draggable-dragging > div,
.interaction.os-number-stacks .ddns_wordpool_view .drag_item.ui-draggable-dragged > div {
  border: 1px solid #0d0d0d;
  cursor: move;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interaction.os-number-stacks .ddns_wordpool_view .drag_item.drop-placeholder:not(.drop-indicator) {
  visibility: hidden;
}
.interaction.os-number-stacks .ddns_wordpool_view .drag_item.dragged,
.interaction.os-number-stacks .ddns_wordpool_view .drag_item.ui-draggable-dragging,
.interaction.os-number-stacks .ddns_wordpool_view .drag_item.ui-draggable-dragged {
  z-index: 2700;
}
.interaction.os-number-stacks .ddns_wordpool_view .drag_item.ui-draggable-disabled {
  opacity: 1;
}
.interaction.os-number-stacks .ddns_wordpool_view .drag_item .check {
  padding: 0;
}
.wordpool {
  z-index: auto;
}
.wordpool.ui-draggable {
  z-index: 2100;
}
.drop_area {
  position: relative;
}
.ui-draggable-dragging .has_audio_attached,
.interaction.drag-drop .has_audio_attached {
  position: relative;
  min-width: 40px;
  min-height: 40px;
}
.ui-draggable-dragging .has_audio_attached .drag_audio_player,
.interaction.drag-drop .has_audio_attached .drag_audio_player {
  position: absolute;
}
.ui-draggable-dragging .has_audio_attached:not(.no-label),
.interaction.drag-drop .has_audio_attached:not(.no-label) {
  padding-left: 40px !important;
}
.ui-draggable-dragging .has_audio_attached.image-label,
.interaction.drag-drop .has_audio_attached.image-label {
  padding-top: 40px !important;
}
.ui-draggable-dragging .has_audio_attached.no-label .drag_audio_player,
.interaction.drag-drop .has_audio_attached.no-label .drag_audio_player {
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 40px;
}
.ui-draggable-dragging .drag_element .drag_audio_player,
.interaction.drag-drop .drag_element .drag_audio_player,
.ui-draggable-dragging .drag_item .drag_audio_player,
.interaction.drag-drop .drag_item .drag_audio_player,
.ui-draggable-dragging .shuffle_interaction .element .drag_audio_player,
.interaction.drag-drop .shuffle_interaction .element .drag_audio_player {
  top: -1px;
}
.ui-draggable-dragging .text-capitalize,
.interaction.drag-drop .text-capitalize {
  text-transform: none;
}
.ui-draggable-dragging .text-capitalize:first-letter,
.interaction.drag-drop .text-capitalize:first-letter,
.ui-draggable-dragging .text-capitalize .drag_element:first-letter,
.interaction.drag-drop .text-capitalize .drag_element:first-letter,
.ui-draggable-dragging .text-capitalize .content:first-letter,
.interaction.drag-drop .text-capitalize .content:first-letter,
.ui-draggable-dragging .text-capitalize .content .firstletter,
.interaction.drag-drop .text-capitalize .content .firstletter {
  text-transform: uppercase;
}
.ui-draggable-dragging .drag_element.image-after-text img,
.interaction.drag-drop .drag_element.image-after-text img,
.ui-draggable-dragging .drag_item.image-after-text img,
.interaction.drag-drop .drag_item.image-after-text img,
.ui-draggable-dragging .shuffle_interaction .element.image-after-text img,
.interaction.drag-drop .shuffle_interaction .element.image-after-text img,
.ui-draggable-dragging .drag_element.image-between-text img,
.interaction.drag-drop .drag_element.image-between-text img,
.ui-draggable-dragging .drag_item.image-between-text img,
.interaction.drag-drop .drag_item.image-between-text img,
.ui-draggable-dragging .shuffle_interaction .element.image-between-text img,
.interaction.drag-drop .shuffle_interaction .element.image-between-text img {
  margin-left: 5px !important;
}
.ui-draggable-dragging .drag_element.image-before-text img,
.interaction.drag-drop .drag_element.image-before-text img,
.ui-draggable-dragging .drag_item.image-before-text img,
.interaction.drag-drop .drag_item.image-before-text img,
.ui-draggable-dragging .shuffle_interaction .element.image-before-text img,
.interaction.drag-drop .shuffle_interaction .element.image-before-text img,
.ui-draggable-dragging .drag_element.image-between-text img,
.interaction.drag-drop .drag_element.image-between-text img,
.ui-draggable-dragging .drag_item.image-between-text img,
.interaction.drag-drop .drag_item.image-between-text img,
.ui-draggable-dragging .shuffle_interaction .element.image-between-text img,
.interaction.drag-drop .shuffle_interaction .element.image-between-text img {
  margin-right: 5px !important;
}
.ui-draggable-dragging .drop_item_zone.stacked,
.interaction.drag-drop .drop_item_zone.stacked {
  box-sizing: content-box;
}
.interaction.is-radiobutton-voice .isRadiobuttonVoice__list {
  margin-bottom: 15px;
}
.interaction.is-radiobutton-voice .isRadiobuttonVoice__list .isRadiobuttonVoice__item {
  outline: none;
}
.interaction.is-radiobutton-voice .isRadiobuttonVoice .audioRecorder__progress {
  display: flex;
}
.interaction.ic-crossword .crossword_view {
  font: normal 300 24px Helvetica, Arial, sans-serif;
  line-height: normal;
}
.interaction.ic-crossword .crossword_view .grid .cell {
  border: 1px solid #a1a1a1;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.interaction.ic-crossword .crossword_view .grid .cell input {
  width: 39px;
  height: 39px;
  padding: 0;
  border: none;
  text-align: center;
}
.interaction.ic-crossword .crossword_view .grid .cell .clue-cell-enum {
  font: normal 700 18px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  color: #444;
  margin-left: 5%;
}
.interaction.ic-crossword .crossword_view .grid .cell .clue {
  background-color: #555;
  position: absolute;
  display: none;
  color: #fff;
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  padding: 9px 18px;
  white-space: nowrap;
  z-index: 1;
}
.interaction.ic-crossword .crossword_view .grid .cell.highlighted,
.interaction.ic-crossword .crossword_view .grid .cell.highlighted input {
  background: rgba(68, 68, 68, 0.2);
}
.interaction.ic-crossword .crossword_view .grid .cell:hover .clue {
  display: block;
}
.interaction.ic-crossword .crossword_view .grid .cell.chint {
  background: #444;
  border-color: #444 !important;
}
.interaction.ic-crossword .crossword_view .grid .cell.chint:hover {
  background: #0d0d0d;
  border-color: #0d0d0d !important;
}
.interaction.ic-crossword .crossword_view .grid .cell.hint-hor:before {
  content: "";
  position: absolute;
  top: 0px;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -121px -1px;
  left: 0px;
}
.interaction.ic-crossword .crossword_view .grid .cell.hint-hor .clue {
  top: 40px;
  left: -1px;
}
.interaction.ic-crossword .crossword_view .grid .cell.hint-ver:before {
  content: "";
  position: absolute;
  top: 0px;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -201px -1px;
  left: 0px;
}
.interaction.ic-crossword .crossword_view .grid .cell.hint-ver .clue {
  left: 40px;
  top: -1px;
}
.interaction.ic-crossword .crossword_view .clue-list {
  margin-left: 30px;
  min-width: 100px;
}
.interaction.ic-crossword .crossword_view .clue-list .clue-list-hor h2:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -121px -1px;
  left: 0;
}
.interaction.ic-crossword .crossword_view .clue-list .clue-list-ver h2:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -201px -1px;
  left: 0;
}
.interaction.ic-crossword .crossword_view .clue-list .clue-list-hor,
.interaction.ic-crossword .crossword_view .clue-list .clue-list-ver {
  position: relative;
  margin: 0 0 30px 0;
}
.interaction.ic-crossword .crossword_view .clue-list .clue-list-hor h2,
.interaction.ic-crossword .crossword_view .clue-list .clue-list-ver h2 {
  margin: 0 0 12px 0;
  height: 40px;
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  line-height: 40px;
  letter-spacing: 0;
  padding: 0 0 0 52px;
  color: #444;
}
.interaction.ic-crossword .crossword_view .clue-list .clue-list-hor h2:before,
.interaction.ic-crossword .crossword_view .clue-list .clue-list-ver h2:before {
  width: 40px;
  height: 40px;
  left: 0;
  top: 0;
  background-color: #444;
}
.interaction.ic-crossword .crossword_view .clue-list .clue-list-hor > div,
.interaction.ic-crossword .crossword_view .clue-list .clue-list-ver > div {
  margin: 0 0 8px;
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
}
.interaction.ic-crossword .crossword_view .clue-list .clue-list-hor > div > *,
.interaction.ic-crossword .crossword_view .clue-list .clue-list-ver > div > * {
  -ms-flex: 0 1 auto;
}
.interaction.ic-crossword .crossword_view .clue-list .clue-list-hor > div .clue-enum,
.interaction.ic-crossword .crossword_view .clue-list .clue-list-ver > div .clue-enum {
  color: #444;
  font: normal 700 18px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0.2px;
  text-align: right;
  min-width: 40px;
}
.interaction.ic-crossword .crossword_view .clue-list .clue-list-hor > div .clue-content,
.interaction.ic-crossword .crossword_view .clue-list .clue-list-ver > div .clue-content {
  color: #3d3d3d;
  font: normal 500 17px/1.3 Helvetica, Arial, sans-serif;
  letter-spacing: 0;
  margin-left: 12px;
}
.interaction.ic-crossword .crossword_view .clue-list .clue-list-hor:last-child,
.interaction.ic-crossword .crossword_view .clue-list .clue-list-ver:last-child {
  margin-bottom: 0;
}
.interaction.ic-crossword .crossword_view .clue-list.clues-in-columns {
  padding: 0;
}
.interaction.ic-crossword .crossword_view .clue-list.clues-in-columns .clue-list-hor,
.interaction.ic-crossword .crossword_view .clue-list.clues-in-columns .clue-list-ver {
  width: calc(100px + 20px);
  float: right;
  margin-bottom: 0;
}
.interaction.ic-crossword .crossword_view .clue-list.clues-in-columns .clue-list-hor > div .clue-enum,
.interaction.ic-crossword .crossword_view .clue-list.clues-in-columns .clue-list-ver > div .clue-enum {
  min-width: 20px;
  text-align: left;
}
.interaction.ic-crossword .crossword_view .clue-list.clues-in-columns .clue-list-hor > div .clue-content,
.interaction.ic-crossword .crossword_view .clue-list.clues-in-columns .clue-list-ver > div .clue-content {
  width: 100px;
  border: 1px solid #a1a1a1;
  padding: 3px;
  overflow: hidden;
  margin: 0;
}
.interaction.ic-crossword .crossword_view .clue-list.clues-in-columns .clue-list-hor > div .clue-content > img,
.interaction.ic-crossword .crossword_view .clue-list.clues-in-columns .clue-list-ver > div .clue-content > img {
  width: 100% !important;
}
.interaction.ic-crossword .crossword_view .clue-list.clues-in-columns .clue-list-hor > div:last-child,
.interaction.ic-crossword .crossword_view .clue-list.clues-in-columns .clue-list-ver > div:last-child {
  margin-bottom: 0;
}
.interaction.ic-crossword .crossword_view .clue-list.clues-in-columns .clue-list-ver {
  margin-right: 15px;
}
.interaction.ic-dialogue-recording {
  cursor: default;
}
.interaction.ic-dialogue-recording .role-selector {
  background: none;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  padding: 12px 12px 2px 24px;
  display: flex;
  flex-flow: row;
  justify-content: center;
  padding: 0;
}
.interaction.ic-dialogue-recording .role-selector.ui-draggable {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interaction.ic-dialogue-recording .role-selector.ui-draggable.ui-draggable-dragging {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interaction.ic-dialogue-recording .role-selector h2,
.interaction.ic-dialogue-recording .role-selector .drag-handle {
  font: normal 700 13px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  color: #aaa;
  text-transform: lowercase;
  margin: -12px -24px 0;
  padding: 6px 24px;
  height: 30px;
  cursor: move;
}
.interaction.ic-dialogue-recording .role-selector h2 .reset_position,
.interaction.ic-dialogue-recording .role-selector .drag-handle .reset_position {
  color: #444;
  text-transform: lowercase;
  background-color: transparent;
  outline: 0;
  border: 0;
  cursor: pointer;
}
.interaction.ic-dialogue-recording .role-selector h2 .reset_position:hover,
.interaction.ic-dialogue-recording .role-selector .drag-handle .reset_position:hover {
  color: #0d0d0d;
}
.interaction.ic-dialogue-recording .role-selector .role {
  display: flex;
  flex-flow: row;
  justify-content: center;
  align-items: center;
}
.interaction.ic-dialogue-recording .role-selector .role .role-photo {
  width: 92px;
  height: 92px;
  margin: -6px;
  border-radius: 50%;
  overflow: hidden;
  background: none;
  border: 6px solid #fff;
  -webkit-transition: 0.15s linear border-color;
  -o-transition: 0.15s linear border-color;
  transition: 0.15s linear border-color;
  order: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.interaction.ic-dialogue-recording .role-selector .role .role-photo img {
  width: 100%;
  height: auto;
  min-height: 100%;
  object-fit: cover;
}
.interaction.ic-dialogue-recording .role-selector .role.characterA .role-photo {
  background: #cccccc;
}
.interaction.ic-dialogue-recording .role-selector .role .role-label {
  order: 2;
}
.interaction.ic-dialogue-recording .role-selector .role:focus {
  outline: 0;
}
.interaction.ic-dialogue-recording .role-selector .role.disabled .role-photo,
.interaction.ic-dialogue-recording .role-selector .role.disabled .role-label {
  opacity: 0.4;
}
.interaction.ic-dialogue-recording .role-selector .role:first-child {
  margin-right: 6px;
}
.interaction.ic-dialogue-recording .role-selector .role:first-child .role-label {
  order: 0;
}
.interaction.ic-dialogue-recording .role-selector .role:first-child .role-photo {
  order: 2;
}
.interaction.ic-dialogue-recording .role-selector .role .btn-select-role {
  order: 1;
  height: 40px;
  margin: 0 6px 0 0;
}
.interaction.ic-dialogue-recording .role-selector .role .btn-select-role:before {
  background: url('../images/icons.svg') no-repeat;
  background-position: -1px -121px;
  display: inline-block;
  content: "";
  width: 40px;
  height: 40px;
}
.interaction.ic-dialogue-recording .role-selector .role.disabled .btn-select-role:before {
  background: url('../images/icons.svg') no-repeat;
  background-position: -161px -121px;
}
.interaction.ic-dialogue-recording .role-selector .role.active .btn-select-role:before {
  background: url('../images/icons.svg') no-repeat;
  background-position: -81px -121px;
}
.interaction.ic-dialogue-recording .role-selector .role:not( .active ):not( .disabled ):hover .btn-select-role:before {
  background: url('../images/icons.svg') no-repeat;
  background-position: -41px -121px;
}
.interaction.ic-dialogue-recording .role-selector .role:not( .active ):not( .disabled ) {
  cursor: pointer;
}
.interaction.ic-dialogue-recording .role-selector .role.active .role-photo {
  border-color: #444;
  z-index: 1;
}
.interaction.ic-dialogue-recording .role-selector .role.characterB .btn-select-role {
  margin: 0 0 0 6px;
}
.interaction.ic-dialogue-recording .additions {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 40px;
}
.interaction.ic-dialogue-recording .additions .instructions {
  padding-top: 10px;
  font: normal 400 14px/20px Helvetica, Arial, sans-serif;
}
.interaction.ic-dialogue-recording .additions .hide-lines-buttons {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  font: normal 400 14px/20px Helvetica, Arial, sans-serif;
}
.interaction.ic-dialogue-recording .additions .hide-lines-buttons .btn-hide {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: 15px;
  cursor: pointer;
}
.interaction.ic-dialogue-recording .additions .hide-lines-buttons .btn-hide:focus {
  outline: 0;
}
.interaction.ic-dialogue-recording .additions .hide-lines-buttons .btn-hide:focus:before {
  outline-offset: -10px;
}
.interaction.ic-dialogue-recording .additions .hide-lines-buttons .btn-hide:before {
  background: url('../images/icons.svg') no-repeat;
  background-position: -201px -121px;
  display: inline-block;
  content: "";
  width: 40px;
  height: 40px;
}
.interaction.ic-dialogue-recording .additions .hide-lines-buttons .btn-hide:hover:before {
  background: url('../images/icons.svg') no-repeat;
  background-position: -241px -121px;
}
.interaction.ic-dialogue-recording .additions .hide-lines-buttons .btn-hide.active:before {
  background: url('../images/icons.svg') no-repeat;
  background-position: -281px -121px;
}
.interaction.ic-dialogue-recording .additions .hide-lines-buttons .btn-hide.active:hover:before {
  background: url('../images/icons.svg') no-repeat;
  background-position: -321px -121px;
}
.interaction.ic-dialogue-recording .dialogues {
  margin-top: 40px;
}
.interaction.ic-dialogue-recording .dialogue {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.interaction.ic-dialogue-recording .dialogue .role-photo {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 68px;
  height: 68px;
  border: 4px solid #fff;
  border-radius: 50%;
  overflow: hidden;
  background: none;
  -webkit-transition: 0.15s linear border-color;
  -o-transition: 0.15s linear border-color;
  transition: 0.15s linear border-color;
}
.interaction.ic-dialogue-recording .dialogue .role-photo img {
  width: 100%;
  height: auto;
  min-height: 100%;
  object-fit: cover;
}
.interaction.ic-dialogue-recording .dialogue.characterA .role-photo {
  background: #cccccc;
}
.interaction.ic-dialogue-recording .dialogue.has-recording .role-photo:hover,
.interaction.ic-dialogue-recording .dialogue:not( .role-active ) .role-photo:hover {
  cursor: pointer;
  border-color: #0d0d0d;
}
.interaction.ic-dialogue-recording .dialogue .role-content {
  padding: 12px 30px;
  margin: 10px 130px 5px 10px;
  border-radius: 0 50px 50px 50px;
  min-height: 50px;
  background: none;
  position: relative;
}
.interaction.ic-dialogue-recording .dialogue .role-content:after {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -401px -41px;
  right: 0;
}
.interaction.ic-dialogue-recording .dialogue .role-content:focus {
  outline: 0;
}
.interaction.ic-dialogue-recording .dialogue .role-content:after {
  left: -38px;
  pointer-events: none;
}
.interaction.ic-dialogue-recording .dialogue.characterB {
  justify-content: flex-end;
}
.interaction.ic-dialogue-recording .dialogue.characterB .role-photo {
  order: 3;
}
.interaction.ic-dialogue-recording .dialogue.characterB .role-content {
  margin: 10px 10px 5px 130px;
  border-radius: 50px 0 50px 50px;
}
.interaction.ic-dialogue-recording .dialogue.characterB .role-content:after {
  background: url('../images/icons.svg') no-repeat;
  background-position: -441px -41px;
  left: auto;
  right: -38px;
}
.interaction.ic-dialogue-recording .dialogue.characterB .playing-indicator,
.interaction.ic-dialogue-recording .dialogue.characterB .recording-indicator {
  right: 100%;
  left: auto;
}
.interaction.ic-dialogue-recording .dialogue.dialogue .recorder,
.interaction.ic-dialogue-recording .dialogue.dialogue .player {
  display: none;
}
.interaction.ic-dialogue-recording .dialogue.role-active .role-content {
  background: #cccccc;
  color: #555;
  cursor: pointer;
}
.interaction.ic-dialogue-recording .dialogue.role-active .role-content:after {
  background: url('../images/icons.svg') no-repeat;
  background-position: -401px -81px;
}
.interaction.ic-dialogue-recording .dialogue.role-active.characterB .role-content:after {
  background: url('../images/icons.svg') no-repeat;
  background-position: -441px -81px;
}
.interaction.ic-dialogue-recording .dialogue.role-active:not( .is-playing ) .role-content:hover {
  background: #0d0d0d;
  color: #fff;
}
.interaction.ic-dialogue-recording .dialogue.role-active:not( .is-playing ) .role-content:hover:after {
  background: url('../images/icons.svg') no-repeat;
  background-position: -401px -121px;
}
.interaction.ic-dialogue-recording .dialogue.role-active:not( .is-playing ).characterB .role-content:hover:after {
  background: url('../images/icons.svg') no-repeat;
  background-position: -441px -121px;
}
.interaction.ic-dialogue-recording .dialogue.role-active.is-recording .role-content {
  background: #444;
  color: #555;
}
.interaction.ic-dialogue-recording .dialogue.role-active.is-recording .role-content:after {
  background: url('../images/icons.svg') no-repeat;
  background-position: -401px -161px;
}
.interaction.ic-dialogue-recording .dialogue.role-active.is-recording.characterB .role-content:after {
  background: url('../images/icons.svg') no-repeat;
  background-position: -441px -161px;
}
.interaction.ic-dialogue-recording .dialogue .playing-indicator,
.interaction.ic-dialogue-recording .dialogue .recording-indicator {
  display: none;
  position: absolute;
  top: 5px;
  left: 100%;
  padding: 10px;
  font: normal 700 14px/20px Helvetica, Arial, sans-serif;
}
.interaction.ic-dialogue-recording .dialogue.is-playing .playing-indicator,
.interaction.ic-dialogue-recording .dialogue.is-recording .recording-indicator {
  display: block;
}
.interaction.ic-dialogue-recording .dialogue.is-playing .playing-indicator {
  color: #444;
}
.interaction.ic-dialogue-recording .dialogue.is-recording .recording-indicator {
  color: red;
  padding-left: 30px;
}
.interaction.ic-dialogue-recording .dialogue.is-recording .recording-indicator:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -1px -201px;
  left: 0;
}
.interaction.ic-dialogue-recording .dialogue.is-recording .recording-indicator:before {
  opacity: 0;
}
.interaction.ic-dialogue-recording .dialogue.has-recording .role-photo {
  border-color: #444;
}
.interaction.ic-dialogue-recording .dialogue.hidden-line .role-content {
  min-width: 50%;
}
.interaction.ic-dialogue-recording.recording-in-progress .dialogue.is-recording .recording-indicator:before {
  -webkit-animation: pulse 0.3s infinite alternate;
  -o-animation: pulse 0.3s infinite alternate;
  animation: pulse 0.3s infinite alternate;
}
.interaction.ic-dialogue-recording .all-controls {
  display: flex;
  justify-content: center;
  margin: 40px 0;
}
.interaction.ic-dialogue-recording .all-controls .play-all {
  margin: 0;
}
.interaction.ic-dialogue-recording .btn-download-all {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0 20px;
  border: 1px solid transparent;
  box-shadow: none;
  margin-bottom: 0;
  background: #cccccc;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* for child to eventually set and use */
  text-decoration: none;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  padding-left: 35px;
}
.interaction.ic-dialogue-recording .btn-download-all:active {
  box-shadow: none;
}
.interaction.ic-dialogue-recording .btn-download-all:focus,
.interaction.ic-dialogue-recording .btn-download-all:active:focus,
.interaction.ic-dialogue-recording .btn-download-all.active:focus {
  outline: none;
  color: #555;
}
.interaction.ic-dialogue-recording .btn-download-all,
.interaction.ic-dialogue-recording .btn-download-all .label {
  color: #555;
}
.interaction.ic-dialogue-recording .btn-download-all:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
  text-decoration: none;
}
.interaction.ic-dialogue-recording .btn-download-all:hover,
.interaction.ic-dialogue-recording .btn-download-all:hover .label {
  color: #fff;
}
.interaction.ic-dialogue-recording .btn-download-all.inactive,
.interaction.ic-dialogue-recording .btn-download-all.lrp_inactive,
.interaction.ic-dialogue-recording .btn-download-all.disabled,
.interaction.ic-dialogue-recording .btn-download-all.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  box-shadow: none;
  background: rgba(200, 200, 200, 0.4);
  opacity: 1;
  cursor: default;
}
.interaction.ic-dialogue-recording .btn-download-all:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -161px -201px;
  left: 0;
}
@keyframes pulse {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes pulse {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.interaction.ic-extended-writing .left_col {
  vertical-align: top;
  padding-right: 40px;
}
.interaction.ic-extended-writing .left_col .fw_nav ul {
  padding: 0;
}
.interaction.ic-extended-writing .left_col .fww_showitem > a {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0 20px;
  border: 1px solid transparent;
  box-shadow: none;
  margin-bottom: 0;
  background: #cccccc;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* for child to eventually set and use */
  text-decoration: none;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  display: block;
}
.interaction.ic-extended-writing .left_col .fww_showitem > a:active {
  box-shadow: none;
}
.interaction.ic-extended-writing .left_col .fww_showitem > a:focus,
.interaction.ic-extended-writing .left_col .fww_showitem > a:active:focus,
.interaction.ic-extended-writing .left_col .fww_showitem > a.active:focus {
  outline: none;
  color: #555;
}
.interaction.ic-extended-writing .left_col .fww_showitem > a,
.interaction.ic-extended-writing .left_col .fww_showitem > a .label {
  color: #555;
}
.interaction.ic-extended-writing .left_col .fww_showitem > a:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
  text-decoration: none;
}
.interaction.ic-extended-writing .left_col .fww_showitem > a:hover,
.interaction.ic-extended-writing .left_col .fww_showitem > a:hover .label {
  color: #fff;
}
.interaction.ic-extended-writing .left_col .fww_showitem > a.inactive,
.interaction.ic-extended-writing .left_col .fww_showitem > a.lrp_inactive,
.interaction.ic-extended-writing .left_col .fww_showitem > a.disabled,
.interaction.ic-extended-writing .left_col .fww_showitem > a.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  box-shadow: none;
  background: rgba(200, 200, 200, 0.4);
  opacity: 1;
  cursor: default;
}
.interaction.ic-extended-writing .left_col .fww_showitem > a.fw_nav_selected {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0 20px;
  border: 1px solid transparent;
  box-shadow: none;
  margin-bottom: 0;
  background: #888888;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* for child to eventually set and use */
  text-decoration: none;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  display: block;
}
.interaction.ic-extended-writing .left_col .fww_showitem > a.fw_nav_selected:active {
  box-shadow: none;
}
.interaction.ic-extended-writing .left_col .fww_showitem > a.fw_nav_selected:focus,
.interaction.ic-extended-writing .left_col .fww_showitem > a.fw_nav_selected:active:focus,
.interaction.ic-extended-writing .left_col .fww_showitem > a.fw_nav_selected.active:focus {
  outline: none;
  color: #555;
}
.interaction.ic-extended-writing .left_col .fww_showitem > a.fw_nav_selected,
.interaction.ic-extended-writing .left_col .fww_showitem > a.fw_nav_selected .label {
  color: #555;
}
.interaction.ic-extended-writing .left_col .fww_showitem > a.fw_nav_selected:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
  text-decoration: none;
}
.interaction.ic-extended-writing .left_col .fww_showitem > a.fw_nav_selected:hover,
.interaction.ic-extended-writing .left_col .fww_showitem > a.fw_nav_selected:hover .label {
  color: #fff;
}
.interaction.ic-extended-writing .left_col .fww_showitem > a.fw_nav_selected.inactive,
.interaction.ic-extended-writing .left_col .fww_showitem > a.fw_nav_selected.lrp_inactive,
.interaction.ic-extended-writing .left_col .fww_showitem > a.fw_nav_selected.disabled,
.interaction.ic-extended-writing .left_col .fww_showitem > a.fw_nav_selected.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  box-shadow: none;
  background: rgba(200, 200, 200, 0.4);
  opacity: 1;
  cursor: default;
}
.interaction.ic-free-writing-2-col .radio-section .radio-header {
  cursor: pointer;
}
.interaction.ic-free-writing-2-col .radio-section .radio-header input.selection-indicator {
  display: none;
}
.interaction.ic-free-writing-2-col .radio-section .radio-header .item:before {
  background: url('../images/icons.svg') no-repeat;
  background-position: -10px -130px;
  display: inline-block;
  content: "";
  width: 21px;
  height: 21px;
}
.interaction.ic-free-writing-2-col .radio-section .radio-header .item:before {
  margin: 0 13px -5px 9px;
}
.interaction.ic-free-writing-2-col .radio-section .radio-header input.selection-indicator:checked + .item:before {
  background: url('../images/icons.svg') no-repeat;
  background-position: -90px -130px;
  display: inline-block;
  content: "";
  width: 21px;
  height: 21px;
}
.interaction.ic-free-writing-2-col .radio-section .radio-header:hover .item:before {
  background: url('../images/icons.svg') no-repeat;
  background-position: -50px -130px;
  display: inline-block;
  content: "";
  width: 21px;
  height: 21px;
}
.interaction.ic-free-writing-2-col .radio-section .radio-header:hover input.selection-indicator:checked + .item:before {
  background: url('../images/icons.svg') no-repeat;
  background-position: -130px -130px;
  display: inline-block;
  content: "";
  width: 21px;
  height: 21px;
}
.interaction.ic-free-writing-2-col .radio-section .radio-content {
  margin-top: 1em;
  padding-left: 44px;
}
.interaction.ic-free-writing-2-col .radio-section:not(.active) .radio-content {
  display: none;
}
.interaction.ic-free-writing-2-col .tabsPanel__panel:not(.tabsPanel__panel--selected) {
  display: none;
}
.mathsquizzes {
  position: relative;
}
.mathsquizzes--withTextField {
  display: inline-block;
}
.mathsquizzes.characters-in-gap input {
  letter-spacing: 2px;
  text-align: left;
}
.ic-mathsquizzes .editorHover {
  background: white;
  opacity: 0.3;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
  border-radius: 5px;
}
.wrsUI_app.wrsUI_fullscreen.wrsUI_fullscreen {
  z-index: 3300 !important;
}
.interaction.ic-number-layers .wordpool .pool {
  background: none;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  padding: 12px 12px 2px 24px;
  margin: 0 0 40px;
}
.interaction.ic-number-layers .wordpool .pool.ui-draggable {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interaction.ic-number-layers .wordpool .pool.ui-draggable.ui-draggable-dragging {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interaction.ic-number-layers .wordpool .pool h2,
.interaction.ic-number-layers .wordpool .pool .drag-handle {
  font: normal 700 13px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  color: #aaa;
  text-transform: lowercase;
  margin: -12px -24px 0;
  padding: 6px 24px;
  height: 30px;
  cursor: move;
}
.interaction.ic-number-layers .wordpool .pool h2 .reset_position,
.interaction.ic-number-layers .wordpool .pool .drag-handle .reset_position {
  color: #444;
  text-transform: lowercase;
  background-color: transparent;
  outline: 0;
  border: 0;
  cursor: pointer;
}
.interaction.ic-number-layers .wordpool .pool h2 .reset_position:hover,
.interaction.ic-number-layers .wordpool .pool .drag-handle .reset_position:hover {
  color: #0d0d0d;
}
.interaction.ic-number-layers .wordpool .pool .static_word {
  display: inline-block;
  padding: 7px 20px;
  padding-left: 0;
  margin: 0 12px 12px 0;
  font: normal 700 18px/24px Helvetica, Arial, sans-serif;
}
.interaction.ic-number-layers .wordpool.alignment_vertical .pool {
  width: 240px;
}
.interaction.ic-number-layers .wordpool.alignment_left .pool {
  float: left;
  margin: 0 40px 0 0;
}
.interaction.ic-number-layers .wordpool.alignment_right .pool {
  float: right;
  margin: 0 0 0 40px;
}
.interaction.ic-number-layers .wordpool.alignment_bottom .pool {
  margin: 40px 0 0;
}
.interaction.ic-number-layers .number-layers {
  box-shadow: -3px -3px #6e6e6e, -3px 0 #6e6e6e, 0 -3px #6e6e6e;
  font: normal 500 26px/40px Helvetica, Arial, sans-serif;
}
.interaction.ic-number-layers .number-layers .layer {
  display: table;
  width: 100%;
  table-layout: fixed;
  margin-top: -3px;
}
.interaction.ic-number-layers .number-layers .layers-display-number,
.interaction.ic-number-layers .number-layers .layers-input-text {
  display: table-cell;
  text-align: center;
  border: 3px solid #6e6e6e;
  border-left: 0;
  border-top: 0;
  padding: 7px 0;
}
.interaction.ic-number-layers .number-layers .input-text {
  position: relative;
}
.interaction.ic-number-layers .number-layers .input-text input {
  background: #fff;
  border: 1px solid #cccccc;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-box-shadow: inset 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 2px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: border-color 0.15s;
  -o-transition: border-color 0.15s;
  transition: border-color 0.15s;
  outline: none;
  padding: 0px 10px 0px;
  color: #3d3d3d;
  width: 70px !important;
  height: 40px;
  max-width: 90%;
  padding: 0;
  font: normal 500 26px/40px Helvetica, Arial, sans-serif;
  text-align: center;
}
.interaction.ic-number-layers .number-layers .input-text input:hover,
.interaction.ic-number-layers .number-layers .input-text input:focus {
  border: 1px solid #0d0d0d;
}
.interaction.ic-number-layers .number-layers .input-text input[disabled] {
  -webkit-opacity: 1;
  -webkit-text-fill-color: #3d3d3d;
}
.interaction.om-number-pyramid .wordpool .pool,
.interaction.ic-number-pyramid .wordpool .pool {
  background: none;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  padding: 12px 12px 2px 24px;
}
.interaction.om-number-pyramid .wordpool .pool.ui-draggable,
.interaction.ic-number-pyramid .wordpool .pool.ui-draggable {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interaction.om-number-pyramid .wordpool .pool.ui-draggable.ui-draggable-dragging,
.interaction.ic-number-pyramid .wordpool .pool.ui-draggable.ui-draggable-dragging {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interaction.om-number-pyramid .wordpool .pool h2,
.interaction.ic-number-pyramid .wordpool .pool h2,
.interaction.om-number-pyramid .wordpool .pool .drag-handle,
.interaction.ic-number-pyramid .wordpool .pool .drag-handle {
  font: normal 700 13px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  color: #aaa;
  text-transform: lowercase;
  margin: -12px -24px 0;
  padding: 6px 24px;
  height: 30px;
  cursor: move;
}
.interaction.om-number-pyramid .wordpool .pool h2 .reset_position,
.interaction.ic-number-pyramid .wordpool .pool h2 .reset_position,
.interaction.om-number-pyramid .wordpool .pool .drag-handle .reset_position,
.interaction.ic-number-pyramid .wordpool .pool .drag-handle .reset_position {
  color: #444;
  text-transform: lowercase;
  background-color: transparent;
  outline: 0;
  border: 0;
  cursor: pointer;
}
.interaction.om-number-pyramid .wordpool .pool h2 .reset_position:hover,
.interaction.ic-number-pyramid .wordpool .pool h2 .reset_position:hover,
.interaction.om-number-pyramid .wordpool .pool .drag-handle .reset_position:hover,
.interaction.ic-number-pyramid .wordpool .pool .drag-handle .reset_position:hover {
  color: #0d0d0d;
}
.interaction.om-number-pyramid .wordpool .pool,
.interaction.ic-number-pyramid .wordpool .pool,
.interaction.om-number-pyramid .wordpool .pool.horizontal,
.interaction.ic-number-pyramid .wordpool .pool.horizontal {
  margin: 0 0 40px;
}
.interaction.om-number-pyramid .wordpool .pool.vertical,
.interaction.ic-number-pyramid .wordpool .pool.vertical {
  margin: 0 0 0 40px;
}
.interaction.om-number-pyramid .wordpool .pool.left,
.interaction.ic-number-pyramid .wordpool .pool.left,
.interaction.om-number-pyramid .wordpool .pool.right,
.interaction.ic-number-pyramid .wordpool .pool.right {
  width: 240px;
}
.interaction.om-number-pyramid .wordpool .pool.left .drop_item_zone,
.interaction.ic-number-pyramid .wordpool .pool.left .drop_item_zone,
.interaction.om-number-pyramid .wordpool .pool.right .drop_item_zone,
.interaction.ic-number-pyramid .wordpool .pool.right .drop_item_zone {
  min-width: 0;
  width: 100% !important;
}
.interaction.om-number-pyramid .wordpool .pool.left,
.interaction.ic-number-pyramid .wordpool .pool.left {
  float: left;
  margin: 0 40px 0 0;
}
.interaction.om-number-pyramid .wordpool .pool.right,
.interaction.ic-number-pyramid .wordpool .pool.right {
  float: right;
  margin: 0 0 0 40px;
}
.interaction.om-number-pyramid .wordpool .pool.bottom,
.interaction.ic-number-pyramid .wordpool .pool.bottom {
  margin: 40px 0 0;
}
.interaction.om-number-pyramid .wordpool .pool .prefill,
.interaction.ic-number-pyramid .wordpool .pool .prefill,
.interaction.om-number-pyramid .wordpool .pool .prefilled,
.interaction.ic-number-pyramid .wordpool .pool .prefilled {
  display: none !important;
}
.interaction.om-number-pyramid .wordpool .pool .drop_area,
.interaction.ic-number-pyramid .wordpool .pool .drop_area {
  margin: 0 10px 10px 0;
}
.interaction.om-number-pyramid .drop_area,
.interaction.ic-number-pyramid .drop_area {
  width: 50px;
  height: 50px;
  display: inline-block;
  font: normal 500 26px/1.3 Helvetica, Arial, sans-serif;
  vertical-align: top;
}
.interaction.om-number-pyramid .drop_area .drag_holder,
.interaction.ic-number-pyramid .drop_area .drag_holder {
  content: "";
  min-height: 40px;
  min-width: 80px;
  position: relative;
  background: #dfdfdf;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  width: 50px;
  min-width: 0;
  height: 50px;
  border-radius: 25px;
  display: inline-block;
  font: normal 500 26px/1.3 Helvetica, Arial, sans-serif;
  vertical-align: top;
}
.interaction.om-number-pyramid .drop_area .drag_holder .place_holder,
.interaction.ic-number-pyramid .drop_area .drag_holder .place_holder {
  border: 1px solid transparent;
  font: normal 700 18px/24px Helvetica, Arial, sans-serif;
}
.interaction.om-number-pyramid .drop_area:focus,
.interaction.ic-number-pyramid .drop_area:focus {
  outline: 0;
}
.interaction.om-number-pyramid .drop_area.is-active-target .drag_holder,
.interaction.ic-number-pyramid .drop_area.is-active-target .drag_holder {
  background: #0d0d0d;
}
.interaction.om-number-pyramid .number-pyramid,
.interaction.ic-number-pyramid .number-pyramid {
  width: 365px;
  height: 324.85px;
  margin: 0 auto;
  position: relative;
  background: url('../images/number-pyramid.svg') no-repeat 0 0;
  background-size: 100%;
  line-height: inherit;
  font: normal 500 26px/1.3 Helvetica, Arial, sans-serif;
}
.interaction.om-number-pyramid .number-pyramid .drop_area,
.interaction.ic-number-pyramid .number-pyramid .drop_area {
  width: 13.7%;
  height: 15.4%;
  margin: 0;
}
.interaction.om-number-pyramid .number-pyramid .drop_area .drag_holder,
.interaction.ic-number-pyramid .number-pyramid .drop_area .drag_holder {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.interaction.om-number-pyramid .number-pyramid .drop_area,
.interaction.ic-number-pyramid .number-pyramid .drop_area,
.interaction.om-number-pyramid .number-pyramid .input-text,
.interaction.ic-number-pyramid .number-pyramid .input-text,
.interaction.om-number-pyramid .number-pyramid .pyramid-display-number,
.interaction.ic-number-pyramid .number-pyramid .pyramid-display-number {
  position: absolute;
  transform: translate(-50%, -50%);
  margin-left: -0.2%;
}
.interaction.om-number-pyramid .number-pyramid .drop_area:hover,
.interaction.ic-number-pyramid .number-pyramid .drop_area:hover,
.interaction.om-number-pyramid .number-pyramid .input-text:hover,
.interaction.ic-number-pyramid .number-pyramid .input-text:hover,
.interaction.om-number-pyramid .number-pyramid .pyramid-display-number:hover,
.interaction.ic-number-pyramid .number-pyramid .pyramid-display-number:hover {
  z-index: 1;
}
.interaction.om-number-pyramid .number-pyramid .drop_area.input-text,
.interaction.ic-number-pyramid .number-pyramid .drop_area.input-text,
.interaction.om-number-pyramid .number-pyramid .input-text.input-text,
.interaction.ic-number-pyramid .number-pyramid .input-text.input-text,
.interaction.om-number-pyramid .number-pyramid .pyramid-display-number.input-text,
.interaction.ic-number-pyramid .number-pyramid .pyramid-display-number.input-text {
  width: 13.7%;
  height: 15.4%;
}
.interaction.om-number-pyramid .number-pyramid .drop_area.input-text input,
.interaction.ic-number-pyramid .number-pyramid .drop_area.input-text input,
.interaction.om-number-pyramid .number-pyramid .input-text.input-text input,
.interaction.ic-number-pyramid .number-pyramid .input-text.input-text input,
.interaction.om-number-pyramid .number-pyramid .pyramid-display-number.input-text input,
.interaction.ic-number-pyramid .number-pyramid .pyramid-display-number.input-text input {
  background: #fff;
  border: 1px solid #cccccc;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-box-shadow: inset 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 2px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: border-color 0.15s;
  -o-transition: border-color 0.15s;
  transition: border-color 0.15s;
  outline: none;
  padding: 0px 10px 0px;
  color: #3d3d3d;
  width: 100% !important;
  height: 100%;
  padding: 0;
  border-radius: 50%;
  font: normal 500 26px/1.3 Helvetica, Arial, sans-serif;
  text-align: center;
}
.interaction.om-number-pyramid .number-pyramid .drop_area.input-text input:hover,
.interaction.ic-number-pyramid .number-pyramid .drop_area.input-text input:hover,
.interaction.om-number-pyramid .number-pyramid .input-text.input-text input:hover,
.interaction.ic-number-pyramid .number-pyramid .input-text.input-text input:hover,
.interaction.om-number-pyramid .number-pyramid .pyramid-display-number.input-text input:hover,
.interaction.ic-number-pyramid .number-pyramid .pyramid-display-number.input-text input:hover,
.interaction.om-number-pyramid .number-pyramid .drop_area.input-text input:focus,
.interaction.ic-number-pyramid .number-pyramid .drop_area.input-text input:focus,
.interaction.om-number-pyramid .number-pyramid .input-text.input-text input:focus,
.interaction.ic-number-pyramid .number-pyramid .input-text.input-text input:focus,
.interaction.om-number-pyramid .number-pyramid .pyramid-display-number.input-text input:focus,
.interaction.ic-number-pyramid .number-pyramid .pyramid-display-number.input-text input:focus {
  border: 1px solid #0d0d0d;
}
.interaction.om-number-pyramid .number-pyramid .drop_area.input-text input[disabled],
.interaction.ic-number-pyramid .number-pyramid .drop_area.input-text input[disabled],
.interaction.om-number-pyramid .number-pyramid .input-text.input-text input[disabled],
.interaction.ic-number-pyramid .number-pyramid .input-text.input-text input[disabled],
.interaction.om-number-pyramid .number-pyramid .pyramid-display-number.input-text input[disabled],
.interaction.ic-number-pyramid .number-pyramid .pyramid-display-number.input-text input[disabled] {
  -webkit-opacity: 1;
  -webkit-text-fill-color: #3d3d3d;
}
.interaction.om-number-pyramid .number-pyramid .drop_area.pyramid-top,
.interaction.ic-number-pyramid .number-pyramid .drop_area.pyramid-top,
.interaction.om-number-pyramid .number-pyramid .input-text.pyramid-top,
.interaction.ic-number-pyramid .number-pyramid .input-text.pyramid-top,
.interaction.om-number-pyramid .number-pyramid .pyramid-display-number.pyramid-top,
.interaction.ic-number-pyramid .number-pyramid .pyramid-display-number.pyramid-top {
  left: 50%;
  top: 9.6%;
}
.interaction.om-number-pyramid .number-pyramid .drop_area.pyramid-center,
.interaction.ic-number-pyramid .number-pyramid .drop_area.pyramid-center,
.interaction.om-number-pyramid .number-pyramid .input-text.pyramid-center,
.interaction.ic-number-pyramid .number-pyramid .input-text.pyramid-center,
.interaction.om-number-pyramid .number-pyramid .pyramid-display-number.pyramid-center,
.interaction.ic-number-pyramid .number-pyramid .pyramid-display-number.pyramid-center {
  left: 50%;
  top: 63%;
}
.interaction.om-number-pyramid .number-pyramid .drop_area.pyramid-left,
.interaction.ic-number-pyramid .number-pyramid .drop_area.pyramid-left,
.interaction.om-number-pyramid .number-pyramid .input-text.pyramid-left,
.interaction.ic-number-pyramid .number-pyramid .input-text.pyramid-left,
.interaction.om-number-pyramid .number-pyramid .pyramid-display-number.pyramid-left,
.interaction.ic-number-pyramid .number-pyramid .pyramid-display-number.pyramid-left {
  left: 29.3%;
  top: 50.1%;
}
.interaction.om-number-pyramid .number-pyramid .drop_area.pyramid-right,
.interaction.ic-number-pyramid .number-pyramid .drop_area.pyramid-right,
.interaction.om-number-pyramid .number-pyramid .input-text.pyramid-right,
.interaction.ic-number-pyramid .number-pyramid .input-text.pyramid-right,
.interaction.om-number-pyramid .number-pyramid .pyramid-display-number.pyramid-right,
.interaction.ic-number-pyramid .number-pyramid .pyramid-display-number.pyramid-right {
  left: 70.95%;
  top: 50.1%;
}
.interaction.om-number-pyramid .number-pyramid .drop_area.pyramid-bottom,
.interaction.ic-number-pyramid .number-pyramid .drop_area.pyramid-bottom,
.interaction.om-number-pyramid .number-pyramid .input-text.pyramid-bottom,
.interaction.ic-number-pyramid .number-pyramid .input-text.pyramid-bottom,
.interaction.om-number-pyramid .number-pyramid .pyramid-display-number.pyramid-bottom,
.interaction.ic-number-pyramid .number-pyramid .pyramid-display-number.pyramid-bottom {
  left: 50%;
  top: 90.5%;
}
.interaction.om-number-pyramid .number-pyramid .drop_area.pyramid-bottom-left,
.interaction.ic-number-pyramid .number-pyramid .drop_area.pyramid-bottom-left,
.interaction.om-number-pyramid .number-pyramid .input-text.pyramid-bottom-left,
.interaction.ic-number-pyramid .number-pyramid .input-text.pyramid-bottom-left,
.interaction.om-number-pyramid .number-pyramid .pyramid-display-number.pyramid-bottom-left,
.interaction.ic-number-pyramid .number-pyramid .pyramid-display-number.pyramid-bottom-left {
  left: 8.5%;
  top: 90.5%;
}
.interaction.om-number-pyramid .number-pyramid .drop_area.pyramid-bottom-right,
.interaction.ic-number-pyramid .number-pyramid .drop_area.pyramid-bottom-right,
.interaction.om-number-pyramid .number-pyramid .input-text.pyramid-bottom-right,
.interaction.ic-number-pyramid .number-pyramid .input-text.pyramid-bottom-right,
.interaction.om-number-pyramid .number-pyramid .pyramid-display-number.pyramid-bottom-right,
.interaction.ic-number-pyramid .number-pyramid .pyramid-display-number.pyramid-bottom-right {
  left: 91.7%;
  top: 90.5%;
}
.drag_element.om-number-pyramid-element {
  font: normal 700 18px/24px Helvetica, Arial, sans-serif;
  letter-spacing: 0;
  text-align: center;
  padding: 0;
  cursor: default;
  vertical-align: middle;
  min-width: 80px;
  min-width: 0;
  width: auto !important;
  font: normal 500 26px/1.3 Helvetica, Arial, sans-serif;
}
.drag_element.om-number-pyramid-element > div:not(.check) {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #fff;
  color: #3d3d3d;
  border: 1px solid #bbb;
  padding: 7px 20px;
  -webkit-transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
  -o-transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
  transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
}
.drag_element.om-number-pyramid-element > div:not(.check) img:not(.Wirisformula) {
  margin: 0 -13px;
}
.drag_element.om-number-pyramid-element:not(.prefilled):not(.ui-draggable-disabled):not(.ui-disabled):hover > div:not(.check) {
  cursor: move;
}
.status-input.drag_element.om-number-pyramid-element:not(.prefilled):not(.ui-draggable-disabled):not(.ui-disabled):hover > div:not(.check) {
  border: 1px solid #0d0d0d;
}
.drag_element.om-number-pyramid-element.prefilled,
.drag_element.om-number-pyramid-element.prefilled:hover,
.drag_element.om-number-pyramid-element.prefilled > div:not(.check),
.drag_element.om-number-pyramid-element.prefilled:hover > div:not(.check) {
  color: #3d3d3d;
  cursor: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.drag_element.om-number-pyramid-element.selected > div:not(.check),
.drag_element.om-number-pyramid-element.selected:hover > div:not(.check) {
  background: #f5e38d;
  border: 1px solid #edcc2f;
  -webkit-box-shadow: none;
  box-shadow: none;
  position: relative;
  right: -5px;
  top: -5px;
}
.drag_element.om-number-pyramid-element.dragged {
  overflow: visible;
}
.drag_element.om-number-pyramid-element.dragged > div,
.drag_element.om-number-pyramid-element.ui-draggable-dragging > div,
.drag_element.om-number-pyramid-element.ui-draggable-dragged > div {
  border: 1px solid #0d0d0d;
  cursor: move;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.drag_element.om-number-pyramid-element.drop-placeholder:not(.drop-indicator) {
  visibility: hidden;
}
.drag_element.om-number-pyramid-element.dragged,
.drag_element.om-number-pyramid-element.ui-draggable-dragging,
.drag_element.om-number-pyramid-element.ui-draggable-dragged {
  z-index: 2700;
}
.drag_element.om-number-pyramid-element.ui-draggable-disabled {
  opacity: 1;
}
.drag_element.om-number-pyramid-element .check {
  padding: 0;
}
.drag_element.om-number-pyramid-element .content.content {
  border-radius: 50%;
  padding: 7px 0;
  width: 50px;
  height: 50px;
}
.interaction.ic-number-triangle .number-triangle {
  width: 323px;
  height: 323px;
  margin: 0 auto;
  position: relative;
  background: url('../images/number-triangle.svg') no-repeat 0 0;
  background-size: 100%;
  font: normal 500 26px/1.3 Helvetica, Arial, sans-serif;
}
.interaction.ic-number-triangle .number-triangle .input-text,
.interaction.ic-number-triangle .number-triangle .triangle-display-number {
  position: absolute;
  transform: translate(-50%, -50%);
}
.interaction.ic-number-triangle .number-triangle .input-text:hover,
.interaction.ic-number-triangle .number-triangle .triangle-display-number:hover {
  z-index: 1;
}
.interaction.ic-number-triangle .number-triangle .input-text.input-text,
.interaction.ic-number-triangle .number-triangle .triangle-display-number.input-text {
  width: 70px;
}
.interaction.ic-number-triangle .number-triangle .input-text.input-text input,
.interaction.ic-number-triangle .number-triangle .triangle-display-number.input-text input {
  background: #fff;
  border: 1px solid #cccccc;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-box-shadow: inset 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 2px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: border-color 0.15s;
  -o-transition: border-color 0.15s;
  transition: border-color 0.15s;
  outline: none;
  padding: 0px 10px 0px;
  color: #3d3d3d;
  width: 100% !important;
  height: 100%;
  font: normal 500 26px/1.3 Helvetica, Arial, sans-serif;
  text-align: center;
}
.interaction.ic-number-triangle .number-triangle .input-text.input-text input:hover,
.interaction.ic-number-triangle .number-triangle .triangle-display-number.input-text input:hover,
.interaction.ic-number-triangle .number-triangle .input-text.input-text input:focus,
.interaction.ic-number-triangle .number-triangle .triangle-display-number.input-text input:focus {
  border: 1px solid #0d0d0d;
}
.interaction.ic-number-triangle .number-triangle .input-text.input-text input[disabled],
.interaction.ic-number-triangle .number-triangle .triangle-display-number.input-text input[disabled] {
  -webkit-opacity: 1;
  -webkit-text-fill-color: #3d3d3d;
}
.interaction.ic-number-triangle .number-triangle .input-text.triangle-top,
.interaction.ic-number-triangle .number-triangle .triangle-display-number.triangle-top {
  left: 50%;
  top: 37%;
}
.interaction.ic-number-triangle .number-triangle .input-text.triangle-top-left,
.interaction.ic-number-triangle .number-triangle .triangle-display-number.triangle-top-left {
  left: 10%;
  top: 37%;
}
.interaction.ic-number-triangle .number-triangle .input-text.triangle-top-right,
.interaction.ic-number-triangle .number-triangle .triangle-display-number.triangle-top-right {
  left: 90.3%;
  top: 37%;
}
.interaction.ic-number-triangle .number-triangle .input-text.triangle-left,
.interaction.ic-number-triangle .number-triangle .triangle-display-number.triangle-left {
  left: 32.8%;
  top: 66.7%;
}
.interaction.ic-number-triangle .number-triangle .input-text.triangle-right,
.interaction.ic-number-triangle .number-triangle .triangle-display-number.triangle-right {
  left: 67.4%;
  top: 66.7%;
}
.interaction.ic-number-triangle .number-triangle .input-text.triangle-bottom,
.interaction.ic-number-triangle .number-triangle .triangle-display-number.triangle-bottom {
  left: 50%;
  top: 96%;
}
.interaction.ic-number-wall .number-wall {
  margin: 0 auto;
  position: relative;
  font: normal 500 26px/40px Helvetica, Arial, sans-serif;
}
.interaction.ic-number-wall .number-wall .wall-level {
  text-align: center;
}
.interaction.ic-number-wall .number-wall .wall-level .wall-input-text,
.interaction.ic-number-wall .number-wall .wall-level .wall-display-number {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 70px;
  border: 3px solid #6e6e6e;
  margin: -1.5px;
}
.interaction.ic-number-wall .number-wall .wall-level .wall-input-text.wall-input-text .input-text,
.interaction.ic-number-wall .number-wall .wall-level .wall-display-number.wall-input-text .input-text {
  position: relative;
  display: inline-block;
}
.interaction.ic-number-wall .number-wall .wall-level .wall-input-text.wall-input-text .input-text input,
.interaction.ic-number-wall .number-wall .wall-level .wall-display-number.wall-input-text .input-text input {
  background: #fff;
  border: 1px solid #cccccc;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-box-shadow: inset 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 2px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: border-color 0.15s;
  -o-transition: border-color 0.15s;
  transition: border-color 0.15s;
  outline: none;
  padding: 0px 10px 0px;
  color: #3d3d3d;
  height: 40px;
  font: normal 500 26px/40px Helvetica, Arial, sans-serif;
  text-align: center;
}
.interaction.ic-number-wall .number-wall .wall-level .wall-input-text.wall-input-text .input-text input:hover,
.interaction.ic-number-wall .number-wall .wall-level .wall-display-number.wall-input-text .input-text input:hover,
.interaction.ic-number-wall .number-wall .wall-level .wall-input-text.wall-input-text .input-text input:focus,
.interaction.ic-number-wall .number-wall .wall-level .wall-display-number.wall-input-text .input-text input:focus {
  border: 1px solid #0d0d0d;
}
.interaction.ic-number-wall .number-wall .wall-level .wall-input-text.wall-input-text .input-text input[disabled],
.interaction.ic-number-wall .number-wall .wall-level .wall-display-number.wall-input-text .input-text input[disabled] {
  -webkit-opacity: 1;
  -webkit-text-fill-color: #3d3d3d;
}
.interaction.ic-text-correction {
  line-height: 21px;
}
.interaction.ic-text-correction .contentblock u {
  text-decoration: none;
  border-bottom: 1px solid #3d3d3d;
}
.interaction.ic-text-correction .glue-wrap {
  white-space: nowrap;
}
.interaction.ic-text-correction .check {
  white-space: initial;
}
.interaction.ic-text-correction .text.solution-empty,
.interaction.ic-text-correction .input-text.solution-empty,
.interaction.ic-text-correction .text.modified,
.interaction.ic-text-correction .input-text.modified,
.interaction.ic-text-correction .text.editing,
.interaction.ic-text-correction .input-text.editing {
  background: #f5e38d;
}
.interaction.ic-text-correction .text.prefilled,
.interaction.ic-text-correction .input-text.prefilled {
  color: #3d3d3d;
  cursor: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interaction.ic-text-correction .text.prefilled .original,
.interaction.ic-text-correction .input-text.prefilled .original {
  display: inline !important;
  text-decoration: line-through;
}
.interaction.ic-text-correction .text.prefilled .whitespace,
.interaction.ic-text-correction .input-text.prefilled .whitespace {
  display: inline !important;
}
.interaction.ic-text-correction .text.prefilled .answer,
.interaction.ic-text-correction .input-text.prefilled .answer {
  text-decoration: none;
  font-weight: bold;
}
.interaction.ic-text-correction .text.wrong,
.interaction.ic-text-correction .input-text.wrong {
  text-decoration: underline;
}
.interaction.ic-text-correction .input-text {
  display: inline-block;
}
.status-input.interaction.ic-text-correction .input-text:not(.correct):not(.prefilled) {
  cursor: pointer;
}
.interaction.ic-text-correction .inputs .checkbox {
  min-height: 0;
  margin: 0;
}
.interaction.ic-text-correction .inputs .checkbox input[type=checkbox] {
  margin: 0;
  cursor: pointer;
  opacity: 0;
  width: 38px;
  height: 38px;
  z-index: 1;
}
.interaction.ic-text-correction .inputs .checkbox input[type=checkbox] + .styleEl {
  position: absolute;
}
.interaction.ic-text-correction .inputs .checkbox input[type=checkbox] + .styleEl:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -201px -121px;
  left: 0;
}
.interaction.ic-text-correction .inputs .checkbox input[type=checkbox]:hover + .styleEl:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -241px -121px;
  left: 0;
}
.interaction.ic-text-correction .inputs .checkbox input[type=checkbox]:checked + .styleEl:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -281px -121px;
  left: 0;
}
.interaction.ic-text-correction .inputs .checkbox input[type=checkbox]:checked:hover + .styleEl:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -321px -121px;
  left: 0;
}
.interaction.ic-text-correction .inputs button {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0;
  border: 1px solid transparent;
  box-shadow: none;
  margin-bottom: 0;
  background: #cccccc;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* for child to eventually set and use */
  text-decoration: none;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  text-indent: -9999px;
  margin-left: 10px;
}
.interaction.ic-text-correction .inputs button:active {
  box-shadow: none;
}
.interaction.ic-text-correction .inputs button:focus,
.interaction.ic-text-correction .inputs button:active:focus,
.interaction.ic-text-correction .inputs button.active:focus {
  outline: none;
  color: #555;
}
.interaction.ic-text-correction .inputs button,
.interaction.ic-text-correction .inputs button .label {
  color: #555;
}
.interaction.ic-text-correction .inputs button:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
  text-decoration: none;
}
.interaction.ic-text-correction .inputs button:hover,
.interaction.ic-text-correction .inputs button:hover .label {
  color: #fff;
}
.interaction.ic-text-correction .inputs button.inactive,
.interaction.ic-text-correction .inputs button.lrp_inactive,
.interaction.ic-text-correction .inputs button.disabled,
.interaction.ic-text-correction .inputs button.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  box-shadow: none;
  background: rgba(200, 200, 200, 0.4);
  opacity: 1;
  cursor: default;
}
.interaction.ic-text-correction .inputs button:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -81px -361px;
  left: 0;
}
.interaction.ic-text-correction.replace.user-selection .contentblock {
  padding-right: 50px;
}
.interaction.ic-text-correction.replace .inputs {
  margin-top: -9px;
}
.interaction.ic-text-correction.line .contentblock {
  padding-right: 220px;
}
.interaction.ic-text-correction.line .contentblock .inputs .checkbox {
  position: absolute;
  width: 7px;
  top: -9px;
}
.interaction.ic-text-correction.line .contentblock .inputs .input {
  margin-top: -9px;
}
.interaction.ic-text-correction.line .contentblock .inputs .input input[type=text] {
  background: #fff;
  border: 1px solid #cccccc;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-box-shadow: inset 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 2px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: border-color 0.15s;
  -o-transition: border-color 0.15s;
  transition: border-color 0.15s;
  outline: none;
  padding: 0px 10px 0px;
  color: #3d3d3d;
  min-height: 40px;
  padding-left: 35px;
  width: 100%;
}
.interaction.ic-text-correction.line .contentblock .inputs .input input[type=text]:hover,
.interaction.ic-text-correction.line .contentblock .inputs .input input[type=text]:focus {
  border: 1px solid #0d0d0d;
}
.interaction.ic-text-correction.line .contentblock .inputs .input input[type=text][disabled] {
  -webkit-opacity: 1;
  -webkit-text-fill-color: #3d3d3d;
}
.interaction.ic-text-correction.line .contentblock .inputs.prefilled .input input[type=text] {
  color: #3d3d3d;
  cursor: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interaction.ic-text-correction.sentence .contentblock {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
  padding-right: 90px;
  padding-left: 0 !important;
}
.interaction.ic-text-correction.sentence .contentblock .input {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-positive: 1;
  -webkit-box-flex: 1;
  flex-grow: 1;
  position: relative;
}
.interaction.ic-text-correction.sentence .contentblock .input textarea {
  background: #fff;
  border: 1px solid #cccccc;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-box-shadow: inset 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 2px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: border-color 0.15s;
  -o-transition: border-color 0.15s;
  transition: border-color 0.15s;
  outline: none;
  padding: 0px 10px 0px;
  color: #3d3d3d;
  width: 100%;
  line-height: 1;
  padding-top: 10px;
}
.interaction.ic-text-correction.sentence .contentblock .input textarea:hover,
.interaction.ic-text-correction.sentence .contentblock .input textarea:focus {
  border: 1px solid #0d0d0d;
}
.interaction.ic-text-correction.sentence .contentblock .input textarea[disabled] {
  -webkit-opacity: 1;
  -webkit-text-fill-color: #3d3d3d;
}
body:not(.isGecko) .interaction.ic-text-correction.sentence .contentblock .input textarea {
  padding-bottom: 10px;
}
.interaction.ic-text-correction.sentence .contentblock .input.prefilled textarea {
  color: #3d3d3d;
  cursor: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interaction.ic-text-correction.sentence .contentblock .inputs {
  width: 90px;
}
.interaction.ic-text-correction.sentence .contentblock .inputs > .checkbox {
  display: inline-block;
  vertical-align: top;
  width: 40px;
}
.interaction.ic-text-correction.sentence .contentblock .enum {
  -ms-flex-order: -1;
  -webkit-box-ordinal-group: -1;
  order: -1;
  position: static;
}
.interaction.ic-text-gap {
  line-height: 40px;
}
.interaction.ic-text-gap .wordpool .pool {
  background: none;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  padding: 12px 12px 2px 24px;
  margin: 0 0 40px;
}
.interaction.ic-text-gap .wordpool .pool.ui-draggable {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interaction.ic-text-gap .wordpool .pool.ui-draggable.ui-draggable-dragging {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interaction.ic-text-gap .wordpool .pool h2,
.interaction.ic-text-gap .wordpool .pool .drag-handle {
  font: normal 700 13px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  color: #aaa;
  text-transform: lowercase;
  margin: -12px -24px 0;
  padding: 6px 24px;
  height: 30px;
  cursor: move;
}
.interaction.ic-text-gap .wordpool .pool h2 .reset_position,
.interaction.ic-text-gap .wordpool .pool .drag-handle .reset_position {
  color: #444;
  text-transform: lowercase;
  background-color: transparent;
  outline: 0;
  border: 0;
  cursor: pointer;
}
.interaction.ic-text-gap .wordpool .pool h2 .reset_position:hover,
.interaction.ic-text-gap .wordpool .pool .drag-handle .reset_position:hover {
  color: #0d0d0d;
}
.interaction.ic-text-gap .wordpool .pool .static_word {
  display: inline-block;
  padding: 7px 20px;
  padding-left: 0;
  margin: 0 12px 12px 0;
  font: normal 700 18px/24px Helvetica, Arial, sans-serif;
}
.interaction.ic-text-gap .wordpool.alignment_vertical .pool {
  width: 240px;
}
.interaction.ic-text-gap .wordpool.alignment_left .pool {
  float: left;
  margin: 0 40px 0 0;
}
.interaction.ic-text-gap .wordpool.alignment_right .pool {
  float: right;
  margin: 0 0 0 40px;
}
.interaction.ic-text-gap .wordpool.alignment_bottom .pool {
  margin: 40px 0 0;
}
.interaction.ic-text-gap .wordpool .contentblock:after {
  clear: none;
}
.interaction.ic-text-gap .input-text {
  outline: none;
  position: relative;
  margin: 0 6px;
}
.interaction.ic-text-gap .input-text input,
.interaction.ic-text-gap .input-text textarea {
  background: #fff;
  border: 1px solid #cccccc;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-box-shadow: inset 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 2px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: border-color 0.15s;
  -o-transition: border-color 0.15s;
  transition: border-color 0.15s;
  outline: none;
  padding: 0px 10px 0px;
  color: #3d3d3d;
  line-height: inherit;
  border-color: transparent;
  text-align: center;
  background: transparent;
}
.interaction.ic-text-gap .input-text input:hover,
.interaction.ic-text-gap .input-text textarea:hover,
.interaction.ic-text-gap .input-text input:focus,
.interaction.ic-text-gap .input-text textarea:focus {
  border: 1px solid #0d0d0d;
}
.interaction.ic-text-gap .input-text input[disabled],
.interaction.ic-text-gap .input-text textarea[disabled] {
  -webkit-opacity: 1;
  -webkit-text-fill-color: #3d3d3d;
}
.interaction.ic-text-gap .input-text:not(.focused) input {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interaction.ic-text-gap .input-text.mouseover input,
.interaction.ic-text-gap .input-text.focused input {
  background: #fff;
  border: 1px solid #cccccc;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-box-shadow: inset 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 2px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: border-color 0.15s;
  -o-transition: border-color 0.15s;
  transition: border-color 0.15s;
  outline: none;
  padding: 0px 10px 0px;
  color: #3d3d3d;
  min-height: 40px;
}
.interaction.ic-text-gap .input-text.mouseover input:hover,
.interaction.ic-text-gap .input-text.focused input:hover,
.interaction.ic-text-gap .input-text.mouseover input:focus,
.interaction.ic-text-gap .input-text.focused input:focus {
  border: 1px solid #0d0d0d;
}
.interaction.ic-text-gap .input-text.mouseover input[disabled],
.interaction.ic-text-gap .input-text.focused input[disabled] {
  -webkit-opacity: 1;
  -webkit-text-fill-color: #3d3d3d;
}
.interaction.ic-text-gap .input-text.mouseover input,
.interaction.ic-text-gap .input-text.focused input,
.interaction.ic-text-gap .input-text.mouseover textarea,
.interaction.ic-text-gap .input-text.focused textarea {
  border: 1px solid #0d0d0d;
}
.interaction.ic-text-gap .input-text.word-beginning,
.interaction.ic-text-gap .input-text.word-beginning.mouseover,
.interaction.ic-text-gap .input-text.word-beginning.focused {
  margin-right: -1px;
}
.interaction.ic-text-gap .input-text.word-beginning input,
.interaction.ic-text-gap .input-text.word-beginning.mouseover input,
.interaction.ic-text-gap .input-text.word-beginning.focused input,
.interaction.ic-text-gap .input-text.word-beginning textarea,
.interaction.ic-text-gap .input-text.word-beginning.mouseover textarea,
.interaction.ic-text-gap .input-text.word-beginning.focused textarea {
  padding-right: 0;
  text-align: right;
}
.interaction.ic-text-gap .input-text.word-ending,
.interaction.ic-text-gap .input-text.word-ending.mouseover,
.interaction.ic-text-gap .input-text.word-ending.focused {
  margin-left: -1px;
}
.interaction.ic-text-gap .input-text.word-ending input,
.interaction.ic-text-gap .input-text.word-ending.mouseover input,
.interaction.ic-text-gap .input-text.word-ending.focused input,
.interaction.ic-text-gap .input-text.word-ending textarea,
.interaction.ic-text-gap .input-text.word-ending.mouseover textarea,
.interaction.ic-text-gap .input-text.word-ending.focused textarea {
  padding-left: 0;
  text-align: left;
}
.interaction.ic-text-gap .input-text.word-middle,
.interaction.ic-text-gap .input-text.word-middle.mouseover,
.interaction.ic-text-gap .input-text.word-middle.focused {
  margin: 0 -1px 0;
}
.interaction.ic-text-gap .input-text.word-middle input,
.interaction.ic-text-gap .input-text.word-middle.mouseover input,
.interaction.ic-text-gap .input-text.word-middle.focused input,
.interaction.ic-text-gap .input-text.word-middle textarea,
.interaction.ic-text-gap .input-text.word-middle.mouseover textarea,
.interaction.ic-text-gap .input-text.word-middle.focused textarea {
  padding: 0;
}
.interaction.ic-text-gap .input-text.characters-in-gap {
  margin: 0;
}
.interaction.ic-text-gap .input-text.characters-in-gap:after {
  display: none;
}
.interaction.ic-text-gap .input-text.characters-in-gap input {
  padding-left: 0;
  padding-right: 0;
}
.interaction.ic-text-gap .input-text.characters-in-gap input,
.interaction.ic-text-gap .input-text.characters-in-gap textarea {
  text-align: left;
}
.interaction.ic-text-gap .input-text input {
  min-height: 40px;
}
.interaction.ic-text-gap .input-text textarea {
  vertical-align: bottom;
}
.interaction.ic-text-gap .input-text .prefill {
  color: #3d3d3d;
  cursor: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 1px 0;
}
.interaction.ic-text-gap .input-text:after {
  content: "";
  display: inline-block;
  border-bottom: 1px solid #808080;
  width: 100%;
  position: absolute;
  bottom: 6px;
  left: 0;
}
.interaction.ic-text-gap .input-text.mouseover:after,
.interaction.ic-text-gap .input-text.focused:after {
  border-bottom: none;
}
.interaction.ic-text-gap-label-an-object {
  line-height: 40px;
}
.interaction.ic-text-gap-label-an-object .tehs_block .wordpool .pool {
  background: none;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  padding: 12px 12px 2px 24px;
  margin: 0 0 40px;
}
.interaction.ic-text-gap-label-an-object .tehs_block .wordpool .pool.ui-draggable {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interaction.ic-text-gap-label-an-object .tehs_block .wordpool .pool.ui-draggable.ui-draggable-dragging {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interaction.ic-text-gap-label-an-object .tehs_block .wordpool .pool h2,
.interaction.ic-text-gap-label-an-object .tehs_block .wordpool .pool .drag-handle {
  font: normal 700 13px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  color: #aaa;
  text-transform: lowercase;
  margin: -12px -24px 0;
  padding: 6px 24px;
  height: 30px;
  cursor: move;
}
.interaction.ic-text-gap-label-an-object .tehs_block .wordpool .pool h2 .reset_position,
.interaction.ic-text-gap-label-an-object .tehs_block .wordpool .pool .drag-handle .reset_position {
  color: #444;
  text-transform: lowercase;
  background-color: transparent;
  outline: 0;
  border: 0;
  cursor: pointer;
}
.interaction.ic-text-gap-label-an-object .tehs_block .wordpool .pool h2 .reset_position:hover,
.interaction.ic-text-gap-label-an-object .tehs_block .wordpool .pool .drag-handle .reset_position:hover {
  color: #0d0d0d;
}
.interaction.ic-text-gap-label-an-object .tehs_block .wordpool .pool .static_word {
  display: inline-block;
  padding: 7px 20px;
  padding-left: 0;
  margin: 0 12px 12px 0;
  font: normal 700 18px/24px Helvetica, Arial, sans-serif;
}
.interaction.ic-text-gap-label-an-object .tehs_block .wordpool.alignment_vertical .pool {
  width: 240px;
}
.interaction.ic-text-gap-label-an-object .tehs_block .wordpool.alignment_left .pool {
  float: left;
  margin: 0 40px 0 0;
}
.interaction.ic-text-gap-label-an-object .tehs_block .wordpool.alignment_right .pool {
  float: right;
  margin: 0 0 0 40px;
}
.interaction.ic-text-gap-label-an-object .tehs_block .wordpool.alignment_bottom .pool {
  margin: 40px 0 0;
}
.interaction.ic-text-gap-label-an-object .tehs_block .wordpool .block {
  display: inline-block;
}
.interaction.ic-text-gap-label-an-object .tehs_block .tehs_view {
  background: #444;
  padding: 5px;
  color: #fff;
}
.interaction.ic-text-gap-label-an-object .tehs_block .tehs_view input {
  background: #fff;
  border: 1px solid #cccccc;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-box-shadow: inset 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 2px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: border-color 0.15s;
  -o-transition: border-color 0.15s;
  transition: border-color 0.15s;
  outline: none;
  padding: 0px 10px 0px;
  color: #3d3d3d;
  height: 40px;
}
.interaction.ic-text-gap-label-an-object .tehs_block .tehs_view input:hover,
.interaction.ic-text-gap-label-an-object .tehs_block .tehs_view input:focus {
  border: 1px solid #0d0d0d;
}
.interaction.ic-text-gap-label-an-object .tehs_block .tehs_view input[disabled] {
  -webkit-opacity: 1;
  -webkit-text-fill-color: #3d3d3d;
}
.interaction.ic-text-gap-label-an-object .tehs_block .tehs_view.prefilled input {
  color: #3d3d3d;
  cursor: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interaction.ic-text-gap-label-an-object .tehs_block .tehs_view.prefilled:hover input,
.interaction.ic-text-gap-label-an-object .tehs_block .tehs_view.prefilled:focus input {
  border: 1px solid #cccccc;
}
.interaction.is-catch .is-catch-target-wrapper {
  margin: 0;
  width: auto;
}
.interaction.is-catch .is-catch-wrapper {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  padding: 12px 12px 2px 24px;
  padding: 0;
  background: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.interaction.is-catch .is-catch-wrapper.ui-draggable {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interaction.is-catch .is-catch-wrapper.ui-draggable.ui-draggable-dragging {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interaction.is-catch .is-catch-wrapper h2,
.interaction.is-catch .is-catch-wrapper .drag-handle {
  font: normal 700 13px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  color: #aaa;
  text-transform: lowercase;
  margin: -12px -24px 0;
  padding: 6px 24px;
  height: 30px;
  cursor: move;
}
.interaction.is-catch .is-catch-wrapper h2 .reset_position,
.interaction.is-catch .is-catch-wrapper .drag-handle .reset_position {
  color: #444;
  text-transform: lowercase;
  background-color: transparent;
  outline: 0;
  border: 0;
  cursor: pointer;
}
.interaction.is-catch .is-catch-wrapper h2 .reset_position:hover,
.interaction.is-catch .is-catch-wrapper .drag-handle .reset_position:hover {
  color: #0d0d0d;
}
.interaction.is-catch .is-catch-target {
  width: 60px;
  height: 60px;
  font: normal 500 24px/1.4 Helvetica, Arial, sans-serif;
  line-height: 60px;
  text-align: center;
  border: 1px solid #c7c7c7;
  border-radius: 30px;
  background: #fff;
  color: #3d3d3d;
  opacity: 0.3;
  -webkit-transition: opacity 0.7s;
  -o-transition: opacity 0.7s;
  transition: opacity 0.7s;
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}
.interaction.is-catch .is-catch-target.spawn {
  opacity: 1;
}
.interaction.is-catch .is-catch-target.expired {
  opacity: 0;
  -webkit-transform: scale(0.2);
  -ms-transform: scale(0.2);
  -o-transform: scale(0.2);
  transform: scale(0.2);
  -webkit-transition: transform 1s ease-out, opacity 1s ease-in;
  -o-transition: transform 1s ease-out, opacity 1s ease-in;
  transition: transform 1s ease-out, opacity 1s ease-in;
}
.interaction.is-catch .is-catch-target:active,
.interaction.is-catch .is-catch-target.clicked {
  width: 60px;
  height: 60px;
  font: normal 500 24px/1.4 Helvetica, Arial, sans-serif;
  line-height: 60px;
  border: 2px solid #6e6e6e;
  border-radius: 30px;
  background: #fff;
  color: #3d3d3d;
  opacity: 1;
  -webkit-transition: transform 1s ease-out, opacity 1s ease-in;
  -o-transition: transform 1s ease-out, opacity 1s ease-in;
  transition: transform 1s ease-out, opacity 1s ease-in;
}
.interaction.is-catch .is-catch-target.correct,
.interaction.is-catch .is-catch-target.wrong {
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  -o-transform: scale(1.3);
  transform: scale(1.3);
}
.interaction.is-catch .is-catch-target.correct .points,
.interaction.is-catch .is-catch-target.wrong .points {
  top: -40px;
  opacity: 0;
}
.interaction.is-catch .is-catch-target.correct {
  width: 60px;
  height: 60px;
  font: normal 500 24px/1.4 Helvetica, Arial, sans-serif;
  line-height: 60px;
  border: 3px solid #52bd38;
  border-radius: 30px;
  background: transparent;
  color: transparent;
  opacity: 0;
}
.interaction.is-catch .is-catch-target.correct .points {
  background: #52bd38;
  color: #fff;
}
.interaction.is-catch .is-catch-target.wrong {
  width: 60px;
  height: 60px;
  font: normal 500 24px/1.4 Helvetica, Arial, sans-serif;
  line-height: 60px;
  border: 3px solid #d32424;
  border-radius: 30px;
  background: transparent;
  color: transparent;
  opacity: 0;
}
.interaction.is-catch .is-catch-target.wrong .points {
  background: #d32424;
  color: #fff;
}
.interaction.is-catch .is-catch-target .points {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 15px;
  top: 15px;
  z-index: 1;
  font: normal 700 18px/1.4 Helvetica, Arial, sans-serif;
  line-height: 30px;
  border-radius: 15px;
  background: transparent;
  color: transparent;
  -webkit-transition: opacity 1.5s ease-out, top 1.5s ease-out;
  -o-transition: opacity 1.5s ease-out, top 1.5s ease-out;
  transition: opacity 1.5s ease-out, top 1.5s ease-out;
}
.interaction.is-catch .is-catch-target-generator {
  width: 60px;
  height: 60px;
  border: 3px dashed #fff;
  border-radius: 30px;
  background: transparent;
}
.interaction.is-catch .is-catch-wrapper.generator-left-top .is-catch-target-generator,
.interaction.is-catch .is-catch-wrapper.generator-right-top .is-catch-target-generator {
  top: 30px;
}
.interaction.is-catch .is-catch-wrapper.generator-left-top .is-catch-board,
.interaction.is-catch .is-catch-wrapper.generator-right-top .is-catch-board {
  bottom: 30px;
}
.interaction.is-catch .is-catch-wrapper.generator-left-bottom .is-catch-target-generator,
.interaction.is-catch .is-catch-wrapper.generator-right-bottom .is-catch-target-generator {
  bottom: 30px;
}
.interaction.is-catch .is-catch-wrapper.generator-left-bottom .is-catch-board,
.interaction.is-catch .is-catch-wrapper.generator-right-bottom .is-catch-board {
  top: 30px;
}
.interaction.is-catch .is-catch-wrapper.generator-left-top .is-catch-target-generator,
.interaction.is-catch .is-catch-wrapper.generator-left-bottom .is-catch-target-generator {
  left: 30px;
}
.interaction.is-catch .is-catch-wrapper.generator-left-top .is-catch-board,
.interaction.is-catch .is-catch-wrapper.generator-left-bottom .is-catch-board {
  right: 0;
}
.interaction.is-catch .is-catch-wrapper.generator-right-top .is-catch-target-generator,
.interaction.is-catch .is-catch-wrapper.generator-right-bottom .is-catch-target-generator {
  right: 30px;
}
.interaction.is-catch .is-catch-wrapper.generator-right-top .is-catch-board,
.interaction.is-catch .is-catch-wrapper.generator-right-bottom .is-catch-board {
  left: 0;
}
.interaction.is-catch .is-catch-board {
  background: #fff;
  color: #3d3d3d;
  font: normal 500 18px/1.4 Helvetica, Arial, sans-serif;
  padding: 0 30px;
}
.interaction.is-catch .is-catch-board .score-board,
.interaction.is-catch .is-catch-board .timer-board {
  position: relative;
  margin: 6px;
}
.interaction.is-catch .is-catch-board .score-board .board-label,
.interaction.is-catch .is-catch-board .timer-board .board-label {
  position: absolute;
  left: 0;
  font: normal 500 18px/1.4 Helvetica, Arial, sans-serif;
}
.interaction.is-catch .is-catch-board .score-board .is-catch-timer,
.interaction.is-catch .is-catch-board .timer-board .is-catch-timer,
.interaction.is-catch .is-catch-board .score-board .is-catch-score,
.interaction.is-catch .is-catch-board .timer-board .is-catch-score {
  font-weight: bold;
  padding-left: 80px;
  margin: 0;
}
.interaction.is-dropdown {
  line-height: 50px;
}
.wrapper-dropdown,
.listbox {
  display: inline-block;
  position: relative;
  margin: 0 5px;
  vertical-align: middle;
  line-height: normal;
}
.wrapper-dropdown.word-beginning,
.listbox.word-beginning {
  margin-right: 0;
}
.wrapper-dropdown.word-beginning .rich-dropdown .label,
.listbox.word-beginning .rich-dropdown .label {
  text-align: right;
}
.wrapper-dropdown.word-ending,
.listbox.word-ending {
  margin-left: 0;
}
.wrapper-dropdown.word-middle,
.listbox.word-middle {
  margin: 0;
}
.wrapper-dropdown.word-middle .rich-dropdown .label,
.listbox.word-middle .rich-dropdown .label {
  text-align: center;
}
.listbox--horizontal {
  display: inline-block;
}
.listbox--horizontal .listbox__popup {
  margin-top: 0;
}
.listbox--horizontal .listbox__choices {
  display: inline-block;
}
.listbox--horizontal .listbox__choice {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0 16px;
  border: 1px solid transparent;
  box-shadow: none;
  margin-bottom: 0;
  background: #fff;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* for child to eventually set and use */
  text-decoration: none;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  list-style-type: none;
  text-align: left;
  border-width: 0 1px 0 0;
  white-space: nowrap;
  height: 38px;
}
.listbox--horizontal .listbox__choice.active {
  background-color: #888888;
}
.listbox--horizontal .listbox__choice:active {
  box-shadow: none;
}
.listbox--horizontal .listbox__choice:focus,
.listbox--horizontal .listbox__choice:active:focus,
.listbox--horizontal .listbox__choice.active:focus {
  outline: none;
  color: #555;
}
.listbox--horizontal .listbox__choice,
.listbox--horizontal .listbox__choice .label {
  color: #444;
}
.listbox--horizontal .listbox__choice:hover {
  border-color: #000000;
  box-shadow: none;
  background: #fff;
  text-decoration: none;
}
.listbox--horizontal .listbox__choice:hover,
.listbox--horizontal .listbox__choice:hover .label {
  color: #fff;
}
.listbox--horizontal .listbox__choice.inactive,
.listbox--horizontal .listbox__choice.lrp_inactive,
.listbox--horizontal .listbox__choice.disabled,
.listbox--horizontal .listbox__choice.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  box-shadow: none;
  background: rgba(200, 200, 200, 0.4);
  opacity: 1;
  cursor: default;
}
.listbox--horizontal .listbox__choice:focus,
.listbox--horizontal .listbox__choice.hovered {
  background: #fff;
}
.listbox--horizontal .listbox__choice:last-child {
  border: 0;
}
.listbox--horizontal .listbox__close {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0 16px;
  border: 1px solid transparent;
  box-shadow: none;
  margin-bottom: 0;
  background: #cccccc;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* for child to eventually set and use */
  text-decoration: none;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  border-left: 1px solid #b3b3b3;
  vertical-align: bottom;
  height: 38px;
  line-height: normal;
}
.listbox--horizontal .listbox__close:active {
  box-shadow: none;
}
.listbox--horizontal .listbox__close:focus,
.listbox--horizontal .listbox__close:active:focus,
.listbox--horizontal .listbox__close.active:focus {
  outline: none;
  color: #555;
}
.listbox--horizontal .listbox__close,
.listbox--horizontal .listbox__close .label {
  color: #555;
}
.listbox--horizontal .listbox__close:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
  text-decoration: none;
}
.listbox--horizontal .listbox__close:hover,
.listbox--horizontal .listbox__close:hover .label {
  color: #fff;
}
.listbox--horizontal .listbox__close.inactive,
.listbox--horizontal .listbox__close.lrp_inactive,
.listbox--horizontal .listbox__close.disabled,
.listbox--horizontal .listbox__close.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  box-shadow: none;
  background: rgba(200, 200, 200, 0.4);
  opacity: 1;
  cursor: default;
}
.listbox--horizontal .listbox__close:after {
  content: "x";
  font-weight: bold;
  display: inline;
  cursor: pointer;
}
.listbox__label {
  border-radius: 0;
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0 32px 0 16px;
  border: 1px solid transparent;
  box-shadow: none;
  margin-bottom: 0;
  background: #fff;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* for child to eventually set and use */
  text-decoration: none;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  min-width: 100px;
  text-align: left;
}
.listbox__label:active {
  box-shadow: none;
}
.listbox__label:focus,
.listbox__label:active:focus,
.listbox__label.active:focus {
  outline: none;
  color: #555;
}
.listbox__label,
.listbox__label .label {
  color: #444;
}
.listbox__label:hover {
  border-color: #000000;
  box-shadow: none;
  background: #fff;
  text-decoration: none;
}
.listbox__label:hover,
.listbox__label:hover .label {
  color: #fff;
}
.listbox__label.inactive,
.listbox__label.lrp_inactive,
.listbox__label.disabled,
.listbox__label.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  box-shadow: none;
  background: rgba(200, 200, 200, 0.4);
  opacity: 1;
  cursor: default;
}
.listbox__label:after {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -201px -1px;
  right: 0;
}
.listbox__label:after {
  border: none;
  margin: 0;
}
.listbox__label .label {
  color: #555;
}
.listbox__label:focus,
.listbox__label.opened {
  background: #fff;
}
.listbox__label.opened:after {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -161px -1px;
  right: 0;
}
.listbox__label.solution-incorrect,
.listbox__label.solution-correct,
.listbox__label.solution-empty,
.listbox__label.checked-incorrect,
.listbox__label.checked-correct,
.listbox__label.checked-empty,
.listbox__label.prefill {
  background: #fff !important;
  cursor: default;
}
.listbox__label.prefill {
  color: #3d3d3d;
  cursor: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #555;
}
.listbox__popup {
  position: absolute;
  border: 1px solid #b3b3b3;
  z-index: 3300;
}
.listbox:not(.listbox--open) .listbox__popup {
  display: none;
}
.listbox:not(.listbox--horizontal) .listbox__popup {
  left: 0;
  right: 0;
}
.listbox__choices.listbox__choices {
  padding: 0;
  margin: -1px 0 0;
}
.listbox--popupAbove .listbox__popup {
  bottom: 100%;
  margin: 0 0 -1px;
}
.listbox__choice {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0 16px;
  border: 1px solid transparent;
  box-shadow: none;
  margin-bottom: 0;
  background: #fff;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* for child to eventually set and use */
  text-decoration: none;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  list-style-type: none;
  text-align: left;
  border-width: 0 0 1px 0;
  display: list-item;
}
.listbox__choice.listbox__choice--selected {
  background-color: #888888;
}
.listbox__choice:active {
  box-shadow: none;
}
.listbox__choice:focus,
.listbox__choice:active:focus,
.listbox__choice.active:focus {
  outline: none;
  color: #555;
}
.listbox__choice,
.listbox__choice .label {
  color: #444;
}
.listbox__choice:hover {
  border-color: #000000;
  box-shadow: none;
  background: #fff;
  text-decoration: none;
}
.listbox__choice:hover,
.listbox__choice:hover .label {
  color: #fff;
}
.listbox__choice.inactive,
.listbox__choice.lrp_inactive,
.listbox__choice.disabled,
.listbox__choice.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  box-shadow: none;
  background: rgba(200, 200, 200, 0.4);
  opacity: 1;
  cursor: default;
}
.listbox__choice:focus,
.listbox__choice.hovered {
  background: #fff;
}
.listbox__choice:last-child {
  border: 0;
}
.interaction.is-linking-multiple-lines .toolbar,
.interaction.is-linking-lines .toolbar {
  margin-bottom: 20px;
}
.interaction.is-linking-multiple-lines .ll_view,
.interaction.is-linking-lines .ll_view {
  display: table;
}
.interaction.is-linking-multiple-lines .ll_view canvas,
.interaction.is-linking-lines .ll_view canvas {
  z-index: 1;
}
.interaction.is-linking-multiple-lines .ll_view .element-heading,
.interaction.is-linking-lines .ll_view .element-heading,
.interaction.is-linking-multiple-lines .ll_view .element,
.interaction.is-linking-lines .ll_view .element,
.interaction.is-linking-multiple-lines .ll_view.multiple .ll_column {
  vertical-align: middle;
  padding-right: 50px;
}
.interaction.is-linking-multiple-lines .ll_view .element-heading:last-child,
.interaction.is-linking-lines .ll_view .element-heading:last-child,
.interaction.is-linking-multiple-lines .ll_view .element:last-child,
.interaction.is-linking-lines .ll_view .element:last-child,
.interaction.is-linking-multiple-lines .ll_view.multiple .ll_column + .ll_column {
  padding-right: 0;
}
.interaction.is-linking-multiple-lines .ll_view .element-heading,
.interaction.is-linking-lines .ll_view .element-heading {
  text-align: right;
}
.interaction.is-linking-multiple-lines .ll_view .element-heading:last-child,
.interaction.is-linking-lines .ll_view .element-heading:last-child {
  text-align: left;
}
.interaction.is-linking-multiple-lines .ll_view.rows,
.interaction.is-linking-lines .ll_view.rows {
  display: block;
}
.interaction.is-linking-multiple-lines .ll_view.rows .ll-enum,
.interaction.is-linking-lines .ll_view.rows .ll-enum {
  padding: 0;
  padding-right: 20px;
  vertical-align: bottom;
  text-align: center;
  min-width: 0;
  display: table-cell;
}
.interaction.is-linking-multiple-lines .ll_view.rows .ll-enum .enum-answers,
.interaction.is-linking-lines .ll_view.rows .ll-enum .enum-answers {
  padding: 0;
}
.interaction.is-linking-multiple-lines .ll_view.rows .element-heading,
.interaction.is-linking-lines .ll_view.rows .element-heading,
.interaction.is-linking-multiple-lines .ll_view.rows .element,
.interaction.is-linking-lines .ll_view.rows .element {
  padding-right: 20px;
  padding-bottom: 50px;
  vertical-align: bottom;
  width: 10%;
  /* to achieve even spread of widths */
}
.interaction.is-linking-multiple-lines .ll_view.rows .element-row:last-child .element-heading,
.interaction.is-linking-lines .ll_view.rows .element-row:last-child .element-heading,
.interaction.is-linking-multiple-lines .ll_view.rows .element-row:last-child .element,
.interaction.is-linking-lines .ll_view.rows .element-row:last-child .element {
  vertical-align: top;
  padding-bottom: 0;
}
.interaction.is-linking-multiple-lines .ll_view.rows .element-row .ll_element_view.center,
.interaction.is-linking-lines .ll_view.rows .element-row .ll_element_view.center {
  padding: 30px 0;
}
.interaction.is-linking-multiple-lines .ll_view .ll_element_view.left,
.interaction.is-linking-lines .ll_view .ll_element_view.left {
  padding: 0 40px 0 0;
  text-align: right;
}
.interaction.is-linking-multiple-lines .ll_view .ll_element_view.right,
.interaction.is-linking-lines .ll_view .ll_element_view.right {
  padding: 0 0 0 40px;
}
.interaction.is-linking-multiple-lines .ll_view .ll_element_view.center,
.interaction.is-linking-lines .ll_view .ll_element_view.center {
  padding: 0 40px;
  text-align: center;
}
.interaction.is-linking-multiple-lines .ll_view .ll_element_view.top,
.interaction.is-linking-lines .ll_view .ll_element_view.top {
  padding: 0 0 30px;
  text-align: center;
}
.interaction.is-linking-multiple-lines .ll_view .ll_element_view.bottom,
.interaction.is-linking-lines .ll_view .ll_element_view.bottom {
  padding: 30px 0 0;
  text-align: center;
}
.interaction.is-linking-multiple-lines .ll_view .ll_element_view .handle,
.interaction.is-linking-lines .ll_view .ll_element_view .handle {
  position: absolute;
  top: 50%;
  margin-top: -20px;
  padding: 0;
  width: 40px;
  height: 40px;
  background: transparent;
  z-index: 1;
}
.interaction.is-linking-multiple-lines .ll_view .ll_element_view .handle:before,
.interaction.is-linking-lines .ll_view .ll_element_view .handle:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -361px -41px;
  left: 0;
}
.interaction.is-linking-multiple-lines .ll_view .ll_element_view .handle.top_handle,
.interaction.is-linking-lines .ll_view .ll_element_view .handle.top_handle {
  top: -10px;
}
.interaction.is-linking-multiple-lines .ll_view .ll_element_view .handle.left_handle,
.interaction.is-linking-lines .ll_view .ll_element_view .handle.left_handle {
  left: -10px;
}
.interaction.is-linking-multiple-lines .ll_view .ll_element_view .handle.right_handle,
.interaction.is-linking-lines .ll_view .ll_element_view .handle.right_handle {
  right: -10px;
}
.interaction.is-linking-multiple-lines .ll_view .ll_element_view .handle.bottom_handle,
.interaction.is-linking-lines .ll_view .ll_element_view .handle.bottom_handle {
  bottom: -10px;
  top: auto;
}
.interaction.is-linking-multiple-lines .ll_view .ll_element_view .handle.top_handle,
.interaction.is-linking-lines .ll_view .ll_element_view .handle.top_handle,
.interaction.is-linking-multiple-lines .ll_view .ll_element_view .handle.bottom_handle,
.interaction.is-linking-lines .ll_view .ll_element_view .handle.bottom_handle {
  left: 50%;
  right: auto;
  margin-top: 0;
  margin-left: -20px;
}
.interaction.is-linking-multiple-lines .ll_view .ll_element_view.prefill,
.interaction.is-linking-lines .ll_view .ll_element_view.prefill {
  color: #3d3d3d;
  cursor: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interaction.is-linking-multiple-lines .ll_view .ll_element_view:not(.prefill),
.interaction.is-linking-lines .ll_view .ll_element_view:not(.prefill) {
  cursor: pointer;
}
.erasing .interaction.is-linking-multiple-lines .ll_view .ll_element_view:not(.prefill),
.erasing .interaction.is-linking-lines .ll_view .ll_element_view:not(.prefill) {
  cursor: cell;
  cursor: url("../images/link-lines-cursor.svg") 6 18, cell;
}
.interaction.is-linking-multiple-lines .ll_view .ll_element_view:not(.prefill):hover .handle:before,
.interaction.is-linking-lines .ll_view .ll_element_view:not(.prefill):hover .handle:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -361px -81px;
  left: 0;
}
.interaction.is-linking-multiple-lines .line-width,
.interaction.is-linking-lines .line-width {
  max-width: 3px;
}
.interaction.is-linking-multiple-lines .fill-color,
.interaction.is-linking-lines .fill-color {
  background-color: #444;
}
.interaction.is-linking-multiple-lines .prefill-answer,
.interaction.is-linking-lines .prefill-answer {
  background-color: #d3d3d3;
}
.interaction.is-linking-multiple-lines .correct-answer,
.interaction.is-linking-lines .correct-answer {
  background-color: #52bd38;
}
.interaction.is-linking-multiple-lines .wrong-answer,
.interaction.is-linking-lines .wrong-answer {
  background-color: #d32424;
}
.interaction.is-linking-lines .content {
  padding: 10px 0;
}
.interaction.is-linking-multiple-lines .llm-key-table {
  cursor: move;
  background: #fff;
}
.interaction.is-linking-multiple-lines .llm-key-table .close {
  position: absolute;
  top: 0;
  right: 0;
  background: #cccccc;
  border: none;
  outline: none;
  opacity: 1;
  width: 40px;
  height: 40px;
  margin: 0;
  border-radius: 0;
  font-size: 0;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
}
.interaction.is-linking-multiple-lines .llm-key-table .close:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -1px -1px;
  left: 0;
}
.interaction.is-linking-multiple-lines .llm-key-table .close:hover {
  background: #0d0d0d;
}
.interaction.is-linking-multiple-lines .llm-key-table table {
  margin-right: 40px;
}
.interaction.is-linking-multiple-lines .llm-key-table .last-time {
  cursor: pointer;
}
.interaction.is-linking-multiple-lines .llm-key-table .last-time span:before {
  background: url('../images/icons.svg') no-repeat;
  background-position: -201px -121px;
  display: inline-block;
  content: "";
  width: 40px;
  height: 40px;
}
.interaction.is-linking-multiple-lines .llm-key-table .last-time span:before {
  vertical-align: middle;
}
.interaction.is-linking-multiple-lines .llm-key-table .last-time input {
  display: none;
}
.interaction.is-linking-multiple-lines .llm-key-table .last-time input:checked + span:before {
  background: url('../images/icons.svg') no-repeat;
  background-position: -281px -121px;
  display: inline-block;
  content: "";
  width: 40px;
  height: 40px;
}
.interaction.is-linking-multiple-lines .llm-key-table .last-time:hover span:before {
  background: url('../images/icons.svg') no-repeat;
  background-position: -241px -121px;
  display: inline-block;
  content: "";
  width: 40px;
  height: 40px;
}
.interaction.is-linking-multiple-lines .llm-key-table .last-time:hover input:checked + span:before {
  background: url('../images/icons.svg') no-repeat;
  background-position: -321px -121px;
  display: inline-block;
  content: "";
  width: 40px;
  height: 40px;
}
.interaction.is-linking-multiple-lines .ll_view.multiple {
  white-space: nowrap;
  display: flex;
  align-items: stretch;
}
.interaction.is-linking-multiple-lines .ll_view.multiple > * {
  white-space: normal;
}
.interaction.is-linking-multiple-lines .ll_view.multiple canvas {
  z-index: 0;
}
.interaction.is-linking-multiple-lines .ll_view.multiple .ll_column {
  align-self: center;
  position: relative;
  z-index: 1;
}
.erasing .interaction.is-linking-multiple-lines .ll_view.multiple .ll_column {
  cursor: cell;
  cursor: url("../images/link-lines-cursor.svg") 6 18, cell;
}
.interaction.is-linking-multiple-lines .ll_view.multiple .ll_column .ll_element_view {
  padding: 10px 40px 10px 0;
  text-align: right;
}
.interaction.is-linking-multiple-lines .ll_view.multiple .ll_column .ll_element_view.prefill {
  color: #3d3d3d;
  cursor: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interaction.is-linking-multiple-lines .ll_view.multiple .ll_column + .ll_column .ll_element_view {
  padding: 10px 0 10px 40px;
  text-align: left;
}
.interaction.is-linking-multiple-lines .ll_view.multiple.display-in-rows {
  flex-direction: column;
}
.interaction.is-linking-multiple-lines .ll_view.multiple.display-in-rows .ll_column {
  padding-right: 0;
  padding-bottom: 50px;
  display: flex;
}
.isIE10 .interaction.is-linking-multiple-lines .ll_view.multiple.display-in-rows .ll_column {
  display: -ms-flexbox;
}
.interaction.is-linking-multiple-lines .ll_view.multiple.display-in-rows .ll_column .ll_element_view {
  padding: 0 10px 40px 10px;
  text-align: center;
  flex-basis: 0;
  flex-grow: 1;
}
.isIE10 .interaction.is-linking-multiple-lines .ll_view.multiple.display-in-rows .ll_column .ll_element_view {
  -ms-flex-positive: 1;
  -ms-flex-preferred-size: 0;
}
.interaction.is-linking-multiple-lines .ll_view.multiple.display-in-rows .ll_column .ll_element_view .enum-answers {
  padding-right: 0;
  padding-bottom: 6px;
}
.interaction.is-linking-multiple-lines .ll_view.multiple.display-in-rows .ll_column + .ll_column {
  padding-bottom: 0;
}
.interaction.is-linking-multiple-lines .ll_view.multiple.display-in-rows .ll_column + .ll_column .ll_element_view {
  padding: 40px 10px 0 10px;
}
.interaction.is-linking-multiple-lines .line-width {
  max-width: 3px;
}
.interaction.is-linking-multiple-lines .fill-color {
  background-color: #444;
}
.interaction.is-linking-multiple-lines .correct-answer {
  background-color: #52bd38;
}
.interaction.is-linking-multiple-lines .wrong-answer {
  background-color: #d32424;
}
.btn-pause-boxdrop .boxdrop-label-play {
  display: none;
}
.btn-pause-boxdrop.boxdrop-paused .boxdrop-label-pause {
  display: none;
}
.btn-pause-boxdrop.boxdrop-paused .boxdrop-label-play {
  display: inline;
}
.interaction.package.im-autocorrect .markable.marked {
  background: url('../images/autocorrect.svg') repeat-x left bottom;
}
.interaction.package.im-autocorrect.status-input {
  cursor: pointer;
}
.interaction.package.im-autocorrect.status-input .markable:hover {
  background: #f5e38d;
}
.interaction.im-colouring .toolbar .button:last-child {
  padding-left: 35px;
}
.interaction.im-colouring .toolbar .button:last-child:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -321px -41px;
  left: 0;
}
.interaction.im-colouring .toolbar .button:last-child:before {
  border: 0;
}
.interaction.im-colouring .toolbar .button:last-child .color-sample {
  display: none;
}
.interaction.im-colouring .toolbar .button.highlighter_selected {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0 20px;
  border: 1px solid transparent;
  box-shadow: none;
  margin-bottom: 0;
  background: #888888;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* for child to eventually set and use */
  text-decoration: none;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
}
.interaction.im-colouring .toolbar .button.highlighter_selected:active {
  box-shadow: none;
}
.interaction.im-colouring .toolbar .button.highlighter_selected:focus,
.interaction.im-colouring .toolbar .button.highlighter_selected:active:focus,
.interaction.im-colouring .toolbar .button.highlighter_selected.active:focus {
  outline: none;
  color: #555;
}
.interaction.im-colouring .toolbar .button.highlighter_selected,
.interaction.im-colouring .toolbar .button.highlighter_selected .label {
  color: #555;
}
.interaction.im-colouring .toolbar .button.highlighter_selected:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
  text-decoration: none;
}
.interaction.im-colouring .toolbar .button.highlighter_selected:hover,
.interaction.im-colouring .toolbar .button.highlighter_selected:hover .label {
  color: #fff;
}
.interaction.im-colouring .toolbar .button.highlighter_selected.inactive,
.interaction.im-colouring .toolbar .button.highlighter_selected.lrp_inactive,
.interaction.im-colouring .toolbar .button.highlighter_selected.disabled,
.interaction.im-colouring .toolbar .button.highlighter_selected.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  box-shadow: none;
  background: rgba(200, 200, 200, 0.4);
  opacity: 1;
  cursor: default;
}
.interaction.im-colouring .toolbar .button.highlighter_selected:last-child {
  padding-left: 35px;
}
.interaction.im-colouring circle:focus,
.interaction.im-colouring rect:focus,
.interaction.im-colouring path:focus {
  outline: 0;
  stroke-width: 4px;
  stroke: rgba(200, 89, 89, 0.8);
  opacity: 1!important;
}
.erasing .interaction.im-colouring circle:not(.prefilled),
.erasing .interaction.im-colouring rect:not(.prefilled),
.erasing .interaction.im-colouring path:not(.prefilled) {
  cursor: cell!important;
  cursor: url("../images/link-lines-cursor.svg") 6 18, cell !important;
}
.interaction.im-marking .markable {
  cursor: pointer;
  outline: 1px solid transparent;
  -webkit-transition: border 0.15s;
  -o-transition: border 0.15s;
  transition: border 0.15s;
  border-width: 0;
}
.interaction.im-marking .markable:not(.prefilled):hover {
  outline: 1px solid #0d0d0d;
}
.erasing .interaction.im-marking .markable {
  cursor: cell;
  cursor: url("../images/link-lines-cursor.svg") 6 18, cell;
}
.interaction.im-marking:not(.status-input) .markable {
  cursor: text;
}
.interaction.im-marking:not(.status-input) .markable:hover {
  outline: none;
}
.interaction.im-marking .style-highlight .markable.prefilled,
.interaction.im-marking .style-highlight .markable.marked {
  color: #fff;
  text-shadow: 1px 1px 2px #000;
}
.interaction.im-marking .style-highlight .markable.prefilled.wrong_2,
.interaction.im-marking .style-highlight .markable.marked.wrong_2 {
  background-color: #f5e38d !important;
  color: inherit;
}
.interaction.im-marking .style-highlight .markable.prefilled {
  color: #3d3d3d;
  cursor: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
}
.interaction.im-marking .style-circle .markable {
  position: relative;
  display: inline-block;
}
.interaction.im-marking .style-circle .markable:after {
  position: absolute;
  top: -8px;
  left: -8px;
  right: -8px;
  bottom: -8px;
  content: "";
}
.interaction.im-marking .style-circle .markable.prefilled:after,
.interaction.im-marking .style-circle .markable.marked:after,
.interaction.im-marking .style-circle .markable.solution-empty:after {
  border: 2px solid;
  border-color: inherit;
  border-radius: 100%;
}
.interaction.im-marking .style-circle .markable.solution-incorrect {
  border-color: initial;
}
.interaction.im-marking .style-circle .markable.solution-revealed:after {
  border: 2px solid;
  border-color: inherit;
  border-radius: 100%;
}
.interaction.im-marking .style-circle .markable.prefilled {
  color: #3d3d3d;
  cursor: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interaction.im-marking .style-underline .markable {
  position: relative;
}
.interaction.im-marking .style-underline .markable.prefilled,
.interaction.im-marking .style-underline .markable.marked,
.interaction.im-marking .style-underline .markable.solution-empty {
  border-bottom: 4px solid;
}
.interaction.im-marking .style-underline .markable.solution-revealed {
  border-bottom: 4px solid;
  border-color: inherit;
}
.interaction.im-marking .style-underline .markable.prefilled {
  color: #3d3d3d;
  cursor: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interaction.im-proofing .toolbar {
  background: none;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  padding: 12px 12px 2px 24px;
  display: flex;
  justify-content: space-between;
  padding-right: 0;
  padding-bottom: 0;
  margin-bottom: 40px;
}
.interaction.im-proofing .toolbar.ui-draggable {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interaction.im-proofing .toolbar.ui-draggable.ui-draggable-dragging {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interaction.im-proofing .toolbar h2,
.interaction.im-proofing .toolbar .drag-handle {
  font: normal 700 13px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  color: #aaa;
  text-transform: lowercase;
  margin: -12px -24px 0;
  padding: 6px 24px;
  height: 30px;
  cursor: move;
}
.interaction.im-proofing .toolbar h2 .reset_position,
.interaction.im-proofing .toolbar .drag-handle .reset_position {
  color: #444;
  text-transform: lowercase;
  background-color: transparent;
  outline: 0;
  border: 0;
  cursor: pointer;
}
.interaction.im-proofing .toolbar h2 .reset_position:hover,
.interaction.im-proofing .toolbar .drag-handle .reset_position:hover {
  color: #0d0d0d;
}
.interaction.im-proofing .toolbar .errors {
  order: 0;
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  line-height: 40px;
  color: #6e6e6e;
}
.interaction.im-proofing .toolbar .errors .count {
  font-weight: bold;
  font: normal 700 20px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  color: #444;
}
.interaction.im-proofing .toolbar .tools {
  order: 1;
  margin-left: 20px;
}
.interaction.im-proofing .toolbar .tools .trigger {
  margin-right: -6px;
  padding-right: 26px;
}
.interaction.im-proofing .toolbar.stuck {
  position: fixed;
  z-index: 1;
}
.interaction.im-proofing .contentblock {
  order: 1;
  line-height: 40px;
}
.interaction.im-proofing.status-input.marker-capital .markable,
.interaction.im-proofing.status-input.marker-small .markable,
.interaction.im-proofing.status-input.marker-fullstop .markable,
.interaction.im-proofing.status-input.marker-add .markable,
.interaction.im-proofing.status-input.marker-delete .markable,
.interaction.im-proofing.status-input.marker-para .markable,
.interaction.im-proofing.status-input.marker-spelling .markable,
.interaction.im-proofing.status-input.marker-grammar .markable,
.interaction.im-proofing.status-input.marker-indent .markable,
.interaction.im-proofing.status-input.marker-spelling .markable {
  cursor: pointer;
}
.interaction.im-proofing.status-input.marker-capital .markable:hover .text,
.interaction.im-proofing.status-input.marker-small .markable:hover .text,
.interaction.im-proofing.status-input.marker-fullstop .markable:hover .text,
.interaction.im-proofing.status-input.marker-add .markable:hover .text,
.interaction.im-proofing.status-input.marker-delete .markable:hover .text,
.interaction.im-proofing.status-input.marker-para .markable:hover .text,
.interaction.im-proofing.status-input.marker-spelling .markable:hover .text,
.interaction.im-proofing.status-input.marker-grammar .markable:hover .text,
.interaction.im-proofing.status-input.marker-indent .markable:hover .text,
.interaction.im-proofing.status-input.marker-spelling .markable:hover .text {
  background: #f5e38d;
}
.interaction.im-proofing.status-input.marker-capital .mark-capital:not(.editing),
.interaction.im-proofing.status-input.marker-small .mark-small:not(.editing),
.interaction.im-proofing.status-input.marker-fullstop .mark-fullstop:not(.editing),
.interaction.im-proofing.status-input.marker-add .mark-add:not(.editing),
.interaction.im-proofing.status-input.marker-delete .mark-delete:not(.editing),
.interaction.im-proofing.status-input.marker-para .mark-para:not(.editing),
.interaction.im-proofing.status-input.marker-spelling .mark-spelling:not(.editing),
.interaction.im-proofing.status-input.marker-grammar .mark-grammar:not(.editing),
.interaction.im-proofing.status-input.marker-indent .mark-indent:not(.editing) {
  cursor: cell;
  cursor: url("../images/link-lines-cursor.svg") 6 18, cell;
}
.interaction.im-proofing.status-input.erase {
  cursor: cell;
  cursor: url("../images/link-lines-cursor.svg") 6 18, cell;
}
.interaction.im-proofing.status-input.erase .markable[class*="mark-"]:hover .text {
  background: #f5e38d;
}
.interaction.im-proofing .markable {
  display: inline-block;
  position: relative;
}
.interaction.im-proofing .markable .marker {
  position: absolute;
  top: -7px;
  font: normal 700 14px/20px Helvetica, Arial, sans-serif;
  color: #2459b9;
}
.interaction.im-proofing .markable.markable .check {
  top: 10px;
  right: 0;
}
.interaction.im-proofing .markable.editing .text {
  background: #f5e38d;
}
.interaction.im-proofing .markable.highlight {
  outline: 3px solid #444;
  -webkit-animation: outline-bounce 0.3s infinite alternate;
  -o-animation: outline-bounce 0.3s infinite alternate;
  animation: outline-bounce 0.3s infinite alternate;
  background: transparent;
}
.interaction.im-proofing .markable.checked-incorrect,
.interaction.im-proofing .markable.checked-correct,
.interaction.im-proofing .markable.solution-incorrect,
.interaction.im-proofing .markable.solution-correct,
.interaction.im-proofing .markable.solution-empty {
  padding-right: 23px;
}
.interaction.im-proofing .markable.mark-capital:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -1px -481px;
  left: 0;
}
.interaction.im-proofing .markable.mark-capital:before {
  left: -13px;
  top: 12px;
}
.interaction.im-proofing .markable.mark-small:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -41px -481px;
  left: 0;
}
.interaction.im-proofing .markable.mark-small:before {
  left: -14px;
  top: 0px;
}
.interaction.im-proofing .markable.mark-fullstop:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -81px -481px;
  left: 0;
}
.interaction.im-proofing .markable.mark-fullstop:before {
  left: auto;
  top: 7px;
  right: -20px;
}
.interaction.im-proofing .markable.mark-add:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -121px -481px;
  left: 0;
}
.interaction.im-proofing .markable.mark-add:before {
  left: -24px;
  top: 10px;
}
.interaction.im-proofing .markable.mark-add .marker {
  left: -10px;
}
.interaction.im-proofing .markable.mark-delete:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -161px -481px;
  left: 0;
}
.interaction.im-proofing .markable.mark-delete:before {
  left: 50%;
  top: 0px;
  margin-left: -20px;
}
.interaction.im-proofing .markable.mark-para {
  padding-left: 20px;
}
.interaction.im-proofing .markable.mark-para:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -201px -481px;
  left: 0;
}
.interaction.im-proofing .markable.mark-para:before {
  left: -6px;
  top: 0px;
}
.interaction.im-proofing .markable.mark-spelling:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -241px -481px;
  left: 0;
}
.interaction.im-proofing .markable.mark-spelling:before {
  left: -10px;
  top: -15px;
}
.interaction.im-proofing .markable.mark-spelling .marker {
  left: 22px;
}
.interaction.im-proofing .markable.mark-grammar:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -281px -481px;
  left: 0;
}
.interaction.im-proofing .markable.mark-grammar:before {
  left: -10px;
  top: -15px;
}
.interaction.im-proofing .markable.mark-grammar .marker {
  left: 22px;
}
.interaction.im-proofing .markable.mark-indent {
  padding-left: 20px;
}
.interaction.im-proofing .markable.mark-indent:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -321px -481px;
  left: 0;
}
.interaction.im-proofing .markable.mark-indent:before {
  left: -10px;
  top: 0px;
}
.interaction.im-proofing .markable.mark-spelling:after,
.interaction.im-proofing .markable.mark-grammar:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 2px;
  background-color: #b92424;
}
.interaction.im-proofing .editing-popup {
  position: absolute;
}
.interaction.im-proofing.erase .toolbar .btn-erase,
.interaction.im-proofing.marker-capital .toolbar .btn-capital,
.interaction.im-proofing.marker-small .toolbar .btn-small,
.interaction.im-proofing.marker-fullstop .toolbar .btn-fullstop,
.interaction.im-proofing.marker-add .toolbar .btn-add,
.interaction.im-proofing.marker-delete .toolbar .btn-delete,
.interaction.im-proofing.marker-para .toolbar .btn-para,
.interaction.im-proofing.marker-spelling .toolbar .btn-spelling,
.interaction.im-proofing.marker-grammar .toolbar .btn-grammar,
.interaction.im-proofing.marker-indent .toolbar .btn-indent {
  background: #888888;
}
.interaction.im-proofing .markers {
  font: normal 500 17px/1.4 Helvetica, Arial, sans-serif;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: #555;
  color: #fff;
  -webkit-box-shadow: 6px 12px 20px rgba(0, 0, 0, 0.36);
  box-shadow: 6px 12px 20px rgba(0, 0, 0, 0.36);
  border: 0 solid transparent;
  -webkit-box-shadow: -6px 12px 20px rgba(0, 0, 0, 0.36);
  box-shadow: -6px 12px 20px rgba(0, 0, 0, 0.36);
  position: absolute;
  right: -44px;
  top: 12px;
}
.interaction.im-proofing .markers .ui-dialog-titlebar {
  font: normal 100 30px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  color: #fff;
  line-height: normal;
  padding: 10px 0;
  margin: 0 30px 30px 30px;
  border-bottom: 1px solid #6e6e6e;
  position: relative;
}
.interaction.im-proofing .markers .ui-dialog-titlebar h1,
.interaction.im-proofing .markers .ui-dialog-titlebar h2,
.interaction.im-proofing .markers .ui-dialog-titlebar h3,
.interaction.im-proofing .markers .ui-dialog-titlebar h4,
.interaction.im-proofing .markers .ui-dialog-titlebar h5,
.interaction.im-proofing .markers .ui-dialog-titlebar h6 {
  font: normal 100 30px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  margin: 0;
}
.interaction.im-proofing .markers .ui-dialog-titlebar-close {
  position: absolute;
  top: 0;
  right: -30px;
  background: transparent;
  border: none;
  outline: none;
  opacity: 1;
  width: 40px;
  height: 40px;
  margin: 0;
  border-radius: 0;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
}
.interaction.im-proofing .markers .ui-dialog-titlebar-close:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -1px -1px;
  left: 0;
}
.interaction.im-proofing .markers .ui-dialog-titlebar-close:hover {
  background: #0d0d0d;
}
.interaction.im-proofing .markers .ui-dialog-titlebar-close .ui-icon-closethick {
  display: none;
}
.interaction.im-proofing .markers .ui-dialog-content {
  color: #fff;
  padding: 0 30px;
  width: 100% !important;
}
.interaction.im-proofing .markers .ui-dialog-content select,
.interaction.im-proofing .markers .ui-dialog-content input,
.interaction.im-proofing .markers .ui-dialog-content textarea {
  color: #3d3d3d;
}
.interaction.im-proofing .markers .ui-dialog-content input[type=text],
.interaction.im-proofing .markers .ui-dialog-content input[type=number] {
  background: #fff;
  border: 1px solid #cccccc;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-box-shadow: inset 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 2px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: border-color 0.15s;
  -o-transition: border-color 0.15s;
  transition: border-color 0.15s;
  outline: none;
  padding: 0px 10px 0px;
  color: #3d3d3d;
  min-height: 40px;
  font: normal 500 18px/1.4 Helvetica, Arial, sans-serif;
  letter-spacing: 0;
  padding: 3px 10px 2px;
}
.interaction.im-proofing .markers .ui-dialog-content input[type=text]:hover,
.interaction.im-proofing .markers .ui-dialog-content input[type=number]:hover,
.interaction.im-proofing .markers .ui-dialog-content input[type=text]:focus,
.interaction.im-proofing .markers .ui-dialog-content input[type=number]:focus {
  border: 1px solid #0d0d0d;
}
.interaction.im-proofing .markers .ui-dialog-content input[type=text][disabled],
.interaction.im-proofing .markers .ui-dialog-content input[type=number][disabled] {
  -webkit-opacity: 1;
  -webkit-text-fill-color: #3d3d3d;
}
.interaction.im-proofing .markers .ui-dialog-content .last-buttons {
  margin: 50px 0 0;
  text-align: right;
  font-size: 0;
}
.interaction.im-proofing .markers .ui-dialog-content .last-buttons .ui-button {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0 20px;
  border: 1px solid transparent;
  box-shadow: none;
  margin-bottom: 0;
  background: #cccccc;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* for child to eventually set and use */
  text-decoration: none;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  margin: 0 0 0 0;
}
.interaction.im-proofing .markers .ui-dialog-content .last-buttons .ui-button:active {
  box-shadow: none;
}
.interaction.im-proofing .markers .ui-dialog-content .last-buttons .ui-button:focus,
.interaction.im-proofing .markers .ui-dialog-content .last-buttons .ui-button:active:focus,
.interaction.im-proofing .markers .ui-dialog-content .last-buttons .ui-button.active:focus {
  outline: none;
  color: #555;
}
.interaction.im-proofing .markers .ui-dialog-content .last-buttons .ui-button,
.interaction.im-proofing .markers .ui-dialog-content .last-buttons .ui-button .label {
  color: #555;
}
.interaction.im-proofing .markers .ui-dialog-content .last-buttons .ui-button:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
  text-decoration: none;
}
.interaction.im-proofing .markers .ui-dialog-content .last-buttons .ui-button:hover,
.interaction.im-proofing .markers .ui-dialog-content .last-buttons .ui-button:hover .label {
  color: #fff;
}
.interaction.im-proofing .markers .ui-dialog-content .last-buttons .ui-button.inactive,
.interaction.im-proofing .markers .ui-dialog-content .last-buttons .ui-button.lrp_inactive,
.interaction.im-proofing .markers .ui-dialog-content .last-buttons .ui-button.disabled,
.interaction.im-proofing .markers .ui-dialog-content .last-buttons .ui-button.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  box-shadow: none;
  background: rgba(200, 200, 200, 0.4);
  opacity: 1;
  cursor: default;
}
.interaction.im-proofing .markers .ui-dialog-content .last-buttons .ui-button:last-child {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0 20px;
  border: 1px solid transparent;
  box-shadow: none;
  margin-bottom: 0;
  background: #888888;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* for child to eventually set and use */
  text-decoration: none;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
}
.interaction.im-proofing .markers .ui-dialog-content .last-buttons .ui-button:last-child:active {
  box-shadow: none;
}
.interaction.im-proofing .markers .ui-dialog-content .last-buttons .ui-button:last-child:focus,
.interaction.im-proofing .markers .ui-dialog-content .last-buttons .ui-button:last-child:active:focus,
.interaction.im-proofing .markers .ui-dialog-content .last-buttons .ui-button:last-child.active:focus {
  outline: none;
  color: #555;
}
.interaction.im-proofing .markers .ui-dialog-content .last-buttons .ui-button:last-child,
.interaction.im-proofing .markers .ui-dialog-content .last-buttons .ui-button:last-child .label {
  color: #555;
}
.interaction.im-proofing .markers .ui-dialog-content .last-buttons .ui-button:last-child:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
  text-decoration: none;
}
.interaction.im-proofing .markers .ui-dialog-content .last-buttons .ui-button:last-child:hover,
.interaction.im-proofing .markers .ui-dialog-content .last-buttons .ui-button:last-child:hover .label {
  color: #fff;
}
.interaction.im-proofing .markers .ui-dialog-content .last-buttons .ui-button:last-child.inactive,
.interaction.im-proofing .markers .ui-dialog-content .last-buttons .ui-button:last-child.lrp_inactive,
.interaction.im-proofing .markers .ui-dialog-content .last-buttons .ui-button:last-child.disabled,
.interaction.im-proofing .markers .ui-dialog-content .last-buttons .ui-button:last-child.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  box-shadow: none;
  background: rgba(200, 200, 200, 0.4);
  opacity: 1;
  cursor: default;
}
.interaction.im-proofing .markers .ui-dialog-content .last-buttons .ui-button .ui-button-text {
  padding: 0;
  line-height: inherit;
}
.interaction.im-proofing .markers .ui-dialog-content .special-chars #char-container a {
  color: inherit;
  outline: none;
}
.interaction.im-proofing .markers button {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0;
  background: transparent;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
  border: none;
  text-indent: -9999px;
  width: 40px;
  display: block;
}
.interaction.im-proofing .markers button:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
}
.interaction.im-proofing .markers button:focus {
  outline: none;
}
.interaction.im-proofing .markers button.highlight {
  outline: 3px solid #444;
  -webkit-animation: outline-bounce 0.3s infinite alternate;
  -o-animation: outline-bounce 0.3s infinite alternate;
  animation: outline-bounce 0.3s infinite alternate;
  background: transparent;
}
.interaction.im-proofing .markers button.btn-erase:before {
  content: "";
  position: absolute;
  top: 1px;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -321px -41px;
  left: 1px;
}
.interaction.im-proofing .markers button.btn-capital:before {
  content: "";
  position: absolute;
  top: 1px;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -1px -441px;
  left: 1px;
}
.interaction.im-proofing .markers button.btn-small:before {
  content: "";
  position: absolute;
  top: 1px;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -41px -441px;
  left: 1px;
}
.interaction.im-proofing .markers button.btn-fullstop:before {
  content: "";
  position: absolute;
  top: 1px;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -81px -441px;
  left: 1px;
}
.interaction.im-proofing .markers button.btn-add:before {
  content: "";
  position: absolute;
  top: 1px;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -121px -441px;
  left: 1px;
}
.interaction.im-proofing .markers button.btn-delete:before {
  content: "";
  position: absolute;
  top: 1px;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -161px -441px;
  left: 1px;
}
.interaction.im-proofing .markers button.btn-para:before {
  content: "";
  position: absolute;
  top: 1px;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -201px -441px;
  left: 1px;
}
.interaction.im-proofing .markers button.btn-spelling:before {
  content: "";
  position: absolute;
  top: 1px;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -241px -441px;
  left: 1px;
}
.interaction.im-proofing .markers button.btn-grammar:before {
  content: "";
  position: absolute;
  top: 1px;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -281px -441px;
  left: 1px;
}
.interaction.im-proofing .markers button.btn-indent:before {
  content: "";
  position: absolute;
  top: 1px;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -321px -441px;
  left: 1px;
}
.interaction.im-proofing .tools.expanded .trigger {
  background: #0d0d0d;
}
.interaction.im-proofing .tools.expanded .markers {
  z-index: 3000;
}
.interaction.im-proofing .tools.expanded .markers button {
  width: 100%;
  padding: 0 40px 0 20px;
  text-indent: 0;
  text-align: right;
  white-space: nowrap;
}
.interaction.im-proofing .tools.expanded .markers button:before {
  left: auto;
  right: 1px;
}
.animated-highlight {
  outline: 3px solid #444;
  -webkit-animation: outline-bounce 0.3s infinite alternate;
  -o-animation: outline-bounce 0.3s infinite alternate;
  animation: outline-bounce 0.3s infinite alternate;
  background: transparent;
}
@keyframes outline-bounce {
  from {
    outline-offset: 5px;
  }
  to {
    outline-offset: 0;
  }
}
@-webkit-keyframes outline-bounce {
  from {
    outline-offset: 5px;
  }
  to {
    outline-offset: 0;
  }
}
.interaction.im-syllabify .syllabify-word {
  display: inline-block;
  position: relative;
  /* for check_wrong2 position */
}
.interaction.im-syllabify .syllabify-gap {
  width: 20px;
  height: 30px;
  display: inline-block;
  cursor: pointer;
}
.interaction.im-syllabify .syllabify-gap.checked-incorrect {
  background: #d32424;
}
.interaction.im-syllabify .syllabify-break {
  font: normal 400 160% Helvetica, Arial, sans-serif;
  background: #444;
  cursor: pointer;
}
.interaction.im-syllabify .syllabify-break:before {
  content: "-";
  padding: 3px 1px;
}
.interaction.im-syllabify .syllabify-syllable {
  position: relative;
  /* for check mark positioning */
  border-bottom: 3px solid #3d3d3d;
  padding-bottom: 20px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.interaction.im-syllabify .syllabify-syllable.deleting {
  border-color: #b40d00;
}
.interaction.im-syllabify .syllabify-syllable.editing {
  border-color: transparent;
}
.interaction.im-syllabify .syllabify-syllable.temp {
  border-color: #444;
}
.interaction.im-syllabify .syllabify-syllable.temp.start {
  border-bottom-left-radius: 10px;
  margin: 0;
}
.interaction.im-syllabify .syllabify-syllable.temp.end {
  border-bottom-right-radius: 10px;
  margin: 0;
}
.interaction.im-syllabify .syllabify-syllable.checked-incorrect,
.interaction.im-syllabify .syllabify-syllable.solution-incorrect {
  border-color: #d32424;
}
.interaction.im-syllabify .syllabify-syllable.checked-correct,
.interaction.im-syllabify .syllabify-syllable.solution-correct {
  border-color: #52bd38;
}
.interaction.im-syllabify .syllabify-syllable .syllabify-letter:first-child {
  box-shadow: -1px 0px 1px #f5e38d;
}
.interaction.im-syllabify .syllabify-syllable .syllabify-letter:last-child {
  box-shadow: 1px 0px 1px #f5e38d;
}
.interaction.im-syllabify:not(.status-input) .syllabify-syllable .syllabify-letter:first-child {
  box-shadow: -1px 0px 1px #f5e38d;
}
.interaction.im-syllabify:not(.status-input) .syllabify-syllable .syllabify-letter:nth-last-child(2) {
  box-shadow: 1px 0px 1px #f5e38d;
}
.interaction.im-syllabify .syllabify-letter {
  z-index: 1000;
  font: normal 400 160% Helvetica, Arial, sans-serif;
  border: 1px solid #aaa;
  border-width: 1px 1px 1px 0px;
  padding: 3px 1px;
  cursor: pointer;
}
.interaction.im-syllabify .syllabify-letter:first-child {
  border-left: 1px solid #aaa;
}
.interaction.im-syllabify .syllabify-letter.selected,
.interaction.im-syllabify .syllabify-letter.chosen {
  border-bottom: 3px solid;
}
.interaction.im-syllabify .syllabify-letter.selected.selected,
.interaction.im-syllabify .syllabify-letter.chosen.selected {
  border-color: #444;
}
.interaction.im-syllabify .syllabify-letter.selected.chosen,
.interaction.im-syllabify .syllabify-letter.chosen.chosen {
  border-color: #444;
}
.interaction.im-syllabify .syllabify-marker {
  font: normal 400 160% Helvetica, Arial, sans-serif;
  padding: 3px 1px;
  background: #d32424;
}
.interaction.im-syllabify .solution-correct .syllabify-marker {
  display: none;
}
.interaction.im-syllabify .check {
  top: -25px !important;
}
.interaction.im-syllabify:not(.status-input) .syllabify-gap,
.interaction.im-syllabify:not(.status-input) .syllabify-marker,
.interaction.im-syllabify:not(.status-input) .syllabify-letter {
  cursor: default;
}
.interaction.im-syllabify.status-answers .tooltip:before {
  content: var(--langInteractionSyllabifyAnswerCheckTooltipPrefix);
}
.interaction.im-voice .input-voice .input-text {
  font: normal 400 22px Helvetica, Arial, sans-serif;
  margin-bottom: 0.5em;
}
.interaction.im-voice .imVoice__text {
  padding-bottom: 10px;
}
.interaction.im-voice .imVoice__element--matched {
  color: #52bd38;
  font-weight: 600;
}
.interaction.im-voice .imVoice--error .imVoice__text {
  color: #d32424;
  font-weight: 600;
}
.interaction.im-voice .imVoice .audioRecorder__progress {
  display: flex;
}
.interaction.im-wordsearch.status-corrected:not(.status-input) .wordsearch_view.erase {
  cursor: default;
}
.interaction.im-wordsearch td {
  vertical-align: top;
}
.interaction.im-wordsearch .wordsearch_view.erase {
  cursor: cell;
  cursor: url("../images/link-lines-cursor.svg") 6 18, cell;
}
.interaction.im-wordsearch .wordsearch_view .grid {
  position: relative;
}
.interaction.im-wordsearch .wordsearch_view canvas {
  position: relative;
  z-index: 300;
  border: solid #bbbbbb;
  border-width: 0 1px 1px 0;
}
.interaction.im-wordsearch .wordsearch_view .cell {
  box-sizing: content-box;
  border: solid #bbbbbb;
  border-width: 1px 0 0 1px;
  text-align: center;
  line-height: 32px;
  position: absolute;
}
.interaction.im-wordsearch .wordsearch_view .cell.prefilled {
  color: #3d3d3d;
  cursor: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #777777;
}
.interaction.im-wordsearch .wrong-answer {
  color: #d32424;
}
.interaction.im-wordsearch .correct-answer {
  color: #52bd38;
}
.interaction.im-wordsearch .color1 {
  color: #444;
}
.interaction.im-wordsearch .color2 {
  color: #34CEFF;
}
.interaction.im-wordsnake .contentblock.has-enum {
  display: flex;
  flex-flow: row;
  justify-content: flex-start;
}
.interaction.im-wordsnake .contentblock.has-enum .iwt9_canvas {
  position: relative;
}
.interaction.im-wordsnake svg text {
  fill: #3d3d3d;
}
.interaction.im-wordsnake svg text.snk-selected {
  fill: #444;
}
.interaction.im-wordsnake svg text.snk-selection-1 {
  fill: red;
}
.interaction.im-wordsnake svg text.snk-selection-2 {
  fill: lightblue;
}
.interaction.im-wordsnake svg text.snk-selection-3 {
  fill: pink;
}
.interaction.im-wordsnake svg text.snk-selection-4 {
  fill: orange;
}
.interaction.im-wordsnake svg text.snk-selection-5 {
  fill: violet;
}
.interaction.package.is-checkbox .choice_interaction .input-checkbox,
.interaction.pp-present .input-checkbox {
  padding-left: 30px;
}
.interaction.package.is-checkbox .choice_interaction .input-checkbox .item,
.interaction.pp-present .input-checkbox .item {
  display: inline-block;
}
.interaction.package.is-checkbox .choice_interaction .input-checkbox .item:before,
.interaction.pp-present .input-checkbox .item:before {
  background: url('../images/icons.svg') no-repeat;
  background-position: -201px -121px;
  display: inline-block;
  content: "";
  width: 40px;
  height: 40px;
}
.interaction.package.is-checkbox .choice_interaction .input-checkbox .item:before,
.interaction.pp-present .input-checkbox .item:before {
  position: absolute;
  top: 0;
  left: -10px;
}
.interaction.package.is-checkbox .choice_interaction .input-checkbox.input-checkbox-checked .item:before,
.interaction.pp-present .input-checkbox.input-checkbox-checked .item:before {
  background: url('../images/icons.svg') no-repeat;
  background-position: -281px -121px;
  display: inline-block;
  content: "";
  width: 40px;
  height: 40px;
}
.interaction.package.is-checkbox .choice_interaction .input-checkbox.prefill,
.interaction.pp-present .input-checkbox.prefill {
  color: #3d3d3d;
  cursor: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interaction.package.is-checkbox .choice_interaction .input-checkbox.prefill input[checked='checked'] + .item:before,
.interaction.pp-present .input-checkbox.prefill input[checked='checked'] + .item:before {
  background: url('../images/icons.svg') no-repeat;
  background-position: -281px -121px;
  display: inline-block;
  content: "";
  width: 40px;
  height: 40px;
}
.interaction.package.is-checkbox .choice_interaction .input-checkbox.input-checkbox-hover .item:before,
.interaction.pp-present .input-checkbox.input-checkbox-hover .item:before {
  background: url('../images/icons.svg') no-repeat;
  background-position: -241px -121px;
  display: inline-block;
  content: "";
  width: 40px;
  height: 40px;
}
.interaction.package.is-checkbox .choice_interaction .input-checkbox.input-checkbox-hover.input-checkbox-checked .item:before,
.interaction.pp-present .input-checkbox.input-checkbox-hover.input-checkbox-checked .item:before {
  background: url('../images/icons.svg') no-repeat;
  background-position: -321px -121px;
  display: inline-block;
  content: "";
  width: 40px;
  height: 40px;
}
.interaction.package.is-checkbox .choice_interaction.no-more-choices .input-checkbox:not(.input-checkbox-checked):not(.prefill),
.interaction.package.is-checkbox .choice_interaction.no-more-choices .input-checkbox:not(.input-checkbox-checked):not(.prefill).input-noradio-hover,
.interaction.package.is-checkbox .choice_interaction.no-more-choices .input-checkbox:not(.input-checkbox-checked):not(.prefill).input-checkbox-hover {
  cursor: inherit;
}
.interaction.package.is-checkbox .choice_interaction.no-more-choices .input-checkbox:not(.input-checkbox-checked):not(.prefill) .item,
.interaction.package.is-checkbox .choice_interaction.no-more-choices .input-checkbox:not(.input-checkbox-checked):not(.prefill).input-noradio-hover .item,
.interaction.package.is-checkbox .choice_interaction.no-more-choices .input-checkbox:not(.input-checkbox-checked):not(.prefill).input-checkbox-hover .item {
  text-decoration: inherit;
}
.interaction.package.is-checkbox .choice_interaction.no-more-choices .input-checkbox:not(.input-checkbox-checked):not(.prefill):not(.input-noradio) .item:before,
.interaction.package.is-checkbox .choice_interaction.no-more-choices .input-checkbox:not(.input-checkbox-checked):not(.prefill).input-noradio-hover:not(.input-noradio) .item:before,
.interaction.package.is-checkbox .choice_interaction.no-more-choices .input-checkbox:not(.input-checkbox-checked):not(.prefill).input-checkbox-hover:not(.input-noradio) .item:before {
  background: url('../images/icons.svg') no-repeat;
  background-position: -361px -121px;
  display: inline-block;
  content: "";
  width: 40px;
  height: 40px;
}
.interaction.package.is-radiobutton .choice_interaction .input-radio,
.interaction.pp-present .input-radio {
  padding-left: 30px;
}
.interaction.package.is-radiobutton .choice_interaction .input-radio .item,
.interaction.pp-present .input-radio .item {
  display: inline-block;
}
.interaction.package.is-radiobutton .choice_interaction .input-radio .item:before,
.interaction.pp-present .input-radio .item:before {
  background: url('../images/icons.svg') no-repeat;
  background-position: -1px -121px;
  display: inline-block;
  content: "";
  width: 40px;
  height: 40px;
}
.interaction.package.is-radiobutton .choice_interaction .input-radio .item:before,
.interaction.pp-present .input-radio .item:before {
  position: absolute;
  top: 0;
  left: -10px;
}
.interaction.package.is-radiobutton .choice_interaction .input-radio.no-input .item,
.interaction.pp-present .input-radio.no-input .item {
  padding-left: 0;
}
.interaction.package.is-radiobutton .choice_interaction .input-radio.no-input .item:before,
.interaction.pp-present .input-radio.no-input .item:before {
  display: none;
}
.interaction.package.is-radiobutton .choice_interaction .input-radio.input-radio-checked .item:before,
.interaction.pp-present .input-radio.input-radio-checked .item:before {
  background: url('../images/icons.svg') no-repeat;
  background-position: -81px -121px;
  display: inline-block;
  content: "";
  width: 40px;
  height: 40px;
}
.interaction.package.is-radiobutton .choice_interaction .input-radio.input-radio-hover .item:before,
.interaction.pp-present .input-radio.input-radio-hover .item:before {
  background: url('../images/icons.svg') no-repeat;
  background-position: -41px -121px;
  display: inline-block;
  content: "";
  width: 40px;
  height: 40px;
}
.interaction.package.is-radiobutton .choice_interaction .input-radio.input-radio-hover.input-radio-checked .item:before,
.interaction.pp-present .input-radio.input-radio-hover.input-radio-checked .item:before {
  background: url('../images/icons.svg') no-repeat;
  background-position: -121px -121px;
  display: inline-block;
  content: "";
  width: 40px;
  height: 40px;
}
.interaction.package.is-radiobutton .choice_interaction.prefill {
  color: #3d3d3d;
  cursor: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.interaction.package.is-radiobutton .choice_interaction.prefill .input-radio input[checked='checked'] + .item:before {
  background: url('../images/icons.svg') no-repeat;
  background-position: -81px -121px;
  display: inline-block;
  content: "";
  width: 40px;
  height: 40px;
}
.interaction.package.is-radiobutton-columns * + .contentblock {
  margin-top: 6px;
}
.interaction.package.is-radiobutton-columns .contentblock {
  display: table;
  table-layout: fixed;
}
.interaction.package.is-radiobutton-columns .answer-label,
.interaction.package.is-radiobutton-columns .radiobutton-column-header {
  height: 3em;
}
.interaction.package.is-radiobutton-columns .radiobutton-column-label,
.interaction.package.is-radiobutton-columns .choice_interaction {
  display: table-cell;
  vertical-align: top;
  float: none;
  width: 100%;
  padding: 0;
  outline: none;
}
.interaction.package.is-radiobutton-columns .radiobutton-column-label:last-child,
.interaction.package.is-radiobutton-columns .choice_interaction:last-child {
  border: none;
}
.interaction.package.is-radiobutton-columns .radiobutton-column-label .answer-cell,
.interaction.package.is-radiobutton-columns .choice_interaction .answer-cell {
  padding: 7px 0 6px 0;
}
.interaction.package.is-radiobutton-columns .radiobutton-column-label .answer-cell,
.interaction.package.is-radiobutton-columns .choice_interaction .answer-cell,
.interaction.package.is-radiobutton-columns .radiobutton-column-label .answer-label,
.interaction.package.is-radiobutton-columns .choice_interaction .answer-label,
.interaction.package.is-radiobutton-columns .radiobutton-column-label .radiobutton-column-header,
.interaction.package.is-radiobutton-columns .choice_interaction .radiobutton-column-header,
.interaction.package.is-radiobutton-columns .radiobutton-column-label .radio-column-header,
.interaction.package.is-radiobutton-columns .choice_interaction .radio-column-header,
.interaction.package.is-radiobutton-columns .radiobutton-column-label .input-radio,
.interaction.package.is-radiobutton-columns .choice_interaction .input-radio {
  border-bottom: 1px solid #e5e5e5;
  min-height: 40px;
}
.interaction.package.is-radiobutton-columns .radiobutton-column-label .answer-label,
.interaction.package.is-radiobutton-columns .radiobutton-column-label .answer-cell {
  padding-right: 24px;
}
.interaction.package.is-radiobutton-columns .choice_interaction {
  text-align: center;
  position: relative;
}
.interaction.package.is-radiobutton-columns .choice_interaction.clicked-question {
  background-color: #e5e5e5;
}
.interaction.package.is-radiobutton-columns .choice_interaction.clicked-question .radiobutton-column-header {
  background: #fff;
}
.interaction.package.is-radiobutton-columns .choice_interaction.prefill .input-radio input[checked='checked'] + .item:before {
  background: url('../images/icons.svg') no-repeat;
  background-position: -81px -121px;
  display: inline-block;
  content: "";
  width: 40px;
  height: 40px;
}
.interaction.package.is-radiobutton-columns .choice_interaction.prefill .input-radio input[checked='checked'] + .item:before {
  position: inherit;
  display: inline-block;
}
.interaction.package.is-radiobutton-columns .choice_interaction .radiobutton-column-header {
  font: normal 700 19px/25px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  color: #444;
}
.interaction.package.is-radiobutton-columns .choice_interaction .input-radio {
  position: relative;
}
.interaction.package.is-radiobutton-columns .choice_interaction .input-radio input {
  display: none;
}
.interaction.package.is-radiobutton-columns .choice_interaction .input-radio .item {
  cursor: pointer;
}
.interaction.package.is-radiobutton-columns .choice_interaction .input-radio .item:before {
  background: url('../images/icons.svg') no-repeat;
  background-position: -1px -121px;
  display: inline-block;
  content: "";
  width: 40px;
  height: 40px;
}
.interaction.package.is-radiobutton-columns .choice_interaction .input-radio.input-radio-checked .item:before {
  background: url('../images/icons.svg') no-repeat;
  background-position: -81px -121px;
  display: inline-block;
  content: "";
  width: 40px;
  height: 40px;
}
.interaction.package.is-radiobutton-columns .choice_interaction .input-radio.input-radio-hover .item:before {
  background: url('../images/icons.svg') no-repeat;
  background-position: -41px -121px;
  display: inline-block;
  content: "";
  width: 40px;
  height: 40px;
}
.interaction.package.is-radiobutton-columns .choice_interaction .input-radio.input-radio-hover.input-radio-checked .item:before {
  background: url('../images/icons.svg') no-repeat;
  background-position: -121px -121px;
  display: inline-block;
  content: "";
  width: 40px;
  height: 40px;
}
.interaction.package.is-radiobutton-columns .choice_interaction .input-radio.input-radio-custom .item:before {
  background: url('../images/icons.svg') no-repeat;
  background-position: -1px -161px;
  display: inline-block;
  content: "";
  width: 40px;
  height: 40px;
}
.interaction.package.is-radiobutton-columns .choice_interaction .input-radio.input-radio-custom.input-radio-checked .item:before {
  background: url('../images/icons.svg') no-repeat;
  background-position: -81px -161px;
  display: inline-block;
  content: "";
  width: 40px;
  height: 40px;
}
.interaction.package.is-radiobutton-columns .choice_interaction .input-radio.input-radio-custom.input-radio-hover .item:before {
  background: url('../images/icons.svg') no-repeat;
  background-position: -41px -161px;
  display: inline-block;
  content: "";
  width: 40px;
  height: 40px;
}
.interaction.package.is-radiobutton-columns .choice_interaction .input-radio.input-radio-custom.input-radio-hover.input-radio-checked .item:before {
  background: url('../images/icons.svg') no-repeat;
  background-position: -121px -161px;
  display: inline-block;
  content: "";
  width: 40px;
  height: 40px;
}
.interaction.package.is-radiobutton-columns .choice_interaction .input-radio.prefill .input-radio-custom input[checked='checked'] + .item:before {
  background: url('../images/icons.svg') no-repeat;
  background-position: -81px -161px;
  display: inline-block;
  content: "";
  width: 40px;
  height: 40px;
}
.interaction.package.is-radiobutton-columns .choice_interaction .input-radio .item:before,
.interaction.package.is-radiobutton-columns .choice_interaction .input-radio.input-radio-custom .item:before,
.interaction.package.is-radiobutton-columns .choice_interaction .input-radio.input-radio-checked .item:before,
.interaction.package.is-radiobutton-columns .choice_interaction .input-radio.input-radio-hover .item:before {
  position: inherit !important;
  display: inline-block;
}
.interaction.package.is-radiobutton-columns .choice_interaction .radiobutton-column-header,
.interaction.package.is-radiobutton-columns .choice_interaction .input-radio {
  padding-left: 12px;
  padding-right: 12px;
}
.interaction.is-checkbox:not(.status-input) .choice_interaction .input-checkbox,
.interaction.is-radiobutton:not(.status-input) .choice_interaction .input-checkbox,
.interaction.is-checkbox:not(.status-input) .choice_interaction .input-radio,
.interaction.is-radiobutton:not(.status-input) .choice_interaction .input-radio,
.interaction.is-checkbox:not(.status-input) .choice_interaction .item,
.interaction.is-radiobutton:not(.status-input) .choice_interaction .item {
  cursor: default !important;
}
.interaction.is-checkbox .choice_interaction,
.interaction.is-radiobutton .choice_interaction {
  line-height: 40px;
  float: none;
  padding-left: 24px;
}
.interaction.is-checkbox .choice_interaction:before,
.interaction.is-radiobutton .choice_interaction:before {
  content: ".";
  display: inline-block;
  width: 0;
  visibility: hidden;
  vertical-align: 0;
}
.interaction.is-checkbox .choice_interaction:not(.prefill) .input-checkbox:not(.prefill),
.interaction.is-radiobutton .choice_interaction:not(.prefill) .input-checkbox:not(.prefill),
.interaction.is-checkbox .choice_interaction:not(.prefill) .input-radio:not(.prefill),
.interaction.is-radiobutton .choice_interaction:not(.prefill) .input-radio:not(.prefill) {
  cursor: pointer;
}
.interaction.is-checkbox .choice_interaction.algn-inl:after,
.interaction.is-radiobutton .choice_interaction.algn-inl:after {
  content: none;
}
.interaction.is-checkbox .choice_interaction.algn-ver:before,
.interaction.is-radiobutton .choice_interaction.algn-ver:before,
.interaction.is-checkbox .choice_interaction.algn-ver:after,
.interaction.is-radiobutton .choice_interaction.algn-ver:after {
  content: " ";
  display: table;
}
.interaction.is-checkbox .choice_interaction.algn-ver:after,
.interaction.is-radiobutton .choice_interaction.algn-ver:after {
  clear: both;
}
.interaction.is-checkbox .choice_interaction.no-input.no-input,
.interaction.is-radiobutton .choice_interaction.no-input.no-input {
  padding-left: 24px;
}
.interaction.is-checkbox .choice_interaction .input-checkbox .item,
.interaction.is-radiobutton .choice_interaction .input-checkbox .item,
.interaction.is-checkbox .choice_interaction .input-radio .item,
.interaction.is-radiobutton .choice_interaction .input-radio .item,
.interaction.pp-present .input-radio .item,
.interaction.pp-present .input-checkbox .item {
  line-height: inherit;
  margin: 0;
  text-indent: inherit;
  padding: 0 30px 0 0;
  min-width: 40px;
  min-height: 40px;
}
.interaction.is-checkbox .choice_interaction .input-checkbox .item:before,
.interaction.is-radiobutton .choice_interaction .input-checkbox .item:before,
.interaction.is-checkbox .choice_interaction .input-radio .item:before,
.interaction.is-radiobutton .choice_interaction .input-radio .item:before,
.interaction.pp-present .input-radio .item:before,
.interaction.pp-present .input-checkbox .item:before {
  vertical-align: middle;
}
.interaction.is-checkbox .choice_interaction .input-checkbox:focus,
.interaction.is-radiobutton .choice_interaction .input-checkbox:focus,
.interaction.is-checkbox .choice_interaction .input-radio:focus,
.interaction.is-radiobutton .choice_interaction .input-radio:focus,
.interaction.pp-present .input-radio:focus,
.interaction.pp-present .input-checkbox:focus {
  outline: 0;
}
.interaction.is-checkbox .choice_interaction .input-checkbox:focus .item:before,
.interaction.is-radiobutton .choice_interaction .input-checkbox:focus .item:before,
.interaction.is-checkbox .choice_interaction .input-radio:focus .item:before,
.interaction.is-radiobutton .choice_interaction .input-radio:focus .item:before,
.interaction.pp-present .input-radio:focus .item:before,
.interaction.pp-present .input-checkbox:focus .item:before {
  outline-offset: -10px;
}
.interaction.is-checkbox .choice_interaction .input-checkbox input,
.interaction.is-radiobutton .choice_interaction .input-checkbox input,
.interaction.is-checkbox .choice_interaction .input-radio input,
.interaction.is-radiobutton .choice_interaction .input-radio input,
.interaction.pp-present .input-radio input,
.interaction.pp-present .input-checkbox input {
  display: none;
}
.interaction.is-checkbox .choice_interaction .input-checkbox.no-input.no-input.no-input .item:before,
.interaction.is-radiobutton .choice_interaction .input-checkbox.no-input.no-input.no-input .item:before,
.interaction.is-checkbox .choice_interaction .input-radio.no-input.no-input.no-input .item:before,
.interaction.is-radiobutton .choice_interaction .input-radio.no-input.no-input.no-input .item:before,
.interaction.pp-present .input-radio.no-input.no-input.no-input .item:before,
.interaction.pp-present .input-checkbox.no-input.no-input.no-input .item:before {
  display: none;
}
.interaction.is-checkbox .choice_interaction .input-noradio,
.interaction.is-radiobutton .choice_interaction .input-noradio {
  margin: -4px 0;
}
.interaction.is-checkbox .choice_interaction .input-noradio.input-noradio,
.interaction.is-radiobutton .choice_interaction .input-noradio.input-noradio {
  padding: 0 26px 0 6px;
}
.interaction.is-checkbox .choice_interaction .input-noradio .item,
.interaction.is-radiobutton .choice_interaction .input-noradio .item {
  padding: 0;
  border: 4px solid transparent;
  margin: -4px 0;
}
.interaction.is-checkbox .choice_interaction .input-noradio .item:hover,
.interaction.is-radiobutton .choice_interaction .input-noradio .item:hover {
  text-decoration: underline;
}
.interaction.is-checkbox .choice_interaction .input-noradio .item .playbutton,
.interaction.is-radiobutton .choice_interaction .input-noradio .item .playbutton,
.interaction.is-checkbox .choice_interaction .input-noradio .item img,
.interaction.is-radiobutton .choice_interaction .input-noradio .item img,
.interaction.is-checkbox .choice_interaction .input-noradio .item .image-as-trigger .play-button,
.interaction.is-radiobutton .choice_interaction .input-noradio .item .image-as-trigger .play-button,
.interaction.is-checkbox .choice_interaction .input-noradio .item .ui-draggable-dragging .has_audio_attached .drag_audio_player,
.interaction.is-radiobutton .choice_interaction .input-noradio .item .ui-draggable-dragging .has_audio_attached .drag_audio_player,
.interaction.is-checkbox .choice_interaction .input-noradio .item .interaction.drag-drop .has_audio_attached .drag_audio_player,
.interaction.is-radiobutton .choice_interaction .input-noradio .item .interaction.drag-drop .has_audio_attached .drag_audio_player {
  margin: 2px;
}
.interaction.is-checkbox .choice_interaction .input-noradio.clickedanswer .item,
.interaction.is-radiobutton .choice_interaction .input-noradio.clickedanswer .item {
  border: 4px solid #444;
}
.interaction.is-checkbox .choice_interaction label,
.interaction.is-radiobutton .choice_interaction label {
  cursor: inherit;
  display: inline;
  font-weight: inherit;
  margin-bottom: 0;
}
.interaction.is-checkbox .choice_interaction.algn-ver .input-checkbox,
.interaction.is-radiobutton .choice_interaction.algn-ver .input-checkbox,
.interaction.is-checkbox .choice_interaction.algn-ver .input-radio,
.interaction.is-radiobutton .choice_interaction.algn-ver .input-radio {
  margin: 0 10px 1px 10px;
}
.interaction.is-checkbox .choice_interaction.algn-ver .input-checkbox:last-child,
.interaction.is-radiobutton .choice_interaction.algn-ver .input-checkbox:last-child,
.interaction.is-checkbox .choice_interaction.algn-ver .input-radio:last-child,
.interaction.is-radiobutton .choice_interaction.algn-ver .input-radio:last-child {
  margin-bottom: 0;
}
.interaction.is-checkbox .choice_interaction.algn-ver .input-noradio,
.interaction.is-radiobutton .choice_interaction.algn-ver .input-noradio {
  margin-bottom: 4px;
}
.interaction.is-checkbox .choice_interaction.algn-hor .input-checkbox,
.interaction.is-radiobutton .choice_interaction.algn-hor .input-checkbox,
.interaction.is-checkbox .choice_interaction.algn-hor .input-radio,
.interaction.is-radiobutton .choice_interaction.algn-hor .input-radio {
  float: none;
  display: inline-block;
}
.interaction.is-checkbox .choice_interaction.algn-hor .input-noradio,
.interaction.is-radiobutton .choice_interaction.algn-hor .input-noradio {
  margin-bottom: 4px;
}
.interaction.is-checkbox .choice_interaction.checkbox-show-in-columns,
.interaction.is-radiobutton .choice_interaction.checkbox-show-in-columns,
.interaction.is-checkbox .choice_interaction.radiobutton-show-in-columns,
.interaction.is-radiobutton .choice_interaction.radiobutton-show-in-columns {
  display: table-row;
  width: 100%;
}
.interaction.is-checkbox .choice_interaction.checkbox-show-in-columns:before,
.interaction.is-radiobutton .choice_interaction.checkbox-show-in-columns:before,
.interaction.is-checkbox .choice_interaction.radiobutton-show-in-columns:before,
.interaction.is-radiobutton .choice_interaction.radiobutton-show-in-columns:before {
  display: none;
}
.interaction.is-checkbox .choice_interaction.checkbox-show-in-columns > div,
.interaction.is-radiobutton .choice_interaction.checkbox-show-in-columns > div,
.interaction.is-checkbox .choice_interaction.radiobutton-show-in-columns > div,
.interaction.is-radiobutton .choice_interaction.radiobutton-show-in-columns > div {
  display: table-cell;
  float: none !important;
  padding: 6px 15px;
  border: 1px solid #e0e0e0;
  border-color: #e0e0e0 #fff;
  min-width: 40px;
  border-top: none;
  border-right: none;
}
.interaction.is-checkbox .choice_interaction.checkbox-show-in-columns > div:nth-child(2n+1),
.interaction.is-radiobutton .choice_interaction.checkbox-show-in-columns > div:nth-child(2n+1),
.interaction.is-checkbox .choice_interaction.radiobutton-show-in-columns > div:nth-child(2n+1),
.interaction.is-radiobutton .choice_interaction.radiobutton-show-in-columns > div:nth-child(2n+1) {
  color: #3d3d3d;
  background: transparent;
}
.interaction.is-checkbox .choice_interaction.checkbox-show-in-columns > div:nth-child(2n),
.interaction.is-radiobutton .choice_interaction.checkbox-show-in-columns > div:nth-child(2n),
.interaction.is-checkbox .choice_interaction.radiobutton-show-in-columns > div:nth-child(2n),
.interaction.is-radiobutton .choice_interaction.radiobutton-show-in-columns > div:nth-child(2n) {
  color: #3d3d3d;
  background: #f2f2f2;
}
.interaction.is-checkbox .choice_interaction.checkbox-show-in-columns .input-checkbox,
.interaction.is-radiobutton .choice_interaction.checkbox-show-in-columns .input-checkbox,
.interaction.is-checkbox .choice_interaction.radiobutton-show-in-columns .input-checkbox,
.interaction.is-radiobutton .choice_interaction.radiobutton-show-in-columns .input-checkbox,
.interaction.is-checkbox .choice_interaction.checkbox-show-in-columns .input-radio,
.interaction.is-radiobutton .choice_interaction.checkbox-show-in-columns .input-radio,
.interaction.is-checkbox .choice_interaction.radiobutton-show-in-columns .input-radio,
.interaction.is-radiobutton .choice_interaction.radiobutton-show-in-columns .input-radio,
.interaction.pp-present table .input-radio,
.interaction.pp-present table .input-checkbox {
  text-align: center;
  padding: 0;
  vertical-align: middle;
  display: table-cell;
}
.interaction.is-checkbox .choice_interaction.checkbox-show-in-columns .input-checkbox .input-wrapper,
.interaction.is-radiobutton .choice_interaction.checkbox-show-in-columns .input-checkbox .input-wrapper,
.interaction.is-checkbox .choice_interaction.radiobutton-show-in-columns .input-checkbox .input-wrapper,
.interaction.is-radiobutton .choice_interaction.radiobutton-show-in-columns .input-checkbox .input-wrapper,
.interaction.is-checkbox .choice_interaction.checkbox-show-in-columns .input-radio .input-wrapper,
.interaction.is-radiobutton .choice_interaction.checkbox-show-in-columns .input-radio .input-wrapper,
.interaction.is-checkbox .choice_interaction.radiobutton-show-in-columns .input-radio .input-wrapper,
.interaction.is-radiobutton .choice_interaction.radiobutton-show-in-columns .input-radio .input-wrapper,
.interaction.pp-present table .input-radio .input-wrapper,
.interaction.pp-present table .input-checkbox .input-wrapper {
  display: inline-block;
  position: relative;
}
.interaction.is-checkbox .choice_interaction.checkbox-show-in-columns .input-checkbox .item,
.interaction.is-radiobutton .choice_interaction.checkbox-show-in-columns .input-checkbox .item,
.interaction.is-checkbox .choice_interaction.radiobutton-show-in-columns .input-checkbox .item,
.interaction.is-radiobutton .choice_interaction.radiobutton-show-in-columns .input-checkbox .item,
.interaction.is-checkbox .choice_interaction.checkbox-show-in-columns .input-radio .item,
.interaction.is-radiobutton .choice_interaction.checkbox-show-in-columns .input-radio .item,
.interaction.is-checkbox .choice_interaction.radiobutton-show-in-columns .input-radio .item,
.interaction.is-radiobutton .choice_interaction.radiobutton-show-in-columns .input-radio .item,
.interaction.pp-present table .input-radio .item,
.interaction.pp-present table .input-checkbox .item {
  width: 40px;
  margin: 0 auto;
  padding: 0;
  position: relative;
}
.interaction.is-checkbox .choice_interaction.checkbox-show-in-columns .input-checkbox .item:before,
.interaction.is-radiobutton .choice_interaction.checkbox-show-in-columns .input-checkbox .item:before,
.interaction.is-checkbox .choice_interaction.radiobutton-show-in-columns .input-checkbox .item:before,
.interaction.is-radiobutton .choice_interaction.radiobutton-show-in-columns .input-checkbox .item:before,
.interaction.is-checkbox .choice_interaction.checkbox-show-in-columns .input-radio .item:before,
.interaction.is-radiobutton .choice_interaction.checkbox-show-in-columns .input-radio .item:before,
.interaction.is-checkbox .choice_interaction.radiobutton-show-in-columns .input-radio .item:before,
.interaction.is-radiobutton .choice_interaction.radiobutton-show-in-columns .input-radio .item:before,
.interaction.pp-present table .input-radio .item:before,
.interaction.pp-present table .input-checkbox .item:before {
  top: 0 !important;
  left: 0 !important;
}
.interaction.is-checkbox .checkbox-column-header,
.interaction.is-radiobutton .checkbox-column-header,
.interaction.is-checkbox .radiobutton-column-header,
.interaction.is-radiobutton .radiobutton-column-header {
  display: table-row;
}
.interaction.is-checkbox .checkbox-column-header > div,
.interaction.is-radiobutton .checkbox-column-header > div,
.interaction.is-checkbox .radiobutton-column-header > div,
.interaction.is-radiobutton .radiobutton-column-header > div {
  display: table-cell;
  font: normal 700 16px/1.4 "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  background: #444;
  color: #fff;
  padding: 6px 15px;
  min-width: 40px;
  text-align: left;
  border: 1px solid #e0e0e0;
  border-top: none;
  border-bottom: 1px solid #2b2b2b;
  text-align: center;
  border-right: none;
}
.interaction.is-checkbox .checkbox-column-header > div:first-child,
.interaction.is-radiobutton .checkbox-column-header > div:first-child,
.interaction.is-checkbox .radiobutton-column-header > div:first-child,
.interaction.is-radiobutton .radiobutton-column-header > div:first-child {
  border-top-left-radius: 0;
}
.interaction.is-checkbox .checkbox-column-header > div:last-child,
.interaction.is-radiobutton .checkbox-column-header > div:last-child,
.interaction.is-checkbox .radiobutton-column-header > div:last-child,
.interaction.is-radiobutton .radiobutton-column-header > div:last-child {
  border-top-right-radius: 0;
}
.interaction.is-checkbox .expandableQuestion__content,
.interaction.is-radiobutton .expandableQuestion__content {
  display: none;
}
.interaction.is-checkbox .expandableQuestion--active .expandableQuestion__content,
.interaction.is-radiobutton .expandableQuestion--active .expandableQuestion__content {
  display: block;
}
.interaction .audio-gap {
  white-space: nowrap;
}
.interaction .audio-gap .playbutton,
.interaction .audio-gap .image-as-trigger .play-button,
.interaction .audio-gap .ui-draggable-dragging .has_audio_attached .drag_audio_player,
.interaction .audio-gap .interaction.drag-drop .has_audio_attached .drag_audio_player {
  margin: -2px -6px 2px 0;
}
.interaction.is-dropdown .audio-gap .playbutton,
.interaction.is-dropdown .audio-gap .image-as-trigger .play-button,
.interaction.is-dropdown .audio-gap .ui-draggable-dragging .has_audio_attached .drag_audio_player,
.interaction.is-dropdown .audio-gap .interaction.drag-drop .has_audio_attached .drag_audio_player {
  margin: 0 -6px 0 0;
}
.is-hangman-life {
  background-color: #444;
  width: 20px;
  height: 20px;
}
.is-hangman-life.life-used {
  background-color: rgba(200, 200, 200, 0.4);
}
.is-hangman-life-container {
  line-height: 20px;
}
.is-hangman-life-feedback {
  font-weight: bold;
}
.is-hangman-board {
  margin-top: 20px;
  position: relative;
}
.is-hangman-board img {
  margin: auto;
  display: block;
}
.interaction .is-hangman-board .contentblock {
  position: absolute;
  bottom: 6px;
  margin: auto;
  width: 50%;
  left: 25%;
  max-height: 100%;
  overflow: auto;
}
.interaction .is-hangman-board .contentblock p,
.interaction .is-hangman-board .interaction.ic-free-writing-2-col .radio-section {
  text-align: center;
  line-height: 40px;
  padding: 0 10px;
}
.is-hangman-word {
  margin: 0 5px 5px 5px;
  text-transform: uppercase;
}
.is-hangman-keyboard {
  background-color: none;
  padding: 10px;
  width: 50%;
  margin: auto;
  text-align: center;
}
.is-hangman-letter,
.is-hangman-key {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  outline: none;
  min-width: 40px;
  padding: 0;
  background: white;
  margin-bottom: 2px;
  border-radius: 5px;
  border: 1px solid #dfdfdf;
  font-weight: bold;
  position: relative;
}
.is-hangman-key-attempted {
  opacity: 0.5;
  background-color: white;
}
.is-hangman-key-incorrect {
  background-color: #d32424;
  color: white;
  opacity: 1;
}
.is-hangman-letter-empty {
  border-color: #444;
}
.is-hangman-letter-revealed {
  border-color: #52bd38;
}
.is-hangman-board {
  height: 385px;
  margin-bottom: 5px;
  background-color: none;
}
.quizInfo {
  display: none;
  position: fixed;
  z-index: 2500;
  top: 0;
  left: 50%;
  transform: translate(-50%);
  white-space: nowrap;
  justify-content: center;
  background: #740e06;
  color: #fff;
  padding: 0 20px;
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: -0.03em;
  height: 30px;
  line-height: 30px;
}
.body--ppquizQuestion .quizInfo {
  display: flex;
}
.body--ppquizTimerTimeout .quizInfo {
  background: #000;
}
.activityCategory,
.activityMaximumScore,
.ppquizTimer {
  margin-right: 20px;
}
.ppquizTimer:before {
  background: url('../images/icons.svg') no-repeat;
  background-position: -292px -5px;
  display: inline-block;
  content: "";
  width: 28px;
  height: 30px;
}
.ppquizTimer:empty {
  display: none;
}
.ppquizTimer:before {
  vertical-align: top;
}
.content-wrap .ppquiz__teams,
.content-wrap .ppquiz__categories,
.ppquiz__category ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ppquiz__header {
  text-align: center;
}
.ppquiz__teams {
  display: inline-flex;
  background: none;
}
.content-wrap .ppquiz__teams {
  padding: 24px;
}
.ppquiz__team {
  padding: 24px;
}
.ppquiz__team--active {
  background: #444;
  color: #555;
}
.ppquiz__board,
.ppquiz__gameover {
  margin-top: 40px;
}
.ppquiz--completed .ppquiz__board {
  display: none;
}
.ppquiz__boardTitle {
  margin-bottom: 20px;
}
.ppquiz__categories {
  display: flex;
  flex-wrap: wrap;
}
.content-wrap .ppquiz__categories {
  margin: -20px;
}
.ppquiz__category {
  padding: 0 24px 12px;
  background: none;
  text-align: center;
  margin: 20px;
  width: 150px;
  flex-grow: 1;
}
.ppquiz__category ul {
  display: flex;
  flex-flow: column;
}
.ppquiz__categoryName {
  margin: 0;
  padding: 0;
  font: normal 100 20px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
}
.ppquiz__question {
  font: normal 700 17px "Roboto Condensed", "Helvetica Condesed", "Helvetica Narrow", "Arial Narrow", sans-serif;
  letter-spacing: 0;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
  float: none;
  display: inline-block;
  position: relative;
  outline: none;
  min-width: 40px;
  padding: 0 20px;
  border: 1px solid transparent;
  box-shadow: none;
  margin-bottom: 0;
  background: #cccccc;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* for child to eventually set and use */
  text-decoration: none;
  -webkit-transition: background-color 0.15s;
  -o-transition: background-color 0.15s;
  transition: background-color 0.15s;
}
.ppquiz__question:active {
  box-shadow: none;
}
.ppquiz__question:focus,
.ppquiz__question:active:focus,
.ppquiz__question.active:focus {
  outline: none;
  color: #555;
}
.ppquiz__question,
.ppquiz__question .label {
  color: #555;
}
.ppquiz__question:hover {
  border-color: #000000;
  box-shadow: none;
  background: #0d0d0d;
  text-decoration: none;
}
.ppquiz__question:hover,
.ppquiz__question:hover .label {
  color: #fff;
}
.ppquiz__question.inactive,
.ppquiz__question.lrp_inactive,
.ppquiz__question.disabled,
.ppquiz__question.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  border-color: transparent;
  box-shadow: none;
  background: rgba(200, 200, 200, 0.4);
  opacity: 1;
  cursor: default;
}
.ppquiz__question:not(:last-child) {
  margin-bottom: 12px;
}
.ppquiz__question--correct:after {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -1px -41px;
  right: 0;
}
.ppquiz__question--incorrect:after {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -81px -41px;
  right: 0;
}
.ppquiz__question--incorrect.ppquiz__question--completed:after {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -41px -41px;
  right: 0;
}
/*
Substyles are defined via Author Option #390 "Design Pack Substyle"
*/
body.substyle-mild,
body.substyle-mild #activity-header,
body.substyle-mild #activity_controls,
body.substyle-mild #footer-wrap,
body.substyle-mild .content-wrap {
  background: #eee url(../images/substyles/mild.png);
}
#wrap,
#activity_controls {
  width: 400px;
}
@media only screen and (max-width: 749px) {
  #wrap,
  #activity_controls {
    width: 400px;
  }
  #lo-title {
    font: normal 100 26.4px/52px 'Hueber Forward Sans', Helvetica, Arial, sans-serif;
    letter-spacing: -1px;
  }
  .interaction-title {
    font: normal 100 21.6px/23px 'Hueber Forward Sans', Helvetica, Arial, sans-serif;
    letter-spacing: -1px;
  }
  .is-rubric-zone {
    font: normal 100 20px/1.4 'Hueber Forward Sans', Helvetica, Arial, sans-serif;
    letter-spacing: 0;
  }
  .is-media-zone:not(.ui-tabs),
  .is-media-zone:not(.viewtext-zone),
  .is-media-zone.ui-tabs .tabnav,
  .is-media-zone.ui-tabs .tab {
    -webkit-transform: scale(0.44444444);
    -ms-transform: scale(0.44444444);
    -o-transform: scale(0.44444444);
    transform: scale(0.44444444);
  }
  .is-media-zone:not(.ui-tabs) .view-text,
  .is-media-zone:not(.viewtext-zone) .view-text,
  .is-media-zone.ui-tabs .tabnav .view-text,
  .is-media-zone.ui-tabs .tab .view-text,
  .is-media-zone:not(.ui-tabs) .playbutton,
  .is-media-zone:not(.viewtext-zone) .playbutton,
  .is-media-zone.ui-tabs .tabnav .playbutton,
  .is-media-zone.ui-tabs .tab .playbutton,
  .is-media-zone:not(.ui-tabs) .image-as-trigger .play-button,
  .is-media-zone:not(.viewtext-zone) .image-as-trigger .play-button,
  .is-media-zone.ui-tabs .tabnav .image-as-trigger .play-button,
  .is-media-zone.ui-tabs .tab .image-as-trigger .play-button,
  .is-media-zone:not(.ui-tabs) .ui-draggable-dragging .has_audio_attached .drag_audio_player,
  .is-media-zone:not(.viewtext-zone) .ui-draggable-dragging .has_audio_attached .drag_audio_player,
  .is-media-zone.ui-tabs .tabnav .ui-draggable-dragging .has_audio_attached .drag_audio_player,
  .is-media-zone.ui-tabs .tab .ui-draggable-dragging .has_audio_attached .drag_audio_player,
  .is-media-zone:not(.ui-tabs) .interaction.drag-drop .has_audio_attached .drag_audio_player,
  .is-media-zone:not(.viewtext-zone) .interaction.drag-drop .has_audio_attached .drag_audio_player,
  .is-media-zone.ui-tabs .tabnav .interaction.drag-drop .has_audio_attached .drag_audio_player,
  .is-media-zone.ui-tabs .tab .interaction.drag-drop .has_audio_attached .drag_audio_player {
    -webkit-transform: scale(2.25);
    -ms-transform: scale(2.25);
    -o-transform: scale(2.25);
    transform: scale(2.25);
  }
  .is-media-zone:not(.ui-tabs):not(.viewtext-zone) {
    width: 225% !important;
  }
  .is-media-zone.stay-in-view {
    position: relative;
  }
  .ui-widget,
  .ui-widget .ui-widget,
  .input-field,
  .interaction.package .text-area-content textarea,
  .content-wrap {
    font: normal 500 16px/1.4 Helvetica, Arial, sans-serif;
    letter-spacing: 0;
  }
}
@media only screen and (min-width: 750px) and (max-width: 984px) {
  #wrap,
  #activity_controls {
    width: 650px;
  }
  #lo-title {
    font: normal 100 28px/52px 'Hueber Forward Sans', Helvetica, Arial, sans-serif;
    letter-spacing: -1px;
  }
  .interaction-title {
    font: normal 100 23px/24px 'Hueber Forward Sans', Helvetica, Arial, sans-serif;
    letter-spacing: -1px;
  }
  .is-rubric-zone {
    font: normal 100 21.2px/1.4 'Hueber Forward Sans', Helvetica, Arial, sans-serif;
    letter-spacing: 0;
  }
  .is-media-zone:not(.ui-tabs),
  .is-media-zone:not(.viewtext-zone),
  .is-media-zone.ui-tabs .tabnav,
  .is-media-zone.ui-tabs .tab {
    -webkit-transform: scale(0.72222222);
    -ms-transform: scale(0.72222222);
    -o-transform: scale(0.72222222);
    transform: scale(0.72222222);
  }
  .is-media-zone:not(.ui-tabs) .view-text,
  .is-media-zone:not(.viewtext-zone) .view-text,
  .is-media-zone.ui-tabs .tabnav .view-text,
  .is-media-zone.ui-tabs .tab .view-text,
  .is-media-zone:not(.ui-tabs) .playbutton,
  .is-media-zone:not(.viewtext-zone) .playbutton,
  .is-media-zone.ui-tabs .tabnav .playbutton,
  .is-media-zone.ui-tabs .tab .playbutton,
  .is-media-zone:not(.ui-tabs) .image-as-trigger .play-button,
  .is-media-zone:not(.viewtext-zone) .image-as-trigger .play-button,
  .is-media-zone.ui-tabs .tabnav .image-as-trigger .play-button,
  .is-media-zone.ui-tabs .tab .image-as-trigger .play-button,
  .is-media-zone:not(.ui-tabs) .ui-draggable-dragging .has_audio_attached .drag_audio_player,
  .is-media-zone:not(.viewtext-zone) .ui-draggable-dragging .has_audio_attached .drag_audio_player,
  .is-media-zone.ui-tabs .tabnav .ui-draggable-dragging .has_audio_attached .drag_audio_player,
  .is-media-zone.ui-tabs .tab .ui-draggable-dragging .has_audio_attached .drag_audio_player,
  .is-media-zone:not(.ui-tabs) .interaction.drag-drop .has_audio_attached .drag_audio_player,
  .is-media-zone:not(.viewtext-zone) .interaction.drag-drop .has_audio_attached .drag_audio_player,
  .is-media-zone.ui-tabs .tabnav .interaction.drag-drop .has_audio_attached .drag_audio_player,
  .is-media-zone.ui-tabs .tab .interaction.drag-drop .has_audio_attached .drag_audio_player {
    -webkit-transform: scale(1.38461538);
    -ms-transform: scale(1.38461538);
    -o-transform: scale(1.38461538);
    transform: scale(1.38461538);
  }
  .is-media-zone:not(.ui-tabs):not(.viewtext-zone) {
    width: 138.46153846% !important;
  }
  .ui-widget,
  .ui-widget .ui-widget,
  .input-field,
  .interaction.package .text-area-content textarea,
  .content-wrap {
    font: normal 500 17px/1.4 Helvetica, Arial, sans-serif;
    letter-spacing: 0;
  }
}
@media only screen and (min-width: 985px) and (max-width: 1249px) {
  #wrap,
  #activity_controls {
    width: 900px;
  }
  #lo-title {
    font: normal 100 29.7px/52px 'Hueber Forward Sans', Helvetica, Arial, sans-serif;
    letter-spacing: -1px;
  }
  .interaction-title {
    font: normal 100 24.3px/25px 'Hueber Forward Sans', Helvetica, Arial, sans-serif;
    letter-spacing: -1px;
  }
  .is-rubric-zone {
    font: normal 100 22.5px/1.4 'Hueber Forward Sans', Helvetica, Arial, sans-serif;
    letter-spacing: 0;
  }
  .ui-widget,
  .ui-widget .ui-widget,
  .input-field,
  .interaction.package .text-area-content textarea,
  .content-wrap {
    font: normal 500 18px/1.4 Helvetica, Arial, sans-serif;
    letter-spacing: 0;
  }
}
@media only screen and (min-width: 1250px) {
  #wrap,
  #activity_controls {
    width: 1150px;
  }
  #lo-title {
    font: normal 100 31.4px/52px 'Hueber Forward Sans', Helvetica, Arial, sans-serif;
    letter-spacing: -1px;
  }
  .interaction-title {
    font: normal 100 25.6px/27px 'Hueber Forward Sans', Helvetica, Arial, sans-serif;
    letter-spacing: -1px;
  }
  .is-rubric-zone {
    font: normal 100 23.8px/1.4 'Hueber Forward Sans', Helvetica, Arial, sans-serif;
    letter-spacing: 0;
  }
  .ui-widget,
  .ui-widget .ui-widget,
  .input-field,
  .interaction.package .text-area-content textarea,
  .content-wrap {
    font: normal 500 19px/1.4 Helvetica, Arial, sans-serif;
    letter-spacing: 0;
  }
}
body {
  font: 500 "Helvetica Neue", Helvetica, Arial, FreeSans, sans-serif;
}
h1,
h2,
h3,
h4 {
  font-family: "Hueber Forward Sans", Helvetica, Arial, Verdana, sans-serif;
}
h1,
h2,
h3 {
  font-weight: inherit;
  line-height: 1.2;
}
h2,
h3,
h4 {
  color: #333;
}
h1 {
  font-size: 1.5rem;
}
h2 {
  font-size: 1.35em;
}
h3 {
  font-size: 1.25em;
}
h4,
h5,
h6 {
  font-size: 1.1em;
}
h4 {
  font-weight: bold;
}
#nav {
  position: fixed;
  height: 46px;
  width: 100%;
  z-index: 1;
  background: #888;
}
#logo {
  position: absolute;
  width: 160px;
  height: 40px;
  top: 3px;
  right: 10px;
  background: no-repeat url("../images/logo.png") right;
}
@media only screen and (max-width: 499px) {
  #logo {
    display: none;
  }
}
#home {
  position: absolute;
  top: 3px;
  left: 10px;
}
#home:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -281px -161px;
  left: 0;
}
@media only screen and (max-width: 499px) {
  #home {
    display: none;
  }
}
#wrap {
  padding-top: 46px;
}
.btn {
  background-color: #cccccc;
  border: 1px solid transparent !important;
  border-radius: 1.3em;
  color: #555;
  font: 700 1.3rem/1 "Helvetica Neue", Helvetica, Arial, FreeSans, sans-serif;
  height: 2.4em;
  line-height: 1em;
  margin: 0.6em 0.5em;
  min-width: 90px;
  padding: 0.6em 1.5em 0 1.5em;
}
.btn:hover {
  background: #cccccc;
  border: 1px solid transparent;
  color: #555;
}
.btn:disabled {
  color: rgba(255, 255, 255, 0.7);
  background: rgba(200, 200, 200, 0.4);
}
.btn:visited {
  color: unset;
}
.btn-primary {
  color: #fff;
  background: #888888;
}
.btn-primary:hover {
  background: #888888;
  border: 1px solid transparent;
  color: #fff;
}
.btn-secondary {
  color: #555;
  background: #cccccc;
}
.btn-secondary:hover {
  background: #cccccc;
  border: 1px solid transparent;
  color: #555;
}
.btn-rights {
  all: unset;
  border: 1px solid transparent;
  color: #555;
  font-family: 'Hueber Forward Sans', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 1.3em;
  text-decoration: none;
  background: none;
  position: fixed;
  bottom: 61px;
  left: 10px;
}
.btn-rights:hover {
  background: none;
  border: 1px solid transparent;
  color: #555;
}
#activity_controls .btn {
  background-color: #cccccc;
  border: 1px solid transparent !important;
  border-radius: 1.3em;
  color: #555;
  font: 700 1.3rem/1 "Helvetica Neue", Helvetica, Arial, FreeSans, sans-serif;
  height: 2.4em;
  line-height: 1em;
  margin: 0.6em 0.5em;
  min-width: 90px;
  padding: 0.6em 1.5em 0 1.5em;
}
#activity_controls .btn:hover {
  background: #cccccc;
  border: 1px solid transparent;
  color: #555;
}
#activity_controls .btn:disabled {
  color: rgba(255, 255, 255, 0.7);
  background: rgba(200, 200, 200, 0.4);
}
#activity_controls .btn:visited {
  color: unset;
}
#activity_controls .btn-primary {
  color: #fff;
  background: #888888;
}
#activity_controls .btn-primary:hover {
  background: #888888;
  border: 1px solid transparent;
  color: #fff;
}
#activity_controls .btn-secondary {
  color: #555;
  background: #cccccc;
}
#activity_controls .btn-secondary:hover {
  background: #cccccc;
  border: 1px solid transparent;
  color: #555;
}
#activity_controls .btn-rights {
  all: unset;
  border: 1px solid transparent;
  color: #555;
  font-family: 'Hueber Forward Sans', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 1.3em;
  text-decoration: none;
  background: none;
  position: fixed;
  bottom: 61px;
  left: 10px;
}
#activity_controls .btn-rights:hover {
  background: none;
  border: 1px solid transparent;
  color: #555;
}
#activity_controls .btn.inactive_button {
  color: rgba(255, 255, 255, 0.7);
  background: rgba(200, 200, 200, 0.4);
}
#activity_controls .btn.inactive_button:hover {
  pointer-events: none;
}
#activity_controls .btn-primary.intro-screen,
#activity_controls .btn-forward.btn-hidden,
#activity_controls .button--hidden,
#page_controls .button-pagination.previous-page.button--hidden,
#page_controls .button-pagination.next-page.button--hidden {
  display: none;
}
#activity_controls .btn,
.ui-dialog .ui-dialog-content .last-buttons .ui-button {
  margin: 0.6em 0.5em 0.8em 0.5em;
}
#form-submit,
#reload {
  margin-top: 20px;
}
.ui-dialog .ui-dialog-content .last-buttons {
  margin: 50px -30px 0;
}
.ui-dialog {
  font: normal 500 0.9em/1.4 "Helvetica Neue", Helvetica, Arial, FreeSans, sans-serif;
  background: #cdcdcd;
  color: #555555;
  min-width: 300px;
}
.ui-dialog .ui-dialog-titlebar {
  font: 400 2.5rem/1 "Helvetica Neue", Helvetica, Arial, FreeSans, sans-serif;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
  overflow: visible;
}
.ui-dialog.dialog-really-submit,
.ui-dialog.dialog-submit-finish,
.ui-dialog.dialog-submit-info,
.ui-dialog.dialog-check-info {
  background: #cdcdcd;
  color: #555555;
  box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.36), 0 -1px 1px rgba(0, 0, 0, 0.2);
}
.ui-dialog.dialog-really-submit .ui-dialog-content,
.ui-dialog.dialog-submit-finish .ui-dialog-content,
.ui-dialog.dialog-submit-info .ui-dialog-content,
.ui-dialog.dialog-check-info .ui-dialog-content {
  width: 100vw !important;
}
.ui-dialog.dialog-really-submit .ui-dialog-content .content-dialog-wrapper,
.ui-dialog.dialog-submit-finish .ui-dialog-content .content-dialog-wrapper,
.ui-dialog.dialog-submit-info .ui-dialog-content .content-dialog-wrapper,
.ui-dialog.dialog-check-info .ui-dialog-content .content-dialog-wrapper {
  padding-top: 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.ui-dialog.dialog-really-submit .ui-dialog-content .content-dialog-wrapper p,
.ui-dialog.dialog-submit-finish .ui-dialog-content .content-dialog-wrapper p,
.ui-dialog.dialog-submit-info .ui-dialog-content .content-dialog-wrapper p,
.ui-dialog.dialog-check-info .ui-dialog-content .content-dialog-wrapper p {
  text-align: left;
  color: #555555;
}
.ui-dialog.dialog-really-submit .ui-dialog-content .content-dialog-wrapper .last-buttons,
.ui-dialog.dialog-submit-finish .ui-dialog-content .content-dialog-wrapper .last-buttons,
.ui-dialog.dialog-submit-info .ui-dialog-content .content-dialog-wrapper .last-buttons,
.ui-dialog.dialog-check-info .ui-dialog-content .content-dialog-wrapper .last-buttons {
  text-align: center;
  margin: 24px auto;
}
.ui-dialog.dialog-really-submit .ui-dialog-content .content-dialog-wrapper .last-buttons .ui-button,
.ui-dialog.dialog-submit-finish .ui-dialog-content .content-dialog-wrapper .last-buttons .ui-button,
.ui-dialog.dialog-submit-info .ui-dialog-content .content-dialog-wrapper .last-buttons .ui-button,
.ui-dialog.dialog-check-info .ui-dialog-content .content-dialog-wrapper .last-buttons .ui-button {
  background-color: #cccccc;
  border: 1px solid transparent !important;
  border-radius: 1.3em;
  color: #555;
  font: 700 1.3rem/1 "Helvetica Neue", Helvetica, Arial, FreeSans, sans-serif;
  height: 2.4em;
  line-height: 1em;
  margin: 0.6em 0.5em;
  min-width: 90px;
  padding: 0.6em 1.5em 0 1.5em;
  margin: 0.6em 0.5em 0.8em 0.5em;
  background: #b3b3b3;
}
.ui-dialog.dialog-really-submit .ui-dialog-content .content-dialog-wrapper .last-buttons .ui-button:hover,
.ui-dialog.dialog-submit-finish .ui-dialog-content .content-dialog-wrapper .last-buttons .ui-button:hover,
.ui-dialog.dialog-submit-info .ui-dialog-content .content-dialog-wrapper .last-buttons .ui-button:hover,
.ui-dialog.dialog-check-info .ui-dialog-content .content-dialog-wrapper .last-buttons .ui-button:hover {
  background: #cccccc;
  border: 1px solid transparent;
  color: #555;
}
.ui-dialog.dialog-really-submit .ui-dialog-content .content-dialog-wrapper .last-buttons .ui-button:disabled,
.ui-dialog.dialog-submit-finish .ui-dialog-content .content-dialog-wrapper .last-buttons .ui-button:disabled,
.ui-dialog.dialog-submit-info .ui-dialog-content .content-dialog-wrapper .last-buttons .ui-button:disabled,
.ui-dialog.dialog-check-info .ui-dialog-content .content-dialog-wrapper .last-buttons .ui-button:disabled {
  color: rgba(255, 255, 255, 0.7);
  background: rgba(200, 200, 200, 0.4);
}
.ui-dialog.dialog-really-submit .ui-dialog-content .content-dialog-wrapper .last-buttons .ui-button:visited,
.ui-dialog.dialog-submit-finish .ui-dialog-content .content-dialog-wrapper .last-buttons .ui-button:visited,
.ui-dialog.dialog-submit-info .ui-dialog-content .content-dialog-wrapper .last-buttons .ui-button:visited,
.ui-dialog.dialog-check-info .ui-dialog-content .content-dialog-wrapper .last-buttons .ui-button:visited {
  color: unset;
}
.ui-dialog.dialog-really-submit .ui-dialog-content .content-dialog-wrapper .last-buttons .ui-button:last-child,
.ui-dialog.dialog-submit-finish .ui-dialog-content .content-dialog-wrapper .last-buttons .ui-button:last-child,
.ui-dialog.dialog-submit-info .ui-dialog-content .content-dialog-wrapper .last-buttons .ui-button:last-child,
.ui-dialog.dialog-check-info .ui-dialog-content .content-dialog-wrapper .last-buttons .ui-button:last-child {
  color: #fff;
  background: #888888;
}
.ui-dialog.dialog-really-submit .ui-dialog-content .content-dialog-wrapper .last-buttons .ui-button:last-child:hover,
.ui-dialog.dialog-submit-finish .ui-dialog-content .content-dialog-wrapper .last-buttons .ui-button:last-child:hover,
.ui-dialog.dialog-submit-info .ui-dialog-content .content-dialog-wrapper .last-buttons .ui-button:last-child:hover,
.ui-dialog.dialog-check-info .ui-dialog-content .content-dialog-wrapper .last-buttons .ui-button:last-child:hover {
  background: #888888;
  border: 1px solid transparent;
  color: #fff;
}
.ui-dialog.dialog-really-reload,
.ui-dialog.dialog-special-characters,
.ui-dialog.rights-dialog,
.ui-dialog.dialog-hint {
  left: 50% !important;
  max-width: 768px;
  min-width: 300px;
  position: fixed;
  top: 50% !important;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 80% !important;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2), 0 0 1px black;
}
.ui-dialog.dialog-really-reload .ui-dialog-content .content-dialog-wrapper,
.ui-dialog.dialog-special-characters .ui-dialog-content .content-dialog-wrapper,
.ui-dialog.rights-dialog .ui-dialog-content .content-dialog-wrapper,
.ui-dialog.dialog-hint .ui-dialog-content .content-dialog-wrapper {
  padding-top: 0;
  padding-bottom: 1.5em;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: left;
}
.ui-dialog.dialog-really-reload .ui-dialog-content .content-dialog-wrapper p,
.ui-dialog.dialog-special-characters .ui-dialog-content .content-dialog-wrapper p,
.ui-dialog.rights-dialog .ui-dialog-content .content-dialog-wrapper p,
.ui-dialog.dialog-hint .ui-dialog-content .content-dialog-wrapper p {
  text-align: left;
  color: #555555;
}
.ui-dialog.dialog-really-reload .ui-dialog-content .content-dialog-wrapper .last-buttons,
.ui-dialog.dialog-special-characters .ui-dialog-content .content-dialog-wrapper .last-buttons,
.ui-dialog.rights-dialog .ui-dialog-content .content-dialog-wrapper .last-buttons,
.ui-dialog.dialog-hint .ui-dialog-content .content-dialog-wrapper .last-buttons {
  text-align: center;
}
.ui-dialog.dialog-really-reload .ui-dialog-content .last-buttons .ui-button,
.ui-dialog.dialog-special-characters .ui-dialog-content .last-buttons .ui-button,
.ui-dialog.rights-dialog .ui-dialog-content .last-buttons .ui-button,
.ui-dialog.dialog-hint .ui-dialog-content .last-buttons .ui-button {
  background-color: #cccccc;
  border: 1px solid transparent !important;
  border-radius: 1.3em;
  color: #555;
  font: 700 1.3rem/1 "Helvetica Neue", Helvetica, Arial, FreeSans, sans-serif;
  height: 2.4em;
  line-height: 1em;
  margin: 0.6em 0.5em;
  min-width: 90px;
  padding: 0.6em 1.5em 0 1.5em;
  margin: 0.6em 0.5em 0.8em 0.5em;
  background: #b3b3b3;
}
.ui-dialog.dialog-really-reload .ui-dialog-content .last-buttons .ui-button:hover,
.ui-dialog.dialog-special-characters .ui-dialog-content .last-buttons .ui-button:hover,
.ui-dialog.rights-dialog .ui-dialog-content .last-buttons .ui-button:hover,
.ui-dialog.dialog-hint .ui-dialog-content .last-buttons .ui-button:hover {
  background: #cccccc;
  border: 1px solid transparent;
  color: #555;
}
.ui-dialog.dialog-really-reload .ui-dialog-content .last-buttons .ui-button:disabled,
.ui-dialog.dialog-special-characters .ui-dialog-content .last-buttons .ui-button:disabled,
.ui-dialog.rights-dialog .ui-dialog-content .last-buttons .ui-button:disabled,
.ui-dialog.dialog-hint .ui-dialog-content .last-buttons .ui-button:disabled {
  color: rgba(255, 255, 255, 0.7);
  background: rgba(200, 200, 200, 0.4);
}
.ui-dialog.dialog-really-reload .ui-dialog-content .last-buttons .ui-button:visited,
.ui-dialog.dialog-special-characters .ui-dialog-content .last-buttons .ui-button:visited,
.ui-dialog.rights-dialog .ui-dialog-content .last-buttons .ui-button:visited,
.ui-dialog.dialog-hint .ui-dialog-content .last-buttons .ui-button:visited {
  color: unset;
}
.ui-dialog.dialog-really-reload .ui-dialog-content .last-buttons .ui-button:last-child,
.ui-dialog.dialog-special-characters .ui-dialog-content .last-buttons .ui-button:last-child,
.ui-dialog.rights-dialog .ui-dialog-content .last-buttons .ui-button:last-child,
.ui-dialog.dialog-hint .ui-dialog-content .last-buttons .ui-button:last-child {
  color: #fff;
  background: #888888;
}
.ui-dialog.dialog-really-reload .ui-dialog-content .last-buttons .ui-button:last-child:hover,
.ui-dialog.dialog-special-characters .ui-dialog-content .last-buttons .ui-button:last-child:hover,
.ui-dialog.rights-dialog .ui-dialog-content .last-buttons .ui-button:last-child:hover,
.ui-dialog.dialog-hint .ui-dialog-content .last-buttons .ui-button:last-child:hover {
  background: #888888;
  border: 1px solid transparent;
  color: #fff;
}
@font-face {
  font-family: 'Hueber Forward Sans';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/forwardsans-regular-webfont.woff2) format("woff2"), url(../fonts/forwardsans-regular-webfont.ttf) format("ttf"), url(../fonts/forwardsans-regular-webfont.eot) format("eot");
}
@font-face {
  font-family: 'Hueber Forward Sans';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/forwardsans-bold-webfont.woff2) format("woff2"), url(../fonts/forwardsans-bold-webfont.ttf) format("ttf"), url(../fonts/forwardsans-bold-webfont.eot) format("eot");
}
#footer-wrap {
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 -8px 8px rgba(255, 255, 255, 0.9);
}
#activity_controls .nonpage_controls {
  text-align: center;
}
#activity_controls .nonpage_controls #micro_controls,
#activity_controls .nonpage_controls #macro_controls {
  display: inlin-block;
}
.pagination {
  display: flex !important;
  justify-content: center;
  margin-top: 4px;
}
.pagination.end-screen,
.pagination.intro-screen {
  display: none !important;
}
.page-indicator {
  display: none;
  background: #fff;
  padding: 0 5px;
  border-radius: 5px;
  font-weight: bold;
  cursor: pointer;
  margin-top: 6px;
}
@media only screen and (max-width: 499px) {
  .page-indicator {
    display: inline-block !important;
  }
}
.page-indicator.clicked {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding: 0 5px 5px 5px;
}
#nav-wrap {
  position: static;
  display: inline-block !important;
  top: 0px;
  left: auto;
  right: auto;
  z-index: 1;
  background: transparent;
  color: #bbb;
  border-radius: 5px;
  width: auto;
  padding: 6.5px 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media only screen and (max-width: 499px) {
  #nav-wrap {
    display: none !important;
    background: white;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
    color: #999;
    left: 50%;
    padding: 6.5px 0;
    position: absolute;
    right: auto;
    top: 36px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: auto;
    max-width: 85%;
    justify-content: center;
  }
  #nav-wrap.nav-wrap-show {
    display: flex !important;
  }
}
.int-wrap {
  transition: margin-left 0.4s linear;
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 499px) {
  .int-wrap {
    overflow: hidden;
  }
}
#navigation_popup {
  display: flex;
  white-space: nowrap;
  width: 100%;
  vertical-align: middle;
  justify-content: center;
}
#navigation_popup.check-size {
  white-space: normal;
}
#navigation_popup.check-size .int-wrap {
  display: block;
}
#navigation_popup .int-wrap > div {
  display: inline-block;
  cursor: pointer;
  padding: 0 7px;
  border-radius: 3px;
}
#navigation_popup .int-wrap > div.selected,
#navigation_popup .int-wrap > div:hover {
  background: #444;
  color: #fff;
}
#activity_controls#activity_controls .button-pagination {
  margin-top: -88px;
}
#activity_controls#activity_controls .button-pagination.previous-page,
#activity_controls#activity_controls .button-pagination.next-page {
  height: 175px;
  border: 0;
}
#activity_controls#activity_controls .button-pagination.previous-page,
#activity_controls#activity_controls .button-pagination.next-page,
#activity_controls#activity_controls .button-pagination.previous-page:hover:hover,
#activity_controls#activity_controls .button-pagination.next-page:hover:hover {
  background: none;
}
#activity_controls#activity_controls .button-pagination.previous-page {
  border-radius: 0 5px 5px 0;
  transition: padding-right 0.2s;
}
#activity_controls#activity_controls .button-pagination.previous-page:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -201px -281px;
  left: 0;
}
#activity_controls#activity_controls .button-pagination.previous-page:before {
  top: 68px;
}
#activity_controls#activity_controls .button-pagination.previous-page:before {
  left: auto;
  right: 0;
}
#activity_controls#activity_controls .button-pagination.previous-page.inactive_button:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -281px -281px;
  left: 0;
}
#activity_controls#activity_controls .button-pagination.previous-page.inactive_button:before {
  top: 68px;
}
#activity_controls#activity_controls .button-pagination.next-page {
  border-radius: 5px 0 0 5px;
  transition: padding-left 0.2s;
}
#activity_controls#activity_controls .button-pagination.next-page:after {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -241px -281px;
  right: 0;
}
#activity_controls#activity_controls .button-pagination.next-page:after {
  top: 68px;
}
#activity_controls#activity_controls .button-pagination.next-page:after {
  right: auto;
  left: 0;
}
#activity_controls#activity_controls .button-pagination.next-page.inactive_button:after {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -321px -281px;
  right: 0;
}
#activity_controls#activity_controls .button-pagination.next-page.inactive_button:after {
  top: 68px;
}
.arrow {
  vertical-align: middle;
  cursor: pointer;
}
.arrow.left {
  background: url('../images/icons.svg') no-repeat;
  background-position: -201px -281px;
  display: inline-block;
  width: 38px;
  height: 38px;
}
.arrow.left.inactive {
  visibility: hidden;
}
.arrow.right {
  background: url('../images/icons.svg') no-repeat;
  background-position: -241px -281px;
  display: inline-block;
  width: 38px;
  height: 38px;
}
.arrow.right.inactive {
  visibility: hidden;
}
#btn_forward,
#btn_previous {
  background: none;
  border-radius: 5px;
  display: inline-block;
  float: none;
  height: auto;
  min-width: auto;
  width: auto;
  z-index: 2;
  margin: 0;
}
#btn_forward:hover,
#btn_previous:hover {
  border: 1px solid transparent;
}
#btn_forward.next-page:after,
#btn_previous.next-page:after {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -241px -281px;
  right: 0;
}
#btn_forward.next-page.inactive_button:after,
#btn_previous.next-page.inactive_button:after {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -321px -281px;
  right: 0;
}
#btn_forward.previous-page:after,
#btn_previous.previous-page:after {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -201px -281px;
  right: 0;
}
#btn_forward.previous-page.inactive_button:after,
#btn_previous.previous-page.inactive_button:after {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -281px -281px;
  right: 0;
}
#btn_back {
  display: none;
  position: absolute;
  top: 3px;
  left: 10px;
  background: none;
  margin: 0;
}
#btn_back:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -321px -161px;
  left: 0;
}
#btn_back.inactive_button:before {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -361px -161px;
  left: 0;
}
@media only screen and (max-width: 499px) {
  #btn_back {
    display: block !important;
  }
}
body {
  min-width: 320px;
  -webkit-text-size-adjust: none;
}
#activity_controls {
  width: auto;
}
#wrap {
  margin-left: 3em;
  margin-right: 3em;
  width: calc(100% - 6em);
  max-width: 980px;
}
#wrap .is-media-zone {
  position: static;
}
@media only screen and (max-width: 767px) {
  #wrap {
    margin-left: 0.7em;
    margin-right: 0.7em;
    width: calc(100% - 1.4em);
  }
}
@media only screen and (min-width: 1024px) {
  #wrap {
    margin-left: auto;
    margin-right: auto;
  }
}
.interaction.toolbar .toolbar .button {
  background: #dfdfdf;
}
.drop_zone {
  border: 1px solid #bbb;
}
.interaction.is-checkbox .choice_interaction.checkbox-show-in-columns .input-checkbox .input-wrapper,
.interaction.is-radiobutton .choice_interaction.checkbox-show-in-columns .input-checkbox .input-wrapper,
.interaction.is-checkbox .choice_interaction.radiobutton-show-in-columns .input-checkbox .input-wrapper,
.interaction.is-radiobutton .choice_interaction.radiobutton-show-in-columns .input-checkbox .input-wrapper,
.interaction.is-checkbox .choice_interaction.checkbox-show-in-columns .input-radio .input-wrapper,
.interaction.is-radiobutton .choice_interaction.checkbox-show-in-columns .input-radio .input-wrapper,
.interaction.is-checkbox .choice_interaction.radiobutton-show-in-columns .input-radio .input-wrapper,
.interaction.is-radiobutton .choice_interaction.radiobutton-show-in-columns .input-radio .input-wrapper,
.interaction.pp-present table .input-radio .input-wrapper,
.interaction.pp-present table .input-checkbox .input-wrapper {
  display: flex;
}
.interaction.is-checkbox .choice_interaction.checkbox-show-in-columns .input-radio .item:before,
.interaction.is-radiobutton .choice_interaction.checkbox-show-in-columns .input-radio .item:before,
.interaction.is-checkbox .choice_interaction.radiobutton-show-in-columns .input-radio .item:before,
.interaction.is-radiobutton .choice_interaction.radiobutton-show-in-columns .input-radio .item:before,
.interaction.pp-present table .input-radio .item:before {
  top: 0.2rem !important;
}
.interaction.is-checkbox .choice_interaction.radiobutton-show-in-columns .check,
.interaction.is-radiobutton .choice_interaction.radiobutton-show-in-columns .check {
  top: -0.2rem;
  right: 0.4rem;
}
.listbox.listbox--open {
  box-shadow: 0 0 10px #cccccc;
}
.listbox.listbox--open .listbox__label:after {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -241px -161px;
  right: 0;
}
.listbox__label {
  background-color: #fff;
}
.listbox__label:after {
  content: "";
  position: absolute;
  top: 0;
  width: 38px;
  height: 38px;
  background: url('../images/icons.svg') no-repeat;
  background-position: -201px -161px;
  right: 0;
}
.listbox__label,
.listbox__label:hover {
  border-color: #cccccc;
  color: #3d3d3d;
}
.listbox__choices {
  box-shadow: 0 10px 10px #cccccc;
}
.listbox__choice {
  background-color: #fff;
  color: #444;
}
.listbox__choice:focus {
  color: #444;
}
.listbox__choice:hover {
  background: #444;
  color: #fff !important;
  border: none;
}
.listbox--horizontal .listbox__popup {
  border: 0;
}
.listbox--horizontal .listbox__popup .listbox__choices {
  border: 1px solid #b3b3b3;
}
.listbox--horizontal .listbox__popup .listbox__close {
  display: none;
}
.listbox--horizontal .listbox__popup .popup-choice:focus {
  color: #444;
}
.listbox--horizontal .listbox__popup .popup-choice:hover {
  background: #444;
  color: #fff;
  border: none;
}

/* Start: mhv-dialog-css-extension-1.0 */

/* Version 1.0.1 02.03.2021 */

/* new in 1.0.1:
   - .mhv_sprecher1 > p, ...
   - .mhv_sprecher1 > p::after, ....
*/

.mhv_lesetext 
{
	background-color: white;
	box-shadow: 0 1px 5px rgba(0, 0, 0, .25);
	height: auto;
	margin: 1em 0 1em .5em;
	padding: 1.2em 1.5em 1.1em 1.5em;
	position: relative;
	width: calc(100% - 1em);
}

.mhv_lesetext:before, 
.mhv_lesetext:after {
	content: "";
	height: 4px;
	position: absolute;
	left: 0;
	right: 0;
	-webkit-clip-path: polygon(0% 0%, 5% 100%, 10% 0%, 15% 100%, 20% 0%, 25% 100%, 30% 0%, 35% 100%, 40% 0%, 45% 100%, 50% 0%, 55% 100%, 60% 0%, 65% 100%, 70% 0%, 75% 100%, 80% 0%, 85% 100%, 90% 0%, 95% 100%, 100% 0%);
	clip-path: polygon(0% 0%, 5% 100%, 10% 0%, 15% 100%, 20% 0%, 25% 100%, 30% 0%, 35% 100%, 40% 0%, 45% 100%, 50% 0%, 55% 100%, 60% 0%, 65% 100%, 70% 0%, 75% 100%, 80% 0%, 85% 100%, 90% 0%, 95% 100%, 100% 0%);
}

.mhv_lesetext:before {
	background-color: rgba(0, 0, 0, .1);
	top: 0;
}

.mhv_lesetext:after {
	background-color: white;
	bottom: -4px;
	clear: both;
}

.mhv_realie
{
	background-color: white;
	box-shadow: 3px 4px 7px rgba(0, 0, 0, .45);
	display: inline-block;
	margin: 1em 0;
	max-width: calc(100% - 2em);
	position: relative;
}

@media screen and (min-width: 750px) 
{
	.mhv_realie.mhv_linksplatziert,
	.mhv_realie.mhv_rechtsplatziert
	{
		max-width: calc(60% - 2em);
	}

	.mhv_realie.mhv_linksplatziert
	{
		float: left;
		margin: 1em 1.5em .8em 0;
		transform: rotate(-2deg);
	}

	.mhv_realie.mhv_rechtsplatziert
	{
		float: right;
		margin: 1em 0 .8em 1.5em;
		transform: rotate(2deg);
	}
}

.mhv_realie img,
.mhv_lesetext img 
{
	max-width: 100%;
}

.mhv_dialog:not(.mhv_forum) .mhv_sprecher1,
.mhv_dialog:not(.mhv_forum) .mhv_sprecher2,
.mhv_dialog:not(.mhv_forum) .mhv_sprecher3,
.mhv_dialog:not(.mhv_forum) .mhv_sprecher4,
.mhv_dialog:not(.mhv_forum) .mhv_sprecher5,
.mhv_dialog:not(.mhv_forum) .mhv_sprecher6
{
	margin-bottom: .5em;
	padding-left: 1.6em;
	text-indent: -1.6em;
}

.mhv_sprecher1 > *,
.mhv_sprecher2 > *,
.mhv_sprecher3 > *,
.mhv_sprecher4 > *,
.mhv_sprecher5 > *,
.mhv_sprecher6 > *
{
	padding: 0;
	text-indent: 0;
}

/* new in 1.0.1 */
.mhv_sprecher1 > p,
.mhv_sprecher2 > p,
.mhv_sprecher3 > p,
.mhv_sprecher4 > p,
.mhv_sprecher5 > p,
.mhv_sprecher6 > p
{
	display: inline;
}

/* new in 1.0.1 */
.mhv_sprecher1 > p::after,
.mhv_sprecher2 > p::after,
.mhv_sprecher3 > p::after,
.mhv_sprecher4 > p::after,
.mhv_sprecher5 > p::after,
.mhv_sprecher6 > p::after
{
	content: "\A";
	white-space: pre;
}

.mhv_dialog:not(.mhv_forum) .mhv_sprecher1::before,
.mhv_dialog:not(.mhv_forum) .mhv_sprecher2::before,
.mhv_dialog:not(.mhv_forum) .mhv_sprecher3::before,
.mhv_dialog:not(.mhv_forum) .mhv_sprecher4::before,
.mhv_dialog:not(.mhv_forum) .mhv_sprecher5::before,
.mhv_dialog:not(.mhv_forum) .mhv_sprecher6::before
{
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 14px 14px;
	content: "";
	display: inline-block;
	height: 14px;
	margin-right: calc(1.6em - 14px);
	width: 14px;
}

.mhv_dialog:not(.mhv_forum) .mhv_sprecher1::before
{
	background-image: url(../images/mhv_sprecher1.svg);
}

.mhv_dialog:not(.mhv_forum) .mhv_sprecher2::before
{
	background-image: url(../images/mhv_sprecher2.svg);
}

.mhv_dialog:not(.mhv_forum) .mhv_sprecher3::before
{
	background-image: url(../images/mhv_sprecher3.svg);
}

.mhv_dialog:not(.mhv_forum) .mhv_sprecher4::before
{
	background-image: url(../images/mhv_sprecher4.svg);
}

.mhv_dialog:not(.mhv_forum) .mhv_sprecher5::before
{
	background-image: url(../images/mhv_sprecher5.svg);
}

.mhv_dialog:not(.mhv_forum) .mhv_sprecher6::before
{
	background-image: url(../images/mhv_sprecher6.svg);
}

.mhv_dialog.mhv_forum .mhv_sprecher1,
.mhv_dialog.mhv_forum .mhv_sprecher2,
.mhv_dialog.mhv_forum .mhv_sprecher3,
.mhv_dialog.mhv_forum .mhv_sprecher4,
.mhv_dialog.mhv_forum .mhv_sprecher5,
.mhv_dialog.mhv_forum .mhv_sprecher6
{
	background-color: white;
	border: 1px solid #aaa;
	border-radius: .2em;
	padding: .4em .7em .2em .7em;
	position: relative;
	width: calc(100% - 2em - 2px);
}

.mhv_dialog.mhv_forum .mhv_sprecher1:before, 
.mhv_dialog.mhv_forum .mhv_sprecher1:after,
.mhv_dialog.mhv_forum .mhv_sprecher2:before, 
.mhv_dialog.mhv_forum .mhv_sprecher2:after,
.mhv_dialog.mhv_forum .mhv_sprecher3:before, 
.mhv_dialog.mhv_forum .mhv_sprecher3:after,
.mhv_dialog.mhv_forum .mhv_sprecher4:before, 
.mhv_dialog.mhv_forum .mhv_sprecher4:after,
.mhv_dialog.mhv_forum .mhv_sprecher5:before, 
.mhv_dialog.mhv_forum .mhv_sprecher5:after,
.mhv_dialog.mhv_forum .mhv_sprecher6:before, 
.mhv_dialog.mhv_forum .mhv_sprecher6:after
{
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
}

.mhv_dialog.mhv_forum .mhv_sprecher1:before, 
.mhv_dialog.mhv_forum .mhv_sprecher2:before, 
.mhv_dialog.mhv_forum .mhv_sprecher3:before, 
.mhv_dialog.mhv_forum .mhv_sprecher4:before, 
.mhv_dialog.mhv_forum .mhv_sprecher5:before, 
.mhv_dialog.mhv_forum .mhv_sprecher6:before
{
	border: 10px solid;
}

.mhv_dialog.mhv_forum .mhv_sprecher1:after, 
.mhv_dialog.mhv_forum .mhv_sprecher2:after, 
.mhv_dialog.mhv_forum .mhv_sprecher3:after, 
.mhv_dialog.mhv_forum .mhv_sprecher4:after, 
.mhv_dialog.mhv_forum .mhv_sprecher5:after, 
.mhv_dialog.mhv_forum .mhv_sprecher6:after
{
	border: 9px solid;
}

.mhv_dialog.mhv_forum .mhv_sprecher1:before
{
	border-color: transparent transparent #aaa #aaa;
/*	border-color: transparent transparent rgb(193, 39, 45) rgb(193, 39, 45); */
	right: -20px;
	top: calc(50% - 1em);
}

.mhv_dialog.mhv_forum .mhv_sprecher1:after
{
	border-color: transparent transparent white white;
	right: -18px;
	top: calc(50% - 1em + 1px);
}

.mhv_dialog.mhv_forum .mhv_sprecher2:before, 
.mhv_dialog.mhv_forum .mhv_sprecher3:before, 
.mhv_dialog.mhv_forum .mhv_sprecher4:before, 
.mhv_dialog.mhv_forum .mhv_sprecher5:before, 
.mhv_dialog.mhv_forum .mhv_sprecher6:before
{
	border-color: transparent #aaa #aaa transparent;
	left: -20px;
	top: calc(50% - 1em);
}

/* .mhv_dialog.mhv_forum .mhv_sprecher2:before 
{
	border-color: transparent rgb(0, 146, 69) rgb(0, 146, 69) transparent;
}

.mhv_dialog.mhv_forum .mhv_sprecher3:before 
{
	border-color: transparent rgb(0, 113, 188) rgb(0, 113, 188) transparent;
}

.mhv_dialog.mhv_forum .mhv_sprecher4:before 
{
	border-color: transparent rgb(247, 147, 30) rgb(247, 147, 30) transparent;
}

.mhv_dialog.mhv_forum .mhv_sprecher5:before 
{
	border-color: transparent rgb(158, 0, 93) rgb(158, 0, 93) transparent;
}

.mhv_dialog.mhv_forum .mhv_sprecher6:before 
{
	border-color: transparent rgb(140, 98, 57) rgb(140, 98, 57) transparent;
} */

.mhv_dialog.mhv_forum .mhv_sprecher2:after, 
.mhv_dialog.mhv_forum .mhv_sprecher3:after, 
.mhv_dialog.mhv_forum .mhv_sprecher4:after, 
.mhv_dialog.mhv_forum .mhv_sprecher5:after, 
.mhv_dialog.mhv_forum .mhv_sprecher6:after
{
	border-color: transparent white white transparent;
	left: -18px;
	top: calc(50% - 1em + 1px);
}

.mhv_dialog.mhv_forum .mhv_sprecher2,
.mhv_dialog.mhv_forum .mhv_sprecher3,
.mhv_dialog.mhv_forum .mhv_sprecher4,
.mhv_dialog.mhv_forum .mhv_sprecher5,
.mhv_dialog.mhv_forum .mhv_sprecher6
{
	margin-left: 2em;
}

/* .mhv_dialog.mhv_forum .mhv_sprecher1
{
	border-color: rgb(193, 39, 45);
}

.mhv_dialog.mhv_forum .mhv_sprecher2
{
	border-color: rgb(0, 146, 69);
}

.mhv_dialog.mhv_forum .mhv_sprecher3
{
	border-color: rgb(0, 113, 188);
}

.mhv_dialog.mhv_forum .mhv_sprecher4
{
	border-color: rgb(247, 147, 30);
}

.mhv_dialog.mhv_forum .mhv_sprecher5
{
	border-color: rgb(158, 0, 93);
}

.mhv_dialog.mhv_forum .mhv_sprecher6
{
	border-color: rgb(140, 98, 57);
} */

.mhv_dialog.mhv_forum .mhv_sprecher1:not(:first-child),
.mhv_dialog.mhv_forum .mhv_sprecher2:not(:first-child),
.mhv_dialog.mhv_forum .mhv_sprecher3:not(:first-child),
.mhv_dialog.mhv_forum .mhv_sprecher4:not(:first-child),
.mhv_dialog.mhv_forum .mhv_sprecher5:not(:first-child),
.mhv_dialog.mhv_forum .mhv_sprecher6:not(:first-child)
{
	margin-top: .6em;
}

.mhv_dialog.mhv_forum .mhv_name
{
	font-size: .75em;
	font-weight: bold;
	display:block;
	line-height: 1;
}

.mhv_dialog.mhv_forum .mhv_sprecher1 .mhv_name
{
	color: rgb(193, 39, 45);
}

.mhv_dialog.mhv_forum .mhv_sprecher2 .mhv_name
{
	color: rgb(0, 146, 69);
}

.mhv_dialog.mhv_forum .mhv_sprecher3 .mhv_name
{
	color: rgb(0, 113, 188);
}

.mhv_dialog.mhv_forum .mhv_sprecher4 .mhv_name
{
	color: rgb(247, 147, 30);
}

.mhv_dialog.mhv_forum .mhv_sprecher5 .mhv_name
{
	color: rgb(158, 0, 93);
}

.mhv_dialog.mhv_forum .mhv_sprecher6 .mhv_name
{
	color: rgb(140, 98, 57);
}

/* Avallain-Anzeigetweaks für UI */

/* Copyright-Dialogbox */

.content-dialog-wrapper .resource
{
	font-size: .75em;
}

.content-dialog-wrapper .resource .identifier, 
.content-dialog-wrapper .rights
{
	display: inline-block !important;
	margin-bottom: .6em;
}

.content-dialog-wrapper .resource .identifier::after
{
	content: ":";
}

/* Ende: mhv-dialog-css-extension-1.0 */

/* Start: mhv-einstufungstest-css-extension-1.0 */

#nav {
    background: #3b608a;
}

#home {
    display: none;
}

#logo, #logo:hover {
    background:  url(../images/logo.svg) no-repeat 0 55% / auto 55%
}

#logo {
    width: 170px;
    left: 20px;
    right: unset;
}

/* Ende: mhv-einstufungstest-css-extension-1.0 */