/*** Copyright (c) Microgaming 2022 ***/
/*** VERSION: 1.4.6 ***/
/*** SHA: d38318b42723f61716dc148e8c9d0ed083ae4414 ***/
/* --- 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 clock --- */
#inGameClock.default-clock {
    width: auto !important;
    height: auto !important;
    line-height: 12px !important;
    font-size: 12px !important;
    position: fixed;
    top: 0;
    right: 1px;
    /* CLOCK STAYS ALWAY ON SCREEN */
    visibility:visible!important;
    clip:auto!important;
    display:block!important;
    margin:0!important;
}



/* --- Go home loading bar... --- */
.meter-wrap-bg-container { visibility: hidden; }
.meter-wrap-bg-left, .meter-wrap-bg-bar, .meter-wrap-bg-right { visibility: hidden; }
.meter-wrap-bg-left { visibility: hidden; }
.meter-wrap-bg-bar { visibility: hidden; }
.meter-wrap-bg-right { visibility: hidden; }
.meter-value { visibility: hidden; }
.meter-bg-container { visibility: hidden; }
.meter-bg-bar, .meter-bg-left, .meter-bg-right { visibility: hidden; }
.meter-bg-bar { visibility: hidden; }
.meter-bg-left { visibility: hidden; }
.meter-bg-right { visibility: hidden; }

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


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

#preloadPureBackground {
    position: absolute;
    z-index: 9997;
    background-repeat: no-repeat;
    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;
}

/* --- Override the preloader background --- */
#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;
}

@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;
    } 
}
   


/* --- The shiny new spin loader --- */
.meter-wrap {
    background-image: url("loader.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    width: 38% !important;
    height: 38% !important;
    top: 51.5%;
    left: 28%;
    right: 28%;
    margin-left: auto;
    margin-right: auto;
    animation: spin 1s infinite steps(12);
    bottom: 4% !important;
}

@keyframes spin {
    0% { transform: rotate(0deg) scale(0.4,0.4); }
    100% { transform: rotate(360deg) scale(0.4,0.4); }
}


.meter-text-value {
    display: inline !important;
    visibility: visible !important;
    position: absolute;
    top: 73.8%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    font-size: 3.08vmin;
    font-style: bold;
    font-family: Lucida Console, Consolas, DejaVu Sans Mono, Liberation Mono;
    color: white;
    text-align: center;
}

#viewporter {
  position: relative; /* --- as regulations top bar fallback --- */
}