::-webkit-scrollbar {
    display: none;
}

/*         ::-webkit-scrollbar {
            width: 5px;
        }

        /* Handle */
::-webkit-scrollbar-thumb {
    background: grey;
    border-radius: 10px;
}

.reaction-styles img {
    width: 20px;
    height: 20px;
    margin-right: 3px;
    vertical-align: middle;
}

.sidebar {
    max-width: 250px;
}
    /* Style the navigation links */
    .sidebar a {
        padding: 9px 15px;
        text-decoration: none;
        display: block;
        color: black;
        font-size: 20px;
    }

        /* Change the background color on hover */
        .sidebar a:hover {
            border-radius: 8px;
            background-color: #ddd;
        }

        /* Style the active navigation link */
        .sidebar a.active {
            background-color: royalblue;
            color: white;
        }

.nav-link {
    color: #333; /* Text color */
    padding: 10px 0; /* Add padding to top and bottom */
    border-bottom: 1px solid #ddd; /* Add a subtle bottom border */
    font-size: 20px;
}

    .nav-link.active {
        border-radius: 8px;
    }

.container {
    padding-right: 0; /* Remove default padding-right */
    padding-left: 0; /* Remove default padding-left */
}

@media (max-width: 991.98px) {
    .col-md-3 {
        display: none; /* Hide the sidebar */
    }

    .col-md-9 {
        width: 100%; /* Make the main content column full width */
    }
}