.sidebar {
    height: 100%; /* Allow the sidebar to take the full height of the viewport */
    /*min-height: 100vh; !* Set a minimum height of the viewport height *!*/
    width: 200px; /* Width of the sidebar */
    position: fixed;
    /*background-color: rgb(73, 189, 153);*/
    background-color: #3b7c25;
    padding-top: 130px;
    left: 0;
    top: 0px;
    /*transition: all 0.3s;*/
    overflow-y: auto; /* Scrollable content if necessary */
}

/* CSS for screens below 600px width */
@media screen and (max-width: 600px) {
    .content-wrapper {
        margin-left: 0;  /* No space for sidebar */
    }

    .sidebar {
        position: relative; /* No longer fixed */
        height: auto; /* Not full viewport height */
        overflow-y: visible; /* No scrolling */
    }
    body {
        padding-left: 0px;
    }
}

.sidebar .sub-menu {
    text-decoration: none;
    font-size: 14px;
    display: none;
    padding-left: 24px;
}

.sidebar .sub-menu a {
    font-size: 14px; /* Adjust the font size for sub-menu items */
    padding: 6px;
    color: #FFFFFF;
}

.sidebar .sub-menu a:hover {
    background-color: #003a4a;
}

.content {
    margin-left: 200px; /* Adjust this value to match the width of your sidebar */
    padding: 16px;
}

.sidebar a {
    padding: 12px;
    text-decoration: none;
    font-size: 16px;
    color: #ffffff;
    display: block;
}

.sidebar a:hover {
    background-color: #003a4a;
}