/* __V3D_TEMPLATE__ - template-based file; delete this line to prevent this file from being updated */

body {
    margin: 0px;
    overflow: hidden;
}

.v3d-container {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.fullscreen-button {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    background-size: 100% 100%;
    display: none;
    z-index: 1;
}

.fullscreen-open {
    background-image: url('media/fullscreen_open.svg');
}

.fullscreen-close {
    background-image: url('media/fullscreen_close.svg');
}

/* removes tap blinking on ios devices */
* { -webkit-tap-highlight-color:rgba(0,0,0,0); }


.v3d-simple-preloader-logo {
    background-image: url('media/TIBHAR_Logo.png');
}

.v3d-simple-preloader-bar {
    background: #e3000b;
    height: 3px;
    border-color: #4d4d4d;
}

.v3d-simple-preloader-container {
    --v3d-preloader-img-width: 443px;
    --v3d-preloader-img-height: 132px;
}
 .webgl-container {
           
            background: #1a1a1a;
            margin: 20px auto;
        }

        .fullscreen-btn {
            position: absolute;
            top: 10px;
            right: 10px;
            width: 40px;
            height: 40px;
            background: rgba(0, 0, 0, 0.6);
            border: 2px solid rgba(255, 255, 255, 0.3);
            border-radius: 4px;
            cursor: pointer;
            transition: all 0.2s;
            z-index: 10;
        }

        .fullscreen-btn:hover {
            background: rgba(0, 0, 0, 0.8);
            border-color: rgba(255, 255, 255, 0.6);
        }

        .fullscreen-btn svg {
            width: 100%;
            height: 100%;
            
            fill: white;
        }

        /* Fullscreen styles */
        .webgl-container:fullscreen {
            width: 100vw;
            height: 100vh;
			background-color: white;
        }

        .webgl-container:-webkit-full-screen {
            width: 100vw;
            height: 100vh;
        }

        .webgl-container:-moz-full-screen {
            width: 100vw;
            height: 100vh;
        }

        .webgl-container:-ms-fullscreen {
            width: 100vw;
            height: 100vh;
        }