/* Custom styles for help page */
    #treeview {
      
    }
    
    #treeview a {
      max-width: 100%; /* Ensure the links take the full available width */
      word-wrap: break-word; /* Ensure long words break onto the next line */
}

    #main-content {
      height: 100vh;
      display: flex;
    }

    #sidebar {
      width: 250px;
      background-color: #f8f9fa;
      padding: 20px;
      height: 100%;
      overflow-y: auto;
      overflow-x:none;
    }

    #iframe-container {
      flex-grow: 1;
      padding: 20px;
    }

    iframe {
      width: 100%;
      height: 100%;
      border: none;
    }
    
    @media (max-width: 1200px) {
    #iframe-container {
        display: none;
      }
     #sidebar {
      width: 100%;
    }
    }


    @media (max-width: 767px) {
      

      .sidebar-toggler {
        display: block;
      }

      #main-content {
        flex-direction: column;
      }

      
    }
    
  #sidebar ul li {
    list-style-type: none;  /* Remove the default bullet points */
    padding:4px 0;
  }