/* Unity WebGL related */
/*
// NOTE:  These styles conflict with the web portal's center content.
.unity-container { 
    position: absolute 
}

.unity-container.unity-desktop { 
    left: 50%; 
    top: 50%; 
    transform: translate(-50%, -50%) 
}

.unity-container.unity-mobile { 
    width: 100%; 
    height: 100% 
}
*/
.unity-mobile #unity-canvas { 
    width: 100%; 
    height: 100% 
}

#unity-canvas { 
    background: #000000;
    width:100%; 
    object-fit: contain
}

.unity-logo { 
    width: 154px; 
    height: 130px; 
    background: url('/images/UnityWebGL/unity-logo-dark.png') no-repeat center 
}

.unity-progress-bar-empty { 
    width: 141px; 
    height: 18px; 
    margin-top: 10px; 
    margin-left: 6.5px; 
    background: url('/images/UnityWebGL/progress-bar-empty-dark.png') no-repeat center 
}

.unity-progress-bar-full { 
    width: 0%; 
    height: 18px; 
    margin-top: 10px; 
    background: url('/images/UnityWebGL/progress-bar-full-dark.png') no-repeat center 
}

.unity-footer { 
    position: relative 
}

.unity-mobile .unity-footer { 
    display: none 
}

.unity-webgl-logo { 
    float:left; 
    width: 204px; 
    height: 38px; 
    background: url('/images/UnityWebGL/webgl-logo.png') no-repeat center 
}

.unity-build-title { 
    float: right; 
    margin-right: 10px; 
    line-height: 38px; 
    font-family: arial; 
    font-size: 18px 
}

.unity-fullscreen-button 
{ 
    float: right; 
    width: 38px; 
    height: 38px; 
    background: url('/images/UnityWebGL/fullscreen-button.png') no-repeat center 
}

.unity-warning { 
    position: absolute; 
    left: 50%; 
    top: 5%; 
    transform: translate(-50%); 
    background: white; 
    padding: 10px; 
    display: none 
}

.bhg-fs-loading-logo { 
    float:left; 
    width: 500px; 
    height: 320px; 
    background: url('/images/UnityWebGL/bhg_loading.gif') no-repeat center;

    position: absolute; 
    left: 50%; 
    top: 50%; 
    transform: translate(-50%, -50%)     
}