/*** Copyright (c) MGS 2024 ***/
/*** VERSION: 1.0.0.55-rc ***/
/*** SHA: 0a6933e915204659322c26453e8640a078456508 ***/
/*** Copyright (c) MGS 2017 ***/
/*** VERSION: 1.0.0 ***/
/*** SHA: 779c8fe2e2aadb7e43945c986544acf3f044a311 ***/
/* --- Temp fix for bootstrap --- */
body {
    background: none !important;
}
/* --- Fix for firefox highlighting game canvas --- */
#gameCanvas {
    -webkit-user-select: none !important;  /* Chrome all / Safari all */
    -moz-user-select: none !important;     /* Firefox all */
    -ms-user-select: none !important;      /* IE 10+ */
    user-select: none !important;          /* Likely future */
}

#game, #paytable, #preloader, #viewporter, body, html {
    overscroll-behavior-x: none;
}

#viewporter {
    position: fixed;
}

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

/* --- 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 --- */
#preloaderBackground {
    position: absolute;
    z-index: 1000;
    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;
}

/* --- 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: 10%;
    height: 10%;
    top: 63%;
    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: none !important;
    visibility: visible !important;
    position: absolute;
    top: 79.2%;
    left: 50%;
    margin-right: -50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 3vmax;
    font-style: bold;
    font-family: "arial", Arial, serif;
    color: white;
    text-align: center;
}

/*.gameName-default{
    font-weight: 600;
    margin-left: 40px;
}*/

/*bottom left conner*/

.gameName-default{
    font-size: 1.5vh;
    opacity: 0.5;
    border-radius: 3px;
    padding: 3px;
    -webkit-transform:rotate(-90deg);
    transform: rotate(-90deg);
    position: fixed;
    border-radius: 3px;
    top: unset;/*removes V default settings*/
    left: unset;/*removes V default settings*/
    bottom: 14%;/*increase to move text up*/
    right: 1vh;/*increase to move text way from the right*/
    -webkit-transform-origin: right; /*helps rotate around right axis instead of the middle of the text*/
}

@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: 45%;
    }
    .meter-text-value {
        top: 70.15%;
        font-size: 3vmax;
    }
    .gameName-default{
        font-size: 1vh;
        bottom: 8.5%;
        right: 0.6vh;
    }
}