body { padding: 0; margin: 0 }
#unity-container { position: absolute }
#unity-container { width: 100%; height: 100% }
#unity-canvas { background: #808080 }
#unity-loading-bar { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none }
#vrepairs-svg-logo {margin-left: auto; margin-right: auto;}
#vrepair-logo { margin-left: auto; margin-right: auto; width: auto; /*height: 120px;*/ /*background: url('VRepairsLogo@.3@0.3x.png') no-repeat center*/ }
.headset-image-disabled {width: 50px; height: 50px; filter: invert(42%) brightness(119%); margin-right: auto; margin-left: auto;}
.headset-image-enabled {width: 50px; height: 50px; margin-right: auto; margin-left: auto;}

#headset-image { }
/*#unity-progress-bar-empty { width: 400px; height: 18px; margin-top: 10px; background: url('progress-bar-empty-dark.png') no-repeat center }
#unity-progress-bar-full { width: 0%; height: 18px; margin-top: 10px; background: url('progress-bar-full-dark.png') no-repeat center;}*/
#progress-bar-empty { position: relative;
    width: 30em;
    height: 1em;
    background-color: #010054;
    border-radius: 1em;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    /*position: relative; border-radius: .5rem; width: 30rem; height: .8rem; margin-top: 10px; background-color: #C3E2ED;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2)*/}
#progress-bar-filling{ /*display: flex; align-items: center; position: absolute; left: .1rem; top:.1rem; bottom: .1rem;
min-width: 1rem; max-width: calc(100% - .1rem); border-radius: .5rem; background-color: #316FBE; padding: .1rem; width: 100%;
height: 100%;*/
    display: flex;
    align-items: center;
    position: absolute;
    left: .2em;
    top: .1em;
    bottom: .1em;
    width: 100%;
    min-width: 2rem;
    max-width: calc(100% - .4em);
    background-image: linear-gradient(to right, #5D53DF , #2DF0B6);
    border-radius: 1em;
    padding: .1em;}
#unity-footer { position: fixed; width: 100%; bottom: 10px; right: 10px; margin-bottom: 5px; line-height: 50px;}
/*#unity-webgl-logo { float:left; width: 204px; height: 38px; background: url('webgl-logo.png') no-repeat center }*/
.unity-build-title { float: left; margin-top: auto; margin-left: 2em;
    color: black; background-color: rgba(100, 100, 100, .2); border-radius: .8em;}
.unity-build-title::before { content: attr(data-label); padding-right: .5em; padding-left: .5em;
    font-family: Calibri; font-size: 30px; color: #010054;}
#unity-fullscreen-button { float: right; width: 38px; height: 38px; background: url('./fullscreen-button.png') no-repeat center }
#unity-webxr-link { float: left; margin-right: 10px; line-height: 38px; font-family: arial; font-size: 18px }
#entervr:enabled { float: right; width: 70px; height: 70px; background-color: #1eaed3; display: inline-block; border: 0;
    border-radius: .5em; box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.25); font-family: Calibri;}
#enterar:enabled { float: right; width: 0px; height: 0px; margin-right: -100px; background-color: #1eaed3; border: 0; }
#entervr:disabled { float: right; width: 70px; height: 70px; background-color: #dddddd; display: inline-block; border: 0;
    border-radius: .5em; font-family: Calibri;}
#enterar:disabled { float: right; width: 0px; height: 0px; background-color: #dddddd; border: 0; }