.clearfix {
    height: 15px;
}

.content-wrapper {
    padding: 0.05rem 2.75rem; /*  background: beige;*/
}

#lblMessageSuccess {
    color: white;
    background: linear-gradient(to right, #84d9d2,#07cdae);
    font-size: 19px;
    font-weight: bolder;
}

#lblMessageError {
    color: white;
    background: linear-gradient(to right, #ffbf96, #fe7096);
    font-size: 19px;
    font-weight: bolder;
}

.sidebar .nav {
    overflow: inherit !important;
}

.navbar .navbar-brand-wrapper .navbar-brand {
    color: #007bff;
    font-size: 3.5rem;
}

.titleMini {
    font-size: 2.0rem !important;
}

.nav-link:hover {
    color: #0056b3 !important;
}

.navbar .navbar-brand-wrapper .navbar-brand {
    color: #007bff !important;
    font-size: initial !important;
    font-weight: bold !important;
    background-color: #0067f4; /*  background-color: blue !important;*/
    color: White !important; /*  height:85px;*/
}

.navbar .navbar-menu-wrapper {
    color: white !important;
}

.text-center.navbar-brand-wrapper.d-flex.align-items-center.justify-content-center {
    background-color: #0067f4;
}

#profileDropdown {
    background-color: coral;
}

#btnSignout:hover {
    color: coral !important;
}

#logo:not(.jb-header-logo) {
    max-width: 72%;
}

#nwm {
    max-width: 75%; /*margin-left: 50%;*/
}

.navbar .navbar-menu-wrapper {
    background-color: #0067f4; /*height:85px;*/
}

#logonwm {
    padding-left: 0%;
}

#logo9999 {
    margin-left: 33% !important;
    width: 55%;
}

.nic {
    width: 14%;
}

@media (max-width:997px) {
    .navbar-brand-wrapper {
        width: 100% !important;
    }

    .navbar-brand, .brand-logo {
        display: inline-block !important;
    }

    .brand-logo-mini {
        display: none !important;
    }
}

.text-muted.text-center.text-sm-left.d-block.d-sm-inline-block {
    width: 50% !important;
}



#btnSignout {
    color: red !important;
}

select.form-control {
    color: black !important;
}

.form-control-sm {
    height: 2rem !important;
}

.navbar.default-layout-navbar.col-lg-12.col-12.p-0.fixed-top.d-flex.flex-row {
    height: 80px !important;
    background-color: #0067f4 !important;
}

.nav-link {
    color: black !important;
}

.text-muted, .preview-list .preview-item .preview-item-content p .content-category {
    color: #343a40 !important;
}

.HeaderClass {
    background: maroon !important;
}

.AlternateRow {
    background: #90caf9 !important;
    color: black !important;
}

.sidebar .nav .nav-item .nav-link {
    white-space: inherit !important;
}

.text-secondary, .list-wrapper .remove {
    color: red !important;
    font-weight: bold;
    font-size: 19px !important;
}

/* ── Jan Bhagidari header branding (logo before title) ── */
.jb-header-branding {
    display: flex !important;
    flex-direction: row;
    align-items: center;
    flex: 1 1 auto;
    gap: 0.85rem;
    padding: 0 0.75rem 0 0.25rem;
    min-width: 0;
}

  /*  .jb-header-branding #logo,
    .jb-header-branding #logo.jb-header-logo {
        max-width: none !important;
        width: auto !important;
        height: 54px !important;
        flex-shrink: 0;
        object-fit: contain;
    }*/

.navbar.default-layout-navbar .navbar-menu-wrapper {
    flex: 1 1 auto;
    align-items: center !important;
}

    .navbar.default-layout-navbar .navbar-menu-wrapper > .navbar-toggler {
        flex-shrink: 0;
    }

.jb-app-title {
    font-family: "Segoe UI", "Noto Sans", system-ui, sans-serif !important;
    /* font-size: 1.05rem !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    letter-spacing: 0.01em;
    text-align: left !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #ffffff !important;*/
    padding: 0 !important;
    position: fixed
}

/*@media (max-width: 1200px) {
    .jb-app-title {
        font-size: 0.92rem !important;
    }

    .jb-header-branding #logo {
        height: 46px;
    }
}
*/
@media (max-width: 991px) {
    .jb-header-branding {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.35rem;
    }

        .jb-header-branding #logo {
            height: 40px;
        }

    .jb-app-title {
        font-size: 0.82rem !important;
    }
}

/* ── Jan Bhagidari sidebar (grey/charcoal theme) ── */
#sidebar.sidebar {
    background: #ffffff;
    border-right: 1px solid #e2e8f0;
    box-shadow: 1px 0 8px rgba(15, 23, 42, 0.04);
    font-family: "Segoe UI", "Noto Sans", system-ui, -apple-system, sans-serif;
    width: 268px;
}

#sidebar .nav {
    padding: 0.65rem 0 1.25rem;
    margin-bottom: 0;
}

    #sidebar .nav .nav-item {
        padding: 0 0.6rem;
        margin-bottom: 1px;
    }

        #sidebar .nav .nav-item.nav-profile {
            padding: 0;
            margin: 0 0 0.85rem;
            border-bottom: 1px solid #e2e8f0;
        }

            #sidebar .nav .nav-item.nav-profile > .nav-link {
                background: linear-gradient(180deg, #374151 0%, #1f2937 100%);
                border-radius: 0;
                padding: 0.95rem 1rem 0.85rem;
                margin: 0;
                flex-wrap: wrap;
                color: #f9fafb !important;
                box-shadow: none;
            }

                #sidebar .nav .nav-item.nav-profile > .nav-link:hover {
                    background: linear-gradient(180deg, #4b5563 0%, #374151 100%);
                    color: #ffffff !important;
                }

            #sidebar .nav .nav-item.nav-profile .nav-profile-image img {
                width: 46px;
                height: 46px;
                border: 2px solid rgba(255, 255, 255, 0.75);
                box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
            }

            #sidebar .nav .nav-item.nav-profile .nav-profile-text .font-weight-bold {
                font-size: 0.9rem;
                font-weight: 600 !important;
                line-height: 1.45;
                color: #ffffff !important;
                letter-spacing: 0.01em;
            }

            #sidebar .nav .nav-item.nav-profile .nav-profile-text .text-secondary {
                color: #d1d5db !important;
                font-weight: 400 !important;
                font-size: 0.76rem !important;
                line-height: 1.5;
                margin-top: 0.2rem;
            }

            #sidebar .nav .nav-item.nav-profile .nav-profile-badge {
                color: #86efac !important;
                font-size: 1rem;
            }

        #sidebar .nav .nav-item > .nav-link {
            color: #374151 !important;
            font-size: 0.875rem;
            font-weight: 500;
            line-height: 1.4;
            padding: 0.62rem 0.8rem;
            margin: 0;
            border-radius: 5px;
            border-left: 3px solid transparent;
            transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease;
            white-space: normal !important;
        }

        #sidebar .nav .nav-item > .nav-link,
        #sidebar .nav.sub-menu .nav-item .nav-link,
        #sidebar #btnSignout.nav-link {
            display: flex !important;
            flex-direction: row !important;
            align-items: center !important;
            flex-wrap: nowrap !important;
        }

            #sidebar .nav .nav-item > .nav-link .menu-title,
            #sidebar #btnSignout .menu-title {
                flex: 1 1 auto;
                order: 2;
                padding-right: 0.25rem;
                letter-spacing: 0.008em;
            }

            #sidebar .nav .nav-item > .nav-link i.menu-icon,
            #sidebar #btnSignout i.menu-icon {
                order: 1 !important;
                font-size: 1.125rem !important;
                line-height: 1 !important;
                color: #6b7280 !important;
                margin-left: 0 !important;
                margin-right: 0.65rem !important;
                min-width: 1.25rem !important;
                width: 1.25rem !important;
                flex-shrink: 0 !important;
                text-align: center !important;
            }

            #sidebar .nav .nav-item > .nav-link i.menu-arrow {
                order: 3 !important;
                color: #9ca3af !important;
                font-size: 0.875rem !important;
                margin-left: auto !important;
                margin-right: 0 !important;
                flex-shrink: 0 !important;
            }

            #sidebar .nav .nav-item > .nav-link:hover {
                background: #f3f4f6 !important;
                color: #111827 !important;
                border-left-color: #9ca3af;
            }

                #sidebar .nav .nav-item > .nav-link:hover i.menu-icon {
                    color: #374151 !important;
                }

            #sidebar .nav .nav-item.active > .nav-link,
            #sidebar .nav .nav-item > .nav-link.active {
                background: #e5e7eb !important;
                color: #111827 !important;
                border-left-color: #374151;
                box-shadow: none;
                font-weight: 600;
            }

                #sidebar .nav .nav-item.active > .nav-link i.menu-icon,
                #sidebar .nav .nav-item > .nav-link.active i.menu-icon,
                #sidebar .nav .nav-item.active > .nav-link i.menu-arrow,
                #sidebar .nav .nav-item > .nav-link.active i.menu-arrow {
                    color: #374151 !important;
                }

            #sidebar .nav .nav-item > .nav-link[aria-expanded="true"] {
                background: #f3f4f6 !important;
                color: #111827 !important;
                border-left-color: #6b7280;
                font-weight: 600;
            }

                #sidebar .nav .nav-item > .nav-link[aria-expanded="true"] i.menu-icon {
                    color: #374151 !important;
                }

    #sidebar .nav.sub-menu {
        background: #fafafa;
        border-left: 2px solid #d1d5db;
        margin: 0.2rem 0 0.45rem 0.75rem;
        padding: 0.3rem 0 0.3rem 0;
        border-radius: 0 4px 4px 0;
    }

        #sidebar .nav.sub-menu .nav-item {
            padding: 0 0.3rem;
        }

            #sidebar .nav.sub-menu .nav-item .nav-link {
                color: #4b5563 !important;
                font-size: 0.8125rem;
                font-weight: 400;
                padding: 0.48rem 0.6rem 0.48rem 0.65rem !important;
                border-radius: 4px;
                border-left: none;
                position: relative;
                white-space: normal !important;
                gap: 0.5rem;
            }

                #sidebar .nav.sub-menu .nav-item .nav-link .menu-title {
                    order: 2;
                    flex: 1 1 auto;
                }

                #sidebar .nav.sub-menu .nav-item .nav-link:before {
                    content: "" !important;
                    font-family: inherit !important;
                    display: block !important;
                    position: static !important;
                    order: 1;
                    flex-shrink: 0;
                    left: auto !important;
                    width: 6px !important;
                    height: 6px !important;
                    border-radius: 50% !important;
                    background: #94a3b8 !important;
                    color: transparent !important;
                    font-size: 0 !important;
                    transform: none !important;
                    top: auto !important;
                    margin-top: 0 !important;
                }

                #sidebar .nav.sub-menu .nav-item .nav-link:hover {
                    background: #f3f4f6 !important;
                    color: #111827 !important;
                }

                    #sidebar .nav.sub-menu .nav-item .nav-link:hover:before {
                        background: #6b7280 !important;
                    }

                #sidebar .nav.sub-menu .nav-item .nav-link.active {
                    color: #111827 !important;
                    background: #e5e7eb !important;
                    font-weight: 600;
                    border-left: 2px solid #374151;
                    padding-left: calc(0.65rem - 2px) !important;
                }

                    #sidebar .nav.sub-menu .nav-item .nav-link.active:before {
                        background: #374151 !important;
                    }

    /* icon-first: beat theme margin-left:auto on menu-icon */
    #sidebar .nav .nav-item .nav-link i.menu-arrow + .menu-icon,
    #sidebar .nav .nav-item .nav-link i.menu-icon {
        margin-left: 0 !important;
    }

#sidebar #btnSignout {
    color: #991b1b !important;
}

    #sidebar #btnSignout:hover {
        background: #fef2f2 !important;
        color: #7f1d1d !important;
        border-left-color: #dc2626;
    }

    #sidebar #btnSignout i.menu-icon {
        color: #b91c1c !important;
    }

    #sidebar #btnSignout:hover i.menu-icon {
        color: #991b1b !important;
    }

#sidebar .nav::-webkit-scrollbar {
    width: 5px;
}

#sidebar .nav::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 3px;
}

    #sidebar .nav::-webkit-scrollbar-thumb:hover {
        background: #94a3b8;
    }

@media (max-width: 991px) {
    #sidebar.sidebar {
        box-shadow: 3px 0 16px rgba(15, 23, 42, 0.08);
    }
}

/* ── Sidebar: override theme purple/blue active states ── */
#sidebar .nav .nav-item.active,
#sidebar .nav .nav-item.active:hover {
    background: transparent !important;
}

    #sidebar .nav .nav-item.active > .nav-link .menu-title,
    #sidebar .nav .nav-item > .nav-link.active .menu-title {
        color: #111827 !important;
        font-family: "Segoe UI", "Noto Sans", system-ui, sans-serif !important;
    }

    #sidebar .nav .nav-item.active > .nav-link i,
    #sidebar .nav .nav-item > .nav-link.active i {
        color: #374151 !important;
    }

#sidebar .nav:not(.sub-menu) > .nav-item:hover:not(.nav-category):not(.nav-profile) {
    background: transparent !important;
}

    #sidebar .nav:not(.sub-menu) > .nav-item:hover:not(.nav-category):not(.nav-profile) > .nav-link,
    #sidebar .nav:not(.sub-menu) > .nav-item:hover:not(.nav-category):not(.nav-profile) > .nav-link .menu-title {
        color: #111827 !important;
    }

#sidebar .nav.sub-menu .nav-item:hover {
    background: transparent !important;
}

#sidebar #btnSignout:hover {
    color: #7f1d1d !important;
}