#footer {
    position: fixed !important;
}

body.login-page {
    background: #ecf0f5;
    background: -moz-linear-gradient(top, #ecf0f5 0%, #6b859b 100%);
    background: -webkit-linear-gradient(top, #ecf0f5 0%, #6b859b 100%);
    background: linear-gradient(to bottom, #ecf0f5 0%, #6b859b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ecf0f5', endColorstr='#6b859b', GradientType=0);
}

body.login-page.bs-img {
    background: url("/images/login-bg.webp") no-repeat center center fixed !important;
    background-size: cover;
}

.login-cover {
    position: relative;
    overflow: hidden;
    background: linear-gradient(rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.65));
    box-shadow: 2px 5px 15px #000;
}

.login-cover::before {
    z-index: -1;
    content: " ";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background: inherit;
    background-size: contain;
    -webkit-filter: blur(15px);
    filter: blur(15px);
}

.login-page .wizard > .content > .body {
    width: 100%;
    height: 100%;
}

.login-page .wizard > .content {
    background-color: transparent !important;
    margin: 0 !important;
}

.login-page .wizard > .actions,
.login-page .wizard > .steps {
    display: none !important;
}

.login-page .wizard > .content > .body label.error {
    margin: 0 !important;
}

@media (min-width: 768px) {
    .login-page .full-vh {
        height: 100vh;
    }
}

.login-hidden {
    display: none !important;
}

.login-page-wrapper {
    position: relative;
    min-height: 100vh;
}

.login-side-spacer {
    margin-bottom: 0;
    padding: 0;
}

.login-notifications {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    z-index: 1;
}

.login-notifications-body {
    padding: 0;
    background-color: rgba(255, 255, 255, 0.5);
}

.login-notifications-scroll {
    height: auto;
    padding-right: 17px;
}

.login-ie-warning {
    background: #e80e0e;
    color: #fff;
    padding: 10px;
    margin: -15px;
    text-align: center;
    font-weight: bold;
}

.login-browser-list {
    margin-bottom: 0;
}

.login-browser-item {
    border: 0;
}

.login-browser-icon {
    width: 25px;
}

.login-form-header {
    padding: 30px 0 10px 0;
}

.login-logo {
    width: 300px;
    height: 72px;
    margin-bottom: 30px;
}

body.account-page {
    background: url("/images/login-bg.jpg") no-repeat center center fixed;
    background-size: cover;
}

.account-page .cover,
.cover.login-cover {
    position: relative;
    overflow: hidden;
    background: linear-gradient(rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.65));
    box-shadow: 2px 5px 15px #000;
}

.account-page .cover::before,
.cover.login-cover::before {
    z-index: -1;
    content: " ";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background: inherit;
    background-size: contain;
    -webkit-filter: blur(15px);
    filter: blur(15px);
}

.login-form-header-xl {
    padding: 40px 0 0 0;
}

.login-form-header-lg {
    padding: 40px 0;
}

.login-logo-xl {
    width: 300px;
    height: 72px;
    margin-bottom: 40px;
}

.login-logo-sm {
    width: 100px;
    height: 100px;
}

.login-text-dark {
    color: #000;
}

.login-link-action {
    text-decoration: underline;
    cursor: pointer;
}

.login-side-wide {
    margin-bottom: 0;
    padding: 0;
}

.login-form-panel-offset {
    margin-bottom: 60px;
}

.bg-img ~ .cls-content .panel {
    background: rgba(255, 255, 255, 0.9);
}

#bg-overlay.bg-img {
    background: url("/images/login-bg.jpg") no-repeat center center fixed;
    background-size: cover;
}

.cls-content-offset {
    margin-bottom: 60px;
}

.login-logo-square {
    height: 100px;
    width: 100px;
}

.forgot-password-outer {
    position: relative;
}

.forgot-password-wrapper {
    min-height: 100vh;
    align-items: center;
    display: flex;
}

.forgot-password-card {
    margin-bottom: 60px;
}

.forgot-password-footer {
    background-color: #e7e7e8;
    border-radius: 0;
    color: #999;
    border-top: none;
}

.hidden-recaptcha {
    text-align: left;
    visibility: hidden;
    height: 1px;
    line-height: 1px;
}

.select-full-width {
    width: 100%;
}

.account-wizard-steps-third .wizard > .steps > ul > li {
    width: 33%;
}

.account-wizard-steps-half .wizard > .steps > ul > li {
    width: 50%;
}

.login-tab-hidden {
    display: none !important;
}

.reset-password-card {
    padding: 20px;
}

.account-error-title {
    color: red;
}