@font-face {
  font-family: 'open_sansregular';
  src: url("../fonts/OpenSans-Bold-webfont.eot");
  src: url("../fonts/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Bold-webfont.woff") format("woff"), url("../fonts/OpenSans-Bold-webfont.woff2") format("woff2"), url("../fonts/OpenSans-Bold-webfont.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'open_sansregular';
  src: url("../fonts/OpenSans-Italic-webfont.eot");
  src: url("../fonts/OpenSans-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Italic-webfont.woff") format("woff"), url("../fonts/OpenSans-Italic-webfont.woff2") format("woff2"), url("../fonts/OpenSans-Italic-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'open_sansregular';
  src: url("../fonts/OpenSans-Regular-webfont.eot");
  src: url("../fonts/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Regular-webfont.woff") format("woff"), url("../fonts/OpenSans-Regular-webfont.woff2") format("woff2"), url("../fonts/OpenSans-Regular-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?-m0hd85");
  src: url("../fonts/icomoon.eot?#iefix-m0hd85") format("embedded-opentype"), url("../fonts/icomoon.woff?-m0hd85") format("woff"), url("../fonts/icomoon.ttf?-m0hd85") format("truetype"), url("../fonts/icomoon.svg?-m0hd85#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* line 1, ../sass/_icons.scss */
html.cp-game [class^="icon-"], html.cp-game [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* line 15, ../sass/_icons.scss */
html.cp-game .icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
/* line 22, ../sass/_icons.scss */
html.cp-game .icon-empty:before {
  content: "\e600";
}
/* line 26, ../sass/_icons.scss */
html.cp-game .icon-selected:before {
  content: "\e601";
}
/* line 30, ../sass/_icons.scss */
html.cp-game .icon-ok:before {
  content: "\e602";
}
/* line 34, ../sass/_icons.scss */
html.cp-game .icon-fail:before {
  content: "\e603";
}
/* line 38, ../sass/_icons.scss */
html.cp-game .icon-move-x:before {
  content: "\e608";
}
/* line 42, ../sass/_icons.scss */
html.cp-game .icon-move-y:before {
  content: "\e604";
}
/* line 46, ../sass/_icons.scss */
html.cp-game .icon-cancel:before {
  content: "\e605";
}
/* line 50, ../sass/_icons.scss */
html.cp-game .icon-sound-on:before {
  content: "\e606";
}
/* line 54, ../sass/_icons.scss */
html.cp-game .icon-sound-off:before {
  content: "\e607";
}
/* line 58, ../sass/_icons.scss */
html.cp-game .icon-replay:before {
  content: "\e609";
}
/* line 62, ../sass/_icons.scss */
html.cp-game .icon-next-empty:before {
  content: "\e60a";
}
/* line 66, ../sass/_icons.scss */
html.cp-game .icon-back:before {
  content: "\e60b";
}
/* line 70, ../sass/_icons.scss */
html.cp-game .icon-back-empty:before {
  content: "\e60c";
}
/* line 74, ../sass/_icons.scss */
html.cp-game .icon-next:before {
  content: "\e60d";
}
/* line 78, ../sass/_icons.scss */
html.cp-game .icon-eye:before {
  content: "\e9ce";
}
/* line 82, ../sass/_icons.scss */
html.cp-game .icon-eye-blocked:before {
  content: "\e9d1";
}
/* line 86, ../sass/_icons.scss */
html.cp-game .icon {
  border-radius: 50%;
  height: 1rem;
  width: 1rem;
  border: 1px solid transparent;
  position: relative;
}
/* line 92, ../sass/_icons.scss */
html.cp-game .icon-empty {
  background: #ffffff;
  border: 1px solid #7c8486;
  color: #303333;
}
/* line 98, ../sass/_icons.scss */
html.cp-game .icon-selected {
  background: #ffffff;
  border: 1px solid #7c8486;
  color: #303333;
}
/* line 104, ../sass/_icons.scss */
html.cp-game .icon-ok {
  background: #77bd81;
  color: #ffffff;
}
/* line 109, ../sass/_icons.scss */
html.cp-game .icon-fail {
  background: #ec6d63;
  color: #ffffff;
}
/* line 114, ../sass/_icons.scss */
html.cp-game .icon-move-x {
  color: #303333;
}
/* line 118, ../sass/_icons.scss */
html.cp-game .icon-move-y {
  color: #303333;
}
/* line 122, ../sass/_icons.scss */
html.cp-game .icon-cancel {
  color: #7c8486;
}
/* line 126, ../sass/_icons.scss */
html.cp-game .icon-sound-on {
  color: #7c8486;
}
/* line 130, ../sass/_icons.scss */
html.cp-game .icon-sound-off {
  color: #7c8486;
}
/* line 134, ../sass/_icons.scss */
html.cp-game .icon-replay {
  color: #7c8486;
}
/* line 138, ../sass/_icons.scss */
html.cp-game .icon-next {
  color: #303333;
}
/* line 142, ../sass/_icons.scss */
html.cp-game .icon-back {
  color: #303333;
}
/* line 146, ../sass/_icons.scss */
html.cp-game .icon-next-empty {
  color: #d8dcdc;
}
/* line 150, ../sass/_icons.scss */
html.cp-game .icon-back-empty {
  color: #d8dcdc;
}
/* line 1, ../sass/_global.scss */
html.cp-game body {
  background-color: transparent;
  color: #303333;
  cursor: default;
  font-family: "open_sansregular", sans-serif;
  font-size: 16px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 100%;
}
/* line 14, ../sass/_global.scss */
html.cp-game a {
  color: #7c8486;
  font-family: "open_sansregular";
  font-size: 16px;
  text-decoration: none;
}
/* line 21, ../sass/_global.scss */
html.cp-game figure {
  border: 0;
  display: block;
  margin: 0;
  padding: 0;
}
/* line 28, ../sass/_global.scss */
html.cp-game h1 {
  font-family: "open_sansregular";
  font-size: 1rem;
  font-weight: bold;
  margin: 0 0 0.5rem 0;
}
/* line 35, ../sass/_global.scss */
html.cp-game h2 {
  font-size: 1rem;
  font-weight: normal;
  margin: 0;
}
/* line 41, ../sass/_global.scss */
html.cp-game hr {
  background-color: #7c8486;
  border: 0;
  height: 1px;
  margin: 0;
}
/* line 48, ../sass/_global.scss */
html.cp-game img {
  display: block;
}
/* line 52, ../sass/_global.scss */
html.cp-game table, html.cp-game caption, html.cp-game tbody, html.cp-game tfoot, html.cp-game thead, html.cp-game tr, html.cp-game th, html.cp-game td {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}
/* line 59, ../sass/_global.scss */
html.cp-game table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* line 64, ../sass/_global.scss */
html.cp-game textarea {
  box-sizing: border-box;
  display: block;
}
/* line 69, ../sass/_global.scss */
html.cp-game ul, html.cp-game ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
/* line 75, ../sass/_global.scss */
html.cp-game .loading {
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  font-size: 3em;
  color: #303333;
}
/* line 87, ../sass/_global.scss */
html.cp-game .loading:before {
  text-align: center;
  content: attr(data-text);
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  position: absolute;
  top: 50%;
  width: 100%;
}
/* line 97, ../sass/_global.scss */
html.cp-game .clearfix:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
/* line 105, ../sass/_global.scss */
html.cp-game .content {
  background-color: #ffffff;
  border-radius: 3px;
  overflow: hidden;
  padding: 2rem 2.7rem 2.7rem 2.7rem;
}
/* line 112, ../sass/_global.scss */
html.cp-game .bg-transparent .content {
  background-color: transparent;
}
/* line 116, ../sass/_global.scss */
html.cp-game .no-padding .content {
  padding: 0;
}
/* line 120, ../sass/_global.scss */
html.cp-game .header {
  padding-bottom: 1.75rem;
}
/* line 124, ../sass/_global.scss */
html.cp-game .game-panel {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}
/* line 129, ../sass/_global.scss */
html.cp-game .footer {
  padding-top: 1.75rem;
}
/* line 133, ../sass/_global.scss */
html.cp-game .footer-left {
  float: left;
}
/* line 137, ../sass/_global.scss */
html.cp-game .footer-right {
  float: right;
  margin: -0.5rem -0.5rem 0 0;
  text-align: center;
}
/* line 149, ../sass/_global.scss */
html.cp-game .button {
  background-color: #ffffff;
  border: 1px solid #7c8486;
  border-radius: 3px;
  cursor: pointer;
  font-family: "open_sansregular";
  font-size: 16px;
  padding: 0.2rem 0.5rem;
  -webkit-transition: background-color 0.2s linear;
          transition: background-color 0.2s linear;
}
/* line 160, ../sass/_global.scss */
html.cp-game .button-sound {
  border: 1px solid transparent;
  padding: 0.2rem;
  width: 1.25rem;
}
/* line 170, ../sass/_global.scss */
html.cp-game .check-correct {
  margin: 0.5rem 0.5rem 0 0;
  padding: 0.2rem 0;
  width: 8rem;
}
/* line 176, ../sass/_global.scss */
html.cp-game .check-correct.selected {
  background-color: #7c8486;
  border: 1px solid transparent;
  color: #ffffff;
  -webkit-transition: background-color 0.2s linear;
          transition: background-color 0.2s linear;
}
/* line 183, ../sass/_global.scss */
html.cp-game .check-correct.disabled {
  cursor: not-allowed;
}
/* line 187, ../sass/_global.scss */
html.cp-game .show-correct {
  font-size: 0.75rem;
  padding-right: 0.5rem;
}
/* line 192, ../sass/_global.scss */
html.cp-game .show-correct.disabled {
  cursor: not-allowed;
}
/* line 196, ../sass/_global.scss */
html.cp-game .window {
  background-color: rgba(255, 255, 255, 0.75);
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}
/* line 204, ../sass/_global.scss */
html.cp-game .window-frame {
  background-color: #ffffff;
  border-radius: 3px;
  left: 50%;
  padding: 0.5rem 1rem;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 40%;
}
/* line 216, ../sass/_global.scss */
html.cp-game .window-title {
  font-weight: bold;
}
/* line 223, ../sass/_global.scss */
html.cp-game .button-window {
  margin: 0.75rem auto 0 auto;
  padding: 0.2rem 0.5rem;
  width: 8rem;
}
/* line 2, ../sass/_E01Open.scss */
html.cp-game .E01Open .header p:first-child {
  margin-top: 0;
}
/* line 6, ../sass/_E01Open.scss */
html.cp-game .E01Open .header p:last-child {
  margin-bottom: 0;
}
/* line 10, ../sass/_E01Open.scss */
html.cp-game .E01Open .send {
  float: right;
}
/* line 14, ../sass/_E01Open.scss */
html.cp-game .E01Open .text {
  background: #f1f2f5;
  border: none;
  border-radius: 3px;
  color: #303333;
  font-family: "open_sansregular", sans-serif;
  font-size: 16px;
  line-height: 125%;
  min-height: 6rem;
  padding: 0.2rem 0.5rem;
  resize: vertical;
  width: 100%;
}
/* line 2, ../sass/_E03Tagcloud.scss */
html.cp-game .E03Tagcloud li {
  background: #f1f2f5;
  border: 1px solid transparent;
  border-radius: 3px;
  cursor: -webkit-grab;
  cursor: grab;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.75rem;
  padding: 0.2rem 0.5rem;
}
/* line 12, ../sass/_E03Tagcloud.scss */
html.cp-game .E03Tagcloud li:last-child {
  margin-bottom: 0;
}
/* line 16, ../sass/_E03Tagcloud.scss */
html.cp-game .E03Tagcloud li.ui-sortable-helper {
  background: #d8dcdc !important;
  border: 1px solid transparent;
  cursor: -webkit-grabbing;
  cursor: grabbing;
  z-index: 10;
}
/* line 23, ../sass/_E03Tagcloud.scss */
html.cp-game .E03Tagcloud li.sortable-placeholder {
  background: transparent !important;
  border-width: 0 !important;
  padding: 0;
}
/* line 29, ../sass/_E03Tagcloud.scss */
html.cp-game .E03Tagcloud li span {
  -webkit-box-flex: 100%;
  -webkit-flex: 100%;
      -ms-flex: 100%;
          flex: 100%;
  text-align: center;
}
/* line 34, ../sass/_E03Tagcloud.scss */
html.cp-game .E03Tagcloud .button {
  width: 15rem;
}
/* line 38, ../sass/_E03Tagcloud.scss */
html.cp-game .E03Tagcloud .cell-content {
  padding: 2px;
  text-align: center;
}
/* line 43, ../sass/_E03Tagcloud.scss */
html.cp-game .E03Tagcloud .icon {
  margin-top: auto;
  margin-bottom: auto;
  min-width: 1rem;
}
/* line 49, ../sass/_E03Tagcloud.scss */
html.cp-game .E03Tagcloud .tagcloud {
  text-align: center;
}
/* line 53, ../sass/_E03Tagcloud.scss */
html.cp-game .E03Tagcloud .tagcloud > span {
  padding: 0.2rem 0.5rem;
}
/* line 2, ../sass/_E08SlotMachine.scss */
html.cp-game .E08SlotMachine .answer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 0;
}
/* line 8, ../sass/_E08SlotMachine.scss */
html.cp-game .E08SlotMachine .answer.correct, html.cp-game .E08SlotMachine .answer.incorrect {
  opacity: 1;
}
/* line 12, ../sass/_E08SlotMachine.scss */
html.cp-game .E08SlotMachine .element {
  border-bottom: 1px solid #d8dcdc;
}
/* line 16, ../sass/_E08SlotMachine.scss */
html.cp-game .E08SlotMachine .game-buttons-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 1.75rem;
}
/* line 22, ../sass/_E08SlotMachine.scss */
html.cp-game .E08SlotMachine .gunsliders {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 1.75rem;
  overflow: hidden;
}
/* line 29, ../sass/_E08SlotMachine.scss */
html.cp-game .E08SlotMachine .gunslider {
  border-top: 1px solid #d8dcdc;
  border-bottom: 1px solid #d8dcdc;
  border-left: 1px solid #d8dcdc;
  height: 1.4rem;
  text-align: center;
  width: 100%;
}
/* line 38, ../sass/_E08SlotMachine.scss */
html.cp-game .E08SlotMachine .gunslider:last-child {
  border-right: 1px solid #d8dcdc;
}
/* line 42, ../sass/_E08SlotMachine.scss */
html.cp-game .E08SlotMachine .gunslider.animate .element {
  -webkit-transition: margin 2s ease;
          transition: margin 2s ease;
}
/* line 46, ../sass/_E08SlotMachine.scss */
html.cp-game .E08SlotMachine .gunslider.animate.animate-time-1 .element {
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
}
/* line 50, ../sass/_E08SlotMachine.scss */
html.cp-game .E08SlotMachine .gunslider.animate.animate-time-2 .element {
  -webkit-transition-duration: 2s;
          transition-duration: 2s;
}
/* line 54, ../sass/_E08SlotMachine.scss */
html.cp-game .E08SlotMachine .gunslider.animate.animate-time-3 .element {
  -webkit-transition-duration: 3s;
          transition-duration: 3s;
}
/* line 58, ../sass/_E08SlotMachine.scss */
html.cp-game .E08SlotMachine .gunslider.animate-fast .element {
  -webkit-transition: margin 0.2s ease;
          transition: margin 0.2s ease;
  -webkit-transition-duration: 0.2s !important;
          transition-duration: 0.2s !important;
}
/* line 63, ../sass/_E08SlotMachine.scss */
html.cp-game .E08SlotMachine .icon {
  margin: auto 0.6rem auto 0;
}
/* line 67, ../sass/_E08SlotMachine.scss */
html.cp-game .E08SlotMachine .yes, html.cp-game .E08SlotMachine .no {
  text-align: center;
  width: 5rem;
}
/* line 72, ../sass/_E08SlotMachine.scss */
html.cp-game .E08SlotMachine .yes {
  margin-right: 1.75rem;
}
/* line 2, ../sass/_E09ImgDragAndDrop.scss */
html.cp-game .E09ImgDragAndDrop img {
  margin-right: auto;
  margin-left: auto;
  max-width: 100%;
}
/* line 8, ../sass/_E09ImgDragAndDrop.scss */
html.cp-game .E09ImgDragAndDrop .options {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  padding-top: 1.75rem;
}
/* line 17, ../sass/_E09ImgDragAndDrop.scss */
html.cp-game .E09ImgDragAndDrop .option, html.cp-game .E09ImgDragAndDrop .option-textarea {
  cursor: -webkit-grab;
  cursor: grab;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}
/* line 23, ../sass/_E09ImgDragAndDrop.scss */
html.cp-game .E09ImgDragAndDrop .option-text {
  background: #ffffff;
  border: 1px solid #7c8486;
  border-radius: 3px;
  padding: 0.2rem 0.5rem;
}
/* line 31, ../sass/_E09ImgDragAndDrop.scss */
html.cp-game .E09ImgDragAndDrop .option-image img {
  max-height: 12rem;
}
/* line 36, ../sass/_E09ImgDragAndDrop.scss */
html.cp-game .E09ImgDragAndDrop .option-editable-text {
  background: #ffffff;
  border: 1px solid #7c8486;
  border-radius: 3px;
  padding: 0.2rem 0.5rem;
}
/* line 42, ../sass/_E09ImgDragAndDrop.scss */
html.cp-game .E09ImgDragAndDrop .option-editable-text textarea {
  max-height: 100%;
  max-width: 100%;
  background: #f1f2f5;
  border: none;
  border-radius: 3px;
  color: #303333;
  cursor: -webkit-grab;
  cursor: grab;
  font-family: "open_sansregular", sans-serif;
  font-size: 16px;
  line-height: 125%;
  padding: 0.2rem 0.5rem;
  resize: none;
}
/* line 59, ../sass/_E09ImgDragAndDrop.scss */
html.cp-game .E09ImgDragAndDrop .option-editable-image {
  position: relative;
}
/* line 62, ../sass/_E09ImgDragAndDrop.scss */
html.cp-game .E09ImgDragAndDrop .option-editable-image img {
  max-height: 12rem;
}
/* line 66, ../sass/_E09ImgDragAndDrop.scss */
html.cp-game .E09ImgDragAndDrop .option-editable-image textarea {
  background: transparent;
  border: none;
  color: #ffffff;
  cursor: -webkit-grab;
  cursor: grab;
  font-family: "open_sansregular", sans-serif;
  font-size: 16px;
  line-height: 125%;
  left: 0%;
  height: 100%;
  padding: 0.2rem 0.5rem;
  position: absolute;
  resize: none;
  top: 0%;
  width: 100%;
}
/* line 84, ../sass/_E09ImgDragAndDrop.scss */
html.cp-game .E09ImgDragAndDrop .ui-draggable-dragging {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
/* line 87, ../sass/_E09ImgDragAndDrop.scss */
html.cp-game .E09ImgDragAndDrop .ui-draggable-dragging textarea {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
/* line 3, ../sass/_E11Journal.scss */
html.cp-game .E11Journal .footer textarea, html.cp-game .E11Journal header textarea {
  margin: 0;
}
/* line 8, ../sass/_E11Journal.scss */
html.cp-game .E11Journal #saving {
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  font-size: 3em;
  color: #666;
  display: none;
}
/* line 19, ../sass/_E11Journal.scss */
html.cp-game .E11Journal #saving:before {
  text-align: center;
  content: attr(data-text);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  display: block;
  position: absolute;
  top: 50%;
  width: 100%;
}
/* line 32, ../sass/_E11Journal.scss */
html.cp-game .E11Journal #saving .saving-content {
  text-align: center;
  content: attr(data-text);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  display: block;
  position: absolute;
  top: 50%;
  width: 100%;
}
/* line 2, ../sass/_Q01Crossword.scss */
html.cp-game .Q01Crossword ol {
  margin-top: 1.75rem;
}
/* line 6, ../sass/_Q01Crossword.scss */
html.cp-game .Q01Crossword li {
  border-radius: 3px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1rem;
  padding: 0.2rem 0.5rem;
}
/* line 13, ../sass/_Q01Crossword.scss */
html.cp-game .Q01Crossword li:last-child {
  margin-bottom: 0;
}
/* line 17, ../sass/_Q01Crossword.scss */
html.cp-game .Q01Crossword li.active {
  background: #f1f2f5;
}
/* line 21, ../sass/_Q01Crossword.scss */
html.cp-game .Q01Crossword table {
  border-collapse: separate;
  border-spacing: 0 3px;
  margin-right: auto;
  margin-left: auto;
}
/* line 28, ../sass/_Q01Crossword.scss */
html.cp-game .Q01Crossword td {
  vertical-align: middle;
}
/* line 32, ../sass/_Q01Crossword.scss */
html.cp-game .Q01Crossword td.empty {
  padding: 0.2rem 0.5rem;
  text-align: right;
}
/* line 37, ../sass/_Q01Crossword.scss */
html.cp-game .Q01Crossword input {
  background: transparent;
  border: none;
  color: #303333;
  font-family: "open_sansregular", Arial;
  font-size: 16px;
  line-height: 125%;
  min-height: 1.2rem;
  text-align: center;
  padding: 0.2rem 0.5rem;
  width: 1rem;
}
/* line 50, ../sass/_Q01Crossword.scss */
html.cp-game .Q01Crossword .notempty {
  border-top: 1px solid #d8dcdc;
  border-bottom: 1px solid #d8dcdc;
  border-left: 1px solid #d8dcdc;
}
/* line 56, ../sass/_Q01Crossword.scss */
html.cp-game .Q01Crossword .last {
  border-right: 1px solid #d8dcdc;
}
/* line 60, ../sass/_Q01Crossword.scss */
html.cp-game .Q01Crossword .icon {
  min-width: 1rem;
}
/* line 64, ../sass/_Q01Crossword.scss */
html.cp-game .Q01Crossword .result {
  background: #d8dcdc;
}
/* line 68, ../sass/_Q01Crossword.scss */
html.cp-game .Q01Crossword .question-text {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 0.4rem;
}
/* line 2, ../sass/_Q02CrosswordImg.scss */
html.cp-game .Q02CrosswordImg table {
  border-collapse: separate;
  border-spacing: 0 3px;
  margin: 0 auto 1.75rem auto;
}
/* line 8, ../sass/_Q02CrosswordImg.scss */
html.cp-game .Q02CrosswordImg td {
  vertical-align: middle;
}
/* line 12, ../sass/_Q02CrosswordImg.scss */
html.cp-game .Q02CrosswordImg td.empty {
  padding: 0.2rem 0.5rem;
  text-align: right;
}
/* line 17, ../sass/_Q02CrosswordImg.scss */
html.cp-game .Q02CrosswordImg img {
  margin: 0 auto 1.75rem auto;
  max-height: 30rem;
  max-width: 100%;
}
/* line 23, ../sass/_Q02CrosswordImg.scss */
html.cp-game .Q02CrosswordImg input {
  background: transparent;
  border: none;
  color: #303333;
  font-family: "open_sansregular", Arial;
  font-size: 16px;
  line-height: 125%;
  min-height: 1.2rem;
  text-align: center;
  padding: 0.2rem 0.5rem;
  width: 1rem;
}
/* line 36, ../sass/_Q02CrosswordImg.scss */
html.cp-game .Q02CrosswordImg .button-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
/* line 41, ../sass/_Q02CrosswordImg.scss */
html.cp-game .Q02CrosswordImg .notempty {
  border-top: 1px solid #d8dcdc;
  border-bottom: 1px solid #d8dcdc;
  border-left: 1px solid #d8dcdc;
}
/* line 47, ../sass/_Q02CrosswordImg.scss */
html.cp-game .Q02CrosswordImg .last {
  border-right: 1px solid #d8dcdc;
}
/* line 51, ../sass/_Q02CrosswordImg.scss */
html.cp-game .Q02CrosswordImg .button {
  padding: 0.2rem 0.5rem;
}
/* line 55, ../sass/_Q02CrosswordImg.scss */
html.cp-game .Q02CrosswordImg .icon {
  margin-top: auto;
  margin-bottom: auto;
  min-width: 1rem;
}
/* line 65, ../sass/_Q02CrosswordImg.scss */
html.cp-game .Q02CrosswordImg .prev-button {
  margin-right: 1.75rem;
}
/* line 69, ../sass/_Q02CrosswordImg.scss */
html.cp-game .Q02CrosswordImg .prev-button, html.cp-game .Q02CrosswordImg .next-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.75rem;
}
/* line 74, ../sass/_Q02CrosswordImg.scss */
html.cp-game .Q02CrosswordImg .result {
  background: #d8dcdc;
}
/* line 2, ../sass/_Q03XofY.scss */
html.cp-game .Q03XofY li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 1.5rem;
}
/* line 7, ../sass/_Q03XofY.scss */
html.cp-game .Q03XofY li:last-child {
  padding-bottom: 0;
}
/* line 11, ../sass/_Q03XofY.scss */
html.cp-game .Q03XofY li span:last-child {
  padding-left: 0.6rem;
}
/* line 15, ../sass/_Q03XofY.scss */
html.cp-game .Q03XofY .icon {
  min-width: 1rem;
  -webkit-transform: translate(0, 10%);
      -ms-transform: translate(0, 10%);
          transform: translate(0, 10%);
}
/* line 2, ../sass/_Q04XofYM.scss */
html.cp-game .Q04XofYM li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 1.5rem;
}
/* line 7, ../sass/_Q04XofYM.scss */
html.cp-game .Q04XofYM li:last-child {
  padding-bottom: 0;
}
/* line 11, ../sass/_Q04XofYM.scss */
html.cp-game .Q04XofYM li span:last-child {
  padding-left: 0.6rem;
}
/* line 15, ../sass/_Q04XofYM.scss */
html.cp-game .Q04XofYM .icon {
  min-width: 1rem;
  -webkit-transform: translate(0, 10%);
      -ms-transform: translate(0, 10%);
          transform: translate(0, 10%);
}
/* line 2, ../sass/_Q05XofYImgM.scss */
html.cp-game .Q05XofYImgM .game-panel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
/* line 6, ../sass/_Q05XofYImgM.scss */
html.cp-game .Q05XofYImgM img {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  max-height: 30rem;
  width: 40%;
}
/* line 12, ../sass/_Q05XofYImgM.scss */
html.cp-game .Q05XofYImgM ul {
  width: 60%;
}
/* line 16, ../sass/_Q05XofYImgM.scss */
html.cp-game .Q05XofYImgM li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 1.5rem;
}
/* line 21, ../sass/_Q05XofYImgM.scss */
html.cp-game .Q05XofYImgM li:last-child {
  padding-bottom: 0;
}
/* line 25, ../sass/_Q05XofYImgM.scss */
html.cp-game .Q05XofYImgM li span:last-child {
  padding-left: 0.6rem;
  padding-right: 1.75rem;
}
/* line 30, ../sass/_Q05XofYImgM.scss */
html.cp-game .Q05XofYImgM .icon {
  min-width: 1rem;
  -webkit-transform: translate(0, 10%);
      -ms-transform: translate(0, 10%);
          transform: translate(0, 10%);
}
/* line 2, ../sass/_Q06Order.scss */
html.cp-game .Q06Order li {
  background: #f1f2f5;
  border: 1px solid transparent;
  border-radius: 3px;
  cursor: -webkit-grab;
  cursor: grab;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.75rem;
  padding: 0.2rem 0.5rem;
}
/* line 12, ../sass/_Q06Order.scss */
html.cp-game .Q06Order li:last-child {
  margin-bottom: 0;
}
/* line 16, ../sass/_Q06Order.scss */
html.cp-game .Q06Order li.ui-sortable-helper {
  background: #d8dcdc !important;
  border: 1px solid transparent;
  cursor: -webkit-grabbing;
  cursor: grabbing;
  z-index: 10;
}
/* line 23, ../sass/_Q06Order.scss */
html.cp-game .Q06Order li.sortable-placeholder {
  background: transparent !important;
  border-width: 0 !important;
  padding: 0;
}
/* line 29, ../sass/_Q06Order.scss */
html.cp-game .Q06Order .text {
  -webkit-box-flex: 100%;
  -webkit-flex: 100%;
      -ms-flex: 100%;
          flex: 100%;
  padding-right: 0.5rem;
  text-align: center;
}
/* line 35, ../sass/_Q06Order.scss */
html.cp-game .Q06Order .icon {
  margin-top: auto;
  margin-bottom: auto;
}
/* line 40, ../sass/_Q06Order.scss */
html.cp-game .Q06Order .ui-sortable-disabled li {
  cursor: default;
}
/* line 2, ../sass/_Q07OrderImg.scss */
html.cp-game .Q07OrderImg figure {
  margin: auto;
  width: 100%;
}
/* line 7, ../sass/_Q07OrderImg.scss */
html.cp-game .Q07OrderImg .game-panel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
/* line 11, ../sass/_Q07OrderImg.scss */
html.cp-game .Q07OrderImg .bottom {
  background: #f1f2f5;
  border-radius: 3px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.2rem 0.5rem;
}
/* line 21, ../sass/_Q07OrderImg.scss */
html.cp-game .Q07OrderImg .icon {
  margin: 0.2rem auto 0 auto;
}
/* line 25, ../sass/_Q07OrderImg.scss */
html.cp-game .Q07OrderImg .pair {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 0.75rem;
}
/* line 31, ../sass/_Q07OrderImg.scss */
html.cp-game .Q07OrderImg .pair:last-child {
  margin-right: 0;
}
/* line 35, ../sass/_Q07OrderImg.scss */
html.cp-game .Q07OrderImg .ui-draggable {
  cursor: -webkit-grab;
  cursor: grab;
}
/* line 39, ../sass/_Q07OrderImg.scss */
html.cp-game .Q07OrderImg .ui-draggable-disabled {
  cursor: default;
}
/* line 43, ../sass/_Q07OrderImg.scss */
html.cp-game .Q07OrderImg .ui-draggable-dragging {
  background: #d8dcdc;
  cursor: -webkit-grabbing;
  cursor: grabbing;
  z-index: 10;
}
/* line 2, ../sass/_Q08CloudInputGroup.scss */
html.cp-game .Q08CloudInputGroup .game-panel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
/* line 6, ../sass/_Q08CloudInputGroup.scss */
html.cp-game .Q08CloudInputGroup .left {
  padding-right: 1.75rem;
  width: 60%;
}
/* line 11, ../sass/_Q08CloudInputGroup.scss */
html.cp-game .Q08CloudInputGroup .right {
  margin-right: -0.5rem;
  margin-bottom: -0.5rem;
  padding-top: 1.8rem;
  width: 40%;
}
/* line 18, ../sass/_Q08CloudInputGroup.scss */
html.cp-game .Q08CloudInputGroup .group {
  background: #d8dcdc;
  border-radius: 3px;
  margin-bottom: 1rem;
  min-height: 4.6rem;
  padding-top: 0.5rem;
  padding-left: 0.5rem;
}
/* line 27, ../sass/_Q08CloudInputGroup.scss */
html.cp-game .Q08CloudInputGroup .group:last-child {
  margin-bottom: 0;
}
/* line 31, ../sass/_Q08CloudInputGroup.scss */
html.cp-game .Q08CloudInputGroup .group-name {
  margin-bottom: 0.5rem;
}
/* line 35, ../sass/_Q08CloudInputGroup.scss */
html.cp-game .Q08CloudInputGroup .option {
  background: #ffffff;
  border: 1px solid #7c8486;
  border-radius: 3px;
  display: inline-block;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  padding: 0.2rem 0.5rem;
}
/* line 45, ../sass/_Q08CloudInputGroup.scss */
html.cp-game .Q08CloudInputGroup .word {
  background: #ffffff;
  border-radius: 3px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  padding: 0.2rem 0.5rem;
}
/* line 54, ../sass/_Q08CloudInputGroup.scss */
html.cp-game .Q08CloudInputGroup .icon {
  cursor: pointer;
  margin: auto 0 auto 0.5rem;
  min-width: 1rem;
}
/* line 60, ../sass/_Q08CloudInputGroup.scss */
html.cp-game .Q08CloudInputGroup .icon.disabled {
  cursor: default;
}
/* line 64, ../sass/_Q08CloudInputGroup.scss */
html.cp-game .Q08CloudInputGroup .draggable-element {
  cursor: -webkit-grab;
  cursor: grab;
}
/* line 68, ../sass/_Q08CloudInputGroup.scss */
html.cp-game .Q08CloudInputGroup .group .draggable-element {
  cursor: default;
}
/* line 72, ../sass/_Q08CloudInputGroup.scss */
html.cp-game .Q08CloudInputGroup .ui-draggable-dragging {
  cursor: -webkit-grabbing;
  cursor: grabbing;
  z-index: 10;
}
/* line 77, ../sass/_Q08CloudInputGroup.scss */
html.cp-game .Q08CloudInputGroup .ui-draggable-disabled {
  cursor: default;
}
/* line 2, ../sass/_Q09CloudInput.scss */
html.cp-game .Q09CloudInput .empty {
  min-width: 3rem;
}
/* line 6, ../sass/_Q09CloudInput.scss */
html.cp-game .Q09CloudInput .draggable-element {
  cursor: -webkit-grab;
  cursor: grab;
}
/* line 10, ../sass/_Q09CloudInput.scss */
html.cp-game .Q09CloudInput .drop-word {
  border: 1px dashed #7c8486;
  border-radius: 3px;
  cursor: default;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 125%;
  min-height: 1.2rem;
  padding: 0.2rem 0.5rem;
}
/* line 21, ../sass/_Q09CloudInput.scss */
html.cp-game .Q09CloudInput .icon {
  cursor: pointer;
  margin: auto 0 auto 0.5rem;
  min-width: 1rem;
}
/* line 27, ../sass/_Q09CloudInput.scss */
html.cp-game .Q09CloudInput .icon.disabled {
  cursor: default;
}
/* line 31, ../sass/_Q09CloudInput.scss */
html.cp-game .Q09CloudInput .empty .icon {
  margin: auto 0;
}
/* line 35, ../sass/_Q09CloudInput.scss */
html.cp-game .Q09CloudInput .options {
  margin-right: -0.5rem;
  margin-bottom: -0.5rem;
  line-height: initial;
  padding-top: 1.5rem;
}
/* line 42, ../sass/_Q09CloudInput.scss */
html.cp-game .Q09CloudInput .option {
  background: #ffffff;
  border: 1px solid #7c8486;
  border-radius: 3px;
  display: inline-block;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  padding: 0.2rem 0.5rem;
}
/* line 52, ../sass/_Q09CloudInput.scss */
html.cp-game .Q09CloudInput .question {
  line-height: 200%;
}
/* line 56, ../sass/_Q09CloudInput.scss */
html.cp-game .Q09CloudInput .ui-draggable-dragging {
  cursor: -webkit-grabbing;
  cursor: grabbing;
  z-index: 10;
}
/* line 61, ../sass/_Q09CloudInput.scss */
html.cp-game .Q09CloudInput .ui-draggable-disabled {
  cursor: default;
}
/* line 2, ../sass/_Q10TextInput.scss */
html.cp-game .Q10TextInput input {
  background: #f1f2f5;
  border: none;
  border-radius: 3px;
  color: #303333;
  font-family: "open_sansregular", Arial;
  font-size: 16px;
  line-height: 125%;
  max-width: 30rem;
  min-height: 1.2rem;
  padding: 0.2rem 0.5rem;
  width: 10rem;
}
/* line 16, ../sass/_Q10TextInput.scss */
html.cp-game .Q10TextInput .for-text {
  display: inline-block;
  position: relative;
}
/* line 21, ../sass/_Q10TextInput.scss */
html.cp-game .Q10TextInput .icon {
  display: inline-block;
  margin-left: 0.2rem;
  right: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-30%, -50%);
      -ms-transform: translate(-30%, -50%);
          transform: translate(-30%, -50%);
}
/* line 30, ../sass/_Q10TextInput.scss */
html.cp-game .Q10TextInput .question {
  line-height: 200%;
}
/* line 2, ../sass/_Q11Pairs.scss */
html.cp-game .Q11Pairs .arrow-left, html.cp-game .Q11Pairs .arrow-right {
  margin-top: -0.5rem;
  position: absolute;
  top: 50%;
}
/* line 8, ../sass/_Q11Pairs.scss */
html.cp-game .Q11Pairs .arrow-left {
  border-top: 0.5rem solid transparent;
  border-right: 0.5rem solid #f1f2f5;
  border-bottom: 0.5rem solid transparent;
  height: 0;
  width: 0;
  left: -0.5rem;
}
/* line 13, ../sass/_Q11Pairs.scss */
html.cp-game .Q11Pairs .arrow-right {
  border-top: 0.5rem solid transparent;
  border-bottom: 0.5rem solid transparent;
  border-left: 0.5rem solid #f1f2f5;
  height: 0;
  width: 0;
  right: -0.5rem;
}
/* line 18, ../sass/_Q11Pairs.scss */
html.cp-game .Q11Pairs .left, html.cp-game .Q11Pairs .right {
  background: #f1f2f5;
  border-radius: 3px;
  cursor: -webkit-grab;
  cursor: grab;
  padding: 0.2rem 0.5rem;
  text-align: center;
  width: 42.5%;
}
/* line 27, ../sass/_Q11Pairs.scss */
html.cp-game .Q11Pairs .left, html.cp-game .Q11Pairs .right, html.cp-game .Q11Pairs .spacer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
/* line 33, ../sass/_Q11Pairs.scss */
html.cp-game .Q11Pairs .pair {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0.75rem;
  position: relative;
}
/* line 41, ../sass/_Q11Pairs.scss */
html.cp-game .Q11Pairs .pair:last-child {
  margin-bottom: 0;
}
/* line 45, ../sass/_Q11Pairs.scss */
html.cp-game .Q11Pairs .ui-draggable-dragging {
  background: #d8dcdc;
  cursor: -webkit-grabbing;
  cursor: grabbing;
  z-index: 10;
}
/* line 51, ../sass/_Q11Pairs.scss */
html.cp-game .Q11Pairs .ui-draggable-disabled {
  cursor: default;
}
/* line 2, ../sass/_Q12PairsImg.scss */
html.cp-game .Q12PairsImg img {
  display: inline;
}
/* line 6, ../sass/_Q12PairsImg.scss */
html.cp-game .Q12PairsImg .game-panel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
/* line 10, ../sass/_Q12PairsImg.scss */
html.cp-game .Q12PairsImg .bottom {
  background: #f1f2f5;
  border-radius: 3px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 0.75rem;
  padding: 0.2rem 0.5rem;
}
/* line 19, ../sass/_Q12PairsImg.scss */
html.cp-game .Q12PairsImg .icon {
  margin: auto 0 auto 0.5rem;
  min-width: 1rem;
}
/* line 24, ../sass/_Q12PairsImg.scss */
html.cp-game .Q12PairsImg .pair {
  -webkit-align-self: baseline;
      -ms-flex-item-align: baseline;
          align-self: baseline;
  margin-right: 0.75rem;
}
/* line 29, ../sass/_Q12PairsImg.scss */
html.cp-game .Q12PairsImg .pair:last-child {
  margin: 0;
}
/* line 33, ../sass/_Q12PairsImg.scss */
html.cp-game .Q12PairsImg .ui-draggable-dragging {
  background: #d8dcdc;
  z-index: 10;
}
/* line 2, ../sass/_Q13SelectInText.scss */
html.cp-game .Q13SelectInText .drop-word {
  border: 1px solid #7c8486;
  border-radius: 3px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 125%;
  min-height: 1.2rem;
  padding: 0.2rem 0.5rem;
  white-space: nowrap;
}
/* line 13, ../sass/_Q13SelectInText.scss */
html.cp-game .Q13SelectInText .icon {
  margin: auto 0 auto 0.5rem;
  min-width: 1rem;
}
/* line 18, ../sass/_Q13SelectInText.scss */
html.cp-game .Q13SelectInText .question {
  line-height: 200%;
}
/* line 2, ../sass/_Q14Map.scss */
html.cp-game .Q14Map .icon {
  position: absolute;
}
/* line 6, ../sass/_Q14Map.scss */
html.cp-game .Q14Map .icon-ok, html.cp-game .Q14Map .icon-fail {
  border: 1px solid #ffffff;
}
/* line 10, ../sass/_Q14Map.scss */
html.cp-game .Q14Map .main-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  position: relative;
}
/* line 17, ../sass/_Q14Map.scss */
html.cp-game .Q14Map .main-img {
  max-width: 100%;
}
/* line 2, ../sass/_Q15TextInputImg.scss */
html.cp-game .Q15TextInputImg input {
  background: #f1f2f5;
  border: 1px solid #7c8486;
  border-radius: 3px;
  color: #303333;
  font-family: "open_sansregular", Arial;
  font-size: 16px;
  line-height: 125%;
  max-width: 10rem;
  min-height: 1.2rem;
  text-align: center;
  padding: 0.2rem 0.5rem;
  width: 10rem;
}
/* line 17, ../sass/_Q15TextInputImg.scss */
html.cp-game .Q15TextInputImg .empty input {
  display: none;
}
/* line 21, ../sass/_Q15TextInputImg.scss */
html.cp-game .Q15TextInputImg .notempty input, html.cp-game .Q15TextInputImg .correct input {
  display: inline-block;
}
/* line 25, ../sass/_Q15TextInputImg.scss */
html.cp-game .Q15TextInputImg .icon {
  position: absolute;
}
/* line 29, ../sass/_Q15TextInputImg.scss */
html.cp-game .Q15TextInputImg .icon-ok, html.cp-game .Q15TextInputImg .icon-fail {
  border: 1px solid #ffffff;
}
/* line 33, ../sass/_Q15TextInputImg.scss */
html.cp-game .Q15TextInputImg .input-text-container {
  left: 0.5rem;
  position: absolute;
  top: 1.2rem;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
/* line 40, ../sass/_Q15TextInputImg.scss */
html.cp-game .Q15TextInputImg .main-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  position: relative;
}
/* line 47, ../sass/_Q15TextInputImg.scss */
html.cp-game .Q15TextInputImg .main-img {
  max-width: 100%;
}
/* line 2, ../sass/_Q16CloudInputImg.scss */
html.cp-game .Q16CloudInputImg .game-panel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
/* line 6, ../sass/_Q16CloudInputImg.scss */
html.cp-game .Q16CloudInputImg .icon {
  position: absolute;
}
/* line 10, ../sass/_Q16CloudInputImg.scss */
html.cp-game .Q16CloudInputImg .icon-cancel {
  background: #ffffff;
  border: 1px solid #7c8486;
  color: #303333;
}
/* line 16, ../sass/_Q16CloudInputImg.scss */
html.cp-game .Q16CloudInputImg .icon-ok, html.cp-game .Q16CloudInputImg .icon-fail {
  border: 1px solid #ffffff;
}
/* line 20, ../sass/_Q16CloudInputImg.scss */
html.cp-game .Q16CloudInputImg .img-container {
  position: relative;
}
/* line 24, ../sass/_Q16CloudInputImg.scss */
html.cp-game .Q16CloudInputImg .main-container {
  max-width: 60%;
  margin-right: 1.75rem;
}
/* line 29, ../sass/_Q16CloudInputImg.scss */
html.cp-game .Q16CloudInputImg .main-img {
  max-width: 100%;
}
/* line 33, ../sass/_Q16CloudInputImg.scss */
html.cp-game .Q16CloudInputImg .notempty:after {
  background: #ffffff;
  border-radius: 3px;
  content: attr(data-word-inserted-text);
  color: #303333;
  display: inline-block;
  font-family: "open_sansregular", Arial;
  font-size: 16px;
  left: 0.5rem;
  line-height: 1.25rem;
  padding: 0.2rem 0.5rem;
  position: absolute;
  top: 1.2rem;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
/* line 49, ../sass/_Q16CloudInputImg.scss */
html.cp-game .Q16CloudInputImg .option {
  background: #ffffff;
  border: 1px solid #7c8486;
  border-radius: 3px;
  display: inline-block;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  padding: 0.2rem 0.5rem;
}
/* line 59, ../sass/_Q16CloudInputImg.scss */
html.cp-game .Q16CloudInputImg .options {
  margin-bottom: -0.5rem;
  width: 40%;
}
/* line 64, ../sass/_Q16CloudInputImg.scss */
html.cp-game .Q16CloudInputImg .ui-draggable {
  cursor: -webkit-grab;
  cursor: grab;
}
/* line 68, ../sass/_Q16CloudInputImg.scss */
html.cp-game .Q16CloudInputImg .ui-draggable-disabled {
  cursor: default;
}
/* line 72, ../sass/_Q16CloudInputImg.scss */
html.cp-game .Q16CloudInputImg .ui-draggable-dragging {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
/* line 2, ../sass/_Q18XofYAudioM.scss */
html.cp-game .Q18XofYAudioM li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 1.5rem;
}
/* line 7, ../sass/_Q18XofYAudioM.scss */
html.cp-game .Q18XofYAudioM li:last-child {
  padding-bottom: 0;
}
/* line 11, ../sass/_Q18XofYAudioM.scss */
html.cp-game .Q18XofYAudioM li span:last-child {
  padding-left: 0.6rem;
}
/* line 15, ../sass/_Q18XofYAudioM.scss */
html.cp-game .Q18XofYAudioM .icon {
  min-width: 1rem;
  -webkit-transform: translate(0, 10%);
      -ms-transform: translate(0, 10%);
          transform: translate(0, 10%);
}
/* line 2, ../sass/_Q19XofYAudioMimgM.scss */
html.cp-game .Q19XofYAudioMimgM img {
  height: 12rem;
}
/* line 6, ../sass/_Q19XofYAudioMimgM.scss */
html.cp-game .Q19XofYAudioMimgM .answers-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: wrap;
      -ms-flex-flow: wrap;
          flex-flow: wrap;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  margin-bottom: -0.75rem;
}
/* line 13, ../sass/_Q19XofYAudioMimgM.scss */
html.cp-game .Q19XofYAudioMimgM .answer {
  margin-bottom: 0.75rem;
  position: relative;
}
/* line 18, ../sass/_Q19XofYAudioMimgM.scss */
html.cp-game .Q19XofYAudioMimgM .answer .icon {
  bottom: 0.3rem;
  position: absolute;
  right: 0.3rem;
}
/* line 24, ../sass/_Q19XofYAudioMimgM.scss */
html.cp-game .Q19XofYAudioMimgM .icon-ok, html.cp-game .Q19XofYAudioMimgM .icon-fail {
  border: 1px solid #ffffff;
}
/* line 2, ../sass/_Q21Timeline.scss */
html.cp-game .Q21Timeline .dragging-list {
  margin-right: -0.5rem;
  margin-bottom: -0.5rem;
}
/* line 7, ../sass/_Q21Timeline.scss */
html.cp-game .Q21Timeline .dragging-list .icon {
  display: none;
}
/* line 11, ../sass/_Q21Timeline.scss */
html.cp-game .Q21Timeline .icon {
  cursor: pointer;
  margin: auto 0;
  min-width: 1rem;
}
/* line 17, ../sass/_Q21Timeline.scss */
html.cp-game .Q21Timeline .correct-text {
  font-weight: bold;
  text-align: center;
}
/* line 22, ../sass/_Q21Timeline.scss */
html.cp-game .Q21Timeline .number {
  font-weight: bold;
}
/* line 26, ../sass/_Q21Timeline.scss */
html.cp-game .Q21Timeline .text {
  padding-left: 0.5rem;
}
/* line 30, ../sass/_Q21Timeline.scss */
html.cp-game .Q21Timeline .to-drag {
  background-color: #ffffff;
  border: 1px solid #7c8486;
  border-radius: 3px;
  cursor: -webkit-grab;
  cursor: grab;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  padding: 0.2rem 0.5rem;
}
/* line 41, ../sass/_Q21Timeline.scss */
html.cp-game .Q21Timeline .to-show {
  width: 100%;
}
/* line 45, ../sass/_Q21Timeline.scss */
html.cp-game .Q21Timeline .timeline-container {
  height: 10rem;
  position: relative;
}
/* line 50, ../sass/_Q21Timeline.scss */
html.cp-game .Q21Timeline .timeline {
  background-color: #7c8486;
  height: 0.5rem;
  margin-top: 1.5rem;
  position: relative;
}
/* line 57, ../sass/_Q21Timeline.scss */
html.cp-game .Q21Timeline .timeline-arrow {
  border-top: 0.5rem solid #ffffff;
  border-bottom: 0.5rem solid #ffffff;
  border-left: 1rem solid #7c8486;
  height: 0;
  width: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
          transform: translate(0, -25%);
}
/* line 65, ../sass/_Q21Timeline.scss */
html.cp-game .Q21Timeline .timeline-label {
  color: #7c8486;
  font-size: 0.75rem;
  -webkit-transform: translate(-50%, -200%);
      -ms-transform: translate(-50%, -200%);
          transform: translate(-50%, -200%);
  position: absolute;
}
/* line 72, ../sass/_Q21Timeline.scss */
html.cp-game .Q21Timeline .timeline-marker {
  background-color: #f1f2f5;
  height: 1rem;
  position: absolute;
  -webkit-transform: translate(0, -100%);
      -ms-transform: translate(0, -100%);
          transform: translate(0, -100%);
  width: 1px;
}
/* line 80, ../sass/_Q21Timeline.scss */
html.cp-game .Q21Timeline .user-marker-container {
  position: absolute;
}
/* line 84, ../sass/_Q21Timeline.scss */
html.cp-game .Q21Timeline .user-marker-label {
  border: 1px dashed #7c8486;
  border-radius: 3px;
  background-color: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 1.4rem;
  padding: 0.2rem 0.5rem;
  position: absolute;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: 3rem;
  z-index: 1;
}
/* line 96, ../sass/_Q21Timeline.scss */
html.cp-game .Q21Timeline .user-marker-label .number {
  -webkit-box-flex: 100%;
  -webkit-flex: 100%;
      -ms-flex: 100%;
          flex: 100%;
  padding-right: 0.5rem;
  text-align: center;
}
/* line 103, ../sass/_Q21Timeline.scss */
html.cp-game .Q21Timeline .user-marker-label.answer, html.cp-game .Q21Timeline .user-marker-label.show {
  border: 1px solid #7c8486;
}
/* line 107, ../sass/_Q21Timeline.scss */
html.cp-game .Q21Timeline .user-marker-line {
  background-color: #d8dcdc;
  position: absolute;
  width: 1px;
}
/* line 113, ../sass/_Q21Timeline.scss */
html.cp-game .Q21Timeline .user-marker-year {
  position: absolute;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  white-space: nowrap;
}
/* line 119, ../sass/_Q21Timeline.scss */
html.cp-game .Q21Timeline .disabled {
  background-color: #f1f2f5;
  cursor: not-allowed;
}
/* line 124, ../sass/_Q21Timeline.scss */
html.cp-game .Q21Timeline .ui-draggable-dragging {
  cursor: -webkit-grabbing;
  cursor: grabbing;
  z-index: 10;
}
/* line 2, ../sass/_Q22MapColor.scss */
html.cp-game .Q22MapColor .game-panel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
/* line 6, ../sass/_Q22MapColor.scss */
html.cp-game .Q22MapColor li {
  background: #f1f2f5;
  border-radius: 3px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.75rem;
  padding: 0.2rem 0.5rem;
}
/* line 14, ../sass/_Q22MapColor.scss */
html.cp-game .Q22MapColor .color {
  border-radius: 3px;
  height: 1rem;
  margin: auto 0.5rem;
  width: 1rem;
}
/* line 21, ../sass/_Q22MapColor.scss */
html.cp-game .Q22MapColor .colors {
  margin-right: 1.75rem;
  width: 40%;
}
/* line 26, ../sass/_Q22MapColor.scss */
html.cp-game .Q22MapColor .icon {
  margin-top: auto;
  margin-bottom: auto;
  min-width: 1rem;
}
/* line 32, ../sass/_Q22MapColor.scss */
html.cp-game .Q22MapColor .map {
  width: 60%;
}
/* line 2, ../sass/_Q23ImgOnImg.scss */
html.cp-game .Q23ImgOnImg img {
  max-width: 100%;
}
/* line 6, ../sass/_Q23ImgOnImg.scss */
html.cp-game .Q23ImgOnImg .background {
  background-color: rgba(255, 255, 255, 0.75);
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}
/* line 14, ../sass/_Q23ImgOnImg.scss */
html.cp-game .Q23ImgOnImg .img-container {
  margin-right: auto;
  margin-left: auto;
  max-width: 100%;
  position: relative;
}
/* line 21, ../sass/_Q23ImgOnImg.scss */
html.cp-game .Q23ImgOnImg .pictures-container {
  border-radius: 3px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  margin: 1.75rem -0.5rem -0.5rem 0;
}
/* line 29, ../sass/_Q23ImgOnImg.scss */
html.cp-game .Q23ImgOnImg .preview {
  background-color: #ffffff;
  left: 50%;
  max-width: 60%;
  max-height: 60%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
/* line 39, ../sass/_Q23ImgOnImg.scss */
html.cp-game .Q23ImgOnImg .for-photo {
  display: none;
  left: 0.5rem;
  top: 1.2rem;
  -webkit-transform: translate(-50%, 0) translate(0.5rem, 0.1rem);
      -ms-transform: translate(-50%, 0) translate(0.5rem, 0.1rem);
          transform: translate(-50%, 0) translate(0.5rem, 0.1rem);
}
/* line 46, ../sass/_Q23ImgOnImg.scss */
html.cp-game .Q23ImgOnImg .for-photo img, html.cp-game .Q23ImgOnImg .to-drag img {
  height: 8rem;
}
/* line 50, ../sass/_Q23ImgOnImg.scss */
html.cp-game .Q23ImgOnImg .icon-cancel {
  background: #ffffff;
  border: 1px solid #7c8486;
  color: #303333;
}
/* line 56, ../sass/_Q23ImgOnImg.scss */
html.cp-game .Q23ImgOnImg .icon-ok, html.cp-game .Q23ImgOnImg .icon-fail {
  border: 1px solid #ffffff;
}
/* line 60, ../sass/_Q23ImgOnImg.scss */
html.cp-game .Q23ImgOnImg .marker {
  position: absolute;
}
/* line 64, ../sass/_Q23ImgOnImg.scss */
html.cp-game .Q23ImgOnImg .to-drag {
  cursor: -webkit-grab;
  cursor: grab;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  -webkit-transition: opacity 0.2s linear;
          transition: opacity 0.2s linear;
}
/* line 71, ../sass/_Q23ImgOnImg.scss */
html.cp-game .Q23ImgOnImg .ui-draggable-dragging {
  cursor: -webkit-grabbing;
  cursor: grabbing;
  opacity: 0.5 !important;
  -webkit-transition: opacity 0.2s linear;
          transition: opacity 0.2s linear;
}
/* line 77, ../sass/_Q23ImgOnImg.scss */
html.cp-game .Q23ImgOnImg .ui-draggable-disabled {
  cursor: default;
}
/* line 2, ../sass/_Q24DrawLine.scss */
html.cp-game .Q24DrawLine .drawing-container {
  height: 100%;
  left: 50%;
  position: absolute;
  top: 0;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
}
/* line 12, ../sass/_Q24DrawLine.scss */
html.cp-game .Q24DrawLine .img-container {
  margin-right: auto;
  margin-left: auto;
}
/* line 17, ../sass/_Q24DrawLine.scss */
html.cp-game .Q24DrawLine .icon-ok, html.cp-game .Q24DrawLine .icon-fail {
  border: 1px solid #ffffff;
}
/* line 21, ../sass/_Q24DrawLine.scss */
html.cp-game .Q24DrawLine .main-container {
  position: relative;
}
/* line 25, ../sass/_Q24DrawLine.scss */
html.cp-game .Q24DrawLine .marker {
  position: absolute;
}
/* line 29, ../sass/_Q24DrawLine.scss */
html.cp-game .Q24DrawLine .marker-inside {
  margin: -50% 0 0 -50%;
}
/* line 2, ../sass/_Q25Graph.scss */
html.cp-game .Q25Graph span {
  background: #ffffff;
}
/* line 6, ../sass/_Q25Graph.scss */
html.cp-game .Q25Graph .color1 {
  color: #303333;
}
/* line 9, ../sass/_Q25Graph.scss */
html.cp-game .Q25Graph .color1 .ui-slider-range {
  background: #7c8486;
  height: 1rem;
}
/* line 14, ../sass/_Q25Graph.scss */
html.cp-game .Q25Graph .color1 .icon-move-x {
  color: #f1f2f5;
}
/* line 19, ../sass/_Q25Graph.scss */
html.cp-game .Q25Graph .color2 {
  color: #303333;
}
/* line 22, ../sass/_Q25Graph.scss */
html.cp-game .Q25Graph .color2 .ui-slider-range {
  background: #d8dcdc;
  height: 1rem;
}
/* line 27, ../sass/_Q25Graph.scss */
html.cp-game .Q25Graph .color2 .icon-move-x {
  color: #303333;
}
/* line 32, ../sass/_Q25Graph.scss */
html.cp-game .Q25Graph .color3 {
  color: #303333;
}
/* line 35, ../sass/_Q25Graph.scss */
html.cp-game .Q25Graph .color3 .ui-slider-range {
  background: #7c8486;
  height: 1rem;
}
/* line 40, ../sass/_Q25Graph.scss */
html.cp-game .Q25Graph .color3 .icon-move-x {
  color: #f1f2f5;
}
/* line 45, ../sass/_Q25Graph.scss */
html.cp-game .Q25Graph .color4 {
  color: #303333;
}
/* line 48, ../sass/_Q25Graph.scss */
html.cp-game .Q25Graph .color4 .ui-slider-range {
  background: #d8dcdc;
  height: 1rem;
}
/* line 53, ../sass/_Q25Graph.scss */
html.cp-game .Q25Graph .color4 .icon-move-x {
  color: #303333;
}
/* line 58, ../sass/_Q25Graph.scss */
html.cp-game .Q25Graph .icon {
  cursor: default;
  position: absolute;
  top: 0;
  -webkit-transform: translate(-125%, -5%);
      -ms-transform: translate(-125%, -5%);
          transform: translate(-125%, -5%);
}
/* line 65, ../sass/_Q25Graph.scss */
html.cp-game .Q25Graph .icon-ok, html.cp-game .Q25Graph .icon-fail {
  border: 1px solid #ffffff;
}
/* line 69, ../sass/_Q25Graph.scss */
html.cp-game .Q25Graph .icon-move-x {
  cursor: -webkit-grab;
  cursor: grab;
}
/* line 74, ../sass/_Q25Graph.scss */
html.cp-game .Q25Graph .grid {
  margin-bottom: 1rem;
  position: relative;
}
/* line 79, ../sass/_Q25Graph.scss */
html.cp-game .Q25Graph .grid-line {
  background: #f1f2f5;
  height: 100%;
  position: absolute;
  width: 1px;
  z-index: 0;
}
/* line 87, ../sass/_Q25Graph.scss */
html.cp-game .Q25Graph .grid-line-desc {
  bottom: 0;
  color: #7c8486;
  font-size: 0.75rem;
  position: absolute;
  -webkit-transform: translate(-50%, 100%);
      -ms-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
}
/* line 95, ../sass/_Q25Graph.scss */
html.cp-game .Q25Graph .slider {
  margin-top: 0.2rem;
  position: relative;
}
/* line 100, ../sass/_Q25Graph.scss */
html.cp-game .Q25Graph .slider-container {
  padding-bottom: 1rem;
  position: relative;
  z-index: 1;
}
/* line 106, ../sass/_Q25Graph.scss */
html.cp-game .Q25Graph .sliding {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
/* line 3, ../sass/_Q28TableCheckbox.scss */
html.cp-game .Q28TableCheckbox th, html.cp-game .Q28TableCheckbox td {
  border: 1px solid #d8dcdc;
  padding: 0.2rem 0.5rem;
  text-align: center;
  vertical-align: middle;
}
/* line 10, ../sass/_Q28TableCheckbox.scss */
html.cp-game .Q28TableCheckbox tr:first-child th {
  border-top: 0;
}
/* line 14, ../sass/_Q28TableCheckbox.scss */
html.cp-game .Q28TableCheckbox tr:last-child td {
  border-bottom: 0;
}
/* line 18, ../sass/_Q28TableCheckbox.scss */
html.cp-game .Q28TableCheckbox tr td:first-child, html.cp-game .Q28TableCheckbox tr th:first-child {
  border-left: 0;
}
/* line 22, ../sass/_Q28TableCheckbox.scss */
html.cp-game .Q28TableCheckbox tr td:last-child, html.cp-game .Q28TableCheckbox tr th:last-child {
  border-right: 0;
}
/* line 26, ../sass/_Q28TableCheckbox.scss */
html.cp-game .Q28TableCheckbox .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
/* line 31, ../sass/_Q28TableCheckbox.scss */
html.cp-game .Q28TableCheckbox .icon {
  margin: auto 0 auto 0.5rem;
  min-width: 1rem;
}
/* line 36, ../sass/_Q28TableCheckbox.scss */
html.cp-game .Q28TableCheckbox .only-icon {
  margin: auto;
}
/* line 41, ../sass/_Q28TableCheckbox.scss */
html.cp-game .Q28TableCheckbox .table {
  width: 100%;
}
/* line 2, ../sass/_Q33TableTyping.scss */
html.cp-game .Q33TableTyping th, html.cp-game .Q33TableTyping td {
  border: 1px solid #d8dcdc;
  padding: 0.2rem 0.5rem;
  text-align: center;
  vertical-align: middle;
}
/* line 9, ../sass/_Q33TableTyping.scss */
html.cp-game .Q33TableTyping tr:first-child th {
  border-top: 0;
}
/* line 13, ../sass/_Q33TableTyping.scss */
html.cp-game .Q33TableTyping tr:last-child td {
  border-bottom: 0;
}
/* line 17, ../sass/_Q33TableTyping.scss */
html.cp-game .Q33TableTyping tr td:first-child, html.cp-game .Q33TableTyping tr th:first-child {
  border-left: 0;
}
/* line 21, ../sass/_Q33TableTyping.scss */
html.cp-game .Q33TableTyping tr td:last-child, html.cp-game .Q33TableTyping tr th:last-child {
  border-right: 0;
}
/* line 25, ../sass/_Q33TableTyping.scss */
html.cp-game .Q33TableTyping input {
  background: #f1f2f5;
  border: none;
  border-radius: 3px;
  box-sizing: border-box;
  color: #303333;
  font-family: "open_sansregular", Arial;
  font-size: 16px;
  line-height: 125%;
  min-height: 1.2rem;
  padding: 0.2rem 2rem 0.2rem 0.5rem;
  width: 100%;
}
/* line 39, ../sass/_Q33TableTyping.scss */
html.cp-game .Q33TableTyping .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
/* line 45, ../sass/_Q33TableTyping.scss */
html.cp-game .Q33TableTyping .icon {
  display: none;
  margin: auto 0 auto 0.5rem;
  min-width: 1rem;
  right: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-30%, -50%);
      -ms-transform: translate(-30%, -50%);
          transform: translate(-30%, -50%);
}
/* line 55, ../sass/_Q33TableTyping.scss */
html.cp-game .Q33TableTyping .table {
  width: 100%;
}
/* line 2, ../sass/_Q34TableDragAndDrop.scss */
html.cp-game .Q34TableDragAndDrop th, html.cp-game .Q34TableDragAndDrop td {
  border: 1px solid #d8dcdc;
  height: 1.9rem;
  padding: 0.2rem 0.5rem;
  text-align: center;
  vertical-align: middle;
}
/* line 10, ../sass/_Q34TableDragAndDrop.scss */
html.cp-game .Q34TableDragAndDrop tr:first-child th {
  border-top: 0;
}
/* line 14, ../sass/_Q34TableDragAndDrop.scss */
html.cp-game .Q34TableDragAndDrop tr:last-child td {
  border-bottom: 0;
}
/* line 18, ../sass/_Q34TableDragAndDrop.scss */
html.cp-game .Q34TableDragAndDrop tr td:first-child, html.cp-game .Q34TableDragAndDrop tr th:first-child {
  border-left: 0;
}
/* line 22, ../sass/_Q34TableDragAndDrop.scss */
html.cp-game .Q34TableDragAndDrop tr td:last-child, html.cp-game .Q34TableDragAndDrop tr th:last-child {
  border-right: 0;
}
/* line 26, ../sass/_Q34TableDragAndDrop.scss */
html.cp-game .Q34TableDragAndDrop .game-panel > .dragging {
  margin-top: 1.75rem;
  margin-bottom: -0.5rem;
}
/* line 31, ../sass/_Q34TableDragAndDrop.scss */
html.cp-game .Q34TableDragAndDrop .icon {
  cursor: pointer;
  display: none;
  margin: auto 0 auto 0.5rem;
  min-width: 1rem;
}
/* line 38, ../sass/_Q34TableDragAndDrop.scss */
html.cp-game .Q34TableDragAndDrop td .icon {
  display: block;
}
/* line 42, ../sass/_Q34TableDragAndDrop.scss */
html.cp-game .Q34TableDragAndDrop .to-drag {
  background: #ffffff;
  border: 1px solid #7c8486;
  border-radius: 3px;
  cursor: -webkit-grab;
  cursor: grab;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  padding: 0.2rem 0.5rem;
}
/* line 53, ../sass/_Q34TableDragAndDrop.scss */
html.cp-game .Q34TableDragAndDrop td .to-drag {
  margin: 0;
}
/* line 58, ../sass/_Q34TableDragAndDrop.scss */
html.cp-game .Q34TableDragAndDrop .table {
  width: 100%;
}
/* line 62, ../sass/_Q34TableDragAndDrop.scss */
html.cp-game .Q34TableDragAndDrop .text {
  -webkit-box-flex: 100%;
  -webkit-flex: 100%;
      -ms-flex: 100%;
          flex: 100%;
  text-align: left;
}
/* line 67, ../sass/_Q34TableDragAndDrop.scss */
html.cp-game .Q34TableDragAndDrop .grabbing {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
/* line 71, ../sass/_Q34TableDragAndDrop.scss */
html.cp-game .Q34TableDragAndDrop td .ui-draggable-dragging {
  cursor: default;
}
/* line 2, ../sass/_Q42Puzzle.scss */
html.cp-game .Q42Puzzle img {
  margin-right: auto;
  margin-left: auto;
  max-width: 100%;
}
/* line 8, ../sass/_Q42Puzzle.scss */
html.cp-game .Q42Puzzle .cover {
  background-color: #f1f2f5;
  border: 1px dashed #303333;
  position: absolute;
  -webkit-transition: background-color 0.2s linear;
          transition: background-color 0.2s linear;
}
/* line 15, ../sass/_Q42Puzzle.scss */
html.cp-game .Q42Puzzle .cover.filled {
  background-color: #f1f2f5 !important;
  border: none;
}
/* line 20, ../sass/_Q42Puzzle.scss */
html.cp-game .Q42Puzzle .cover.hover {
  background-color: #d8dcdc;
}
/* line 24, ../sass/_Q42Puzzle.scss */
html.cp-game .Q42Puzzle .icon {
  bottom: 0.3rem;
  display: none;
  position: absolute;
  right: 0.3rem;
}
/* line 31, ../sass/_Q42Puzzle.scss */
html.cp-game .Q42Puzzle .icon-cancel {
  background: #ffffff;
  border: 1px solid #7c8486;
  color: #303333;
}
/* line 37, ../sass/_Q42Puzzle.scss */
html.cp-game .Q42Puzzle .icon-ok, html.cp-game .Q42Puzzle .icon-fail {
  border: 1px solid #ffffff;
  display: block;
}
/* line 46, ../sass/_Q42Puzzle.scss */
html.cp-game .Q42Puzzle .main-img {
  opacity: 0;
}
/* line 50, ../sass/_Q42Puzzle.scss */
html.cp-game .Q42Puzzle .playground {
  position: relative;
}
/* line 54, ../sass/_Q42Puzzle.scss */
html.cp-game .Q42Puzzle .puzzle-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  margin: 1.75rem -0.5rem -0.5rem 0;
}
/* line 61, ../sass/_Q42Puzzle.scss */
html.cp-game .Q42Puzzle .puzzle {
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  height: 5rem;
  width: 5rem;
}
/* line 70, ../sass/_Q42Puzzle.scss */
html.cp-game .Q42Puzzle .ui-draggable {
  cursor: -webkit-grab;
  cursor: grab;
}
/* line 74, ../sass/_Q42Puzzle.scss */
html.cp-game .Q42Puzzle .ui-draggable-dragging {
  cursor: -webkit-grabbing;
  cursor: grabbing;
  outline: 1px solid transparent;
}
/* line 79, ../sass/_Q42Puzzle.scss */
html.cp-game .Q42Puzzle .ui-draggable-disabled {
  cursor: default;
}
/* line 2, ../sass/_Q44TextColor.scss */
html.cp-game .Q44TextColor .playground {
  line-height: 200%;
}
/* line 6, ../sass/_Q44TextColor.scss */
html.cp-game .Q44TextColor .answer-box {
  border: 1px solid #7c8486;
  border-radius: 3px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 125%;
  min-height: 1.2rem;
  padding: 0.2rem 0.5rem;
}
/* line 16, ../sass/_Q44TextColor.scss */
html.cp-game .Q44TextColor .color-display {
  border-radius: 3px;
  height: 1rem;
  margin: auto 0.5rem auto 0;
  width: 1rem;
}
/* line 23, ../sass/_Q44TextColor.scss */
html.cp-game .Q44TextColor .color-name {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.75rem;
}
/* line 28, ../sass/_Q44TextColor.scss */
html.cp-game .Q44TextColor .color-picker {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  line-height: initial;
  margin-bottom: -0.75rem;
}
/* line 36, ../sass/_Q44TextColor.scss */
html.cp-game .Q44TextColor div.icon {
  margin: auto 0 auto 0.5rem;
  min-width: 1rem;
}
/* line 41, ../sass/_Q44TextColor.scss */
html.cp-game .Q44TextColor .icon-ok, html.cp-game .Q44TextColor .icon-fail {
  border: 1px solid #ffffff;
}
/* line 45, ../sass/_Q44TextColor.scss */
html.cp-game .Q44TextColor span.icon {
  margin: auto 0 auto 0.5rem;
  min-width: 1rem;
}
/* line 50, ../sass/_Q44TextColor.scss */
html.cp-game .Q44TextColor .question {
  margin-top: 1.75rem;
}
/* line 2, ../sass/_Q45TextMark.scss */
html.cp-game .Q45TextMark .color {
  border-radius: 3px;
  height: 1rem;
  margin: auto 0.5rem auto 0;
  width: 1rem;
}
/* line 9, ../sass/_Q45TextMark.scss */
html.cp-game .Q45TextMark .icon {
  margin: auto 0 auto 0.5rem;
  min-width: 1rem;
}
/* line 14, ../sass/_Q45TextMark.scss */
html.cp-game .Q45TextMark .icon-ok, html.cp-game .Q45TextMark .icon-fail {
  border: 1px solid #ffffff;
}
/* line 18, ../sass/_Q45TextMark.scss */
html.cp-game .Q45TextMark .options {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  margin-right: -0.75rem;
  margin-bottom: 1rem;
}
/* line 26, ../sass/_Q45TextMark.scss */
html.cp-game .Q45TextMark .option {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 0.75rem;
  margin-bottom: 0.75rem;
}
/* line 32, ../sass/_Q45TextMark.scss */
html.cp-game .Q45TextMark .word-container {
  line-height: 1.8rem;
  margin: 0 -0.2rem;
}
/* line 37, ../sass/_Q45TextMark.scss */
html.cp-game .Q45TextMark .word-container:last-of-type {
  margin: 0 -0.2rem -0.2rem -0.2rem;
}
/* line 41, ../sass/_Q45TextMark.scss */
html.cp-game .Q45TextMark .word {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0 0.2rem;
  margin-bottom: 0.1rem;
}
/* line 2, ../sass/_Q50XofYImg.scss */
html.cp-game .Q50XofYImg .game-panel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
/* line 6, ../sass/_Q50XofYImg.scss */
html.cp-game .Q50XofYImg img {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  max-height: 30rem;
  width: 40%;
}
/* line 12, ../sass/_Q50XofYImg.scss */
html.cp-game .Q50XofYImg ul {
  width: 60%;
}
/* line 16, ../sass/_Q50XofYImg.scss */
html.cp-game .Q50XofYImg li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 1.5rem;
}
/* line 21, ../sass/_Q50XofYImg.scss */
html.cp-game .Q50XofYImg li:last-child {
  padding-bottom: 0;
}
/* line 25, ../sass/_Q50XofYImg.scss */
html.cp-game .Q50XofYImg li span:last-child {
  padding-left: 0.6rem;
  padding-right: 1.75rem;
}
/* line 30, ../sass/_Q50XofYImg.scss */
html.cp-game .Q50XofYImg .icon {
  min-width: 1rem;
  -webkit-transform: translate(0, 10%);
      -ms-transform: translate(0, 10%);
          transform: translate(0, 10%);
}
/* line 2, ../sass/_Q51XofYAudio.scss */
html.cp-game .Q51XofYAudio li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 1.5rem;
}
/* line 7, ../sass/_Q51XofYAudio.scss */
html.cp-game .Q51XofYAudio li:last-child {
  padding-bottom: 0;
}
/* line 11, ../sass/_Q51XofYAudio.scss */
html.cp-game .Q51XofYAudio li span:last-child {
  padding-left: 0.6rem;
}
/* line 15, ../sass/_Q51XofYAudio.scss */
html.cp-game .Q51XofYAudio .icon {
  min-width: 1rem;
  -webkit-transform: translate(0, 10%);
      -ms-transform: translate(0, 10%);
          transform: translate(0, 10%);
}
/* line 2, ../sass/_Q55XofYMimg.scss */
html.cp-game .Q55XofYMimg img {
  height: 12rem;
}
/* line 6, ../sass/_Q55XofYMimg.scss */
html.cp-game .Q55XofYMimg .answers-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: wrap;
      -ms-flex-flow: wrap;
          flex-flow: wrap;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  margin-bottom: -0.75rem;
}
/* line 13, ../sass/_Q55XofYMimg.scss */
html.cp-game .Q55XofYMimg .answer {
  margin-bottom: 0.75rem;
  position: relative;
}
/* line 18, ../sass/_Q55XofYMimg.scss */
html.cp-game .Q55XofYMimg .answer .icon {
  bottom: 0.3rem;
  position: absolute;
  right: 0.3rem;
}
/* line 24, ../sass/_Q55XofYMimg.scss */
html.cp-game .Q55XofYMimg .icon-ok, html.cp-game .Q55XofYMimg .icon-fail {
  border: 1px solid #ffffff;
}
/* line 2, ../sass/_Q56XofYMimgM.scss */
html.cp-game .Q56XofYMimgM img {
  height: 12rem;
}
/* line 6, ../sass/_Q56XofYMimgM.scss */
html.cp-game .Q56XofYMimgM .answers-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: wrap;
      -ms-flex-flow: wrap;
          flex-flow: wrap;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  margin-bottom: -0.75rem;
}
/* line 13, ../sass/_Q56XofYMimgM.scss */
html.cp-game .Q56XofYMimgM .answer {
  margin-bottom: 0.75rem;
  position: relative;
}
/* line 18, ../sass/_Q56XofYMimgM.scss */
html.cp-game .Q56XofYMimgM .answer .icon {
  bottom: 0.3rem;
  position: absolute;
  right: 0.3rem;
}
/* line 24, ../sass/_Q56XofYMimgM.scss */
html.cp-game .Q56XofYMimgM .icon-ok, html.cp-game .Q56XofYMimgM .icon-fail {
  border: 1px solid #ffffff;
}
/* line 1, ../sass/_ui-datepicker.scss */
html.cp-game .ll-skin-vigo {
  font-size: 90%;
}
/* line 5, ../sass/_ui-datepicker.scss */
html.cp-game .ll-skin-vigo .ui-widget {
  font-family: "DroidSans", sans-serif;
  background: #f8f8f8;
}
/* line 10, ../sass/_ui-datepicker.scss */
html.cp-game .ll-skin-vigo .ui-datepicker {
  padding: 0;
}
/* line 14, ../sass/_ui-datepicker.scss */
html.cp-game .ll-skin-vigo .ui-datepicker-header {
  padding: .3em 0;
  color: #fff;
  font-family: "DroidSans", sans-serif;
  font-size: 13px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
  border: none;
  border-radius: 0;
  border-radius: 2px 2px 0 0;
  background-clip: padding-box;
  background-color: #b73c37;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMCIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.25) 0%, rgba(255, 255, 255, 0.25) 100%);
  background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.25) 0%, rgba(255, 255, 255, 0.25) 100%);
}
/* line 39, ../sass/_ui-datepicker.scss */
html.cp-game .ll-skin-vigo .ui-datepicker-header .ui-state-hover {
  background: transparent;
  border-color: transparent;
  cursor: pointer;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}
/* line 48, ../sass/_ui-datepicker.scss */
html.cp-game .ll-skin-vigo .ui-datepicker .ui-datepicker-next span,
html.cp-game .ll-skin-vigo .ui-datepicker .ui-datepicker-prev span {
  background-image: url(ui-icons_ffffff_256x240.png);
  background-position: -32px -16px;
}
/* line 54, ../sass/_ui-datepicker.scss */
html.cp-game .ll-skin-vigo .ui-datepicker .ui-datepicker-prev span {
  background-position: -96px -16px;
}
/* line 58, ../sass/_ui-datepicker.scss */
html.cp-game .ll-skin-vigo .ui-datepicker table {
  margin: 0;
}
/* line 62, ../sass/_ui-datepicker.scss */
html.cp-game .ll-skin-vigo .ui-datepicker th {
  padding: .5em .3em;
  color: #707586;
  font-size: 10px;
  font-weight: bold;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
  text-transform: uppercase;
  border: none;
  border-bottom: 1px solid #d5d9e2;
  background: #f2f6fe;
}
/* line 74, ../sass/_ui-datepicker.scss */
html.cp-game .ll-skin-vigo .ui-datepicker td {
  border: none;
  padding: 0;
}
/* line 79, ../sass/_ui-datepicker.scss */
html.cp-game .ll-skin-vigo td .ui-state-default {
  background: transparent;
  border: none;
  text-align: center;
  padding: .7em 0;
  margin: 0;
  font-weight: normal;
  color: #4d4d4d;
  font-size: 11px;
}
/* line 90, ../sass/_ui-datepicker.scss */
html.cp-game .ll-skin-vigo td .ui-state-active,
html.cp-game .ll-skin-vigo td .ui-state-hover {
  font-weight: bold;
}