/*** Copyright (c) Microgaming 2022 ***/
/*** VERSION: 1.6.3 ***/
/*** SHA: f6dd5a804d414c14247141ff713db82b9d492a12 ***/
/* --- Temp fix for bootstrap --- */
body {
  background: none !important;
}

/* --- Fix visuallyhidden class so the game does not move up when reg markets items are hidden --- */
.visuallyhidden {
  display: none;
}

/* --- Complete and utter override of V's preloader --- */

#gameCanvas {
  -moz-user-select: none !important;
  -webkit-user-select: none !important;
}

#preloadLogo {
  position: absolute;
  z-index: 9998;
  background-repeat: no-repeat;
  background-size: contain !important;
  background-position: 50% 50% !important;
  transform: translate(0px, 0px);  
  top: 10% !important;
  bottom: 20% !important;
  left: 0 !important;
  right: 0 !important;
  margin: auto;
  height: auto !important;
  width: auto !important;
}

#preloadPureBackground {
  position: absolute;
  z-index: 9997;
  background-repeat: no-repeat;
  background-color: #57313E ;
  background-size: cover !important;
  background-position: 50% 50% !important;
  transform: translate(0px, 0px);
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  margin: auto;
  height: auto !important;
  width: auto !important;
}

#preloaderBackground {
  position: absolute;
  z-index: 9999;
  background-repeat: no-repeat;
  background-size: 0 0 !important;
  transform: translate(0, 0);
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  margin: auto;
  height: auto !important;
  width: auto !important;
}

.meter-wrap {
  position: absolute;
  height: 10px;
  width: 50%;
  bottom: 5%;
  left: 0px;
  right: 0px;
  margin: auto auto;
  margin-bottom: env(safe-area-inset-bottom);
}

.meter-wrap-bg-container {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  padding: 0 0px;
}

.meter-wrap-bg-left, .meter-wrap-bg-bar, .meter-wrap-bg-right {
  position: relative;
  float: left;
  height: 100%;
  top: -100%;
  border-top: 1px solid #f6b700 !important;
  border-bottom: 1px solid #f6b700 !important;
  background-color: #000;
  box-sizing: border-box;
}

.meter-wrap-bg-left {
  position: absolute;
  border-radius: 12px 0px 0px 12px;
  border-left: 1px solid #f6b700 !important;
  border-top: 1px solid #f6b700 !important;
  border-bottom: 1px solid #f6b700 !important;
  width: 5%;
  height: 12px;
  left: 0px;
  -webkit-box-sizing: border-box;
}

.meter-wrap-bg-bar {
  position: absolute;
  border-top: 1px solid #f6b700 !important;
  border-bottom: 1px solid #f6b700 !important;
  width: 92%;
  left: 5%;
  height: 12px;
  -webkit-box-sizing: border-box;
}

.meter-wrap-bg-right {
  position: absolute;
  border-radius: 0px 12px 12px 0px;
  border-right: 1px solid #f6b700 !important;
  border-top: 1px solid #f6b700 !important;
  border-bottom: 1px solid #f6b700 !important;
  width: 5%;
  left: 95%;
  height: 12px;
  margin: 0px 0px 0px 2px;
  -webkit-box-sizing: border-box;
}

.meter-value {
  margin-top: -10px;
  height: 10px;
  width: 10%;
  margin-left: 0px;
  overflow: hidden;
}

.meter-bg-container {
  margin: 2px 0px 0px 2px;
  position: relative;
  padding: 0 0px;
  height: 0px;
}

.meter-bg-bar, .meter-bg-left, .meter-bg-right {
  position: relative;
  float: left;
  height: 100%;
  top: 0%;
  box-sizing: border-box;
  background-color: #f6b700 !important;
  animation: none !important;
}

.meter-bg-bar {
  border-radius: 10px 10px 10px 10px;
  background-color: #f6b700;
  width: 100%;
  height: 8px;
}

.meter-bg-left {
  display: none;
  visibility: hidden;
  right: 10px;
  width: 10px;
  height: 100%;
  top: 0px;
  border-radius: 10px 0px 0px 10px;
}

.meter-bg-right {
  display: none;
  visibility: hidden;
  width: 10px;
  margin-right: -10px;
  height: 100%;
  border-radius: 0px 10px 10px 0px;
}

.meter-text-value {
  display: none;
  visibility: hidden;
}

@media screen and (orientation: portrait) {
  .preloaderBackground {
    transform-origin: 0 0;
    transform: rotate(90deg);
  }
}

@media screen and (orientation: landscape) {
  
#viewporter {
  position: fixed !important;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
}

#viewporter[data-absolute="true"] {
  position: absolute !important;
} 
}

@media screen and (orientation: portrait) {
     #viewporter{
        position: fixed;
        height: 100% !important;
        width: 100% !important;
        } 
}