/*********************************************
 * Splash Screen
 *********************************************/
div#splashScreen {
    width: 80vw;
    height: 80vh;
    background-color: #ffffff;
    border: solid thin black;
    border-radius: 8px;
    position: absolute;
    top: 10vh;
    left: 10vw;
}
div#splashScreen > div.logo {
    text-align: center;
    padding-top: 2vh;
    padding-bottom: 1vh;
    position: relative;
    width: 100%;
    margin: 0px;
}
div#splashScreen div.logo div {
    display: inline-block;
    margin: 0px;
}
div#splashScreen div.logo img {
    object-fit: scale-down;
}
div#splashScreen div.partners {
    height: 16vh;
    width: auto;
    text-align: center;
    display: flex;
    align-items: center;
}
div#splashScreen div.partners > div.logo {
    width: 18%;
    height: auto;
    display: inline-block;
    margin-left: 1%;
    margin-right: 1%;
}
div#splashScreen div.partners img {
    max-width: 90%;
    height: auto;
    object-fit: scale-down;
}
@media (orientation:portrait) {
  div#splashScreen {
    width: 80vw;
    height: auto;
  }
  div#splashScreen > div.logo > div       { height: auto; width: 100%; }
  div#splashScreen > div.logo > div > img { height: auto; width: 98%; }
}
@media (orientation:landscape) {
  div#splashScreen > div.logo > div       { height: 60vh; width: auto; }
  div#splashScreen > div.logo > div > img { height: 58vh; width: auto; max-height: 58vh; }
}

/*********************************************
 * progress bar
 *********************************************/
.loadProgressBar {
    width: 100%;
    height: 4px;
    z-index: 9999;
    position: fixed;
    top: 0
}
.loadBar {
    width: 0;
    height: 100%;
    transition: height .3s;
    background: #000
}

/*********************************************
 * bootstrap exceptions
 *********************************************/
div.bootstrapException {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99999; 
    border-radius: 0px;
    border: thin solid black;
    padding: 24px;
    width: 50vw;
    height: 50vh;
    background-color: #fff;
    color: #000;
}
div.bootstrapException h1 {
    display: block;
    text-align: center;
}
div.bootstrapException.requirejs h1 {
    background-color: #ff4500;
    color: #ffffff;
}
div.bootstrapException.angularjs h1 {
    background-color: #ff0000;
    color: #ffffff;
}
div.bootstrapException p {
    display: block;
    overflow: scroll;
}
div.bootstrapException pre {
    display: block;
    overflow: scroll;
}