/* CSS from sabresmetrics/base.html */
.sidebar-link-analytics {
            color: #003087 !important; /* Use your desired color */
            text-decoration: none;
        }

        .sidebar-link-analytics:visited,
        .sidebar-link-analytics:active,
        .sidebar-link-analytics:focus {
            color: #003087 !important;
        }

        .sidebar-link-analytics:hover {
            color: #0056b3 !important; /* Optional: darker on hover */
        }

        .sidebar-nav .nav-link .fa-chevron-down {
            transition: transform 0.2s;
        }

        .sidebar-nav .nav-link[aria-expanded="true"] .fa-chevron-down {
            transform: rotate(90deg);
        }

        .sidebar-link {
            font-family: sabres_font, sans-serif;
            font-size: 1.2rem;
            padding: 1rem 1.5rem;
            border-bottom: 1px solid #e0e0e0;
            transition: background 0.2s;
        }

        .sidebar-nav .nav-link {
            font-family: sabres_font, sans-serif;
            font-size: 1.2rem;
            padding: 1rem 1.5rem;
            border-bottom: 1px solid #e0e0e0;
            transition: background 0.2s;
        }

        .sidebar-nav .nav-link:hover {
            background-color: #FCB514;
            color: #003087 !important;
        }

        #sidebar {
            position: absolute; /* or fixed if you want it to stay on scroll */
            top: 127px; /* or top: 100px if you want it below the navbar */
            left: 0;
            z-index: 1050;
            width: 250px;
        }

        .main-div {
            position: relative;
            z-index: 1;
            margin-left: 40px; /* No margin unless you want to offset for sidebar */
        }

        #sidebar.collapsed {
            width: 30px !important;
            min-width: 30px !important;
            transition: width 0.2s;
            overflow-x: hidden;
            z-index: 1050; /* above content */
        }

        #sidebar.no-transition {
            transition: none !important;
        }

        #sidebar.collapsed .sidebar-link span,
        #sidebar.collapsed h5,
        #sidebar.collapsed .collapse,
        #sidebar.collapsed .nav.flex-column {
            display: none !important;
        }

        #sidebar.collapsed .sidebar-link {
            justify-content: center !important;
            padding-left: 0.5rem !important;
            padding-right: 0.5rem !important;
        }

        #sidebar.collapsed .p-3 {
            display: flex;
            flex-direction: column;
            align-items: center;
            height: 100vh;
        }

        #sidebar.collapsed #sidebarToggle {
            margin: 0;
        }