.right-bar {
    width: 790px;
    right: -800px;
}
.page-content {
    padding: calc(70px + 24px) calc(24px * .75) 2px calc(24px * .75);
}

.bg-blue-login,
.btn-blue-login {
    background-color: #2a3042;
    color: #fff;
}

.btn-blue-login:hover {
    background-color: #1e222e;
    color: #fff;
}

.btn-blue-login:active {
    background-color: #1e222e !important;
    color: #fff !important;
}

.header-avatar-initials {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.85rem;
    color: #1f2937;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    flex-shrink: 0;
}

.avatar-bg-0 {
    background-color: #E8F0FE;
}

.avatar-bg-1 {
    background-color: #E8F8F2;
}

.avatar-bg-2 {
    background-color: #FDF2E9;
}

.avatar-bg-3 {
    background-color: #F1ECFF;
}

.avatar-bg-4 {
    background-color: #EAF3FF;
}

.avatar-bg-5 {
    background-color: #FCE8F3;
}

/* Fix for vertical collapsed menu height */
body.vertical-collpsed {
    min-height: 100vh !important; /* Reset the excessive min-height from the main theme */
}