.login-logo-light,
.login-logo-dark {
    max-height: 90px;
    max-width: 100%;
    width: auto;
}

.login-logo-dark {
    display: none;
}

body.dark-only .login-logo-light {
    display: none;
}

body.dark-only .login-logo-dark {
    display: inline-block;
}

body {
    background: #071329 url("../../../_Template/assets/images/other-images/auth-bg-3d-education.png") center / cover fixed no-repeat;
    min-height: 100vh;
}

body::before {
    background: radial-gradient(circle at center, rgba(5, 14, 32, .08), rgba(5, 12, 29, .34));
    content: "";
    inset: 0;
    pointer-events: none;
    position: fixed;
    z-index: 0;
}

.page-wrapper {
    background: transparent;
    position: relative;
    z-index: 1;
}

body.dark-only,
html[data-bs-theme="dark"] body {
    background: #071329 url("../../../_Template/assets/images/other-images/auth-bg-3d-education.png") center / cover fixed no-repeat;
}

body.dark-only .page-wrapper,
body.dark-only .page-wrapper .authentication-main,
html[data-bs-theme="dark"] .page-wrapper,
html[data-bs-theme="dark"] .page-wrapper .authentication-main {
    background-color: transparent;
    background-image: none;
}

.authentication-main {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: calc(100vh - 115px);
    padding: 32px 15px;
}

.authentication-main > .row,
.authentication-main > .row > [class*="col-"] {
    margin: 0;
    width: 100%;
}

.authentication-main .auth-innerright .authentication-box {
    height: auto;
    justify-content: center;
    min-height: 0;
}

.authentication-main .card-body {
    width: 100%;
}

.authentication-main .cont {
    -webkit-backdrop-filter: blur(18px) saturate(125%);
    backdrop-filter: blur(18px) saturate(125%);
    background: #fff;
    border: 1px solid rgba(255, 255, 255, .58);
    border-radius: 18px;
    box-shadow: 0 24px 80px rgba(0, 8, 26, .42), inset 0 1px 0 rgba(255, 255, 255, .75);
    height: auto;
    margin: 0 auto;
    max-width: 460px;
    min-height: 0;
    overflow: visible;
    padding: 38px;
    position: relative;
    width: 100%;
}

.authentication-main .cont > div:first-child {
    display: block;
    height: auto;
}

.authentication-main .auth-innerright .card-body .theme-form {
    margin: 0;
    width: 100%;
}

.authentication-main .theme-form .form-control {
    border: 1px solid #dfe3eb;
    min-height: 44px;
}

#CustomPagesList {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#CustomPagesList li {
    margin: 0 10px;
}

.login-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

.login-footer,
.login-footer a,
.login-footer .btn-link,
.login-footer .menu-link {
    color: #fff;
}

.login-footer a:hover,
.login-footer a:focus {
    color: #d9e6ff;
}

.password-field {
    position: relative;
}

.password-field .form-control {
    padding-right: 40px;
}

.password-toggle {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    color: #6c757d;
    cursor: pointer;
}

body > .page-wrapper + .text-center,
.page-wrapper .text-center.py-3 {
    position: relative;
    z-index: 1;
}

body.dark-only .authentication-main .cont {
    background: rgba(25, 31, 58, .9);
    border-color: rgba(132, 151, 218, .22);
}

@media (max-width: 575.98px) {
    .authentication-main {
        margin-top: 0;
        min-height: calc(100vh - 150px);
        padding: 20px 12px;
    }

    .authentication-main .cont {
        border-radius: 14px;
        padding: 28px 22px;
    }
}