body, html {
    height: 100%;
    padding: 0;
    margin: 0;
}

#loadingscreen {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #00204d;
    color: white;
    display: table;
    text-align: center;
}

.splash-inner {
    display: table-cell;
    vertical-align: middle;
}

.splash-image {
    display: none;
}

.splash-text {
    color: #FFF;
    font-family: sans-serif, 'Open Sans';
    font-size: 36px;
    font-weight: lighter;
}

.msp #loadingscreen {
    background: #fff;
}

.msp .splash-image {
    display: block;
    height: 169px;
    background: url(images/loading.png) center center no-repeat;
}

.msp  #loadingscreen .splash-text {
    
    margin: 0;
    font-size: 36px;
    font-weight: 300;
    line-height: 46px;

    color: #999 !important;
    text-align: center;
}

/*
* Two classes H1 and H2 added to make loading screen be like in management console
*/
.msp .splash-space h1 {
    margin: 0;
    font-size: 36px;
    font-weight: 300;
    line-height: 46px;
}

.msp .splash-space h2 {
    margin: 0;
    margin-bottom: 70px;
    font-size: 26px;
    font-weight: 300;
    color: #303030;
}

#loadingscreen .splash-text {
    vertical-align: middle;
}

@keyframes loading {
    from {opacity: 0;}
    to {opacity: 1;}
}
@-webkit-keyframes loading {
    from {opacity: 0;}
    to {opacity: 1;}
}
@-moz-keyframes loading {
    from {opacity: 0;}
    to {opacity: 1;}
}

/*
* https://www.google.com/fonts#QuickUsePlace:quickUse
* https://fonts.googleapis.com/css?family=Open+Sans:300,400,600&subset=latin,latin-ext,cyrillic
*/
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(fonts/OpenSans-Light.woff) format('woff');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(fonts/OpenSans.woff) format('woff');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(fonts/OpenSans-Regular.woff) format('woff');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(fonts/OpenSans-Semibold.woff) format('woff');
}

/*
 * Center custom logo
 */
.msp .acronis-navigation-bar .navigation-logo-img img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}