body{
    background-color: rgb(0, 0, 0) !important; /* removing in desktop version*/
}
header{
    position: fixed !important;
    top: 10px;
}
#MainLoaderMask{
    background-image: url('img/Textures/CircleBlackMask_mobile.png');
    background-size: cover;
    background-attachment: fixed;
    background-position-x: center;
}
#AppClocksLabel {
    font-size: 60px !important;
    text-align: center ;
    position: fixed !important;
    /* top: 50px; prev */
    top: 70px;
    left: 2.5% !important;
    width: 95%;
}
#AppTimemeterLabel {
    font-size: 60px !important;
    text-align: center ;
    position: fixed !important;
    top: 70px;
    /* top: 110px; prev */
    left: 2.5% !important;
    width: 95%;
}

#app_platform5{
    margin-bottom: 25px;
}
#TopView{
    margin-top: 150px;
    margin-bottom: 50px;
}
#RightView
{
    margin-top: 75px;
    margin-bottom: 50px;
}

#TopViewBtn, #RightViewBtn{
    top: 550px !important;
    position: absolute;
    z-index: 1505555551 !important;
}

#TopViewBtn{
    left: 10% !important;
}
#RightViewBtn{
    left: 55% !important;
}
#BottomMenuGroup{
    z-index: 1505555551 !important;
}
#BottomLeftMenu{
   left: 77% !important;
   block-size: 75px;
}
#openBtn{
    position: absolute;
    left: 82.5% !important;
    /* z-index: 1505555551 !important; */

}
#TimemeterBtn{
    position: absolute;
    /* left: 82.5% !important; */
    z-index: 1505555551 !important;
    /* z-index: 777705555551 !important; */
}

@media screen and (min-width: 200) and (max-width: 500){
    /* .LoaderStyle{
        transform: rotateY('45deg');
        border: 2px solid white;
    } */
    /* :root{
        --loaderGradientmobile: linear-gradient(to top, rgb(55, 0, 255), yellow);
    }
    body{
        background-color: white !important;
        background-size: 50%;
    } */
    /* .LoaderStyleBGmobile{
        background: var(--loaderGradientmobile);
    } */
}