#webframe {

    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;

}


#webframe iframe {

    position: fixed;
    width: 100%;
    height: 100%;
    /* background-color: #445511; */
    border: none;

}

#webframe .timeout-dialog {
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background-color: var(--touchadvice-bg-color);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: var(--HD60px);
    color: #fff;

}

#webframe .timeout-dialog .btn-continue {
    margin-top: var(--HD45px);
    font-size: var(--HD45px);
    height: var(--HD75px);
    padding: var(--HD60px);
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--element-background-color);
    color: var(--element-text-color);

}

#webframe .timeout-dialog .countdown {
    margin-bottom: var(--HD45px);
    font-size: var(--HD45px);
    height: var(--HD90px);
    width: var(--HD90px);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 4px solid #fff;
    color: #fff;
}