body {
        font-family: 'Arial', sans-serif;
        
    }

    /* #wrapper {
        display: flex;
        flex-direction: row;
    } */

    #sidebar-wrapper   {
        min-height: 100vh;
        width: 200px;
        margin-left: -200px;
        transition: all 0.3s ease;
    }

    #wrapper.toggled #sidebar-wrapper {
        margin-left: 0px;
    }

    #page-content-wrapper {
        
        width: 100%;
        height: 100vh;
        overflow-y: scroll;
        transition: all 0.3s ease;
    }

    #menu-toggle {
        cursor: pointer;
        margin-left: 20px;
        font-size: 24px;
    }

    .list-group-item {
        border: none;
        padding: 15px 20px;
    }

    .list-group-item:hover {
        background-color: #5d5d5d !important;
        color: #f6f6f6 !important;
    }

    /* Styling for the header */
    .navbar {
        padding: 10px 20px;
    }

    .navbar-nav .nav-link {
        padding-right: 20px;
        font-weight: 500;
    }

    .bi, .navbar-nav .nav-link i {
        margin-right: 8px;
        font-size: 1.2rem;
    }

    .nav-item .dropdown-menu {
        right: 0;
        left: auto;
    }
aside{
    height: 100vh;
    
}

/* Make the table resemble an Excel grid */
.excel-grid {
    border-collapse: collapse; /* Ensures no space between table cells */
    width: 100%;
}


/* Apply bold and slightly larger font for table headers */
.excel-grid th {
    background-color: #f4f4f4; /* Light background for headers */
   /* Bold headers */
}

/* Add hover effect for table rows */
.excel-grid tbody tr:hover {
    background-color: #f9f9f9; /* Light background on hover */
}

/* Prevent line breaks within phone numbers */
.no-break {
    white-space: nowrap;
}

/* Responsive table */
.table-responsive {
    overflow-x: auto; /* Enable horizontal scroll on small screens */
}

/* Improve display of buttons inside the grid */
.btn {
    font-size: 12px;
    padding: 3px 6px;
}