﻿

.andritz.errorOverlayView {
    position:absolute;
    background-color:#330000;
    opacity:0.9;
    width:100vw;
    height:100vh;
    left:0px;
    top:0px;
    z-index:5;
    -ms-user-select:text;
}

.andritz.debugOverlayView {
    position:absolute;
    background-color:black;
    opacity:0.9;
    width:100%;
    height:100%;
    left:0px;
    top:0px;
    z-index:5;
    -ms-user-select:text;
}

.andritz.debugOverlayView.output {
    background-color:white;
    opacity:1;
    margin:20px 20px 20px 20px;
    min-height:200px;
    position:relative;
    display:block;
    height:60%;
    width:95%;
    overflow-y:scroll;
    -ms-user-select:text;
}

.andritz.debugOverlayView.button {
    position:relative;
    display:block;
    margin:20px;
    width:120px;
    height:60px;
    float:left;
    color:white;
    background-color:#3c3c3c;
}

.andritz.fadeView {
    background:#fff;
    width:100vw;
    height:100vh;
    opacity:1;
}

.andritz {
    color:#0073b5;
}

.andritz.buttonLabel {
    font-size:1em;
}



.runtime {
    width: 100%;
    height: 100%;
    animation-name: fadeIn;
    animation-duration: 0.5s;
}

.mainWindow {
    display: block;
    width: 100%;
    height: 100%;
    min-width: 600px;
    z-index: 0;
    animation-name: fadeIn;
    animation-duration: 1.5s;
    -ms-interpolation-mode: bicubic;
    overflow: auto;
}

.screenContainer {
    display: block;
    width: 1826px;
    height: 60%;
    min-height: 500px;
    justify-content: center;
    text-align: center;
    align-content: center;
    margin: 0 auto;
    animation-name: fadeIn;
    animation-duration: 1.5s;
    -ms-interpolation-mode: bicubic; 
    font: 20px Roboto-light, sans-serif;
}

.screen {
    width: 100%;
    height: 100%;
    position: relative;
   
    display: flex;
    flex-direction: column;
    text-align: center;
    z-index: 10;
    margin: auto;
    color: #003757;
}

.screenTitle {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    height: 185px;
    padding: 0px;
    font: 60px Roboto-light, sans-serif;
    color: #003757;
}

.screenAreaTitle {
    display: block;
    text-align: left;
    padding-left: 20px;
    font-size: 1.25em;
    color: #003654;
}





.text-align-left {
    text-align: left;
    padding-left: 5px;
}

.text-align-center {
    text-align: center;
}

.border-all {
    border: 1px solid #000;
}
