.login-page .background {
    background-image: url('/school-res/9ads8fd6a9/img/bg-image.jpg?v2') !important;
}

.login-page .login-wrapper .login-form {
    background-color: #dfdfdf !important;
}

.login-page a {
    color: #2c2cde !important;
}

.login-page button {
    background-color: #2c2cde !important;
}

.login-page .in-block-loader {
    background-color: #dfdfdf !important;
}

.login-page input {
    background: none;
}

.login-page .bottom-line {
    opacity: 0.9;
}

.main-app-wrapper .top-panel-wrapper {
    background-image: url('/school-res/9ads8fd6a9/img/main-background.png?v2') !important;
}

.school-logo .icon-default-logo {
    background-image: url('/school-res/9ads8fd6a9/img/logo.png?v2');
    background-size: contain;
}

@media (max-height: 400px), (max-width: 812px) {
    .login-page {
        padding: 0 !important;
        min-height: 100vh !important;
    }
    .login-form {
        min-height: 100vh !important;
        padding: 15px !important;
    }
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 120dpi) {
    .school-logo .icon-default-logo {
        background-image: url('/school-res/9ads8fd6a9/img/logo@2x.png?v2');
        background-size: contain;
    }
}

.school-logo .icon-default-logo {
    cursor: pointer;
}