.beanContainer {
  font-family: "DyslexieRegular"; }
  .beanContainer .nextButton {
    position: absolute;
    right: 48%;
    text-align: center;
    font-size: 18px;
    padding-top: 13px;
    padding-bottom: 13px;
    padding-left: 60px;
    padding-right: 48px;
    bottom: 20px;
    color: #ffffff;
    background-color: #cc0000; }
  .beanContainer .nextButton:before {
    content: "\f054";
    font-family: FontAwesome;
    position: absolute;
    left: 16px;
    top: 50%;
    margin-top: -12px; }
  .beanContainer ul {
    padding-left: 22px;
    padding-top: 13px; }
    .beanContainer ul li {
      padding-left: 15px; }
  .beanContainer .bean .title {
    font-family: VerdanaBold;
    font-size: 24px;
    color: #cc0000;
    padding-top: 65px;
    padding-left: 37px;
    letter-spacing: -0.2px;
    padding-bottom: 28px;
    padding-right: 35px; }
    .beanContainer .bean .title p {
      font-family: VerdanaBold;
      font-size: 24px;
      color: #cc0000; }
  .beanContainer .bean p {
    padding: 0;
    margin: 0; }
  .beanContainer .bean .checkButton {
    position: absolute;
    bottom: 0;
    right: 35px;
    cursor: pointer;
    height: 100px;
    width: 290px; }
    .beanContainer .bean .checkButton span {
      display: block;
      position: absolute;
      margin: auto;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      color: white;
      font-size: 36px;
      text-align: center;
      line-height: 100px; }

/*# sourceMappingURL=beans.css.map */
.literally .button-style-1 {
  border: 2px solid transparent;
  border-radius: 3px; }

.literally .button-style-1 {
  text-decoration: none;
  cursor: pointer; }

.literally .button-style-1.selected:not(.disabled) {
  background-color: #a1d9fe; }

.literally .button-style-1:hover:not(.disabled) {
  border-color: #a1d9fe; }

.literally .button-style-1.disabled {
  cursor: default;
  opacity: 0.3; }

.literally.toolbar-at-top .lc-drawing {
  bottom: 0;
  top: 31px; }

.literally.toolbar-at-bottom .lc-drawing {
  bottom: 31px;
  top: 0; }

.literally.toolbar-at-bottom .lc-options {
  bottom: 0;
  border-top: 1px solid #555; }

.literally.toolbar-hidden .lc-drawing {
  left: 0;
  right: 0;
  bottom: 0;
  top: 0; }

.literally.toolbar-hidden .lc-options,
.literally.toolbar-hidden .lc-picker {
  display: none; }

.literally {
  position: relative;
  background-color: #ddd;
  min-height: 400px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -ms-touch-action: none;
  user-select: none; }

.literally, .literally * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.literally > * {
  position: absolute; }

.literally .lc-picker {
  top: 0;
  left: 0;
  bottom: 0;
  width: 61px;
  background-color: #e6e6e6; }

.literally .lc-drawing {
  right: 0;
  left: 0;
  bottom: 0;
  left: 0; }

.literally .lc-drawing > * {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.literally .lc-drawing.with-gui {
  right: 0;
  left: 61px;
  cursor: default; }

.literally .lc-drawing.with-gui .polygon-toolbar {
  top: auto;
  height: 31px; }

.literally .lc-drawing.with-gui .polygon-toolbar .polygon-toolbar-button {
  float: left; }

.literally .lc-drawing.with-gui .text-tool-input:focus {
  outline: none; }

.literally .lc-picker {
  z-index: 2;
  border-right: 1px solid #555; }

.literally .lc-picker .toolbar-button {
  width: 26px;
  height: 26px;
  line-height: 26px;
  margin: 2px;
  padding: 0;
  cursor: pointer;
  text-align: center;
  border: 2px solid transparent;
  border-radius: 3px; }

.literally .lc-picker .toolbar-button {
  text-decoration: none;
  cursor: pointer; }

.literally .lc-picker .toolbar-button.selected:not(.disabled) {
  background-color: #a1d9fe; }

.literally .lc-picker .toolbar-button:hover:not(.disabled) {
  border-color: #a1d9fe; }

.literally .lc-picker .toolbar-button.disabled {
  cursor: default;
  opacity: 0.3; }

.literally .lc-picker .thin-button {
  cursor: pointer;
  float: left;
  position: relative; }

.literally .lc-picker .fat-button {
  clear: both;
  width: 56px; }

.literally .lc-picker .lc-pick-tool, .literally .lc-picker .lc-undo, .literally .lc-picker .lc-redo, .literally .lc-picker .lc-zoom-in, .literally .lc-picker .lc-zoom-out {
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center center; }

.literally .color-well {
  font-size: 10px;
  float: left;
  width: 60px; }

.literally .color-well.open {
  background-color: #a1d9fe; }

.literally .color-well-color-container {
  border: 2px solid transparent;
  border-radius: 3px;
  border: 1px solid #aaa;
  position: relative;
  width: 28px;
  height: 28px;
  margin: 1px auto;
  overflow: visible; }

.literally .color-well-color-container {
  text-decoration: none;
  cursor: pointer; }

.literally .color-well-color-container.selected:not(.disabled) {
  background-color: #a1d9fe; }

.literally .color-well-color-container:hover:not(.disabled) {
  border-color: #a1d9fe; }

.literally .color-well-color-container.disabled {
  cursor: default;
  opacity: 0.3; }

.literally .color-well-color-container .color-well-checker {
  position: absolute;
  width: 50%;
  height: 50%;
  background-color: black; }

.literally .color-well-color-container .color-well-checker-top-left {
  border-top-left-radius: 3px; }

.literally .color-well-color-container .color-well-checker-bottom-right {
  border-bottom-right-radius: 3px; }

.literally .color-well-color-container .color-well-color {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 3px; }

.literally .color-picker-popup {
  position: absolute;
  z-index: 1;
  background-color: white;
  border: 1px solid #555;
  left: 60px;
  bottom: 31px; }

.literally .color-picker-popup .color-row {
  clear: both; }

.literally .color-picker-popup .color-row .color-cell {
  cursor: pointer;
  width: 20px;
  height: 20px;
  line-height: 20px;
  float: left; }

.literally .color-picker-popup .color-row .color-cell:hover, .literally .color-picker-popup .color-row .color-cell.selected {
  border: 1px solid #555;
  line-height: 18px; }

.literally .color-picker-popup .color-row .color-cell.transparent-cell {
  width: 100%; }

.literally .horz-toolbar {
  height: 31px;
  background-color: #e6e6e6; }

.literally .horz-toolbar label {
  line-height: 30px;
  margin: 0 0.25em 0 0.25em;
  font-size: 12px;
  float: left; }

.literally .horz-toolbar .square-toolbar-button {
  border: 2px solid transparent;
  border-radius: 3px;
  margin: 1px;
  border: 1px solid #aaa;
  width: 28px;
  height: 28px;
  float: left;
  position: relative; }

.literally .horz-toolbar .square-toolbar-button {
  text-decoration: none;
  cursor: pointer; }

.literally .horz-toolbar .square-toolbar-button.selected:not(.disabled) {
  background-color: #a1d9fe; }

.literally .horz-toolbar .square-toolbar-button:hover:not(.disabled) {
  border-color: #a1d9fe; }

.literally .horz-toolbar .square-toolbar-button.disabled {
  cursor: default;
  opacity: 0.3; }

.literally .horz-toolbar .square-toolbar-button img {
  max-width: 100%;
  max-height: 100%; }

.literally .horz-toolbar .square-toolbar-button label {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  line-height: 26px;
  margin: auto;
  float: none;
  text-align: center; }

.literally .polygon-toolbar {
  position: absolute;
  border-top: 1px solid #555;
  border-bottom: 1px solid #555;
  width: 100%; }

.literally.toolbar-at-bottom .polygon-toolbar {
  top: -100%; }

.literally.toolbar-at-top .polygon-toolbar {
  top: 100%; }

.literally .lc-options {
  z-index: 1;
  right: 0;
  left: 61px; }

.literally .lc-options .lc-font-settings {
  height: 30px;
  line-height: 31px;
  padding-left: 4px;
  background-color: #f5f5f5; }

.literally .lc-options .lc-font-settings input {
  margin: 0 0.5em 0 0; }

.literally .lc-options .lc-font-settings input[type=checkbox] {
  margin: 0 0.5em 0 0.5em; }

/*# sourceMappingURL=literallycanvas.css.map */
.literally {
  background-color: transparent;
  height: 100%; }

.canvasbean .literally, .canvasbean .image {
  top: 28px; }
.canvasbean .noImageBackground {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0; }

.literally .lc-drawing, .literally.toolbar-at-top .lc-drawing {
  transform-origin: top left; }
.literally .lc-drawing.with-gui, .literally.toolbar-at-top .lc-drawing.with-gui {
  left: 0;
  background-color: transparent; }
.literally.toolbar-at-top .lc-drawing, .literally.toolbar-at-top.toolbar-at-top .lc-drawing {
  top: 0; }
.literally .tools-background, .literally.toolbar-at-top .tools-background {
  position: absolute;
  top: 70px;
  left: 20px;
  height: 614px;
  width: 249px; }
.literally .tools-options-background, .literally.toolbar-at-top .tools-options-background {
  position: absolute;
  top: -16px;
  left: -25px;
  height: 236px;
  width: 71px; }
.literally .lc-picker, .literally.toolbar-at-top .lc-picker {
  top: 84px;
  left: 38px;
  border-right: none;
  width: 160px;
  height: 580px;
  background-color: transparent; }
  .literally .lc-picker .toolbar-button, .literally.toolbar-at-top .lc-picker .toolbar-button {
    width: 66px;
    height: 66px;
    box-sizing: border-box;
    border-radius: 0;
    margin: 5px 0;
    border: none;
    padding-top: 6px;
    cursor: pointer;
    background-image: none; }
    .literally .lc-picker .toolbar-button .fa, .literally.toolbar-at-top .lc-picker .toolbar-button .fa {
      font-size: 39px;
      line-height: 55px; }
    .literally .lc-picker .toolbar-button .asset, .literally.toolbar-at-top .lc-picker .toolbar-button .asset {
      width: 32px;
      height: 32px;
      top: 11px;
      left: 10px;
      position: relative; }
  .literally .lc-picker .toolbar-button:nth-child(even), .literally.toolbar-at-top .lc-picker .toolbar-button:nth-child(even) {
    margin-left: 10px; }
  .literally .lc-picker .lc-picker-contents, .literally.toolbar-at-top .lc-picker .lc-picker-contents {
    width: 152px; }
    .literally .lc-picker .lc-picker-contents .lc-color-pickers, .literally.toolbar-at-top .lc-picker .lc-picker-contents .lc-color-pickers {
      margin-top: 10px; }
      .literally .lc-picker .lc-picker-contents .lc-color-pickers .color-well, .literally.toolbar-at-top .lc-picker .lc-picker-contents .lc-color-pickers .color-well {
        width: 66px;
        margin-top: 5px; }
        .literally .lc-picker .lc-picker-contents .lc-color-pickers .color-well label, .literally .lc-picker .lc-picker-contents .lc-color-pickers .color-well br, .literally.toolbar-at-top .lc-picker .lc-picker-contents .lc-color-pickers .color-well label, .literally.toolbar-at-top .lc-picker .lc-picker-contents .lc-color-pickers .color-well br {
          display: none; }
        .literally .lc-picker .lc-picker-contents .lc-color-pickers .color-well .color-well-color-container, .literally.toolbar-at-top .lc-picker .lc-picker-contents .lc-color-pickers .color-well .color-well-color-container {
          width: 66px;
          height: 66px;
          box-sizing: border-box;
          border-radius: 0; }
          .literally .lc-picker .lc-picker-contents .lc-color-pickers .color-well .color-well-color-container .color-well-color, .literally.toolbar-at-top .lc-picker .lc-picker-contents .lc-color-pickers .color-well .color-well-color-container .color-well-color {
            border: none;
            border-radius: 0; }
      .literally .lc-picker .lc-picker-contents .lc-color-pickers .color-well:nth-child(2), .literally.toolbar-at-top .lc-picker .lc-picker-contents .lc-color-pickers .color-well:nth-child(2) {
        margin-left: 10px; }
      .literally .lc-picker .lc-picker-contents .lc-color-pickers .color-well:nth-child(3), .literally.toolbar-at-top .lc-picker .lc-picker-contents .lc-color-pickers .color-well:nth-child(3) {
        display: none; }
    .literally .lc-picker .lc-picker-contents .lc-zoom label, .literally.toolbar-at-top .lc-picker .lc-picker-contents .lc-zoom label {
      display: none; }
    .literally .lc-picker .lc-picker-contents .lc-clear, .literally.toolbar-at-top .lc-picker .lc-picker-contents .lc-clear {
      margin-left: 0;
      width: 142px;
      height: 38px;
      position: relative;
      top: 12px;
      color: white; }
.literally .lc-options, .literally.toolbar-at-top .lc-options {
  background-color: transparent;
  border: none;
  top: 84px;
  left: 222px;
  bottom: inherit;
  height: 275px;
  width: 60px;
  padding: 0px; }
  .literally .lc-options .square-toolbar-button, .literally.toolbar-at-top .lc-options .square-toolbar-button {
    width: 38px;
    height: 38px;
    border: none;
    background-color: transparent;
    box-sizing: border-box;
    border-radius: 0;
    margin: 0px;
    border: none;
    cursor: pointer; }
    .literally .lc-options .square-toolbar-button.selected:not(.disabled), .literally.toolbar-at-top .lc-options .square-toolbar-button.selected:not(.disabled) {
      background-color: inherit; }
    .literally .lc-options .square-toolbar-button svg, .literally.toolbar-at-top .lc-options .square-toolbar-button svg {
      position: relative;
      top: 7px;
      left: 6px; }
  .literally .lc-options .lc-font-settings, .literally.toolbar-at-top .lc-options .lc-font-settings {
    display: none; }

.normal .literally .lc-picker {
  transform-origin: top left;
  transform: scale(0.5);
  top: 40px;
  left: 20px; }
.normal .literally .tools-background {
  top: 35px;
  left: 10px;
  height: 307px;
  width: 125px; }
.normal .literally .tools-options-background {
  top: -10px;
  left: -9px;
  height: 110px;
  width: 32px; }
.normal .literally .toolbar-button .fa {
  font-size: 39px;
  line-height: 66px; }
.normal .literally .lc-options {
  top: 45px;
  left: 111px;
  height: 139px;
  width: 30px; }
  .normal .literally .lc-options .square-toolbar-button {
    width: 19px;
    height: 19px;
    transform-origin: top left;
    transform: scale(0.5); }
    .normal .literally .lc-options .square-toolbar-button svg {
      top: 3px;
      left: 3px; }

/*# sourceMappingURL=canvas.css.map */
.bean.checkbean\.check .answerGroup, .beanParent.checkbean\.check .answerGroup {
  margin-top: 28px;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  align-content: center;
  -ms-flex-line-pack: center;
  max-height: 100%;
  max-width: 100%; }
  .bean.checkbean\.check .answerGroup .answerView.selected .checkIcon, .beanParent.checkbean\.check .answerGroup .answerView.selected .checkIcon {
    width: 100% !important; }
  .bean.checkbean\.check .answerGroup .answerView, .beanParent.checkbean\.check .answerGroup .answerView {
    position: relative;
    width: 400px;
    height: 290px;
    margin: 10px;
    cursor: pointer;
    box-sizing: border-box;
    border-bottom: 12px solid;
    overflow: hidden;
    -webkit-align-self: center;
    -moz-align-self: center;
    align-self: center;
    -ms-flex-item-align: center;
    -webkit-transition: background-color 0.7s, border-color 0.7s;
    -moz-transition: background-color 0.7s, border-color 0.7s;
    transition: background-color 0.7s, border-color 0.7s; }
    .bean.checkbean\.check .answerGroup .answerView .imageView, .beanParent.checkbean\.check .answerGroup .answerView .imageView {
      width: 100%;
      height: 100%; }
    .bean.checkbean\.check .answerGroup .answerView .answerText, .beanParent.checkbean\.check .answerGroup .answerView .answerText {
      display: block;
      color: white;
      font-size: 24px;
      line-height: 38px;
      padding: 24px; }
    .bean.checkbean\.check .answerGroup .answerView .checkButton, .beanParent.checkbean\.check .answerGroup .answerView .checkButton {
      background-image: url(../assets/checkholder.png);
      background-repeat: no-repeat;
      width: 52px;
      height: 52px;
      background-size: contain;
      position: absolute;
      right: 10px;
      bottom: 12px; }
      .bean.checkbean\.check .answerGroup .answerView .checkButton .checkIcon, .beanParent.checkbean\.check .answerGroup .answerView .checkButton .checkIcon {
        overflow: hidden;
        margin-left: 2px;
        width: 0%;
        font-size: 50px;
        line-height: 50px;
        font-family: FontAwesome;
        -webkit-transition: width 0.35s;
        -moz-transition: width 0.35s;
        transition: width 0.35s; }
      .bean.checkbean\.check .answerGroup .answerView .checkButton .checkIcon:after, .beanParent.checkbean\.check .answerGroup .answerView .checkButton .checkIcon:after {
        content: "\f00c"; }

/*# sourceMappingURL=check.css.map */
.bean.dragdropbean\.dragdrop .backgroundImageView, .beanParent.dragdropbean\.dragdrop .backgroundImageView {
  background-repeat: no-repeat; }
.bean.dragdropbean\.dragdrop .dockGroup, .bean.dragdropbean\.dragdrop .itemGroup, .beanParent.dragdropbean\.dragdrop .dockGroup, .beanParent.dragdropbean\.dragdrop .itemGroup {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 0px;
  height: 0px; }
  .bean.dragdropbean\.dragdrop .dockGroup .itemView, .bean.dragdropbean\.dragdrop .dockGroup .dockView, .bean.dragdropbean\.dragdrop .itemGroup .itemView, .bean.dragdropbean\.dragdrop .itemGroup .dockView, .beanParent.dragdropbean\.dragdrop .dockGroup .itemView, .beanParent.dragdropbean\.dragdrop .dockGroup .dockView, .beanParent.dragdropbean\.dragdrop .itemGroup .itemView, .beanParent.dragdropbean\.dragdrop .itemGroup .dockView {
    position: absolute !important;
    font-size: 28px; }
  .bean.dragdropbean\.dragdrop .dockGroup .dockView, .bean.dragdropbean\.dragdrop .itemGroup .dockView, .beanParent.dragdropbean\.dragdrop .dockGroup .dockView, .beanParent.dragdropbean\.dragdrop .itemGroup .dockView {
    height: 700px;
    width: 400px; }
  .bean.dragdropbean\.dragdrop .dockGroup .itemView, .bean.dragdropbean\.dragdrop .itemGroup .itemView, .beanParent.dragdropbean\.dragdrop .dockGroup .itemView, .beanParent.dragdropbean\.dragdrop .itemGroup .itemView {
    cursor: crosshair; }

/*# sourceMappingURL=dragdrop.css.map */
.hotspotbean {
  width: 100%;
  height: 100%; }
  .hotspotbean div .svgasset {
    font-size: 0;
    line-height: 0; }
  .hotspotbean .title {
    display: none; }
  .hotspotbean .imageView {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat; }
  .hotspotbean .hotspotContainer {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0; }
  .hotspotbean .hotspotView .hotspotButton.hidden {
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s; }
  .hotspotbean .hotspotView .hotspotButton {
    width: 54px;
    height: 54px;
    z-index: 10;
    position: absolute;
    top: -32px;
    left: -32px;
    cursor: pointer;
    opacity: 1;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s; }
    .hotspotbean .hotspotView .hotspotButton .asset\.drawing-button {
      width: 64px;
      height: 64px;
      position: absolute;
      top: 0; }
    .hotspotbean .hotspotView .hotspotButton .asset\.icon-hotspot {
      width: 34px;
      height: 34px;
      position: absolute;
      top: 13px;
      left: 13px; }
    .hotspotbean .hotspotView .hotspotButton .asset\.icon-arrow {
      width: 26px;
      height: 34px;
      position: absolute;
      top: 14px;
      left: 12px; }
    .hotspotbean .hotspotView .hotspotButton .asset\.icon-arrow2 {
      width: 40px;
      height: 34px;
      position: absolute;
      top: 13px;
      left: 10px; }
    .hotspotbean .hotspotView .hotspotButton .asset\.icon-arrow3 {
      width: 40px;
      height: 34px;
      position: absolute;
      top: 13px;
      left: 10px; }
    .hotspotbean .hotspotView .hotspotButton .asset\.icon-arrow4 {
      width: 40px;
      height: 34px;
      position: absolute;
      top: 13px;
      left: 10px; }
    .hotspotbean .hotspotView .hotspotButton .asset\.icon-arrow5 {
      width: 40px;
      height: 34px;
      position: absolute;
      top: 13px;
      left: 10px; }
  .hotspotbean .hotspotView .content {
    visibility: hidden;
    width: 400px;
    height: auto;
    position: absolute; }
    .hotspotbean .hotspotView .content.bl {
      left: -400px; }
    .hotspotbean .hotspotView .content.tl {
      top: -50%;
      left: -400px; }
    .hotspotbean .hotspotView .content .assetContainer {
      position: absolute;
      width: 400px;
      overflow: hidden; }
      .hotspotbean .hotspotView .content .assetContainer .svgasset {
        position: relative; }
      .hotspotbean .hotspotView .content .assetContainer .asset\.bg-hotspot-border-top {
        height: 10px; }
    .hotspotbean .hotspotView .content .title {
      display: none; }
    .hotspotbean .hotspotView .content .text {
      width: 340spx;
      height: auto;
      position: absolute;
      padding: 30px; }
      .hotspotbean .hotspotView .content .text .hotspotSpan {
        height: auto;
        font-size: 30px;
        line-height: 40px;
        color: white; }
        .hotspotbean .hotspotView .content .text .hotspotSpan div {
          font-size: 30px;
          line-height: 40px;
          color: white; }

/*# sourceMappingURL=hotspotbean.css.map */
.bean.memory-bean .card, .beanParent.memory-bean .card {
  perspective: 1000px;
  transition: 0.6s;
  transform-style: preserve-3d; }
  .bean.memory-bean .card .image, .bean.memory-bean .card .back, .beanParent.memory-bean .card .image, .beanParent.memory-bean .card .back {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    backface-visibility: hidden;
    background-repeat: no-repeat;
    background-color: white;
    background-position: center; }
  .bean.memory-bean .card .image, .beanParent.memory-bean .card .image {
    background-size: contain; }
  .bean.memory-bean .card .back, .beanParent.memory-bean .card .back {
    background-size: cover; }
  .bean.memory-bean .card .image, .beanParent.memory-bean .card .image {
    transform: rotateY(180deg); }
.bean.memory-bean .cards, .beanParent.memory-bean .cards {
  margin-top: 100px;
  width: 65%;
  display: inline-block;
  border-right: 2px solid white; }
  .bean.memory-bean .cards .row, .beanParent.memory-bean .cards .row {
    display: block; }
    .bean.memory-bean .cards .row .card, .beanParent.memory-bean .cards .row .card {
      width: 150px;
      height: 150px;
      margin: 25px;
      display: inline-block;
      cursor: pointer; }
    .bean.memory-bean .cards .row .card.flip, .beanParent.memory-bean .cards .row .card.flip {
      transform: rotateY(180deg); }
    .bean.memory-bean .cards .row .card.correct, .beanParent.memory-bean .cards .row .card.correct {
      transform: rotateX(180deg);
      transform: scale(0.1);
      opacity: 0;
      cursor: auto; }
.bean.memory-bean .scoreboard, .beanParent.memory-bean .scoreboard {
  display: inline-block;
  margin-top: 100px;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 25px; }
  .bean.memory-bean .scoreboard .card, .beanParent.memory-bean .scoreboard .card {
    width: 75px;
    height: 75px;
    display: block;
    margin: 10px; }
  .bean.memory-bean .scoreboard .card.correct, .beanParent.memory-bean .scoreboard .card.correct {
    transform: rotateY(180deg); }

/*# sourceMappingURL=memory.css.map */
.bean.multiplechoicebean\.mpctext .answerGroup, .beanParent.multiplechoicebean\.mpctext .answerGroup {
  margin-top: 60px;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  align-content: center;
  -ms-flex-line-pack: center;
  max-height: 100%;
  max-width: 100%; }
  .bean.multiplechoicebean\.mpctext .answerGroup .answerView, .beanParent.multiplechoicebean\.mpctext .answerGroup .answerView {
    position: relative;
    width: 400px;
    max-height: 160px;
    height: auto;
    margin: 10px;
    cursor: pointer;
    -webkit-align-self: center;
    -moz-align-self: center;
    align-self: center;
    -ms-flex-item-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    flex-grow: 0;
    -ms-flex-positive: 0;
    box-sizing: border-box;
    border-bottom: 12px solid;
    overflow: hidden;
    -webkit-transition: background-color 0.7s, border-color 0.7s;
    -moz-transition: background-color 0.7s, border-color 0.7s;
    transition: background-color 0.7s, border-color 0.7s; }
    .bean.multiplechoicebean\.mpctext .answerGroup .answerView .answerText, .beanParent.multiplechoicebean\.mpctext .answerGroup .answerView .answerText {
      text-align: center;
      vertical-align: middle;
      color: white;
      font-size: 24px;
      line-height: 38px;
      padding: 24px; }
.bean.multiplechoicebean\.mpctext .feedbackView, .beanParent.multiplechoicebean\.mpctext .feedbackView {
  display: none; }

/*# sourceMappingURL=mpc.css.map */
.screenshotHack .bean.textbean\.text .textHolder, .screenshotHack .beanParent.textbean\.text .textHolder {
  /* padding-bottom: 8%; */ }

.bean.textbean\.text, .beanParent.textbean\.text {
  height: 100%; }
  .bean.textbean\.text .imageView, .beanParent.textbean\.text .imageView {
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center; }
  .bean.textbean\.text .textHolder, .beanParent.textbean\.text .textHolder {
    width: 50%;
    height: auto;
    position: relative; }
    .bean.textbean\.text .textHolder .textArea, .beanParent.textbean\.text .textHolder .textArea {
      padding: 50px;
      box-sizing: border-box;
      color: white;
      position: relative;
      left: 0;
      top: 0;
      font-size: 18pt;
      width: 100%;
      letter-spacing: -0.1px;
      line-height: 1.5; }
      .bean.textbean\.text .textHolder .textArea ul, .beanParent.textbean\.text .textHolder .textArea ul {
        padding-left: 22px;
        padding-top: 13px; }
        .bean.textbean\.text .textHolder .textArea ul li, .beanParent.textbean\.text .textHolder .textArea ul li {
          padding-left: 15px; }
    .bean.textbean\.text .textHolder .svgasset, .beanParent.textbean\.text .textHolder .svgasset {
      width: 100%;
      height: 100%;
      line-height: 0;
      font-size: 0;
      position: absolute; }

/*# sourceMappingURL=text.css.map */
.multiplechoicebean\.truefalse {
  position: relative; }
  .multiplechoicebean\.truefalse > .title {
    display: none; }
  .multiplechoicebean\.truefalse > .questionText {
    display: none; }
  .multiplechoicebean\.truefalse .imageView {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat; }
  .multiplechoicebean\.truefalse .answerGroup {
    position: absolute;
    width: 1342px;
    height: 100%;
    top: 0;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: row;
    justify-content: center; }
    .multiplechoicebean\.truefalse .answerGroup .answerView {
      min-width: 357px;
      height: 109px;
      color: white;
      position: relative;
      cursor: pointer;
      margin-top: -54px;
      top: 50%;
      margin-left: 100px;
      flex-basis: calc(33% - 100px); }
      .multiplechoicebean\.truefalse .answerGroup .answerView .bg, .multiplechoicebean\.truefalse .answerGroup .answerView .bg\.selected {
        position: absolute;
        width: 100%;
        height: 100%;
        transition: opacity 1s; }
        .multiplechoicebean\.truefalse .answerGroup .answerView .bg .svgasset, .multiplechoicebean\.truefalse .answerGroup .answerView .bg\.selected .svgasset {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%; }
        .multiplechoicebean\.truefalse .answerGroup .answerView .bg .asset\.drawing-button, .multiplechoicebean\.truefalse .answerGroup .answerView .bg\.selected .asset\.drawing-button {
          width: 55px;
          height: 55px;
          top: 25px;
          left: -21px; }
        .multiplechoicebean\.truefalse .answerGroup .answerView .bg .asset\.bg-wordweb-border-bottom, .multiplechoicebean\.truefalse .answerGroup .answerView .bg\.selected .asset\.bg-wordweb-border-bottom {
          top: initial;
          bottom: 0;
          height: 10px;
          z-index: 2; }
      .multiplechoicebean\.truefalse .answerGroup .answerView .bg\.selected {
        opacity: 0; }
      .multiplechoicebean\.truefalse .answerGroup .answerView.selected .bg {
        opacity: 0; }
      .multiplechoicebean\.truefalse .answerGroup .answerView.selected .bg\.selected {
        opacity: 1; }
      .multiplechoicebean\.truefalse .answerGroup .answerView .answerText {
        position: relative;
        margin-top: 18px;
        margin-left: 45px;
        display: inline-block;
        padding-right: 15px;
        color: White;
        font-size: 30px;
        white-space: nowrap;
        padding: 5px 15px; }
        .multiplechoicebean\.truefalse .answerGroup .answerView .answerText > div {
          color: White;
          font-size: 30px;
          white-space: nowrap; }
  .multiplechoicebean\.truefalse .feedbackView {
    display: none; }

/*# sourceMappingURL=truefalse.css.map */
.multiplechoicebean\.truefalseso {
  position: relative; }
  .multiplechoicebean\.truefalseso > .title {
    display: none; }
  .multiplechoicebean\.truefalseso > .questionText {
    display: none; }
  .multiplechoicebean\.truefalseso .imageView {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background-repeat: no-repeat; }
  .multiplechoicebean\.truefalseso .answerGroup {
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .multiplechoicebean\.truefalseso .answerGroup .answerView {
      min-width: 357px;
      height: 109px;
      color: white;
      position: relative;
      cursor: pointer;
      margin-bottom: 20px;
      margin-left: 100px;
      flex-basis: calc(29% - 100px); }
      .multiplechoicebean\.truefalseso .answerGroup .answerView .bg, .multiplechoicebean\.truefalseso .answerGroup .answerView .bg\.selected {
        position: absolute;
        width: 100%;
        height: 100%;
        transition: opacity 1s; }
        .multiplechoicebean\.truefalseso .answerGroup .answerView .bg .svgasset, .multiplechoicebean\.truefalseso .answerGroup .answerView .bg\.selected .svgasset {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%; }
        .multiplechoicebean\.truefalseso .answerGroup .answerView .bg .asset\.drawing-button, .multiplechoicebean\.truefalseso .answerGroup .answerView .bg\.selected .asset\.drawing-button {
          width: 55px;
          height: 55px;
          top: 25px;
          left: -21px; }
        .multiplechoicebean\.truefalseso .answerGroup .answerView .bg .asset\.bg-wordweb-border-bottom, .multiplechoicebean\.truefalseso .answerGroup .answerView .bg\.selected .asset\.bg-wordweb-border-bottom {
          top: initial;
          bottom: 0;
          height: 10px;
          z-index: 2; }
      .multiplechoicebean\.truefalseso .answerGroup .answerView .bg\.selected {
        opacity: 0; }
      .multiplechoicebean\.truefalseso .answerGroup .answerView.selected .bg {
        opacity: 0; }
      .multiplechoicebean\.truefalseso .answerGroup .answerView.selected .bg\.selected {
        opacity: 1; }
      .multiplechoicebean\.truefalseso .answerGroup .answerView .answerText {
        position: relative;
        margin-top: 18px;
        margin-left: 45px;
        display: inline-block;
        padding-right: 15px;
        color: White;
        font-size: 30px;
        white-space: nowrap;
        padding: 5px 15px; }
        .multiplechoicebean\.truefalseso .answerGroup .answerView .answerText > div {
          color: White;
          font-size: 30px;
          white-space: nowrap; }
  .multiplechoicebean\.truefalseso .feedbackView {
    display: none; }

/*# sourceMappingURL=truefalseso.css.map */
.videobean .video {
  width: 100%;
  height: 100%; }
  .videobean .video .player {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important; }
  .videobean .video .playButton {
    position: absolute;
    width: 116px;
    height: 116px;
    top: 50%;
    left: 50%;
    margin-left: -58px;
    margin-top: -58px;
    cursor: pointer; }

/*# sourceMappingURL=video.css.map */
.videoexternalbean .imageView {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  cursor: pointer; }
.videoexternalbean .frame {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
  border: none; }

/*# sourceMappingURL=videoexternal.css.map */
.wordwebbean\.wordweb {
  height: 100%; }
  .wordwebbean\.wordweb [contenteditable]:focus {
    outline: 0px solid transparent; }

.wordwebbean {
  position: relative;
  height: 100%;
  color: White;
  font-size: 30px;
  text-align: center; }
  .wordwebbean .buttons {
    position: absolute;
    bottom: 0px;
    right: 0;
    font-size: 50px;
    z-index: 20; }
  .wordwebbean .wordview {
    position: relative;
    height: 110px;
    min-width: 60px;
    display: inline-block;
    top: 50%;
    margin-top: -55px;
    margin: 0 auto; }
    .wordwebbean .wordview .bg {
      position: absolute;
      height: 110px;
      top: 0;
      width: 100%;
      width: 100%;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%; }
      .wordwebbean .wordview .bg .asset {
        font-size: 0;
        line-height: 0;
        height: 100%;
        width: 100%;
        position: absolute; }
      .wordwebbean .wordview .bg .asset\.bg-wordweb-border-bottom {
        height: 10px;
        position: absolute;
        bottom: 0; }
    .wordwebbean .wordview .text {
      top: 0;
      position: relative;
      text-align: center;
      padding: 30px;
      color: White;
      font-size: 30px;
      white-space: nowrap;
      -webkit-user-select: initial; }
    .wordwebbean .wordview.web {
      position: absolute !important;
      margin-top: 0;
      margin: 0; }

/*# sourceMappingURL=wordweb.css.map */