.login-container {
    min-height: 100% !important;
    background-color: #f5f5f5 !important; /* Light grey background */
    padding: 20px !important;
}

.login-panel {
    max-width: 480px;
    background-color: var(--color-white) !important;
    padding: 32px !important;
    border-radius: 8px !important;
    color: var(--text-neutral-primary) !important;
    gap:24px;
}

.login-panel p{
    text-align: left;
    width: 100%;
}

.login-logo {
    max-width: 220px !important;
    width: 220px !important;
    height: auto !important;
}

.welcome-text {
    margin-bottom: 30px !important;
}

.login-devider {
    border: none;
    border-top: 1px var(--stroke-neutral) solid;
}

a.login-email {
    user-select: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    text-decoration: none;
}

.login-error {
    color: var(--text-neutral-primary) !important;
    width: 100%;
}

    .login-error .mud-alert-icon, .login-error .mud-alert-message {
        padding: 0;
        align-self:center
    }

    .login-error .mud-alert-icon {
        color: var(--danger-text-hover);
        opacity: 1;
    }

        .login-error .mud-alert-icon svg {
            width: 24px;
            height: 24px;
        }