.bean-container.page{font-family:"DyslexieRegular"}.beanContainer.page,.bean-container.page{font-family:"DyslexieRegular"}.beanContainer.page .nextButton,.bean-container.page .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:#fff;background-color:#c00}.beanContainer.page .nextButton:before,.bean-container.page .nextButton:before{content:"\f054";font-family:FontAwesome;position:absolute;left:16px;top:50%;margin-top:-12px}.beanContainer.page ul,.bean-container.page ul{padding-left:22px;padding-top:13px}.beanContainer.page ul li,.bean-container.page ul li{padding-left:15px}.beanContainer.page .bean .title,.bean-container.page .bean .title{font-family:VerdanaBold;font-size:24px;color:#c00;padding-top:65px;padding-left:37px;letter-spacing:-0.2px;padding-bottom:28px;padding-right:35px}.beanContainer.page .bean .title p,.bean-container.page .bean .title p{font-family:VerdanaBold;font-size:24px;color:#c00}.beanContainer.page .bean p,.bean-container.page .bean p{padding:0;margin:0}.beanContainer.page .bean .checkButton,.bean-container.page .bean .checkButton{position:absolute;bottom:0;right:35px;cursor:pointer;height:100px;width:290px}.beanContainer.page .bean .checkButton .buttonContent,.bean-container.page .bean .checkButton .buttonContent{height:100%;overflow:hidden}.beanContainer.page .bean .checkButton span,.bean-container.page .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, .literally.toolbar-at-top {
  z-index: 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:100%;height:100%}.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:34px}.bean.dragdropbean\.dragdrop .dockGroup .dockView,.bean.dragdropbean\.dragdrop .itemGroup .dockView,.beanParent.dragdropbean\.dragdrop .dockGroup .dockView,.beanParent.dragdropbean\.dragdrop .itemGroup .dockView{height:auto;width:auto}.bean.dragdropbean\.dragdrop .dockGroup .dockView .dockText,.bean.dragdropbean\.dragdrop .itemGroup .dockView .dockText,.beanParent.dragdropbean\.dragdrop .dockGroup .dockView .dockText,.beanParent.dragdropbean\.dragdrop .itemGroup .dockView .dockText{color:#7b6b6b;font-size:24px;line-height:30px}.bean.dragdropbean\.dragdrop .dockGroup .itemView,.bean.dragdropbean\.dragdrop .itemGroup .itemView,.beanParent.dragdropbean\.dragdrop .dockGroup .itemView,.beanParent.dragdropbean\.dragdrop .itemGroup .itemView{cursor:crosshair}.bean.dragdropbean\.dragdrop .dockGroup .itemView .itemText,.bean.dragdropbean\.dragdrop .itemGroup .itemView .itemText,.beanParent.dragdropbean\.dragdrop .dockGroup .itemView .itemText,.beanParent.dragdropbean\.dragdrop .itemGroup .itemView .itemText{font-size:24px;line-height:30px}
/*# 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 .content{display:none;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.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:194px;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;padding-left:5px;padding-right:5px}.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 .text-area, .beanParent.textbean\.text .textHolder .text-area {
      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 .text-area ul, .beanParent.textbean\.text .textHolder .text-area ul {
        padding-left: 22px;
        padding-top: 13px; }
        .bean.textbean\.text .textHolder .text-area ul li, .beanParent.textbean\.text .textHolder .text-area 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;
      overflow: hidden; }

/*# sourceMappingURL=text.css.map */
.text2columnsbean {
  height: 100%; }
  .text2columnsbean .imageView {
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center; }
  .text2columnsbean .textHolder {
    width: 100%;
    height: auto;
    position: relative; }
    .text2columnsbean .textHolder .text-area-right,
    .text2columnsbean .textHolder .text-area {
      vertical-align: top;
      padding: 150px 40px 60px 40px;
      box-sizing: border-box;
      display: inline-block;
      color: white;
      position: relative;
      left: 0;
      top: 0;
      font-size: 18pt;
      width: 50%;
      letter-spacing: -0.1px;
      line-height: 1.5; }
      .text2columnsbean .textHolder .text-area-right ul,
      .text2columnsbean .textHolder .text-area ul {
        padding-left: 22px;
        padding-top: 13px; }
        .text2columnsbean .textHolder .text-area-right ul li,
        .text2columnsbean .textHolder .text-area ul li {
          padding-left: 15px; }
    .text2columnsbean .textHolder .text-area-right {
      left: auto;
      right: 0; }
    .text2columnsbean .textHolder .svgasset {
      width: 100%;
      height: 100%;
      line-height: 0;
      font-size: 0;
      position: absolute; }

/*# sourceMappingURL=text2columns.css.map */
.textballoonsbean .left-image-view,
.textballoonsbean .right-image-view,
.textballoonsbean .image-view {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat; }
.textballoonsbean .svgasset {
  width: 100%;
  height: 100%;
  line-height: 0;
  font-size: 0;
  top: 0;
  left: 0;
  position: absolute; }
.textballoonsbean .text-balloons-container {
  width: 100%;
  height: 100%;
  position: relative; }
  .textballoonsbean .text-balloons-container .text-balloon-view {
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    position: relative;
    padding: 41px 71px 41px 43px;
    margin: 20px auto 40px;
    width: 33%;
    color: #393939;
    background-color: white; }
    .textballoonsbean .text-balloons-container .text-balloon-view .content {
      position: relative;
      word-wrap: break-word;
      overflow-wrap: break-word; }
    .textballoonsbean .text-balloons-container .text-balloon-view:after {
      content: "";
      position: absolute;
      bottom: -45px;
      left: 50px;
      border-width: 15px 15px 0;
      border-style: solid;
      border-color: white transparent;
      display: block;
      width: 0;
      visibility: hidden; }
    .textballoonsbean .text-balloons-container .text-balloon-view .right-border {
      position: absolute;
      top: 0;
      right: 0;
      background-color: white;
      width: 0;
      height: 100%; }
      .textballoonsbean .text-balloons-container .text-balloon-view .right-border:after {
        content: '';
        width: 8px;
        height: 100%;
        position: absolute;
        background-color: white;
        top: 0px;
        right: -2px;
        transform-origin: right top;
        transform: skewX(1deg); }
    .textballoonsbean .text-balloons-container .text-balloon-view.left {
      padding-bottom: 20px;
      margin-bottom: 60px; }
      .textballoonsbean .text-balloons-container .text-balloon-view.left .bottom-border {
        position: absolute;
        bottom: 1px;
        left: 0;
        background-color: white;
        width: 100%;
        height: 0; }
        .textballoonsbean .text-balloons-container .text-balloon-view.left .bottom-border:after {
          content: '';
          width: 100%;
          height: 28px;
          position: absolute;
          background: inherit;
          bottom: 0px;
          transform-origin: right bottom;
          transform: skewY(-3deg); }
      .textballoonsbean .text-balloons-container .text-balloon-view.left:after {
        visibility: visible;
        top: 45px;
        left: -69px;
        bottom: auto;
        border-width: 0 70px 55px 0;
        border-color: transparent white; }
    .textballoonsbean .text-balloons-container .text-balloon-view.right {
      background-color: white; }
      .textballoonsbean .text-balloons-container .text-balloon-view.right:after {
        visibility: visible;
        top: auto;
        right: -58px;
        bottom: 45px;
        left: auto;
        border-width: 0 0 55px 74px;
        border-color: transparent white; }

/*# sourceMappingURL=textballoon.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 */
.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;
  background-repeat: no-repeat; }
.videoexternalbean .frame {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
  border: none; }

.MainCMS .videoexternalbean .imageView {
  pointer-events: 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 .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;
      margin-top: 0;
      margin: 0; }

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