body { padding: 0; margin: 0 }
#unity-container { position: relative; }
#unity-container.unity-desktop { left: 50%; top: 50%; transform: translate(-50%, -50%) }
#unity-container.unity-mobile { width: 100%; height: 100% }
#unity-canvas { background: #231F20; display: block; margin:auto; border-radius: 10px; }
.unity-mobile #unity-canvas { width: 100%; height: 100% }
#unity-loading-bar { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none }
#unity-logo { position:relative; margin:auto; width: 154px; height: 130px; background: url('casina_pozzillo_logo_caricamento.png') no-repeat center }
#unity-progress-bar-empty { position:relative; margin:auto; width: 141px; height: 18px; margin-top: 10px; margin-left: 6.5px; 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 }
#unity-footer { position: relative; margin:20px auto 20px auto; max-width:500px; }
.unity-mobile #unity-footer { margin:20px auto 20px auto; max-width:500px; /*display: none*/ }
#unity-logo-title-footer { float:left; width: 102px; height: 38px; background: url('unity-logo-title-footer.png') no-repeat center }

#titolo-vt-normale { display: none; }
#unity-build-title, #titolo-vt-normale { float: right; width:80%; margin-right: 10px; line-height: 38px !important; font-family: arial; font-size: 18px; text-align: center !important; }

#unity-fullscreen-button { cursor:pointer; float: right; width: 38px; height: 38px; border-radius: 8px; background: url('fullscreen-btn.png') no-repeat center; background-size: 38px 38px; }
#unity-fullscreen-button-mobile { display:none; cursor:pointer; float: right; width: 38px; height: 38px; border-radius: 8px; background: url('fullscreen-btn.png') no-repeat center; background-size: 38px 38px; }
#exit-fullscreen-btn-mobile { display:none; cursor:pointer; float: right; width: 38px; height: 38px; border-radius: 8px; background: url('btn_exit-fullscreen.png') no-repeat center; background-size: 38px 38px; }
#unity-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none }



.fullscreen-vt
{
    position: fixed;
    top: 66px;  /* height of navbar */
    left: 0px;
    border-radius: 0px !important;
}

.fullscreen-footer
{
    position: fixed !important;
    width: 80%;
    left: 10%;
    height: 60px;
    bottom: 10px;
    background-color: white;
    border-radius: 10px;
    padding: 10px;
}


/* ----------------------------- Responsive adjustments ------------------ */

    @media (max-width: 600px) 
    {
      #unity-loading-bar { 
        top: 80px;
        max-width: none; 
      }

      #unity-fullscreen-button { display: none; }
      #unity-fullscreen-button-mobile { display: block; }
    }