/* Keepcool corporate colors: #00497e / #4a90e2. Loaded after the generated theme. */
.x-viewport body {
    background-color: #00497e;
    background-image: linear-gradient(90deg, rgba(0, 38, 66, .94) 0%, rgba(0, 49, 84, .82) 27%, rgba(0, 49, 84, .12) 65%),
        url(../images/keepcool/login-background.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
a { color: #00497e; }
.logo.logo-login, .login-window {
    left: max(24px, calc(24vw - 175px)) !important;
}
.logo.logo-login {
    position: fixed !important;
    top: max(24px, calc(50vh - 235px)) !important;
    width: 350px !important;
    padding-top: 0;
}
.logo a img { height: auto; }
.login-window {
    top: max(146px, calc(50vh - 113px)) !important;
    border-top: 4px solid #4a90e2;
    box-shadow: 0 12px 40px rgba(0, 25, 43, .25);
}
.x-container-normal { background-color: #e8f1f8; }
.x-container-normal .x-splitter { background-color: #00497e; }
.x-viewport body.keepcool-authenticated {
    background-image: linear-gradient(rgba(0, 38, 66, .42), rgba(0, 38, 66, .42)),
        url(../images/keepcool/login-background.jpg);
}
@media (max-width: 800px) {
    .x-viewport body {
        background-image: linear-gradient(rgba(0, 38, 66, .65), rgba(0, 38, 66, .65)),
            url(../images/keepcool/login-background.jpg);
    }
    .logo.logo-login, .login-window {
        left: max(10px, calc(50vw - 175px)) !important;
    }
}