<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Emp_Prod_Benchmark</title>
    <link rel="shortcut icon" href="images/Files_Download.png" type="image/x-icon"/>
    <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/>
    <link href="vendor/twbs/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"/>
    <script type="text/javascript" src="bootstrap-4.3.1-dist/sweetalert.min.js_2.1.0/cdnjs/sweetalert.min.js"></script>	
    <script src="jquery_3.2.1.slim.min.js"></script>
    <script src="vendor/components/jquery/jquery.min.js"></script>
    <script src="vendor/twbs/bootstrap/dist/js/bootstrap.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.0/sweetalert.min.js"></script>
    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
</head>
<style>
    *
    {
        margin:0;
        padding:0;
        box-sizing:border-box;
        list-style-type: none;
        text-decoration: none;
        font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        ;
    }
    body{
        background-image: url("");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-attachment: fixed;
   
    }
    .sidebar
    {
        width: 60px;
        position:fixed;
        left:0;
        top:0;
        margin-top:5%;
        height:90%;
        transition:0.3s;
        padding-top:1px;   
      
    }
    .sidebar li span:last-child
    {
        display:none;
    }
    .sidebar-brand
    {
        height:50px;
        color:#fff;
        
    }
    .sidebar-brand span
    {
        display: inline-block;
        /* padding-right:rem; */
    }

    .sidebar-menu li
    {

         width: 100%;
         margin-bottom:2rem;
         padding-left:1rem;
    }
    .sidebar-menu ul li a
    {
        display:block;
        color:#fff;
        font-size:12px;
    }

    .sidebar-menu a:hover
    {
        background:#d9d2d4;
        padding-top:0.5rem;
        padding-bottom:1rem;
        padding-left:1rem;
        color:#000 !important;
        border-radius:25px 0px 0px 25px;
        height:40px;
    }

    .sidebar-menu a span:first-child
    { 
        font-size:25px;
        padding-right:1rem;
    }

    #nav-toggle:checked +.sidebar
    {
        width:245px;
        transition: 0.5s;
        padding-top:0rem;
    }

    #nav-toggle:checked +.sidebar .sidebar-brand,
    #nav-toggle:checked +.sidebar li
    {
        padding-left:1rem;
    }

    #nav-toggle:checked +.sidebar li a
    {
        padding-left:0.1rem;
        font-size:15px;
        
    }

    #nav-toggle:checked +.sidebar li a span
    {
        padding-left:-1rem;
        /* margin:-1px; */
        font-size:25px;
    }

    #nav-toggle:checked +.sidebar-brand h1 span:last-child,
    #nav-toggle:checked +.sidebar li span:last-child

    {
        display: block;
        font-size:20px;
        margin:-30px 0px 0px 50px;
    }
   

img{
    background-color:white;
    border: 3px solid #e683a2;
    border-radius:0px 40px 0px 40px;
    box-shadow: inset 3px 3px 4px #f5cd05, inset -3px -3px 4px #730b06;
    padding:3px;
    height:65px;
    width:100%;
}
.dropdown-toggle::after {
            content: none;
        }

</style>
<body>

<nav class="navbar navbar-expand navbar-light fixed-top" style="height:68px;">
<a class="navbar-brand" href="#"> <img src="images/Final_Logo.png"  ></a>
      
</nav>
<script>
    $(function () {
  $('[data-toggle="tooltip"]').tooltip()
})
</script>
<input type="checkbox" id="nav-toggle" style="visibility : hidden"> 
    <div class="sidebar">
        <div class="sidebar-brand">
   
            <h2>
                <label class="d-flex flex-row-reverse" for="nav-toggle"><span class="fa fa-bars" style="color:#0e013e;padding:5px"></span></label>
            </h2>  
        </div>
            <br>
        <div class="sidebar-menu">
            <ul>
                <li>
                  <a href="Add_Proj.php" style="color:black;"><span class="fas fa-project-diagram" data-toggle="tooltip" data-placement="right" title="Add Project"></span><span><b>Add Project</b></span></a>
                </li>
                <li>
                  <a href="Add_emp.php" style="color:black;"><span class="fas fa-user-plus" data-toggle="tooltip" data-placement="right" title="Add Employee"></span><span><b>Add Employee</b></span></a>

                </li> 
                <li class="dropdown" > 
                    <a class=" nav dropdown-toggle " href="#" data-toggle="dropdown" aria-expanded="false" style="color:black; " ><span class="fa fa-chart-area" data-toggle="tooltip" data-placement="right" title="Employee_Report"></span><span><b>Employee_Report</b></span></a>
				     <ul class="dropdown-menu" style="margin-top:200px;height: 500px;">
                            <li class="dropdown-item" ><a href="cc.php"style="color:black;"><span  data-toggle="tooltip" data-placement="right" title="CC"></span><b>CC</b></span></li>
                            <li class="dropdown-item" ><a href="opl.php"style="color:black;"><span  data-toggle="tooltip" data-placement="right" title="OPL"></span><b>OPL</b></span></li>
                            <li class="dropdown-item" ><a href="pl.php"style="color:black;"><span  data-toggle="tooltip" data-placement="right" title="PL"></span><b>PL</b></span></li>
                            <li class="dropdown-item" ><a href="sav.php"style="color:black;"><span  data-toggle="tooltip" data-placement="right" title="SAVINGS"></span><b>SAVINGS</b></span></li>
                            <li class="dropdown-item" ><a href="oth.php"style="color:black;"><span  data-toggle="tooltip" data-placement="right" title="OTHER"></span><b>OTHER</b></span></li>
                     </ul>
			    </li> 
                
                <!-- <li>
                  <a href="emp_data.php" style="color:black;"><span class="fas fa-chalkboard-teacher" data-toggle="tooltip" data-placement="right" title="Employee_Report"></span><span><b>Employee Report</b></span></a>
                </li> -->
                <li>
                  <a href="status.php" style="color:black;"><span class="fa fa-info" data-toggle="tooltip" data-placement="right" title="Employee_Info"></span><span><b>Employee Info</b></span></a>
                </li>
                <li>
                  <a href="Process_Cmp.php" style="color:black;"><span class="fad fa-circle-notch" data-toggle="tooltip" data-placement="right" title="Process_Comparison"></span><span><b>Process Comparison</b></span></a>    
                </li>
                <!-- <li>
                  <a href="Batches_Benchmark.php" style="color:black;"><span class="fa fa-chart-area" data-toggle="tooltip" data-placement="right" title="Batches_Benchmark"></span><span><b>Batches Benchmark</b></span></a>
                </li>   -->
                <li>
                  <a href="logout.php" style="color:red;"><span class="fa fa-sign-out" data-toggle="tooltip" data-placement="right" title="Logout"></span><span><b>Logout</b></span></a>
                </li>
               
               
            </ul>
        </div>
    </div>
</body>
</html>