#virtualNavContainer{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: stretch;
    align-content: center;
    width: 100%;
    margin: 0 auto;
    background-color: #263238;
    user-select: none;
}

#virtualSwitchArea {
    width: 100%;
    height: fit-content;
    background-color: #263238;
}

.virtualSwitch{
    -moz-border-radius: 10;
    border-radius: 5px;
    padding: 5px 5px;
    margin: 8px 8px;
    background-color: #303030;
    width: 50%;
}

.imgVirtualButton {
    margin: auto;
    display: block;
    height: 25px;
}

.restrictionMsg{
    padding: 15%;
    color: white;
}

.selected {
    box-shadow: 1px 1px 5px #0c0c0c;
    pointer-events: none;
}

html {
    height: 100%;
    width: 100%;
    /* overflow: hidden; */
}

body {
    padding: 0;
    margin: 0;
    height: 100%;
    width: 100%;
    /* overflow: hidden; */
}

#golden-race-mobile-app {
    width: 100%;
    height: 100%;
    /* height: calc( 100% - 200px ); */
}

#golden-race-mobile-app > iframe[style]{
    /* height: calc( 100% - 95px ) !important; */
    /* height: 100% !important; */
    height: 100%;
    /* width: 100% !important; */
}

#page-binder {
    position: relative;
    float: left;
    /* overflow-x: scroll; */
    height: 100%;
}

#header-submenu-nav{
    display: none;
}

@media screen and ( max-height: 1400px ) { #page-binder { height:93%; } }
@media screen and ( max-height: 1270px ) { #page-binder { height:92%; } }
@media screen and ( max-height: 1100px ) { #page-binder { height:92%; } }
@media screen and ( max-height: 1050px ) { #page-binder { height:90%; } }
@media screen and ( max-height: 900px ) { #page-binder { height:90%; } }
@media screen and ( max-height: 850px ) { #page-binder { height:89%; } }
@media screen and ( max-height: 800px ) { #page-binder { height:88%; } }
@media screen and ( max-height: 750px ) { #page-binder { height:87%; } }
@media screen and ( max-height: 670px ) { #page-binder { height:86%; } }
@media screen and ( max-height: 610px ) { #page-binder { height:84%; } }
@media screen and ( max-height: 540px ) { #page-binder { height:82%; } }
@media screen and ( max-height: 475px ) { #page-binder { height:80%; } }
@media screen and ( max-height: 435px ) { #page-binder { height:77%; } }
@media screen and ( max-height: 380px ) { #page-binder { height:74%; } }
@media screen and ( max-height: 325px ) { #page-binder { height:74%; } }
@media screen and ( max-height: 325px ) { #page-binder { height:70%; } }
@media screen and ( max-height: 285px ) { #page-binder { height:66%; } }
@media screen and ( max-height: 250px ) { #page-binder { height:62%; } }
@media screen and ( max-height: 220px ) { #page-binder { height:56%; } }