/*
    Copyright (c) 2024 INCHSTONE GmbH, 4950 Austria

    This file is protected by copyright law and international treaties.
    Unauthorized copying or distribution of this file or any part of it
    may be prosecuted and may result in civil and criminal penalties.
*/

body {
    background-image: url(images/background.svg);
    background-repeat: repeat;
    background-size: 20%;

    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    overflow: hidden;
}

.container {
    width: calc(100vh * 131 / 108);
    height: 100vh;
    max-width: 100vw;
    max-height: calc(108 / 131 * 100vw);
    contain: content;
}

.ipad {
    position: relative;
    left: 6.3%;
    top: 7.8%;
    width: 86.9%;
    height: 79.05%;
    z-index: 10;
}

.please-wait {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url('images/please-wait.png') no-repeat;
    background-size: contain;
    z-index: 1;
}

.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url('images/opcua-page.png') no-repeat;
    background-size: contain;
    z-index: 30;
    pointer-events: none;
}

.footer {
    font-family: 'Helvetica', sans-serif;
    position: absolute;
    text-align: center;
    top: 92%;
    width: 100%;
    left: 0%;
    margin: 0;
    font-size: 1.2vw;
    z-index: 1000;
}

iframe {
    border: none;
    width: 100%;
    height: 100%;
}

/* activate the next lines only for adjustment for new coordinates */

/*
.ipad {
    background-color: red;
    opacity: 50%;
    z-index: 100;
}
.overlay {
    opacity: 50%;
}
*/