body {
  overflow: hidden;
  font-family: Arial;
  font-size: 10px;
}

body.loader-show {
  background-color: white;
}

body[data-qa-mouse]:before {
  content: attr(data-qa-mouse);
  background-color: black;
  position: fixed;
  padding: 5px;
  border: 1px solid silver;
  z-index: 10000;
  left: 5px;
  top: 5px;
  font-family: Arial;
  font-size: 20px;
  color: white;
}

.game-layout-container {
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  visibility: hidden;
  transform-origin: left top;
}

.game-layout-container .game-layout-element {
  display: inline-block;
  outline: 1px solid blue;
  transform-origin: left top;
  float: left;
}

.game-layout-container .game-layout-element:hover {
  outline: 3px solid red;
}

.game-layout-container .game-layout-element:hover:before {
  content: attr(data-name);
  position: absolute;
  left: 0;
  top: 0;
  padding: 3px;
  font-size: 15px;
  background: white;
  border: 1px solid silver;
}

.game-layout-container.show {
  visibility: visible;
}

.game-layout-container.show .game-layout-element {
  background: rgba(255, 255, 255, 0.3);
}

.fakeloader {
  width: 100vw !important;
  height: 100vh !important;
  left: 50% !important;
  top: 50% !important;
  transform-origin: center center;
  transform: translate(-50%, -50%);
}

.fakeloader .spinner7 {
  transform: translate(-50%, -50%);
  left: 50% !important;
  top: 50% !important;
}

@media (orientation: portrait) {
  .fakeloader {
    transform: translate(-50%, -50%) rotate(90deg);
    width: 100vh !important;
    height: 100vw !important;
  }
}

#game_container {
  position: absolute;
  /* cursor: url("content/cursor/mouse cursor-01.svg"), default !important; */
}

/* #game_container canvas {
  cursor: url("content/cursor/mouse cursor-01.svg"), default !important;
} */

#game_container.position-updating .game-html-element {
  display: none !important;
}

#game_container.hide-all-elements .game-html-element {
  display: none !important;
}

#game_container .game-html-submit {
  position: absolute;
  visibility: hidden;
}

#game_container .game-html-element {
  position: absolute;
  transform-origin: left top;
  z-index: 100;
  display: none;
}

#game_container .game-html-element input.correct {
  border-color: green !important;
}

#game_container .game-html-element input.incorrect {
  border-color: red !important;
}

#game_container .game-html-element.active {
  display: block;
}

#game_container .game-html-element.hide {
  display: none;
}

#game_container .game-html-element .textbox {
  border: none;
  padding: 0;
  height: 100%;
  width: 100%;
  background-color: transparent;
  outline: none;
}

#game_container .game-html-element .htmlbox {
  height: 100%;
}

.debug #game_container {
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5);
}

.debug #game_container:before,
.debug #game_container:after {
  padding: 5px;
  background-color: white;
  border: 1px solid silver;
  position: absolute;
  font-size: 14px;
}

.debug #game_container:before {
  content: attr(data-width);
  left: 50%;
  top: 5px;
  transform: translateX(-50%);
}

.debug #game_container:after {
  content: attr(data-height);
  top: 50%;
  left: 5px;
  transform: translateY(-50%);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s;
}

.fake-input {
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  padding: 10px;
  font-size: 20px;
}

.fake-input .fake-input-value input {
  width: 100%;
  padding: 10px;
  background-color: white;
  border-radius: 5px;
}

.fake-input .fake-input-done {
  text-align: center;
  margin-top: 20px;
}

.fake-input .fake-input-done a {
  display: inline-block;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANAAAABiCAYAAAAhpl0KAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2ZDA2Y2EwZC03MmYxLWUzNDktODY3Ni1lMWMwOGMxMDZkOTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDBGM0NEODMxNUVFMTFFN0I0QzM5MDMwOEE3RkQzRkMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDBGM0NEODIxNUVFMTFFN0I0QzM5MDMwOEE3RkQzRkMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmQ4Mzk1NDYyLWExZjktMTA0Mi1iNjczLWI4NDkxZTY3MGI0NCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2ZDA2Y2EwZC03MmYxLWUzNDktODY3Ni1lMWMwOGMxMDZkOTciLz4gPC9y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");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 100px;
  height: 50px;
}

.explanation-wrapper {
  height: 100%;
  user-select: none;
  cursor: default;
  background-color: white;
  font-family: KGPrimaryItalics;
  color: #6d4115;
  font-size: 24pt;
  position: relative;
}

.explanation-wrapper.explanation-bg1 {
  background: url("https://mathexplanation.s3.amazonaws.com/Develop/ImageQAs/ViewConcept/bgExplain.jpg")
    no-repeat;
  background-size: cover;
}

.explanation-wrapper.explanation-bg2 {
  background: url("https://mathexplanation.s3.amazonaws.com/Develop/ImageQAs/ViewConcept/bgExplain2.png")
    no-repeat;
  background-size: cover;
}

.explanation-wrapper .explanation-close {
  background: url("https://mathexplanation.s3.amazonaws.com/Develop/ImageQAs/ViewConcept/btnClose.png")
    no-repeat;
  width: 90px;
  height: 100px;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
  position: absolute;
  cursor: pointer;
}

.explanation-wrapper .explanation-close:hover {
  background-image: url("https://mathexplanation.s3.amazonaws.com/Develop/ImageQAs/ViewConcept/btnCloseHover.png");
}

.explanation-wrapper .explanation-actions {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 10px;
  cursor: pointer;
  text-align: center;
}

.explanation-wrapper .explanation-actions span {
  font-size: 30pt;
  font-weight: bold;
  text-shadow: 0px 0px 10px #ffffff;
}

.explanation-wrapper .explanation-actions .explanation-prev,
.explanation-wrapper .explanation-actions .explanation-next {
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  margin: 0 10px;
  vertical-align: middle;
  width: 32px;
  height: 43px;
}

.explanation-wrapper .explanation-actions .explanation-prev:not(.disabled),
.explanation-wrapper .explanation-actions .explanation-next:not(.disabled) {
  cursor: pointer;
}

.explanation-wrapper .explanation-actions .explanation-prev {
  background: url("https://mathexplanation.s3.amazonaws.com/Develop/ImageQAs/ViewConcept/btnPrev.png")
    no-repeat;
}

.explanation-wrapper
  .explanation-actions
  .explanation-prev:hover:not(.disabled) {
  background-image: url("https://mathexplanation.s3.amazonaws.com/Develop/ImageQAs/ViewConcept/btnPrevHover.png");
}

.explanation-wrapper .explanation-actions .explanation-next {
  background: url("https://mathexplanation.s3.amazonaws.com/Develop/ImageQAs/ViewConcept/btnNext.png")
    no-repeat;
}

.explanation-wrapper
  .explanation-actions
  .explanation-next:hover:not(.disabled) {
  background-image: url("https://mathexplanation.s3.amazonaws.com/Develop/ImageQAs/ViewConcept/btnNextHover.png");
}

.explanation-wrapper .style-align-left {
  text-align: left;
}

.explanation-wrapper .style-align-center {
  text-align: center;
}

.explanation-wrapper .style-align-right {
  text-align: right;
}

.explanation-wrapper .style-align-justify {
  text-align: justify;
}

.explanation-wrapper .style-align-center-middle {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.explanation-wrapper .style-absolute {
  position: absolute;
}

.explanation-wrapper .explanation-contents {
  position: absolute;
  left: 20px;
  top: 20px;
  right: 20px;
  bottom: 90px;
  padding-right: 5px;
  overflow-y: auto;
}

.explanation-wrapper .line {
  display: block;
  text-align: justify;
}

.explanation-wrapper .line + .line {
  margin-top: 20px;
}

.explanation-wrapper hr {
  border: 2px solid #a58e74;
}

.explanation-wrapper img {
  display: inline-block;
  vertical-align: middle;
}

.explanation-wrapper span {
  vertical-align: middle;
}

.explanation-wrapper span + img {
  margin-left: 10px;
}

.explanation-wrapper [disabled] {
  opacity: 0.5;
}

.explanation-wrapper .inline {
  display: inline-block;
  vertical-align: middle;
}