.jstree .jstree-node .icon-0 {
    /* topics icon */
    /* background: transparent url(../vendors/helpndoc-5/icons/0.png) no-repeat center center !important */
    background: transparent url(../icons/circle.png) no-repeat center center !important
}

.jstree .jstree-node .icon-default {
    /* index icon */
    background: transparent url(../icons/circle.png) no-repeat center center !important
}

nav {
    /* background-color: #cf3636; */
    background-color: #ffffff;
}

.tab-content {
    /* this changes the content list format
    width: 320px; /* Fixed width */
    height: 100vh;
    /* Full height */
    padding: 20px;
    /* Adds some space inside the container */
    overflow-y: auto;
    /* Enable scroll if content is taller than the screen */
    background-color: #ffffff;
    /* #f8f9fa Light background, adjust as needed */
}

.container-fluid {
    /* this formats the help text */
    max-width: 640px;
    /* Adjust based on your preference */
    margin: 0 auto;
    /* Centers the column */
    padding: 20px;
    /* Adds some space inside the container */
}

.logo {
    width: 100px;
    /* Adjust the width as needed */
    height: auto;
    /* Maintain aspect ratio */
}

nav {
    width: 350px;
}

@media screen and (min-width: 769px) {
    body.md-nav-expanded div#main {
        margin-left: 350px;
    }

    body.md-nav-expanded header {
        padding-left: 364px;
    }
}
/* Set a maximum width for the entire page */
body {
    max-width: 1200px; /* Adjust the maximum width as needed */
    margin: 0 auto; /* Center the content */
    padding: 0 20px; /* Optional: Add some padding on the sides */
}

.tab {
    color: black;
}

.tab.active {
    color: red;
}

/* .logo {
    max-height: 10px; /* Adjust based on your preference 
    max-width: 20px; /* Adjust based on your preference
} */
/* .md-nav-expanded {
    max-width: 2000px; /* Adjust based on your preference 
    margin: 0 auto; /* Centers the column 
    padding: 20px; /* Adds some space inside the container 
} */
/* do something with icon-bar*/