<style>
.sidebar-brand .brand-link .brand-image {
    float: left;
    width: auto;
    max-height: 43px;
    padding: 0 20px;
    border-radius: 11px;
    line-height: 0.8;
    /*background: #fffc00;*/
}
.button--group{display: flex;
align-items:center;
    justify-content: space-around;
    gap: 7px;}
  @media only screen and (max-width: 600px) {
  .table-resposnive{    overflow: overlay;}
}  
</style>

<aside class="app-sidebar bg-body-secondary shadow" >
        <!--begin::Sidebar Brand-->
        <div class="sidebar-brand" style="background-color:#007e5d;">
          <!--begin::Brand Link-->
          <a href="index.php" class="brand-link" >
            <!--begin::Brand Image-->
            <img
              src="./assets/img/f2elogo.png"
              alt="AdminLTE Logo"
              class="brand-image "
            />
            <!--end::Brand Image-->
            <!--begin::Brand Text-->
            <span class="brand-text fw-light" style="color:white;"></span>
            <!--end::Brand Text-->
          </a>
          <!--end::Brand Link-->
        </div>
        <!--end::Sidebar Brand-->
        <!--begin::Sidebar Wrapper-->
        <div class="sidebar-wrapper" style="background-color:#071251;">
          <nav class="mt-2">
            <!--begin::Sidebar Menu-->
            <ul
              class="nav sidebar-menu flex-column"
              data-lte-toggle="treeview"
              role="navigation"
              aria-label="Main navigation"
              data-accordion="false"
              id="navigation"
            >
              
              <li class="nav-item" >
                <a href="index.php" class="nav-link" style="color:white">
                  <i class="nav-icon bi bi-palette"></i>
                  <p>Dashboard</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="manage_employee.php" class="nav-link" style="color:white">
                  <i class="nav-icon bi bi-palette"></i>
                  <p>Employee Management</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="manage_task.php" class="nav-link" style="color:white">
                  <i class="nav-icon bi bi-palette"></i>
                  <p>Task Management</p>
                </a>
              </li>
               <li class="nav-item">
                <a href="manage_attendance.php" class="nav-link" style="color:white">
                  <i class="nav-icon bi bi-palette"></i>
                  <p>Attendance Management </p>
                </a>
              </li>
               
              <li class="nav-item">
                <a href="manage_workreport.php" class="nav-link" style="color:white">
                  <i class="nav-icon bi bi-palette"></i>
                  <p>Work Report Management</p>
                </a>
              </li>
              
             
               <li class="nav-item" >
                <a href="profile.php" class="nav-link" style="color:white">
                  <i class="nav-icon bi bi-palette"></i>
                  <p>Profile</p>
                </a>
              </li>
               <li class="nav-item" >
                <a href="logout.php" class="nav-link" style="color:white">
                  <i class="nav-icon bi bi-palette"></i>
                  <p>Logout</p>
                </a>
              </li>
              
              
              
              
              
             
            </ul>
            <!--end::Sidebar Menu-->
          </nav>
        </div>
        <!--end::Sidebar Wrapper-->
      </aside>