/*** Copyright (c) Microgaming 2022 ***/
/*** VERSION: 1.7.4 ***/
/*** SHA: 03ee45d97f3fa26763bd9a9b0f8d159a696b0583 ***/
/* --- Temp fix for bootstrap --- */
body {
  background: none !important;
  overflow-x: hidden;
  overflow-y: hidden;
}

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

#viewporter{
    position: fixed !important;
}

#customDialogContainer{
   position: relative !important;  
}

#gameCanvas {
    -webkit-user-select: none !important; /* Safari 3.1+ */
    -moz-user-select: none !important; /* Firefox 2+ */
    -ms-user-select: none !important; /* IE 10+ */
    user-select: none !important; /* Standard syntax */
}

/* --- Complete and utter override of V's clock ---
#inGameClock.default-clock {
    line-height: 12px !important;
    font-size: 12px !important;
    position: fixed;
    top: 0;
    right: 1px;
    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; }


/* --- Override the preloader background --- */

@media screen and (orientation: portrait){
	#preloaderBackground {
        position: fixed;
        /*z-index: 9999;*/
        background-repeat: no-repeat;
        background-size: cover !important;
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
        top: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        margin: auto;
        height: 100% !important;
        width: 100% !important;
        z-index: -1;
    }

}

/* --- 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: 9vmax;
    height: 9vmax;*/
    width:20vmin;
    height:20vmin;
    top: 72.6%;
    margin-left: auto;
    margin-right: auto;

    overflow: hidden;
    -webkit-backface-visibility: hidden;

    animation: spin 1.0s linear infinite;
    -webkit-animation: spin 1.0s linear infinite;
}

@-webkit-keyframes spin {
    0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); }
    100% {  transform: rotate(360deg); -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); -webkit-transform: rotate(0deg);  }
    100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); }
}


.meter-text-value {
    display: inline !important;
    visibility: visible !important;
    position: absolute;
    top: 83.8%;
    left: 50%;
    margin-right: -50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 3.5vmin;
    font-style: bold;
    font-family: "arial", Arial, serif;
    color: white;
    text-align: center;
    
}

@media screen and (max-width: 1000px){
    .meter-wrap{
        width: 22vmin;
        height: 22vmin;
        top: 73%;
    }
    .meter-text-value {
        top: 84.3%;
        font-size: 3.8vmin;
    }
}

@media screen and (orientation: portrait) {
    .preloaderBackground {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .meter-wrap {
        top: 65%;
        width: 26vmin;
        height: 26vmin;
    }
    .meter-text-value {
        top: 80.2%;
        font-size: 2.5vmax;
    }
    #canvasContainer {
        height: 100%;
    }
}

/*@media screen and (device-height : 320px) and (device-width : 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape){
    .meter-text-value {
        top: 70% !important;
    }    
}*/