/*!****************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./source/less/main.less ***!
  \****************************************************************************************************************/
#container-loading {
  display: flex;
  flex: 6;
  width: 100%;
  background-image: url(data:application/octet-stream;base64,InVzZSBzdHJpY3QiOwpPYmplY3QuZGVmaW5lUHJvcGVydHkoZXhwb3J0cywgIl9fZXNNb2R1bGUiLCB7IHZhbHVlOiB0cnVlIH0pOwp2YXIgdHNsaWJfMSA9IHJlcXVpcmUoInRzbGliIik7CnZhciBlbnZpcm9ubWVudF8xID0gdHNsaWJfMS5fX2ltcG9ydERlZmF1bHQocmVxdWlyZSgiLi9lbnZpcm9ubWVudCIpKTsKdmFyIGZpbGVfbWFuYWdlcl8xID0gdHNsaWJfMS5fX2ltcG9ydERlZmF1bHQocmVxdWlyZSgiLi9maWxlLW1hbmFnZXIiKSk7CnZhciB1cmxfZmlsZV9tYW5hZ2VyXzEgPSB0c2xpYl8xLl9faW1wb3J0RGVmYXVsdChyZXF1aXJlKCIuL3VybC1maWxlLW1hbmFnZXIiKSk7CnZhciBsZXNzXzEgPSB0c2xpYl8xLl9faW1wb3J0RGVmYXVsdChyZXF1aXJlKCIuLi9sZXNzIikpOwp2YXIgbGVzcyA9IGxlc3NfMS5kZWZhdWx0KGVudmlyb25tZW50XzEuZGVmYXVsdCwgW25ldyBmaWxlX21hbmFnZXJfMS5kZWZhdWx0KCksIG5ldyB1cmxfZmlsZV9tYW5hZ2VyXzEuZGVmYXVsdCgpXSk7CnZhciBsZXNzY19oZWxwZXJfMSA9IHRzbGliXzEuX19pbXBvcnREZWZhdWx0KHJlcXVpcmUoIi4vbGVzc2MtaGVscGVyIikpOwovLyBhbGxvdyBwZW9wbGUgdG8gY3JlYXRlIGxlc3Mgd2l0aCB0aGVpciBvd24gZW52aXJvbm1lbnQKbGVzcy5jcmVhdGVGcm9tRW52aXJvbm1lbnQgPSBsZXNzXzEuZGVmYXVsdDsKbGVzcy5sZXNzY0hlbHBlciA9IGxlc3NjX2hlbHBlcl8xLmRlZmF1bHQ7Cmxlc3MuUGx1Z2luTG9hZGVyID0gcmVxdWlyZSgnLi9wbHVnaW4tbG9hZGVyJykuZGVmYXVsdDsKbGVzcy5mcyA9IHJlcXVpcmUoJy4vZnMnKS5kZWZhdWx0OwpsZXNzLkZpbGVNYW5hZ2VyID0gZmlsZV9tYW5hZ2VyXzEuZGVmYXVsdDsKbGVzcy5VcmxGaWxlTWFuYWdlciA9IHVybF9maWxlX21hbmFnZXJfMS5kZWZhdWx0OwovLyBTZXQgdXAgb3B0aW9ucwpsZXNzLm9wdGlvbnMgPSByZXF1aXJlKCcuLi9sZXNzL2RlZmF1bHQtb3B0aW9ucycpLmRlZmF1bHQoKTsKLy8gcHJvdmlkZSBpbWFnZS1zaXplIGZ1bmN0aW9uYWxpdHkKcmVxdWlyZSgnLi9pbWFnZS1zaXplJykuZGVmYXVsdChsZXNzLmVudmlyb25tZW50KTsKZXhwb3J0cy5kZWZhdWx0ID0gbGVzczsKLy8jIHNvdXJjZU1hcHBpbmdVUkw9aW5kZXguanMubWFw);
  background-position: center;
  background-repeat: no-repeat;
  background-size: unset;
  margin-bottom: 10px;
  background-color: white;
}
body {
  height: 100%;
  width: 100%;
  position: absolute;
}
#loading-content {
  display: none;
}
.gameContainer {
  position: absolute;
  width: 100%;
  height: 100%;
  min-height: 100%;
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
}
.gameContainer canvas {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
}
#fontTemp {
  position: absolute;
  font-size: 2pt;
  background-color: black;
  color: black;
  display: inline-flex;
}
/*---------------reel configure panel------------------*/
#reelConfigPanelContainer {
  position: relative;
  display: none;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 1;
}
#reelConfigPanelContainer #reelConfigPanel {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  padding: 0;
  width: 90%;
  height: 90%;
  background-color: rgba(255, 255, 255, 0.9);
  border: solid #808080 1px;
  border-radius: 15px;
}
#reelConfigPanelContainer #reelConfigPanel #reelConfigPanelForm {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  padding: 0;
  width: 95%;
  height: 98%;
  border: solid red 0px;
  font-family: Verdana, sans-serif;
  font-size: 14px;
  color: #000;
}
#reelConfigPanelContainer #reelConfigPanel #reelConfigPanelForm #panel-100 {
  position: relative;
  display: block;
  margin: auto;
  width: 100%;
  padding: 1%;
  height: 4%;
  border: solid #808080 0px;
  clear: both;
  font-size: 20px;
  font-weight: strong;
}
#reelConfigPanelContainer #reelConfigPanel #reelConfigPanelForm #panel-50 {
  position: relative;
  display: block;
  float: left;
  margin: auto;
  width: 50%;
  height: 85%;
  border: solid #808080 0px;
}
#reelConfigPanelContainer #reelConfigPanel #reelConfigPanelForm #panel-50 .col-40 {
  float: left;
  width: 40%;
  margin-top: 2px;
  text-align: right;
}
#reelConfigPanelContainer #reelConfigPanel #reelConfigPanelForm #panel-50 .col-60 {
  float: left;
  width: 60%;
  margin-top: 2px;
}
#reelConfigPanelContainer #reelConfigPanel #reelConfigPanelForm #panel-50 .row {
  content: "";
  display: table;
  clear: both;
  border: solid #CCCCCC 0px;
  width: 100%;
}
#reelConfigPanelContainer #reelConfigPanel #reelConfigPanelForm .bottomBar {
  position: relative;
  display: block;
  margin: auto;
  width: 100%;
  height: 10%;
  border: solid #808080 0px;
  clear: both;
}
#reelConfigPanelContainer #reelConfigPanel #reelConfigPanelForm .bottomBar .saveButton,
#reelConfigPanelContainer #reelConfigPanel #reelConfigPanelForm .bottomBar .closeButton {
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 1%;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
}
#reelConfigPanelContainer #reelConfigPanel #reelConfigPanelForm .bottomBar .saveButton:hover,
#reelConfigPanelContainer #reelConfigPanel #reelConfigPanelForm .bottomBar .closeButton:hover {
  background-color: green;
}
#reelConfigPanelContainer #reelConfigPanel input[type=text],
#reelConfigPanelContainer #reelConfigPanel input[type=number],
#reelConfigPanelContainer #reelConfigPanel select {
  width: 65%;
  padding: 8px;
  border: 0px solid #ccc;
  border-radius: 4px;
  resize: vertical;
}
#reelConfigPanelContainer #reelConfigPanel input[type=radio] {
  margin: 10px 14px 14px 10px;
}
#reelConfigPanelContainer #reelConfigPanel select {
  display: inline-block;
  width: 60px;
  margin: 2px;
}
#reelConfigPanelContainer #reelConfigPanel input[type=number],
#reelConfigPanelContainer #reelConfigPanel input[type=number] {
  display: inline-block;
  width: 60px;
  margin: 2px;
}
#reelConfigPanelContainer #reelConfigPanel input[type=number]::-webkit-inner-spin-button,
#reelConfigPanelContainer #reelConfigPanel input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#reelConfigPanelContainer #reelConfigPanel #reelConfigPanel #panel-50 label {
  padding: 10px 10px 10px 0;
  display: inline-block;
}
#reelConfigPanelContainer #reelConfigPanel .align-left {
  text-align: left;
}
@media screen and (max-width: 1024px) {
  #reelConfigPanelContainer #reelConfigPanel #panel-50 .col-40,
  #reelConfigPanelContainer #reelConfigPanel #panel-50 .col-60 {
    width: 100%;
    margin-top: 0;
    text-align: left;
  }
  #reelConfigPanelContainer #reelConfigPanelContainer #reelConfigPanel #panel-50 {
    clear: both;
    margin: 0;
    width: 100%;
    height: auto;
  }
  #reelConfigPanelContainer #reelConfigPanelContainer #reelConfigPanel #reelConfigPanelForm {
    overflow-y: scroll;
    font-size: 14px;
  }
  #reelConfigPanelContainer #reelConfigPanelContainer #reelConfigPanel {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  #reelConfigPanelContainer #reelConfigPanel #panel-50 .col-40,
  #reelConfigPanelContainer #reelConfigPanel #panel-50 .col-60 {
    width: 100%;
    margin-top: 0;
    text-align: left;
  }
  #reelConfigPanelContainer #reelConfigPanelContainer #reelConfigPanel #panel-50 {
    clear: both;
    margin: 0;
    width: 100%;
    height: auto;
  }
  #reelConfigPanelContainer #reelConfigPanelContainer #reelConfigPanel #reelConfigPanelForm {
    overflow-y: scroll;
  }
  #reelConfigPanelContainer #reelConfigPanelContainer #reelConfigPanel {
    width: 60%;
  }
}
@media screen and (max-width: 1100px) {
  #reelConfigPanelContainer #reelConfigPanelContainer #reelConfigPanel {
    width: 95%;
    height: 95%;
  }
}
@media screen and (max-height: 620px) {
  #reelConfigPanelContainer #reelConfigPanelContainer #reelConfigPanel {
    height: 98%;
  }
}


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