/*** COPYRIGHT (c) MICROGAMING 2025 ***/
/*** VERSION: 1.7.2 ***/
/*** SHA: d372f4fa978a706be54e6eabc0924f6aff6a74ea ***/
body {
  background: none !important;
}
/* --- Complete and utter override of V's clock --- */
/* --- 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 --- */


/* overwriting v css, as in Firefox double click screen,canvas is getting highlighted*/
#gameCanvas{
  -webkit-user-select : none !important;
  user-select : none !important ;
  -ms-user-select : none !important;
  -moz-user-select : none !important;
  -o-user-select : none !important;
}

#viewporter{
  position: fixed !important;
}

.meter-wrap {
  position: absolute;
  height: 10px;
  width: 50%;
  bottom: 5%;
  left: 0px;
  right: 0px;
  margin: auto auto;
}
.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 #FF0000 !important;
  border-bottom: 1px solid #FF0000 !important;
  background-color: #000;
  box-sizing: border-box;
}
.meter-wrap-bg-left {
  position: absolute;
  border-radius: 12px 0px 0px 12px;
  border-left: 1px solid #FF0000 !important;
  border-top: 1px solid #FF0000 !important;
  border-bottom: 1px solid #FF0000 !important;
  width: 5%;
  height: 12px;
  left: 0px;
  -webkit-box-sizing: border-box;
}
.meter-wrap-bg-bar {
  position: absolute;
  border-top: 1px solid #FF0000 !important;
  border-bottom: 1px solid #FF0000 !important;
  width: 93%;
  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 #FF0000 !important;
  border-top: 1px solid #FF0000 !important;
  border-bottom: 1px solid #FF0000 !important;
  width: 5%;
  left: 96%;/*For Desktop this should be 96, For Mobile this should be 94*/
  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: #FF0000 !important;
  animation: none !important;
}
.meter-bg-bar {
  border-radius: 10px 10px 10px 10px;
  background-color: #ff0000;
  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);
  }
}

.noselect {
 -webkit-touch-callout: none !important; /* iOS Safari */
 -webkit-user-select: none !important; /* Safari */
 -khtml-user-select: none !important; /* Konqueror HTML */
 -moz-user-select: none !important; /* Firefox */
 -ms-user-select: none !important; /* Internet Explorer/Edge */
 user-select: none !important; /* Non-prefixed version, currently supported by Chrome and Opera */
}