<div class="left side-menu">
                <div class="sidebar-inner slimscrollleft">
                    <!--<div class="user-details">-->
                        <!--<div class="pull-left">-->
                            <!--<img src="assets/images/users/avatar-1.jpg" alt="" class="thumb-md img-circle">-->
                        <!--</div>-->
                        <!--<div class="user-info">-->
                            <!--<div class="dropdown">-->
                                <!--<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">David Cooper <span class="caret"></span></a>-->
                                <!--<ul class="dropdown-menu">-->
                                    <!--<li><a href="javascript:void(0)"><i class="md md-face-unlock"></i> Profile<div class="ripple-wrapper"></div></a></li>-->
                                    <!--<li><a href="javascript:void(0)"><i class="md md-settings"></i> Settings</a></li>-->
                                    <!--<li><a href="javascript:void(0)"><i class="md md-lock"></i> Lock screen</a></li>-->
                                    <!--<li><a href="javascript:void(0)"><i class="md md-settings-power"></i> Logout</a></li>-->
                                <!--</ul>-->
                            <!--</div>-->
                            <!--<p class="text-muted m-0">Admin</p>-->
                        <!--</div>-->
                    <!--</div>-->
                    <!--- Divider -->
                    <div id="sidebar-menu">
                        <ul>
                            <li class="menu-title">Menu</li>
                            <li>
                                <a href="login" class="waves-effect"><i class="mdi mdi-home"></i><span> Dashboard <span class="badge badge-primary pull-right">1</span></span></a>
                            </li>
                            <li class="has_sub">
                                <a href="javascript:void(0);" class="waves-effect"><i class="mdi mdi-crosshairs-gps"></i> <span>Tracking</span> <span class="pull-right"><i class="mdi mdi-plus"></i></span></a>
                                <ul class="list-unstyled">
                                    <li><a href="multitracking">Multi Tracking</a></li>
                                    <li><a href="live_tracking">Live Tracking</a></li>
                                    <li><a href="tracking_history">History Tracking</a></li>
                                    <li><a href="livetraversedpath">Live traversed Path</a></li>
                                </ul>
                            </li>
                            <li class="has_sub">
                                <a href="javascript:void(0);" class="waves-effect"><i class="mdi mdi-layers"></i><span>Reports</span><span class="pull-right"><i class="mdi mdi-plus"></i></span></a>
                                <ul class="list-unstyled">
									<li>
										<a href="javascript:void(0);" class="waves-effect"><i class="mdi mdi-crosshairs-gps"></i><span>Tracking</span><span class="pull-right"><i class="mdi mdi-plus"></i></span></a>
										<ul class="list-unstyled">
											<li><a href="tracking_detail">Tracking Detail</a></li>
											<li><a href="tracking_history">Tracking History</a></li>
										</ul>
									</li>
									

									<li>
									 	<a href="javascript:void(0);" class="waves-effect"><i class="mdi mdi-truck"></i><span>Vehicle</span><span class="pull-right"><i class="mdi mdi-plus"></i></span></a>
	                                    <ul class="list-unstyled">
											<li><a href="vehicle_summary">Vehicle Summary</a></li>
											<li><a href="stopreport">Stop Report</a></li>
											<li><a href="geofensereport">Geofence Report</a></li>
											<li><a href="speedexceedingreport">Speed Exceeding Report</a></li>
											 <li><a href="distance_daywise">Distance Traversed Report</a></li> 
									        <li><a href="ignitionreport">Ignition Report</a></li>
										</ul>
									</li>
									
									<li>
										<a href="javascript:void(0);" class="waves-effect"><i class="mdi mdi-human-child"></i><span>Drivers</span><span class="pull-right"><i class="mdi mdi-plus"></i></span></a>
	                                    <ul class="list-unstyled">
											<li><a href="drivingtime">Driving Time</a></li>
											<li><a href="idletime">Idle Time</a></li>
										</ul>
									</li> 
									<!---->
                                </ul>
                            </li>
                            <li>
                                <a href="geofence" class="waves-effect"><i class="mdi mdi-earth"></i><span> Geofence <span class="badge badge-primary pull-right"></span></span></a>
                            </li>
                            
                            <li>
                                <a href="graph" class="waves-effect"><i class="mdi mdi-earth"></i><span> Graph <span class="badge badge-primary pull-right"></span></span></a>
                            </li>
							
							 <!--  <li>
                                <a href="#" class="waves-effect"><i class="mdi mdi-bell"></i><span>Alert<span class="badge badge-primary pull-right"></span></span></a>
                            </li>
							
							<li>
                                <a href="#" class="waves-effect"><i class="mdi mdi-email"></i><span>Mail setting<span class="badge badge-primary pull-right"></span></span></a>
                            </li> -->
							
							<li class="has_sub">
                                <a href="javascript:void(0);" class="waves-effect"><i class="mdi mdi-layers"></i><span>Admin</span><span class="pull-right"><i class="mdi mdi-plus"></i></span></a>
								<ul>
									<li><a href="user">User</a></li>
									<li><a href="driver">Driver</a></li>
									<!-- <li><a href="#">Permit Form</a></li>
									<li><a href="#">Permit Detail</a></li> -->
								</ul>
							</li>
				
							<!-- <li>
                                <a href="#" class="waves-effect"><i class="mdi mdi-calendar"></i><span>Events<span class="badge badge-primary pull-right"></span></span></a>
                            </li>

                            <li class="has_sub">
                                <a href="javascript:void(0);" class="waves-effect"><i class="mdi mdi-table"></i><span>Advanced Tracking </span><span class="pull-right"><i class="mdi mdi-plus"></i></span></a>
                                <ul class="list-unstyled">
                                    <li><a href="#">Acountability & reports</a></li>
                                    <li><a href="#">Automatic reminder & updates</a></li>
                                </ul>
                            </li> -->
                        </ul>
                    </div>
                    <div class="clearfix"></div>
                </div> <!-- end sidebarinner -->
            </div>