<style>
	.mdi-36px {
    font-size: 20px !important;
    color:rgb(7, 7, 7); /* Puedes cambiar el color */
	
}

</style>
<!-- Top Bar Start -->
<div class="topbar">

	<!-- LOGO -->
	<div class="topbar-left">
		<div class="text-center">
			<a href="#" class="logo"><i class="mdi mdi-food"></i> <span>Restaurante</span></a>
		</div>
	</div>

	<!-- Button mobile view to collapse sidebar menu -->
	<nav class="navbar-custom">

		<ul class="list-inline float-right mb-0">
			<li class="list-inline-item notification-list hide-phone">
				<a class="nav-link waves-light waves-effect" href="#" id="btn-fullscreen">
					<i class="mdi mdi-crop-free noti-icon"></i>
				</a>
			</li>

			<li class="list-inline-item dropdown notification-list">
				<a class="nav-link dropdown-toggle waves-effect waves-light nav-user" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
					<img src="../../assets/images/users/avatar-1.jpg" alt="user" class="rounded-circle">
				</a>
				<div class="dropdown-menu dropdown-menu-right profile-dropdown " aria-labelledby="Preview">

					<!-- item
					<a href="javascript:void(0);" class="dropdown-item notify-item">
						<i class="mdi mdi-account-star-variant"></i> <span>Perfil</span>
					</a>-->

					<!-- item-->
					<a href="../../login.php?logout" class="dropdown-item notify-item">
						<i class="mdi mdi-logout"></i> <span>Salir</span>
					</a>

				</div>
			</li>

		</ul>

		<ul class="list-inline menu-left mb-0">
			<li class="float-left">
				<button class="button-menu-mobile open-left waves-light waves-effect">
					<i class="mdi mdi-menu"></i>
				</button>
			</li>
		</ul>

	</nav>

</div>
<!-- Top Bar End -->
<!-- ========== Left Sidebar Start ========== -->

<div class="left side-menu">
	<div class="sidebar-inner slimscrollleft">
		<!--- Divider -->
		<div id="sidebar-menu">
			<ul>
				<li class="menu-title">Menu</li>

				<li>
					<a href="principal.php" class="waves-effect waves-primary"><i class="ti-home mdi-36px"></i><span> Inicio </span></a>
				</li>
				<li>
					<a href="../html/clientes.php" class="waves-effect waves-primary"><i class="ti-user mdi-36px"></i><span> Clientes </span></a>
				</li>
				<li>
					<a href="../html/proveedores.php" class="waves-effect waves-primary"><i class="ti-truck mdi-36px"></i><span> Proveedores </span></a>
				</li>

				<li class="has_sub">
					<a href="javascript:void(0);" class="waves-effect waves-primary"><i class="ti-package mdi-36px"></i><span> Productos </span>
						<span class="menu-arrow"></span></a>
					<ul class="list-unstyled">
						<li><a href="../html/lineas.php">Categoría</a></li>
						<li><a href="../html/productos.php">Productos</a></li>
						<li><a href="../html/combos.php">Combos</a></li>
					</ul>
				</li>

				<li class="has_sub">
					<a href="javascript:void(0);" class="waves-effect waves-primary"><i class="ti-bag mdi-36px"></i><span> Compras </span> <span class="menu-arrow"></span></a>
					<ul class="list-unstyled">
						<li><a href="../html/new_compra.php">Nueva Compra</a></li>
						<li><a href="../html/bitacora_compras.php">Bitácora de Compras</a></li>
					</ul>
				</li>
				<li class="has_sub">
					<a href="javascript:void(0);" class="waves-effect waves-primary"><i class="ti-layout-grid2 mdi-36px"></i><span> Mesas
						</span> <span class="menu-arrow"></span></a>
					<ul class="list-unstyled">
						<li><a href="../html/mesas.php">Admin Mesas</a></li>
						<li><a href="../html/control_mesas.php">Control de Mesas</a></li>
						<li><a href="../html/bitacora_ventas.php">Bitácora de Ventas</a></li>
					</ul>
				</li>
				<li class="has_sub">
					<a href="javascript:void(0);" class="waves-effect waves-primary"><i class="ti-notepad mdi-36px"></i><span> Comandas
						</span> <span class="menu-arrow"></span></a>
					<ul class="list-unstyled">
						<li><a href="../html/control_comandas.php">Control de Comandas</a></li>
						<li><a href="../html/bitacora_comandas.php">Bitácora de Comandas</a></li>
					</ul>
				</li>


				<!--<li>
									<a href="../html/traslados.php" class="waves-effect waves-primary"><i
										class="ti-truck"></i><span> Traslados </span></a>
									</li>
									<li>
						<a href="../html/pos.php" class="waves-effect waves-primary"><i
							class="ti-desktop"></i><span> Pos </span></a>
						</li>-->

			<li class="has_sub">
					<a href="javascript:void(0);" class="waves-effect waves-primary"><i class="ti-shopping-cart-full mdi-36px"></i><span> Ventas Rapidas
						</span> <span class="menu-arrow"></span></a>
					<ul class="list-unstyled">
						<li><a href="../html/new_venta.php">Nueva Venta</a></li>
						<li><a href="../html/bitacora_ventas.php">Bitácora de Ventas</a></li>
					</ul>
				</li>
				<li class="has_sub">
					<a href="javascript:void(0);" class="waves-effect waves-primary"><i class="ti-car mdi-36px"></i><span> Llevar
						</span> <span class="menu-arrow"></span></a>
					<ul class="list-unstyled">
						<li><a href="../html/new_cotizacion.php">Nuevo Pedido</a></li>
						<li><a href="../html/bitacora_cotizacion.php">Bitácora de Pedidos</a></li>
					</ul>
				</li>
			<!--<li class="has_sub">
										<a href="javascript:void(0);" class="waves-effect waves-primary"><i class="ti-timer"></i><span> Reservas
										</span> <span class="menu-arrow"></span></a>
										<ul class="list-unstyled">
											<li><a href="../html/salones.php">Salones</a></li>
											<li><a href="../html/reservas.php">Reservas</a></li>
										</ul>
									</li>
				<li class="has_sub">
					<a href="javascript:void(0);" class="waves-effect waves-primary"><i class="ti-agenda"></i><span> Cobros y Pagos </span>
						<span class="menu-arrow"></span></a>
					<ul class="list-unstyled">
						<li><a href="../html/cxc.php">Abono Cliente</a></li>
						<li><a href="../html/cxp.php">Abono Proveedor</a></li>
					</ul>
				</li>-->
				<li class="has_sub">
					<a href="javascript:void(0);" class="waves-effect waves-primary"><i class="ti-harddrive mdi-36px"></i><span> Caja
						</span> <span class="menu-arrow"></span></a>
					<ul class="list-unstyled">
						<li><a href="../html/admin_caja.php">Egresos de Efectivo</a></li>
						<li><a href="../html/control_caja.php">Control de Caja</a></li>
						<!--<li><a href="../html/bitacora_caja.php">Bitácora de Caja</a></li>-->
					</ul>
				</li>
				<li class="has_sub">
					<a href="javascript:void(0);" class="waves-effect waves-primary"><i class="ti-files mdi-36px"></i><span> Reportes </span> <span class="menu-arrow"></span></a>
					<ul class="list-unstyled">
						<li><a href="../html/rep_producto.php">Reporte Productos</a></li>
						<li><a href="../html/rep_ventas.php">Reporte de Ventas</a></li>
						<li><a href="../html/rep_compras.php">Reporte de Compras</a></li>
						<li><a href="../html/rep_cobros.php">Reporte de Cobros</a></li>
						<li><a href="../html/rep_tipos_pagos.php">Ventas por Pagos</a></li>
						<li><a href="../html/rep_ventas_users.php">Ventas por Usuarios</a></li>
						<!--<li><a href="../html/rep_caja_chica.php">Reporte Caja chica</a></li>-->
						<li><a href="../html/rep_caja_general.php">Corte de Caja General</a></li>
						<li><a href="../html/rep_financiero.php">Reporte Financiero</a></li>
					</ul>
				</li>

				<li class="has_sub">
					<a href="javascript:void(0);" class="waves-effect waves-primary"><i class="ti-settings mdi-36px"></i><span> Configuración </span> <span class="menu-arrow"></span></a>
					<ul class="list-unstyled">
						<li><a href="../html/empresa.php">Empresa</a></li>
						<li><a href="../html/sucursales.php">Sucursales</a></li>
						<li><a href="../html/grupos.php">Grupos de Usuarios</a></li>
						<li><a href="../html/usuarios.php">Usuario</a></li>
						<li><a href="../html/backup.php">Backup</a></li>
						<li><a href="../html/restore.php">Restore</a></li>
					</ul>
				</li>

			</ul>

			<div class="clearfix"></div>
		</div>
		<div class="clearfix"></div>
	</div>
</div>
<!-- Left Sidebar End -->