WebSVN - Integrator Subversion - Blame - Rev 1 - /PROJETOS ANTERIORES/PROJETO ANTERIOR COM TEMPLATE/theme/admin_1/layout_mega_menu

Rev	Author	Line No.	Line
1	espaco	1	<!DOCTYPE html>
		2	<!--
		3	Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.3.6
		4	Version: 4.6
		5	Author: KeenThemes
		6	Website: http://www.keenthemes.com/
		7	Contact: support@keenthemes.com
		8	Follow: www.twitter.com/keenthemes
		9	Dribbble: www.dribbble.com/keenthemes
		10	Like: www.facebook.com/keenthemes
		11	Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
		12	Renew Support: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
		13	License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
		14	-->
		15	<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
		16	<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
		17	<!--[if !IE]><!-->
		18	<html lang="en">
		19	<!--<![endif]-->
		20	<!-- BEGIN HEAD -->
		21
		22	<head>
		23	<meta charset="utf-8" />
		24	<title>Metronic \| Light Menu Menu</title>
		25	<meta http-equiv="X-UA-Compatible" content="IE=edge">
		26	<meta content="width=device-width, initial-scale=1" name="viewport" />
		27	<meta content="" name="description" />
		28	<meta content="" name="author" />
		29	<!-- BEGIN GLOBAL MANDATORY STYLES -->
		30	<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
		31	<link href="../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
		32	<link href="../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
		33	<link href="../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
		34	<link href="../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
		35	<!-- END GLOBAL MANDATORY STYLES -->
		36	<!-- BEGIN THEME GLOBAL STYLES -->
		37	<link href="../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
		38	<link href="../assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" />
		39	<!-- END THEME GLOBAL STYLES -->
		40	<!-- BEGIN THEME LAYOUT STYLES -->
		41	<link href="../assets/layouts/layout/css/layout.min.css" rel="stylesheet" type="text/css" />
		42	<link href="../assets/layouts/layout/css/themes/darkblue.min.css" rel="stylesheet" type="text/css" id="style_color" />
		43	<link href="../assets/layouts/layout/css/custom.min.css" rel="stylesheet" type="text/css" />
		44	<!-- END THEME LAYOUT STYLES -->
		45	<link rel="shortcut icon" href="favicon.ico" /> </head>
		46	<!-- END HEAD -->
		47
		48	<body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
		49	<div class="page-wrapper">
		50	<!-- BEGIN HEADER -->
		51	<div class="page-header navbar navbar-fixed-top">
		52	<!-- BEGIN HEADER INNER -->
		53	<div class="page-header-inner ">
		54	<!-- BEGIN LOGO -->
		55	<div class="page-logo">
		56	<a href="index.html">
		57	<img src="../assets/layouts/layout/img/logo.png" alt="logo" class="logo-default" /> </a>
		58	<div class="menu-toggler sidebar-toggler">
		59	<span></span>
		60	</div>
		61	</div>
		62	<!-- END LOGO -->
		63	<!-- BEGIN MEGA MENU -->
		64	<!-- DOC: Remove "hor-menu-light" class to have a horizontal menu with theme background instead of white background -->
		65	<!-- DOC: This is desktop version of the horizontal menu. The mobile version is defined(duplicated) in the responsive menu below along with sidebar menu. So the horizontal menu has 2 seperate versions -->
		66	<div class="hor-menu hor-menu-light hidden-sm hidden-xs">
		67	<ul class="nav navbar-nav">
		68	<!-- DOC: Remove data-hover="megamenu-dropdown" and data-close-others="true" attributes below to disable the horizontal opening on mouse hover -->
		69	<li class="classic-menu-dropdown active">
		70	<a href="index.html"> Active
		71	<span class="selected"> </span>
		72	</a>
		73	</li>
		74	<li class="mega-menu-dropdown">
		75	<a href="javascript:;" class="dropdown-toggle" data-hover="megamenu-dropdown" data-close-others="true"> Mega
		76	<i class="fa fa-angle-down"></i>
		77	</a>
		78	<ul class="dropdown-menu" style="min-width: 700px;">
		79	<li>
		80	<!-- Content container to add padding -->
		81	<div class="mega-menu-content">
		82	<div class="row">
		83	<div class="col-md-4">
		84	<ul class="mega-menu-submenu">
		85	<li>
		86	<h3>Section 1</h3>
		87	</li>
		88	<li>
		89	<a href="#">Example Link</a>
		90	</li>
		91	<li>
		92	<a href="#">Example Link</a>
		93	</li>
		94	<li>
		95	<a href="#">Example Link</a>
		96	</li>
		97	<li>
		98	<a href="#">Example Link</a>
		99	</li>
		100	<li>
		101	<a href="#">Example Link</a>
		102	</li>
		103	<li>
		104	<a href="#">Example Link</a>
		105	</li>
		106	<li>
		107	<a href="#">Example Link</a>
		108	</li>
		109	</ul>
		110	</div>
		111	<div class="col-md-4">
		112	<ul class="mega-menu-submenu">
		113	<li>
		114	<h3>Section 2</h3>
		115	</li>
		116	<li>
		117	<a href="#">Example Link</a>
		118	</li>
		119	<li>
		120	<a href="#">Example Link</a>
		121	</li>
		122	<li>
		123	<a href="#">Example Link</a>
		124	</li>
		125	<li>
		126	<a href="#">Example Link</a>
		127	</li>
		128	<li>
		129	<a href="#">Example Link</a>
		130	</li>
		131	<li>
		132	<a href="#">Example Link</a>
		133	</li>
		134	<li>
		135	<a href="#">Example Link</a>
		136	</li>
		137	</ul>
		138	</div>
		139	<div class="col-md-4">
		140	<ul class="mega-menu-submenu">
		141	<li>
		142	<h3>Section 3</h3>
		143	</li>
		144	<li>
		145	<a href="#">Example Link</a>
		146	</li>
		147	<li>
		148	<a href="#">Example Link</a>
		149	</li>
		150	<li>
		151	<a href="#">Example Link</a>
		152	</li>
		153	<li>
		154	<a href="#">Example Link</a>
		155	</li>
		156	<li>
		157	<a href="#">Example Link</a>
		158	</li>
		159	<li>
		160	<a href="#">Example Link</a>
		161	</li>
		162	<li>
		163	<a href="#">Example Link</a>
		164	</li>
		165	</ul>
		166	</div>
		167	</div>
		168	</div>
		169	</li>
		170	</ul>
		171	</li>
		172	<li class="mega-menu-dropdown mega-menu-full" data-hover="megamenu-dropdown" data-close-others="true">
		173	<a href="javascript:;" class="dropdown-toggle" data-hover="megamenu-dropdown" data-close-others="true"> Full Mega
		174	<i class="fa fa-angle-down"></i>
		175	</a>
		176	<ul class="dropdown-menu">
		177	<li>
		178	<!-- Content container to add padding -->
		179	<div class="mega-menu-content ">
		180	<div class="row">
		181	<div class="col-md-8">
		182	<div class="row">
		183	<div class="col-md-3">
		184	<ul class="mega-menu-submenu">
		185	<li>
		186	<h3>Section 1</h3>
		187	</li>
		188	<li>
		189	<a href="#">Example Link</a>
		190	</li>
		191	<li>
		192	<a href="#">Example Link</a>
		193	</li>
		194	<li>
		195	<a href="#">Example Link</a>
		196	</li>
		197	<li>
		198	<a href="#">Example Link</a>
		199	</li>
		200	<li>
		201	<a href="#">Example Link</a>
		202	</li>
		203	<li>
		204	<a href="#">Example Link</a>
		205	</li>
		206	<li>
		207	<a href="#">Example Link</a>
		208	</li>
		209	</ul>
		210	</div>
		211	<div class="col-md-3">
		212	<ul class="mega-menu-submenu">
		213	<li>
		214	<h3>Section 1</h3>
		215	</li>
		216	<li>
		217	<a href="#">Example Link</a>
		218	</li>
		219	<li>
		220	<a href="#">Example Link</a>
		221	</li>
		222	<li>
		223	<a href="#">Example Link</a>
		224	</li>
		225	<li>
		226	<a href="#">Example Link</a>
		227	</li>
		228	<li>
		229	<a href="#">Example Link</a>
		230	</li>
		231	<li>
		232	<a href="#">Example Link</a>
		233	</li>
		234	<li>
		235	<a href="#">Example Link</a>
		236	</li>
		237	</ul>
		238	</div>
		239	<div class="col-md-3">
		240	<ul class="mega-menu-submenu">
		241	<li>
		242	<h3>Section 1</h3>
		243	</li>
		244	<li>
		245	<a href="#">Example Link</a>
		246	</li>
		247	<li>
		248	<a href="#">Example Link</a>
		249	</li>
		250	<li>
		251	<a href="#">Example Link</a>
		252	</li>
		253	<li>
		254	<a href="#">Example Link</a>
		255	</li>
		256	<li>
		257	<a href="#">Example Link</a>
		258	</li>
		259	<li>
		260	<a href="#">Example Link</a>
		261	</li>
		262	<li>
		263	<a href="#">Example Link</a>
		264	</li>
		265	</ul>
		266	</div>
		267	<div class="col-md-3">
		268	<ul class="mega-menu-submenu">
		269	<li>
		270	<h3>Section 4</h3>
		271	</li>
		272	<li>
		273	<a href="#">Example Link</a>
		274	</li>
		275	<li>
		276	<a href="#">Example Link</a>
		277	</li>
		278	<li>
		279	<a href="#">Example Link</a>
		280	</li>
		281	<li>
		282	<a href="#">Example Link</a>
		283	</li>
		284	<li>
		285	<a href="#">Example Link</a>
		286	</li>
		287	<li>
		288	<a href="#">Example Link</a>
		289	</li>
		290	<li>
		291	<a href="#">Example Link</a>
		292	</li>
		293	</ul>
		294	</div>
		295	</div>
		296	</div>
		297	<div class="col-md-4">
		298	<div id="accordion" class="panel-group">
		299	<div class="panel panel-success">
		300	<div class="panel-heading">
		301	<h4 class="panel-title">
		302	<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" class="collapsed"> Mega Menu Info #1 </a>
		303	</h4>
		304	</div>
		305	<div id="collapseOne" class="panel-collapse in">
		306	<div class="panel-body"> Metronic Mega Menu Works for fixed and responsive layout and has the facility to include (almost) any Bootstrap elements. </div>
		307	</div>
		308	</div>
		309	<div class="panel panel-danger">
		310	<div class="panel-heading">
		311	<h4 class="panel-title">
		312	<a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" class="collapsed"> Mega Menu Info #2 </a>
		313	</h4>
		314	</div>
		315	<div id="collapseTwo" class="panel-collapse collapse">
		316	<div class="panel-body"> Metronic Mega Menu Works for fixed and responsive layout and has the facility to include (almost) any Bootstrap elements. </div>
		317	</div>
		318	</div>
		319	<div class="panel panel-info">
		320	<div class="panel-heading">
		321	<h4 class="panel-title">
		322	<a data-toggle="collapse" data-parent="#accordion" href="#collapseThree"> Mega Menu Info #3 </a>
		323	</h4>
		324	</div>
		325	<div id="collapseThree" class="panel-collapse collapse">
		326	<div class="panel-body"> Metronic Mega Menu Works for fixed and responsive layout and has the facility to include (almost) any Bootstrap elements. </div>
		327	</div>
		328	</div>
		329	</div>
		330	</div>
		331	</div>
		332	</div>
		333	</li>
		334	</ul>
		335	</li>
		336	<li class="classic-menu-dropdown">
		337	<a href="javascript:;" data-hover="megamenu-dropdown" data-close-others="true"> Classic
		338	<i class="fa fa-angle-down"></i>
		339	</a>
		340	<ul class="dropdown-menu pull-left">
		341	<li>
		342	<a href="javascript:;">
		343	<i class="fa fa-bookmark-o"></i> Section 1 </a>
		344	</li>
		345	<li>
		346	<a href="javascript:;">
		347	<i class="fa fa-user"></i> Section 2 </a>
		348	</li>
		349	<li>
		350	<a href="javascript:;">
		351	<i class="fa fa-puzzle-piece"></i> Section 3 </a>
		352	</li>
		353	<li>
		354	<a href="javascript:;">
		355	<i class="fa fa-gift"></i> Section 4 </a>
		356	</li>
		357	<li>
		358	<a href="javascript:;">
		359	<i class="fa fa-table"></i> Section 5 </a>
		360	</li>
		361	<li class="dropdown-submenu">
		362	<a href="javascript:;">
		363	<i class="fa fa-envelope-o"></i> More options </a>
		364	<ul class="dropdown-menu">
		365	<li>
		366	<a href="javascript:;"> Second level link </a>
		367	</li>
		368	<li class="dropdown-submenu">
		369	<a href="javascript:;"> More options </a>
		370	<ul class="dropdown-menu">
		371	<li>
		372	<a href="index.html"> Third level link </a>
		373	</li>
		374	<li>
		375	<a href="index.html"> Third level link </a>
		376	</li>
		377	<li>
		378	<a href="index.html"> Third level link </a>
		379	</li>
		380	<li>
		381	<a href="index.html"> Third level link </a>
		382	</li>
		383	<li>
		384	<a href="index.html"> Third level link </a>
		385	</li>
		386	</ul>
		387	</li>
		388	<li>
		389	<a href="index.html"> Second level link </a>
		390	</li>
		391	<li>
		392	<a href="index.html"> Second level link </a>
		393	</li>
		394	<li>
		395	<a href="index.html"> Second level link </a>
		396	</li>
		397	</ul>
		398	</li>
		399	</ul>
		400	</li>
		401	</ul>
		402	</div>
		403	<!-- END MEGA MENU -->
		404	<!-- BEGIN HEADER SEARCH BOX -->
		405	<!-- DOC: Apply "search-form-expanded" right after the "search-form" class to have half expanded search box -->
		406	<form class="search-form" action="extra_search.html" method="GET">
		407	<div class="input-group">
		408	<input type="text" class="form-control" placeholder="Search..." name="query">
		409	<span class="input-group-btn">
		410	<a href="javascript:;" class="btn submit">
		411	<i class="icon-magnifier"></i>
		412	</a>
		413	</span>
		414	</div>
		415	</form>
		416	<!-- END HEADER SEARCH BOX -->
		417	<!-- BEGIN RESPONSIVE MENU TOGGLER -->
		418	<a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
		419	<span></span>
		420	</a>
		421	<!-- END RESPONSIVE MENU TOGGLER -->
		422	<!-- BEGIN TOP NAVIGATION MENU -->
		423	<div class="top-menu">
		424	<ul class="nav navbar-nav pull-right">
		425	<!-- BEGIN NOTIFICATION DROPDOWN -->
		426	<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
		427	<li class="dropdown dropdown-extended dropdown-notification" id="header_notification_bar">
		428	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		429	<i class="icon-bell"></i>
		430	<span class="badge badge-default"> 7 </span>
		431	</a>
		432	<ul class="dropdown-menu">
		433	<li class="external">
		434	<h3>
		435	<span class="bold">12 pending</span> notifications</h3>
		436	<a href="page_user_profile_1.html">view all</a>
		437	</li>
		438	<li>
		439	<ul class="dropdown-menu-list scroller" style="height: 250px;" data-handle-color="#637283">
		440	<li>
		441	<a href="javascript:;">
		442	<span class="time">just now</span>
		443	<span class="details">
		444	<span class="label label-sm label-icon label-success">
		445	<i class="fa fa-plus"></i>
		446	</span> New user registered. </span>
		447	</a>
		448	</li>
		449	<li>
		450	<a href="javascript:;">
		451	<span class="time">3 mins</span>
		452	<span class="details">
		453	<span class="label label-sm label-icon label-danger">
		454	<i class="fa fa-bolt"></i>
		455	</span> Server #12 overloaded. </span>
		456	</a>
		457	</li>
		458	<li>
		459	<a href="javascript:;">
		460	<span class="time">10 mins</span>
		461	<span class="details">
		462	<span class="label label-sm label-icon label-warning">
		463	<i class="fa fa-bell-o"></i>
		464	</span> Server #2 not responding. </span>
		465	</a>
		466	</li>
		467	<li>
		468	<a href="javascript:;">
		469	<span class="time">14 hrs</span>
		470	<span class="details">
		471	<span class="label label-sm label-icon label-info">
		472	<i class="fa fa-bullhorn"></i>
		473	</span> Application error. </span>
		474	</a>
		475	</li>
		476	<li>
		477	<a href="javascript:;">
		478	<span class="time">2 days</span>
		479	<span class="details">
		480	<span class="label label-sm label-icon label-danger">
		481	<i class="fa fa-bolt"></i>
		482	</span> Database overloaded 68%. </span>
		483	</a>
		484	</li>
		485	<li>
		486	<a href="javascript:;">
		487	<span class="time">3 days</span>
		488	<span class="details">
		489	<span class="label label-sm label-icon label-danger">
		490	<i class="fa fa-bolt"></i>
		491	</span> A user IP blocked. </span>
		492	</a>
		493	</li>
		494	<li>
		495	<a href="javascript:;">
		496	<span class="time">4 days</span>
		497	<span class="details">
		498	<span class="label label-sm label-icon label-warning">
		499	<i class="fa fa-bell-o"></i>
		500	</span> Storage Server #4 not responding dfdfdfd. </span>
		501	</a>
		502	</li>
		503	<li>
		504	<a href="javascript:;">
		505	<span class="time">5 days</span>
		506	<span class="details">
		507	<span class="label label-sm label-icon label-info">
		508	<i class="fa fa-bullhorn"></i>
		509	</span> System Error. </span>
		510	</a>
		511	</li>
		512	<li>
		513	<a href="javascript:;">
		514	<span class="time">9 days</span>
		515	<span class="details">
		516	<span class="label label-sm label-icon label-danger">
		517	<i class="fa fa-bolt"></i>
		518	</span> Storage server failed. </span>
		519	</a>
		520	</li>
		521	</ul>
		522	</li>
		523	</ul>
		524	</li>
		525	<!-- END NOTIFICATION DROPDOWN -->
		526	<!-- BEGIN INBOX DROPDOWN -->
		527	<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
		528	<li class="dropdown dropdown-extended dropdown-inbox" id="header_inbox_bar">
		529	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		530	<i class="icon-envelope-open"></i>
		531	<span class="badge badge-default"> 4 </span>
		532	</a>
		533	<ul class="dropdown-menu">
		534	<li class="external">
		535	<h3>You have
		536	<span class="bold">7 New</span> Messages</h3>
		537	<a href="app_inbox.html">view all</a>
		538	</li>
		539	<li>
		540	<ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
		541	<li>
		542	<a href="#">
		543	<span class="photo">
		544	<img src="../assets/layouts/layout3/img/avatar2.jpg" class="img-circle" alt=""> </span>
		545	<span class="subject">
		546	<span class="from"> Lisa Wong </span>
		547	<span class="time">Just Now </span>
		548	</span>
		549	<span class="message"> Vivamus sed auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		550	</a>
		551	</li>
		552	<li>
		553	<a href="#">
		554	<span class="photo">
		555	<img src="../assets/layouts/layout3/img/avatar3.jpg" class="img-circle" alt=""> </span>
		556	<span class="subject">
		557	<span class="from"> Richard Doe </span>
		558	<span class="time">16 mins </span>
		559	</span>
		560	<span class="message"> Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		561	</a>
		562	</li>
		563	<li>
		564	<a href="#">
		565	<span class="photo">
		566	<img src="../assets/layouts/layout3/img/avatar1.jpg" class="img-circle" alt=""> </span>
		567	<span class="subject">
		568	<span class="from"> Bob Nilson </span>
		569	<span class="time">2 hrs </span>
		570	</span>
		571	<span class="message"> Vivamus sed nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		572	</a>
		573	</li>
		574	<li>
		575	<a href="#">
		576	<span class="photo">
		577	<img src="../assets/layouts/layout3/img/avatar2.jpg" class="img-circle" alt=""> </span>
		578	<span class="subject">
		579	<span class="from"> Lisa Wong </span>
		580	<span class="time">40 mins </span>
		581	</span>
		582	<span class="message"> Vivamus sed auctor 40% nibh congue nibh... </span>
		583	</a>
		584	</li>
		585	<li>
		586	<a href="#">
		587	<span class="photo">
		588	<img src="../assets/layouts/layout3/img/avatar3.jpg" class="img-circle" alt=""> </span>
		589	<span class="subject">
		590	<span class="from"> Richard Doe </span>
		591	<span class="time">46 mins </span>
		592	</span>
		593	<span class="message"> Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		594	</a>
		595	</li>
		596	</ul>
		597	</li>
		598	</ul>
		599	</li>
		600	<!-- END INBOX DROPDOWN -->
		601	<!-- BEGIN TODO DROPDOWN -->
		602	<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
		603	<li class="dropdown dropdown-extended dropdown-tasks" id="header_task_bar">
		604	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		605	<i class="icon-calendar"></i>
		606	<span class="badge badge-default"> 3 </span>
		607	</a>
		608	<ul class="dropdown-menu extended tasks">
		609	<li class="external">
		610	<h3>You have
		611	<span class="bold">12 pending</span> tasks</h3>
		612	<a href="app_todo.html">view all</a>
		613	</li>
		614	<li>
		615	<ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
		616	<li>
		617	<a href="javascript:;">
		618	<span class="task">
		619	<span class="desc">New release v1.2 </span>
		620	<span class="percent">30%</span>
		621	</span>
		622	<span class="progress">
		623	<span style="width: 40%;" class="progress-bar progress-bar-success" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100">
		624	<span class="sr-only">40% Complete</span>
		625	</span>
		626	</span>
		627	</a>
		628	</li>
		629	<li>
		630	<a href="javascript:;">
		631	<span class="task">
		632	<span class="desc">Application deployment</span>
		633	<span class="percent">65%</span>
		634	</span>
		635	<span class="progress">
		636	<span style="width: 65%;" class="progress-bar progress-bar-danger" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100">
		637	<span class="sr-only">65% Complete</span>
		638	</span>
		639	</span>
		640	</a>
		641	</li>
		642	<li>
		643	<a href="javascript:;">
		644	<span class="task">
		645	<span class="desc">Mobile app release</span>
		646	<span class="percent">98%</span>
		647	</span>
		648	<span class="progress">
		649	<span style="width: 98%;" class="progress-bar progress-bar-success" aria-valuenow="98" aria-valuemin="0" aria-valuemax="100">
		650	<span class="sr-only">98% Complete</span>
		651	</span>
		652	</span>
		653	</a>
		654	</li>
		655	<li>
		656	<a href="javascript:;">
		657	<span class="task">
		658	<span class="desc">Database migration</span>
		659	<span class="percent">10%</span>
		660	</span>
		661	<span class="progress">
		662	<span style="width: 10%;" class="progress-bar progress-bar-warning" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100">
		663	<span class="sr-only">10% Complete</span>
		664	</span>
		665	</span>
		666	</a>
		667	</li>
		668	<li>
		669	<a href="javascript:;">
		670	<span class="task">
		671	<span class="desc">Web server upgrade</span>
		672	<span class="percent">58%</span>
		673	</span>
		674	<span class="progress">
		675	<span style="width: 58%;" class="progress-bar progress-bar-info" aria-valuenow="58" aria-valuemin="0" aria-valuemax="100">
		676	<span class="sr-only">58% Complete</span>
		677	</span>
		678	</span>
		679	</a>
		680	</li>
		681	<li>
		682	<a href="javascript:;">
		683	<span class="task">
		684	<span class="desc">Mobile development</span>
		685	<span class="percent">85%</span>
		686	</span>
		687	<span class="progress">
		688	<span style="width: 85%;" class="progress-bar progress-bar-success" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100">
		689	<span class="sr-only">85% Complete</span>
		690	</span>
		691	</span>
		692	</a>
		693	</li>
		694	<li>
		695	<a href="javascript:;">
		696	<span class="task">
		697	<span class="desc">New UI release</span>
		698	<span class="percent">38%</span>
		699	</span>
		700	<span class="progress progress-striped">
		701	<span style="width: 38%;" class="progress-bar progress-bar-important" aria-valuenow="18" aria-valuemin="0" aria-valuemax="100">
		702	<span class="sr-only">38% Complete</span>
		703	</span>
		704	</span>
		705	</a>
		706	</li>
		707	</ul>
		708	</li>
		709	</ul>
		710	</li>
		711	<!-- END TODO DROPDOWN -->
		712	<!-- BEGIN USER LOGIN DROPDOWN -->
		713	<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
		714	<li class="dropdown dropdown-user">
		715	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		716	<img alt="" class="img-circle" src="../assets/layouts/layout/img/avatar3_small.jpg" />
		717	<span class="username username-hide-on-mobile"> Nick </span>
		718	<i class="fa fa-angle-down"></i>
		719	</a>
		720	<ul class="dropdown-menu dropdown-menu-default">
		721	<li>
		722	<a href="page_user_profile_1.html">
		723	<i class="icon-user"></i> My Profile </a>
		724	</li>
		725	<li>
		726	<a href="app_calendar.html">
		727	<i class="icon-calendar"></i> My Calendar </a>
		728	</li>
		729	<li>
		730	<a href="app_inbox.html">
		731	<i class="icon-envelope-open"></i> My Inbox
		732	<span class="badge badge-danger"> 3 </span>
		733	</a>
		734	</li>
		735	<li>
		736	<a href="app_todo.html">
		737	<i class="icon-rocket"></i> My Tasks
		738	<span class="badge badge-success"> 7 </span>
		739	</a>
		740	</li>
		741	<li class="divider"> </li>
		742	<li>
		743	<a href="page_user_lock_1.html">
		744	<i class="icon-lock"></i> Lock Screen </a>
		745	</li>
		746	<li>
		747	<a href="page_user_login_1.html">
		748	<i class="icon-key"></i> Log Out </a>
		749	</li>
		750	</ul>
		751	</li>
		752	<!-- END USER LOGIN DROPDOWN -->
		753	<!-- BEGIN QUICK SIDEBAR TOGGLER -->
		754	<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
		755	<li class="dropdown dropdown-quick-sidebar-toggler">
		756	<a href="javascript:;" class="dropdown-toggle">
		757	<i class="icon-logout"></i>
		758	</a>
		759	</li>
		760	<!-- END QUICK SIDEBAR TOGGLER -->
		761	</ul>
		762	</div>
		763	<!-- END TOP NAVIGATION MENU -->
		764	</div>
		765	<!-- END HEADER INNER -->
		766	</div>
		767	<!-- END HEADER -->
		768	<!-- BEGIN HEADER & CONTENT DIVIDER -->
		769	<div class="clearfix"> </div>
		770	<!-- END HEADER & CONTENT DIVIDER -->
		771	<!-- BEGIN CONTAINER -->
		772	<div class="page-container">
		773	<!-- BEGIN SIDEBAR -->
		774	<div class="page-sidebar-wrapper">
		775	<!-- BEGIN SIDEBAR -->
		776	<!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
		777	<!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
		778	<div class="page-sidebar navbar-collapse collapse">
		779	<!-- BEGIN SIDEBAR MENU -->
		780	<!-- DOC: Apply "page-sidebar-menu-light" class right after "page-sidebar-menu" to enable light sidebar menu style(without borders) -->
		781	<!-- DOC: Apply "page-sidebar-menu-hover-submenu" class right after "page-sidebar-menu" to enable hoverable(hover vs accordion) sub menu mode -->
		782	<!-- DOC: Apply "page-sidebar-menu-closed" class right after "page-sidebar-menu" to collapse("page-sidebar-closed" class must be applied to the body element) the sidebar sub menu mode -->
		783	<!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
		784	<!-- DOC: Set data-keep-expand="true" to keep the submenues expanded -->
		785	<!-- DOC: Set data-auto-speed="200" to adjust the sub menu slide up/down speed -->
		786	<ul class="page-sidebar-menu page-header-fixed hidden-sm hidden-xs" data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200" style="padding-top: 20px">
		787	<!-- DOC: To remove the sidebar toggler from the sidebar you just need to completely remove the below "sidebar-toggler-wrapper" LI element -->
		788	<!-- BEGIN SIDEBAR TOGGLER BUTTON -->
		789	<li class="sidebar-toggler-wrapper hide">
		790	<div class="sidebar-toggler">
		791	<span></span>
		792	</div>
		793	</li>
		794	<!-- END SIDEBAR TOGGLER BUTTON -->
		795	<!-- DOC: To remove the search box from the sidebar you just need to completely remove the below "sidebar-search-wrapper" LI element -->
		796	<li class="sidebar-search-wrapper">
		797	<!-- BEGIN RESPONSIVE QUICK SEARCH FORM -->
		798	<!-- DOC: Apply "sidebar-search-bordered" class the below search form to have bordered search box -->
		799	<!-- DOC: Apply "sidebar-search-bordered sidebar-search-solid" class the below search form to have bordered & solid search box -->
		800	<form class="sidebar-search sidebar-search-bordered" action="page_general_search_3.html" method="POST">
		801	<a href="javascript:;" class="remove">
		802	<i class="icon-close"></i>
		803	</a>
		804	<div class="input-group">
		805	<input type="text" class="form-control" placeholder="Search...">
		806	<span class="input-group-btn">
		807	<a href="javascript:;" class="btn submit">
		808	<i class="icon-magnifier"></i>
		809	</a>
		810	</span>
		811	</div>
		812	</form>
		813	<!-- END RESPONSIVE QUICK SEARCH FORM -->
		814	</li>
		815	<li class="nav-item start ">
		816	<a href="javascript:;" class="nav-link nav-toggle">
		817	<i class="icon-home"></i>
		818	<span class="title">Dashboard</span>
		819	<span class="arrow"></span>
		820	</a>
		821	<ul class="sub-menu">
		822	<li class="nav-item start ">
		823	<a href="index.html" class="nav-link ">
		824	<i class="icon-bar-chart"></i>
		825	<span class="title">Dashboard 1</span>
		826	</a>
		827	</li>
		828	<li class="nav-item start ">
		829	<a href="dashboard_2.html" class="nav-link ">
		830	<i class="icon-bulb"></i>
		831	<span class="title">Dashboard 2</span>
		832	<span class="badge badge-success">1</span>
		833	</a>
		834	</li>
		835	<li class="nav-item start ">
		836	<a href="dashboard_3.html" class="nav-link ">
		837	<i class="icon-graph"></i>
		838	<span class="title">Dashboard 3</span>
		839	<span class="badge badge-danger">5</span>
		840	</a>
		841	</li>
		842	</ul>
		843	</li>
		844	<li class="heading">
		845	<h3 class="uppercase">Features</h3>
		846	</li>
		847	<li class="nav-item ">
		848	<a href="javascript:;" class="nav-link nav-toggle">
		849	<i class="icon-diamond"></i>
		850	<span class="title">UI Features</span>
		851	<span class="arrow"></span>
		852	</a>
		853	<ul class="sub-menu">
		854	<li class="nav-item ">
		855	<a href="ui_colors.html" class="nav-link ">
		856	<span class="title">Color Library</span>
		857	</a>
		858	</li>
		859	<li class="nav-item ">
		860	<a href="ui_general.html" class="nav-link ">
		861	<span class="title">General Components</span>
		862	</a>
		863	</li>
		864	<li class="nav-item ">
		865	<a href="ui_buttons.html" class="nav-link ">
		866	<span class="title">Buttons</span>
		867	</a>
		868	</li>
		869	<li class="nav-item ">
		870	<a href="ui_buttons_spinner.html" class="nav-link ">
		871	<span class="title">Spinner Buttons</span>
		872	</a>
		873	</li>
		874	<li class="nav-item ">
		875	<a href="ui_confirmations.html" class="nav-link ">
		876	<span class="title">Popover Confirmations</span>
		877	</a>
		878	</li>
		879	<li class="nav-item ">
		880	<a href="ui_icons.html" class="nav-link ">
		881	<span class="title">Font Icons</span>
		882	</a>
		883	</li>
		884	<li class="nav-item ">
		885	<a href="ui_socicons.html" class="nav-link ">
		886	<span class="title">Social Icons</span>
		887	</a>
		888	</li>
		889	<li class="nav-item ">
		890	<a href="ui_typography.html" class="nav-link ">
		891	<span class="title">Typography</span>
		892	</a>
		893	</li>
		894	<li class="nav-item ">
		895	<a href="ui_tabs_accordions_navs.html" class="nav-link ">
		896	<span class="title">Tabs, Accordions & Navs</span>
		897	</a>
		898	</li>
		899	<li class="nav-item ">
		900	<a href="ui_timeline.html" class="nav-link ">
		901	<span class="title">Timeline 1</span>
		902	</a>
		903	</li>
		904	<li class="nav-item ">
		905	<a href="ui_timeline_2.html" class="nav-link ">
		906	<span class="title">Timeline 2</span>
		907	</a>
		908	</li>
		909	<li class="nav-item ">
		910	<a href="ui_timeline_horizontal.html" class="nav-link ">
		911	<span class="title">Horizontal Timeline</span>
		912	</a>
		913	</li>
		914	<li class="nav-item ">
		915	<a href="ui_tree.html" class="nav-link ">
		916	<span class="title">Tree View</span>
		917	</a>
		918	</li>
		919	<li class="nav-item ">
		920	<a href="javascript:;" class="nav-link nav-toggle">
		921	<span class="title">Page Progress Bar</span>
		922	<span class="arrow"></span>
		923	</a>
		924	<ul class="sub-menu">
		925	<li class="nav-item ">
		926	<a href="ui_page_progress_style_1.html" class="nav-link "> Flash </a>
		927	</li>
		928	<li class="nav-item ">
		929	<a href="ui_page_progress_style_2.html" class="nav-link "> Big Counter </a>
		930	</li>
		931	</ul>
		932	</li>
		933	<li class="nav-item ">
		934	<a href="ui_blockui.html" class="nav-link ">
		935	<span class="title">Block UI</span>
		936	</a>
		937	</li>
		938	<li class="nav-item ">
		939	<a href="ui_bootstrap_growl.html" class="nav-link ">
		940	<span class="title">Bootstrap Growl Notifications</span>
		941	</a>
		942	</li>
		943	<li class="nav-item ">
		944	<a href="ui_notific8.html" class="nav-link ">
		945	<span class="title">Notific8 Notifications</span>
		946	</a>
		947	</li>
		948	<li class="nav-item ">
		949	<a href="ui_toastr.html" class="nav-link ">
		950	<span class="title">Toastr Notifications</span>
		951	</a>
		952	</li>
		953	<li class="nav-item ">
		954	<a href="ui_bootbox.html" class="nav-link ">
		955	<span class="title">Bootbox Dialogs</span>
		956	</a>
		957	</li>
		958	<li class="nav-item ">
		959	<a href="ui_alerts_api.html" class="nav-link ">
		960	<span class="title">Metronic Alerts API</span>
		961	</a>
		962	</li>
		963	<li class="nav-item ">
		964	<a href="ui_session_timeout.html" class="nav-link ">
		965	<span class="title">Session Timeout</span>
		966	</a>
		967	</li>
		968	<li class="nav-item ">
		969	<a href="ui_idle_timeout.html" class="nav-link ">
		970	<span class="title">User Idle Timeout</span>
		971	</a>
		972	</li>
		973	<li class="nav-item ">
		974	<a href="ui_modals.html" class="nav-link ">
		975	<span class="title">Modals</span>
		976	</a>
		977	</li>
		978	<li class="nav-item ">
		979	<a href="ui_extended_modals.html" class="nav-link ">
		980	<span class="title">Extended Modals</span>
		981	</a>
		982	</li>
		983	<li class="nav-item ">
		984	<a href="ui_tiles.html" class="nav-link ">
		985	<span class="title">Tiles</span>
		986	</a>
		987	</li>
		988	<li class="nav-item ">
		989	<a href="ui_datepaginator.html" class="nav-link ">
		990	<span class="title">Date Paginator</span>
		991	</a>
		992	</li>
		993	<li class="nav-item ">
		994	<a href="ui_nestable.html" class="nav-link ">
		995	<span class="title">Nestable List</span>
		996	</a>
		997	</li>
		998	</ul>
		999	</li>
		1000	<li class="nav-item ">
		1001	<a href="javascript:;" class="nav-link nav-toggle">
		1002	<i class="icon-puzzle"></i>
		1003	<span class="title">Components</span>
		1004	<span class="arrow"></span>
		1005	</a>
		1006	<ul class="sub-menu">
		1007	<li class="nav-item ">
		1008	<a href="components_date_time_pickers.html" class="nav-link ">
		1009	<span class="title">Date & Time Pickers</span>
		1010	</a>
		1011	</li>
		1012	<li class="nav-item ">
		1013	<a href="components_color_pickers.html" class="nav-link ">
		1014	<span class="title">Color Pickers</span>
		1015	<span class="badge badge-danger">2</span>
		1016	</a>
		1017	</li>
		1018	<li class="nav-item ">
		1019	<a href="components_select2.html" class="nav-link ">
		1020	<span class="title">Select2 Dropdowns</span>
		1021	</a>
		1022	</li>
		1023	<li class="nav-item ">
		1024	<a href="components_bootstrap_select.html" class="nav-link ">
		1025	<span class="title">Bootstrap Select</span>
		1026	</a>
		1027	</li>
		1028	<li class="nav-item ">
		1029	<a href="components_multi_select.html" class="nav-link ">
		1030	<span class="title">Multi Select</span>
		1031	</a>
		1032	</li>
		1033	<li class="nav-item ">
		1034	<a href="components_bootstrap_select_splitter.html" class="nav-link ">
		1035	<span class="title">Select Splitter</span>
		1036	</a>
		1037	</li>
		1038	<li class="nav-item ">
		1039	<a href="components_typeahead.html" class="nav-link ">
		1040	<span class="title">Typeahead Autocomplete</span>
		1041	</a>
		1042	</li>
		1043	<li class="nav-item ">
		1044	<a href="components_bootstrap_tagsinput.html" class="nav-link ">
		1045	<span class="title">Bootstrap Tagsinput</span>
		1046	</a>
		1047	</li>
		1048	<li class="nav-item ">
		1049	<a href="components_bootstrap_switch.html" class="nav-link ">
		1050	<span class="title">Bootstrap Switch</span>
		1051	<span class="badge badge-success">6</span>
		1052	</a>
		1053	</li>
		1054	<li class="nav-item ">
		1055	<a href="components_bootstrap_maxlength.html" class="nav-link ">
		1056	<span class="title">Bootstrap Maxlength</span>
		1057	</a>
		1058	</li>
		1059	<li class="nav-item ">
		1060	<a href="components_bootstrap_fileinput.html" class="nav-link ">
		1061	<span class="title">Bootstrap File Input</span>
		1062	</a>
		1063	</li>
		1064	<li class="nav-item ">
		1065	<a href="components_bootstrap_touchspin.html" class="nav-link ">
		1066	<span class="title">Bootstrap Touchspin</span>
		1067	</a>
		1068	</li>
		1069	<li class="nav-item ">
		1070	<a href="components_form_tools.html" class="nav-link ">
		1071	<span class="title">Form Widgets & Tools</span>
		1072	</a>
		1073	</li>
		1074	<li class="nav-item ">
		1075	<a href="components_context_menu.html" class="nav-link ">
		1076	<span class="title">Context Menu</span>
		1077	</a>
		1078	</li>
		1079	<li class="nav-item ">
		1080	<a href="components_editors.html" class="nav-link ">
		1081	<span class="title">Markdown & WYSIWYG Editors</span>
		1082	</a>
		1083	</li>
		1084	<li class="nav-item ">
		1085	<a href="components_code_editors.html" class="nav-link ">
		1086	<span class="title">Code Editors</span>
		1087	</a>
		1088	</li>
		1089	<li class="nav-item ">
		1090	<a href="components_ion_sliders.html" class="nav-link ">
		1091	<span class="title">Ion Range Sliders</span>
		1092	</a>
		1093	</li>
		1094	<li class="nav-item ">
		1095	<a href="components_noui_sliders.html" class="nav-link ">
		1096	<span class="title">NoUI Range Sliders</span>
		1097	</a>
		1098	</li>
		1099	<li class="nav-item ">
		1100	<a href="components_knob_dials.html" class="nav-link ">
		1101	<span class="title">Knob Circle Dials</span>
		1102	</a>
		1103	</li>
		1104	</ul>
		1105	</li>
		1106	<li class="nav-item ">
		1107	<a href="javascript:;" class="nav-link nav-toggle">
		1108	<i class="icon-settings"></i>
		1109	<span class="title">Form Stuff</span>
		1110	<span class="arrow"></span>
		1111	</a>
		1112	<ul class="sub-menu">
		1113	<li class="nav-item ">
		1114	<a href="form_controls.html" class="nav-link ">
		1115	<span class="title">Bootstrap Form
		1116	<br>Controls</span>
		1117	</a>
		1118	</li>
		1119	<li class="nav-item ">
		1120	<a href="form_controls_md.html" class="nav-link ">
		1121	<span class="title">Material Design
		1122	<br>Form Controls</span>
		1123	</a>
		1124	</li>
		1125	<li class="nav-item ">
		1126	<a href="form_validation.html" class="nav-link ">
		1127	<span class="title">Form Validation</span>
		1128	</a>
		1129	</li>
		1130	<li class="nav-item ">
		1131	<a href="form_validation_states_md.html" class="nav-link ">
		1132	<span class="title">Material Design
		1133	<br>Form Validation States</span>
		1134	</a>
		1135	</li>
		1136	<li class="nav-item ">
		1137	<a href="form_validation_md.html" class="nav-link ">
		1138	<span class="title">Material Design
		1139	<br>Form Validation</span>
		1140	</a>
		1141	</li>
		1142	<li class="nav-item ">
		1143	<a href="form_layouts.html" class="nav-link ">
		1144	<span class="title">Form Layouts</span>
		1145	</a>
		1146	</li>
		1147	<li class="nav-item ">
		1148	<a href="form_input_mask.html" class="nav-link ">
		1149	<span class="title">Form Input Mask</span>
		1150	</a>
		1151	</li>
		1152	<li class="nav-item ">
		1153	<a href="form_editable.html" class="nav-link ">
		1154	<span class="title">Form X-editable</span>
		1155	</a>
		1156	</li>
		1157	<li class="nav-item ">
		1158	<a href="form_wizard.html" class="nav-link ">
		1159	<span class="title">Form Wizard</span>
		1160	</a>
		1161	</li>
		1162	<li class="nav-item ">
		1163	<a href="form_icheck.html" class="nav-link ">
		1164	<span class="title">iCheck Controls</span>
		1165	</a>
		1166	</li>
		1167	<li class="nav-item ">
		1168	<a href="form_image_crop.html" class="nav-link ">
		1169	<span class="title">Image Cropping</span>
		1170	</a>
		1171	</li>
		1172	<li class="nav-item ">
		1173	<a href="form_fileupload.html" class="nav-link ">
		1174	<span class="title">Multiple File Upload</span>
		1175	</a>
		1176	</li>
		1177	<li class="nav-item ">
		1178	<a href="form_dropzone.html" class="nav-link ">
		1179	<span class="title">Dropzone File Upload</span>
		1180	</a>
		1181	</li>
		1182	</ul>
		1183	</li>
		1184	<li class="nav-item ">
		1185	<a href="javascript:;" class="nav-link nav-toggle">
		1186	<i class="icon-bulb"></i>
		1187	<span class="title">Elements</span>
		1188	<span class="arrow"></span>
		1189	</a>
		1190	<ul class="sub-menu">
		1191	<li class="nav-item ">
		1192	<a href="elements_steps.html" class="nav-link ">
		1193	<span class="title">Steps</span>
		1194	</a>
		1195	</li>
		1196	<li class="nav-item ">
		1197	<a href="elements_lists.html" class="nav-link ">
		1198	<span class="title">Lists</span>
		1199	</a>
		1200	</li>
		1201	<li class="nav-item ">
		1202	<a href="elements_ribbons.html" class="nav-link ">
		1203	<span class="title">Ribbons</span>
		1204	</a>
		1205	</li>
		1206	<li class="nav-item ">
		1207	<a href="elements_overlay.html" class="nav-link ">
		1208	<span class="title">Overlays</span>
		1209	</a>
		1210	</li>
		1211	<li class="nav-item ">
		1212	<a href="elements_cards.html" class="nav-link ">
		1213	<span class="title">User Cards</span>
		1214	</a>
		1215	</li>
		1216	</ul>
		1217	</li>
		1218	<li class="nav-item ">
		1219	<a href="javascript:;" class="nav-link nav-toggle">
		1220	<i class="icon-briefcase"></i>
		1221	<span class="title">Tables</span>
		1222	<span class="arrow"></span>
		1223	</a>
		1224	<ul class="sub-menu">
		1225	<li class="nav-item ">
		1226	<a href="table_static_basic.html" class="nav-link ">
		1227	<span class="title">Basic Tables</span>
		1228	</a>
		1229	</li>
		1230	<li class="nav-item ">
		1231	<a href="table_static_responsive.html" class="nav-link ">
		1232	<span class="title">Responsive Tables</span>
		1233	</a>
		1234	</li>
		1235	<li class="nav-item ">
		1236	<a href="table_bootstrap.html" class="nav-link ">
		1237	<span class="title">Bootstrap Tables</span>
		1238	</a>
		1239	</li>
		1240	<li class="nav-item ">
		1241	<a href="javascript:;" class="nav-link nav-toggle">
		1242	<span class="title">Datatables</span>
		1243	<span class="arrow"></span>
		1244	</a>
		1245	<ul class="sub-menu">
		1246	<li class="nav-item ">
		1247	<a href="table_datatables_managed.html" class="nav-link "> Managed Datatables </a>
		1248	</li>
		1249	<li class="nav-item ">
		1250	<a href="table_datatables_buttons.html" class="nav-link "> Buttons Extension </a>
		1251	</li>
		1252	<li class="nav-item ">
		1253	<a href="table_datatables_colreorder.html" class="nav-link "> Colreorder Extension </a>
		1254	</li>
		1255	<li class="nav-item ">
		1256	<a href="table_datatables_rowreorder.html" class="nav-link "> Rowreorder Extension </a>
		1257	</li>
		1258	<li class="nav-item ">
		1259	<a href="table_datatables_scroller.html" class="nav-link "> Scroller Extension </a>
		1260	</li>
		1261	<li class="nav-item ">
		1262	<a href="table_datatables_fixedheader.html" class="nav-link "> FixedHeader Extension </a>
		1263	</li>
		1264	<li class="nav-item ">
		1265	<a href="table_datatables_responsive.html" class="nav-link "> Responsive Extension </a>
		1266	</li>
		1267	<li class="nav-item ">
		1268	<a href="table_datatables_editable.html" class="nav-link "> Editable Datatables </a>
		1269	</li>
		1270	<li class="nav-item ">
		1271	<a href="table_datatables_ajax.html" class="nav-link "> Ajax Datatables </a>
		1272	</li>
		1273	</ul>
		1274	</li>
		1275	</ul>
		1276	</li>
		1277	<li class="nav-item ">
		1278	<a href="?p=" class="nav-link nav-toggle">
		1279	<i class="icon-wallet"></i>
		1280	<span class="title">Portlets</span>
		1281	<span class="arrow"></span>
		1282	</a>
		1283	<ul class="sub-menu">
		1284	<li class="nav-item ">
		1285	<a href="portlet_boxed.html" class="nav-link ">
		1286	<span class="title">Boxed Portlets</span>
		1287	</a>
		1288	</li>
		1289	<li class="nav-item ">
		1290	<a href="portlet_light.html" class="nav-link ">
		1291	<span class="title">Light Portlets</span>
		1292	</a>
		1293	</li>
		1294	<li class="nav-item ">
		1295	<a href="portlet_solid.html" class="nav-link ">
		1296	<span class="title">Solid Portlets</span>
		1297	</a>
		1298	</li>
		1299	<li class="nav-item ">
		1300	<a href="portlet_ajax.html" class="nav-link ">
		1301	<span class="title">Ajax Portlets</span>
		1302	</a>
		1303	</li>
		1304	<li class="nav-item ">
		1305	<a href="portlet_draggable.html" class="nav-link ">
		1306	<span class="title">Draggable Portlets</span>
		1307	</a>
		1308	</li>
		1309	</ul>
		1310	</li>
		1311	<li class="nav-item ">
		1312	<a href="javascript:;" class="nav-link nav-toggle">
		1313	<i class="icon-bar-chart"></i>
		1314	<span class="title">Charts</span>
		1315	<span class="arrow"></span>
		1316	</a>
		1317	<ul class="sub-menu">
		1318	<li class="nav-item ">
		1319	<a href="charts_amcharts.html" class="nav-link ">
		1320	<span class="title">amChart</span>
		1321	</a>
		1322	</li>
		1323	<li class="nav-item ">
		1324	<a href="charts_flotcharts.html" class="nav-link ">
		1325	<span class="title">Flot Charts</span>
		1326	</a>
		1327	</li>
		1328	<li class="nav-item ">
		1329	<a href="charts_flowchart.html" class="nav-link ">
		1330	<span class="title">Flow Charts</span>
		1331	</a>
		1332	</li>
		1333	<li class="nav-item ">
		1334	<a href="charts_google.html" class="nav-link ">
		1335	<span class="title">Google Charts</span>
		1336	</a>
		1337	</li>
		1338	<li class="nav-item ">
		1339	<a href="charts_echarts.html" class="nav-link ">
		1340	<span class="title">eCharts</span>
		1341	</a>
		1342	</li>
		1343	<li class="nav-item ">
		1344	<a href="charts_morris.html" class="nav-link ">
		1345	<span class="title">Morris Charts</span>
		1346	</a>
		1347	</li>
		1348	<li class="nav-item ">
		1349	<a href="javascript:;" class="nav-link nav-toggle">
		1350	<span class="title">HighCharts</span>
		1351	<span class="arrow"></span>
		1352	</a>
		1353	<ul class="sub-menu">
		1354	<li class="nav-item ">
		1355	<a href="charts_highcharts.html" class="nav-link "> HighCharts </a>
		1356	</li>
		1357	<li class="nav-item ">
		1358	<a href="charts_highstock.html" class="nav-link "> HighStock </a>
		1359	</li>
		1360	<li class="nav-item ">
		1361	<a href="charts_highmaps.html" class="nav-link "> HighMaps </a>
		1362	</li>
		1363	</ul>
		1364	</li>
		1365	</ul>
		1366	</li>
		1367	<li class="nav-item ">
		1368	<a href="javascript:;" class="nav-link nav-toggle">
		1369	<i class="icon-pointer"></i>
		1370	<span class="title">Maps</span>
		1371	<span class="arrow"></span>
		1372	</a>
		1373	<ul class="sub-menu">
		1374	<li class="nav-item ">
		1375	<a href="maps_google.html" class="nav-link ">
		1376	<span class="title">Google Maps</span>
		1377	</a>
		1378	</li>
		1379	<li class="nav-item ">
		1380	<a href="maps_vector.html" class="nav-link ">
		1381	<span class="title">Vector Maps</span>
		1382	</a>
		1383	</li>
		1384	</ul>
		1385	</li>
		1386	<li class="heading">
		1387	<h3 class="uppercase">Layouts</h3>
		1388	</li>
		1389	<li class="nav-item ">
		1390	<a href="javascript:;" class="nav-link nav-toggle">
		1391	<i class="icon-layers"></i>
		1392	<span class="title">Page Layouts</span>
		1393	<span class="arrow"></span>
		1394	</a>
		1395	<ul class="sub-menu">
		1396	<li class="nav-item ">
		1397	<a href="layout_blank_page.html" class="nav-link ">
		1398	<span class="title">Blank Page</span>
		1399	</a>
		1400	</li>
		1401	<li class="nav-item ">
		1402	<a href="layout_ajax_page.html" class="nav-link ">
		1403	<span class="title">Ajax Content Layout</span>
		1404	</a>
		1405	</li>
		1406	<li class="nav-item ">
		1407	<a href="layout_offcanvas_mobile_menu.html" class="nav-link ">
		1408	<span class="title">Off-canvas Mobile Menu</span>
		1409	</a>
		1410	</li>
		1411	<li class="nav-item ">
		1412	<a href="layout_classic_page_head.html" class="nav-link ">
		1413	<span class="title">Classic Page Head</span>
		1414	</a>
		1415	</li>
		1416	<li class="nav-item ">
		1417	<a href="layout_light_page_head.html" class="nav-link ">
		1418	<span class="title">Light Page Head</span>
		1419	</a>
		1420	</li>
		1421	<li class="nav-item ">
		1422	<a href="layout_content_grey.html" class="nav-link ">
		1423	<span class="title">Grey Bg Content</span>
		1424	</a>
		1425	</li>
		1426	<li class="nav-item ">
		1427	<a href="layout_search_on_header_1.html" class="nav-link ">
		1428	<span class="title">Search Box On Header 1</span>
		1429	</a>
		1430	</li>
		1431	<li class="nav-item ">
		1432	<a href="layout_search_on_header_2.html" class="nav-link ">
		1433	<span class="title">Search Box On Header 2</span>
		1434	</a>
		1435	</li>
		1436	<li class="nav-item ">
		1437	<a href="layout_language_bar.html" class="nav-link ">
		1438	<span class="title">Header Language Bar</span>
		1439	</a>
		1440	</li>
		1441	<li class="nav-item ">
		1442	<a href="layout_footer_fixed.html" class="nav-link ">
		1443	<span class="title">Fixed Footer</span>
		1444	</a>
		1445	</li>
		1446	<li class="nav-item ">
		1447	<a href="layout_boxed_page.html" class="nav-link ">
		1448	<span class="title">Boxed Page</span>
		1449	</a>
		1450	</li>
		1451	</ul>
		1452	</li>
		1453	<li class="nav-item ">
		1454	<a href="javascript:;" class="nav-link nav-toggle">
		1455	<i class="icon-feed"></i>
		1456	<span class="title">Sidebar Layouts</span>
		1457	<span class="arrow"></span>
		1458	</a>
		1459	<ul class="sub-menu">
		1460	<li class="nav-item ">
		1461	<a href="layout_sidebar_menu_light.html" class="nav-link ">
		1462	<span class="title">Light Sidebar Menu</span>
		1463	</a>
		1464	</li>
		1465	<li class="nav-item ">
		1466	<a href="layout_sidebar_menu_hover.html" class="nav-link ">
		1467	<span class="title">Hover Sidebar Menu</span>
		1468	</a>
		1469	</li>
		1470	<li class="nav-item ">
		1471	<a href="layout_sidebar_search_1.html" class="nav-link ">
		1472	<span class="title">Sidebar Search Option 1</span>
		1473	</a>
		1474	</li>
		1475	<li class="nav-item ">
		1476	<a href="layout_sidebar_search_2.html" class="nav-link ">
		1477	<span class="title">Sidebar Search Option 2</span>
		1478	</a>
		1479	</li>
		1480	<li class="nav-item ">
		1481	<a href="layout_toggler_on_sidebar.html" class="nav-link ">
		1482	<span class="title">Sidebar Toggler On Sidebar</span>
		1483	</a>
		1484	</li>
		1485	<li class="nav-item ">
		1486	<a href="layout_sidebar_reversed.html" class="nav-link ">
		1487	<span class="title">Reversed Sidebar Page</span>
		1488	</a>
		1489	</li>
		1490	<li class="nav-item ">
		1491	<a href="layout_sidebar_fixed.html" class="nav-link ">
		1492	<span class="title">Fixed Sidebar Layout</span>
		1493	</a>
		1494	</li>
		1495	<li class="nav-item ">
		1496	<a href="layout_sidebar_closed.html" class="nav-link ">
		1497	<span class="title">Closed Sidebar Layout</span>
		1498	</a>
		1499	</li>
		1500	</ul>
		1501	</li>
		1502	<li class="nav-item active open">
		1503	<a href="javascript:;" class="nav-link nav-toggle">
		1504	<i class="icon-paper-plane"></i>
		1505	<span class="title">Horizontal Menu</span>
		1506	<span class="selected"></span>
		1507	<span class="arrow open"></span>
		1508	</a>
		1509	<ul class="sub-menu">
		1510	<li class="nav-item active open">
		1511	<a href="layout_mega_menu_light.html" class="nav-link ">
		1512	<span class="title">Light Mega Menu</span>
		1513	<span class="selected"></span>
		1514	</a>
		1515	</li>
		1516	<li class="nav-item ">
		1517	<a href="layout_mega_menu_dark.html" class="nav-link ">
		1518	<span class="title">Dark Mega Menu</span>
		1519	</a>
		1520	</li>
		1521	<li class="nav-item ">
		1522	<a href="layout_full_width.html" class="nav-link ">
		1523	<span class="title">Full Width Layout</span>
		1524	</a>
		1525	</li>
		1526	</ul>
		1527	</li>
		1528	<li class="nav-item ">
		1529	<a href="javascript:;" class="nav-link nav-toggle">
		1530	<i class=" icon-wrench"></i>
		1531	<span class="title">Custom Layouts</span>
		1532	<span class="arrow"></span>
		1533	</a>
		1534	<ul class="sub-menu">
		1535	<li class="nav-item ">
		1536	<a href="layout_disabled_menu.html" class="nav-link ">
		1537	<span class="title">Disabled Menu Links</span>
		1538	</a>
		1539	</li>
		1540	<li class="nav-item ">
		1541	<a href="layout_full_height_portlet.html" class="nav-link ">
		1542	<span class="title">Full Height Portlet</span>
		1543	</a>
		1544	</li>
		1545	<li class="nav-item ">
		1546	<a href="layout_full_height_content.html" class="nav-link ">
		1547	<span class="title">Full Height Content</span>
		1548	</a>
		1549	</li>
		1550	</ul>
		1551	</li>
		1552	<li class="heading">
		1553	<h3 class="uppercase">Pages</h3>
		1554	</li>
		1555	<li class="nav-item ">
		1556	<a href="javascript:;" class="nav-link nav-toggle">
		1557	<i class="icon-basket"></i>
		1558	<span class="title">eCommerce</span>
		1559	<span class="arrow"></span>
		1560	</a>
		1561	<ul class="sub-menu">
		1562	<li class="nav-item ">
		1563	<a href="ecommerce_index.html" class="nav-link ">
		1564	<i class="icon-home"></i>
		1565	<span class="title">Dashboard</span>
		1566	</a>
		1567	</li>
		1568	<li class="nav-item ">
		1569	<a href="ecommerce_orders.html" class="nav-link ">
		1570	<i class="icon-basket"></i>
		1571	<span class="title">Orders</span>
		1572	</a>
		1573	</li>
		1574	<li class="nav-item ">
		1575	<a href="ecommerce_orders_view.html" class="nav-link ">
		1576	<i class="icon-tag"></i>
		1577	<span class="title">Order View</span>
		1578	</a>
		1579	</li>
		1580	<li class="nav-item ">
		1581	<a href="ecommerce_products.html" class="nav-link ">
		1582	<i class="icon-graph"></i>
		1583	<span class="title">Products</span>
		1584	</a>
		1585	</li>
		1586	<li class="nav-item ">
		1587	<a href="ecommerce_products_edit.html" class="nav-link ">
		1588	<i class="icon-graph"></i>
		1589	<span class="title">Product Edit</span>
		1590	</a>
		1591	</li>
		1592	</ul>
		1593	</li>
		1594	<li class="nav-item ">
		1595	<a href="javascript:;" class="nav-link nav-toggle">
		1596	<i class="icon-docs"></i>
		1597	<span class="title">Apps</span>
		1598	<span class="arrow"></span>
		1599	</a>
		1600	<ul class="sub-menu">
		1601	<li class="nav-item ">
		1602	<a href="app_todo.html" class="nav-link ">
		1603	<i class="icon-clock"></i>
		1604	<span class="title">Todo 1</span>
		1605	</a>
		1606	</li>
		1607	<li class="nav-item ">
		1608	<a href="app_todo_2.html" class="nav-link ">
		1609	<i class="icon-check"></i>
		1610	<span class="title">Todo 2</span>
		1611	</a>
		1612	</li>
		1613	<li class="nav-item ">
		1614	<a href="app_inbox.html" class="nav-link ">
		1615	<i class="icon-envelope"></i>
		1616	<span class="title">Inbox</span>
		1617	</a>
		1618	</li>
		1619	<li class="nav-item ">
		1620	<a href="app_calendar.html" class="nav-link ">
		1621	<i class="icon-calendar"></i>
		1622	<span class="title">Calendar</span>
		1623	</a>
		1624	</li>
		1625	<li class="nav-item ">
		1626	<a href="app_ticket.html" class="nav-link ">
		1627	<i class="icon-notebook"></i>
		1628	<span class="title">Support</span>
		1629	</a>
		1630	</li>
		1631	</ul>
		1632	</li>
		1633	<li class="nav-item ">
		1634	<a href="javascript:;" class="nav-link nav-toggle">
		1635	<i class="icon-user"></i>
		1636	<span class="title">User</span>
		1637	<span class="arrow"></span>
		1638	</a>
		1639	<ul class="sub-menu">
		1640	<li class="nav-item ">
		1641	<a href="page_user_profile_1.html" class="nav-link ">
		1642	<i class="icon-user"></i>
		1643	<span class="title">Profile 1</span>
		1644	</a>
		1645	</li>
		1646	<li class="nav-item ">
		1647	<a href="page_user_profile_1_account.html" class="nav-link ">
		1648	<i class="icon-user-female"></i>
		1649	<span class="title">Profile 1 Account</span>
		1650	</a>
		1651	</li>
		1652	<li class="nav-item ">
		1653	<a href="page_user_profile_1_help.html" class="nav-link ">
		1654	<i class="icon-user-following"></i>
		1655	<span class="title">Profile 1 Help</span>
		1656	</a>
		1657	</li>
		1658	<li class="nav-item ">
		1659	<a href="page_user_profile_2.html" class="nav-link ">
		1660	<i class="icon-users"></i>
		1661	<span class="title">Profile 2</span>
		1662	</a>
		1663	</li>
		1664	<li class="nav-item ">
		1665	<a href="javascript:;" class="nav-link nav-toggle">
		1666	<i class="icon-notebook"></i>
		1667	<span class="title">Login</span>
		1668	<span class="arrow"></span>
		1669	</a>
		1670	<ul class="sub-menu">
		1671	<li class="nav-item ">
		1672	<a href="page_user_login_1.html" class="nav-link " target="_blank"> Login Page 1 </a>
		1673	</li>
		1674	<li class="nav-item ">
		1675	<a href="page_user_login_2.html" class="nav-link " target="_blank"> Login Page 2 </a>
		1676	</li>
		1677	<li class="nav-item ">
		1678	<a href="page_user_login_3.html" class="nav-link " target="_blank"> Login Page 3 </a>
		1679	</li>
		1680	<li class="nav-item ">
		1681	<a href="page_user_login_4.html" class="nav-link " target="_blank"> Login Page 4 </a>
		1682	</li>
		1683	<li class="nav-item ">
		1684	<a href="page_user_login_5.html" class="nav-link " target="_blank"> Login Page 5 </a>
		1685	</li>
		1686	<li class="nav-item ">
		1687	<a href="page_user_login_6.html" class="nav-link " target="_blank"> Login Page 6 </a>
		1688	</li>
		1689	</ul>
		1690	</li>
		1691	<li class="nav-item ">
		1692	<a href="page_user_lock_1.html" class="nav-link " target="_blank">
		1693	<i class="icon-lock"></i>
		1694	<span class="title">Lock Screen 1</span>
		1695	</a>
		1696	</li>
		1697	<li class="nav-item ">
		1698	<a href="page_user_lock_2.html" class="nav-link " target="_blank">
		1699	<i class="icon-lock-open"></i>
		1700	<span class="title">Lock Screen 2</span>
		1701	</a>
		1702	</li>
		1703	</ul>
		1704	</li>
		1705	<li class="nav-item ">
		1706	<a href="javascript:;" class="nav-link nav-toggle">
		1707	<i class="icon-social-dribbble"></i>
		1708	<span class="title">General</span>
		1709	<span class="arrow"></span>
		1710	</a>
		1711	<ul class="sub-menu">
		1712	<li class="nav-item ">
		1713	<a href="page_general_about.html" class="nav-link ">
		1714	<i class="icon-info"></i>
		1715	<span class="title">About</span>
		1716	</a>
		1717	</li>
		1718	<li class="nav-item ">
		1719	<a href="page_general_contact.html" class="nav-link ">
		1720	<i class="icon-call-end"></i>
		1721	<span class="title">Contact</span>
		1722	</a>
		1723	</li>
		1724	<li class="nav-item ">
		1725	<a href="javascript:;" class="nav-link nav-toggle">
		1726	<i class="icon-notebook"></i>
		1727	<span class="title">Portfolio</span>
		1728	<span class="arrow"></span>
		1729	</a>
		1730	<ul class="sub-menu">
		1731	<li class="nav-item ">
		1732	<a href="page_general_portfolio_1.html" class="nav-link "> Portfolio 1 </a>
		1733	</li>
		1734	<li class="nav-item ">
		1735	<a href="page_general_portfolio_2.html" class="nav-link "> Portfolio 2 </a>
		1736	</li>
		1737	<li class="nav-item ">
		1738	<a href="page_general_portfolio_3.html" class="nav-link "> Portfolio 3 </a>
		1739	</li>
		1740	<li class="nav-item ">
		1741	<a href="page_general_portfolio_4.html" class="nav-link "> Portfolio 4 </a>
		1742	</li>
		1743	</ul>
		1744	</li>
		1745	<li class="nav-item ">
		1746	<a href="javascript:;" class="nav-link nav-toggle">
		1747	<i class="icon-magnifier"></i>
		1748	<span class="title">Search</span>
		1749	<span class="arrow"></span>
		1750	</a>
		1751	<ul class="sub-menu">
		1752	<li class="nav-item ">
		1753	<a href="page_general_search.html" class="nav-link "> Search 1 </a>
		1754	</li>
		1755	<li class="nav-item ">
		1756	<a href="page_general_search_2.html" class="nav-link "> Search 2 </a>
		1757	</li>
		1758	<li class="nav-item ">
		1759	<a href="page_general_search_3.html" class="nav-link "> Search 3 </a>
		1760	</li>
		1761	<li class="nav-item ">
		1762	<a href="page_general_search_4.html" class="nav-link "> Search 4 </a>
		1763	</li>
		1764	<li class="nav-item ">
		1765	<a href="page_general_search_5.html" class="nav-link "> Search 5 </a>
		1766	</li>
		1767	</ul>
		1768	</li>
		1769	<li class="nav-item ">
		1770	<a href="page_general_pricing.html" class="nav-link ">
		1771	<i class="icon-tag"></i>
		1772	<span class="title">Pricing</span>
		1773	</a>
		1774	</li>
		1775	<li class="nav-item ">
		1776	<a href="page_general_faq.html" class="nav-link ">
		1777	<i class="icon-wrench"></i>
		1778	<span class="title">FAQ</span>
		1779	</a>
		1780	</li>
		1781	<li class="nav-item ">
		1782	<a href="page_general_blog.html" class="nav-link ">
		1783	<i class="icon-pencil"></i>
		1784	<span class="title">Blog</span>
		1785	</a>
		1786	</li>
		1787	<li class="nav-item ">
		1788	<a href="page_general_blog_post.html" class="nav-link ">
		1789	<i class="icon-note"></i>
		1790	<span class="title">Blog Post</span>
		1791	</a>
		1792	</li>
		1793	<li class="nav-item ">
		1794	<a href="page_general_invoice.html" class="nav-link ">
		1795	<i class="icon-envelope"></i>
		1796	<span class="title">Invoice</span>
		1797	</a>
		1798	</li>
		1799	<li class="nav-item ">
		1800	<a href="page_general_invoice_2.html" class="nav-link ">
		1801	<i class="icon-envelope"></i>
		1802	<span class="title">Invoice 2</span>
		1803	</a>
		1804	</li>
		1805	</ul>
		1806	</li>
		1807	<li class="nav-item ">
		1808	<a href="javascript:;" class="nav-link nav-toggle">
		1809	<i class="icon-settings"></i>
		1810	<span class="title">System</span>
		1811	<span class="arrow"></span>
		1812	</a>
		1813	<ul class="sub-menu">
		1814	<li class="nav-item ">
		1815	<a href="page_cookie_consent_1.html" class="nav-link ">
		1816	<span class="title">Cookie Consent 1</span>
		1817	</a>
		1818	</li>
		1819	<li class="nav-item ">
		1820	<a href="page_cookie_consent_2.html" class="nav-link ">
		1821	<span class="title">Cookie Consent 2</span>
		1822	</a>
		1823	</li>
		1824	<li class="nav-item ">
		1825	<a href="page_system_coming_soon.html" class="nav-link " target="_blank">
		1826	<span class="title">Coming Soon</span>
		1827	</a>
		1828	</li>
		1829	<li class="nav-item ">
		1830	<a href="page_system_404_1.html" class="nav-link ">
		1831	<span class="title">404 Page 1</span>
		1832	</a>
		1833	</li>
		1834	<li class="nav-item ">
		1835	<a href="page_system_404_2.html" class="nav-link " target="_blank">
		1836	<span class="title">404 Page 2</span>
		1837	</a>
		1838	</li>
		1839	<li class="nav-item ">
		1840	<a href="page_system_404_3.html" class="nav-link " target="_blank">
		1841	<span class="title">404 Page 3</span>
		1842	</a>
		1843	</li>
		1844	<li class="nav-item ">
		1845	<a href="page_system_500_1.html" class="nav-link ">
		1846	<span class="title">500 Page 1</span>
		1847	</a>
		1848	</li>
		1849	<li class="nav-item ">
		1850	<a href="page_system_500_2.html" class="nav-link " target="_blank">
		1851	<span class="title">500 Page 2</span>
		1852	</a>
		1853	</li>
		1854	</ul>
		1855	</li>
		1856	<li class="nav-item">
		1857	<a href="javascript:;" class="nav-link nav-toggle">
		1858	<i class="icon-folder"></i>
		1859	<span class="title">Multi Level Menu</span>
		1860	<span class="arrow "></span>
		1861	</a>
		1862	<ul class="sub-menu">
		1863	<li class="nav-item">
		1864	<a href="javascript:;" class="nav-link nav-toggle">
		1865	<i class="icon-settings"></i> Item 1
		1866	<span class="arrow"></span>
		1867	</a>
		1868	<ul class="sub-menu">
		1869	<li class="nav-item">
		1870	<a href="javascript:;" target="_blank" class="nav-link">
		1871	<i class="icon-user"></i> Arrow Toggle
		1872	<span class="arrow nav-toggle"></span>
		1873	</a>
		1874	<ul class="sub-menu">
		1875	<li class="nav-item">
		1876	<a href="#" class="nav-link">
		1877	<i class="icon-power"></i> Sample Link 1</a>
		1878	</li>
		1879	<li class="nav-item">
		1880	<a href="#" class="nav-link">
		1881	<i class="icon-paper-plane"></i> Sample Link 1</a>
		1882	</li>
		1883	<li class="nav-item">
		1884	<a href="#" class="nav-link">
		1885	<i class="icon-star"></i> Sample Link 1</a>
		1886	</li>
		1887	</ul>
		1888	</li>
		1889	<li class="nav-item">
		1890	<a href="#" class="nav-link">
		1891	<i class="icon-camera"></i> Sample Link 1</a>
		1892	</li>
		1893	<li class="nav-item">
		1894	<a href="#" class="nav-link">
		1895	<i class="icon-link"></i> Sample Link 2</a>
		1896	</li>
		1897	<li class="nav-item">
		1898	<a href="#" class="nav-link">
		1899	<i class="icon-pointer"></i> Sample Link 3</a>
		1900	</li>
		1901	</ul>
		1902	</li>
		1903	<li class="nav-item">
		1904	<a href="javascript:;" target="_blank" class="nav-link">
		1905	<i class="icon-globe"></i> Arrow Toggle
		1906	<span class="arrow nav-toggle"></span>
		1907	</a>
		1908	<ul class="sub-menu">
		1909	<li class="nav-item">
		1910	<a href="#" class="nav-link">
		1911	<i class="icon-tag"></i> Sample Link 1</a>
		1912	</li>
		1913	<li class="nav-item">
		1914	<a href="#" class="nav-link">
		1915	<i class="icon-pencil"></i> Sample Link 1</a>
		1916	</li>
		1917	<li class="nav-item">
		1918	<a href="#" class="nav-link">
		1919	<i class="icon-graph"></i> Sample Link 1</a>
		1920	</li>
		1921	</ul>
		1922	</li>
		1923	<li class="nav-item">
		1924	<a href="#" class="nav-link">
		1925	<i class="icon-bar-chart"></i> Item 3 </a>
		1926	</li>
		1927	</ul>
		1928	</li>
		1929	</ul>
		1930	<!-- END SIDEBAR MENU -->
		1931	<!-- END SIDEBAR MENU -->
		1932	<div class="page-sidebar-wrapper">
		1933	<!-- BEGIN RESPONSIVE MENU FOR HORIZONTAL & SIDEBAR MENU -->
		1934	<ul class="page-sidebar-menu visible-sm visible-xs page-header-fixed" data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200">
		1935	<!-- DOC: To remove the search box from the sidebar you just need to completely remove the below "sidebar-search-wrapper" LI element -->
		1936	<!-- DOC: This is mobile version of the horizontal menu. The desktop version is defined(duplicated) in the header above -->
		1937	<li class="sidebar-search-wrapper">
		1938	<!-- BEGIN RESPONSIVE QUICK SEARCH FORM -->
		1939	<!-- DOC: Apply "sidebar-search-bordered" class the below search form to have bordered search box -->
		1940	<!-- DOC: Apply "sidebar-search-bordered sidebar-search-solid" class the below search form to have bordered & solid search box -->
		1941	<form class="sidebar-search sidebar-search-bordered" action="extra_search.html" method="POST">
		1942	<a href="javascript:;" class="remove">
		1943	<i class="icon-close"></i>
		1944	</a>
		1945	<div class="input-group">
		1946	<input type="text" class="form-control" placeholder="Search...">
		1947	<span class="input-group-btn">
		1948	<button class="btn submit">
		1949	<i class="icon-magnifier"></i>
		1950	</button>
		1951	</span>
		1952	</div>
		1953	</form>
		1954	<!-- END RESPONSIVE QUICK SEARCH FORM -->
		1955	</li>
		1956	<li class="nav-item start active open">
		1957	<a href="index.html" class="nav-link nav-toggle"> Active
		1958	<span class="selected"> </span>
		1959	<span class="arrow open"> </span>
		1960	</a>
		1961	<ul class="sub-menu">
		1962	<li class="nav-item start ">
		1963	<a href="javascript:;" class="nav-link nav-toggle">
		1964	<i class="icon-home"></i>
		1965	<span class="title">Dashboard</span>
		1966	<span class="arrow"></span>
		1967	</a>
		1968	<ul class="sub-menu">
		1969	<li class="nav-item start ">
		1970	<a href="index.html" class="nav-link ">
		1971	<i class="icon-bar-chart"></i>
		1972	<span class="title">Dashboard 1</span>
		1973	</a>
		1974	</li>
		1975	<li class="nav-item start ">
		1976	<a href="dashboard_2.html" class="nav-link ">
		1977	<i class="icon-bulb"></i>
		1978	<span class="title">Dashboard 2</span>
		1979	<span class="badge badge-success">1</span>
		1980	</a>
		1981	</li>
		1982	<li class="nav-item start ">
		1983	<a href="dashboard_3.html" class="nav-link ">
		1984	<i class="icon-graph"></i>
		1985	<span class="title">Dashboard 3</span>
		1986	<span class="badge badge-danger">5</span>
		1987	</a>
		1988	</li>
		1989	</ul>
		1990	</li>
		1991	<li class="heading hide">
		1992	<h3 class="uppercase">Features</h3>
		1993	</li>
		1994	<li class="nav-item ">
		1995	<a href="javascript:;" class="nav-link nav-toggle">
		1996	<i class="icon-diamond"></i>
		1997	<span class="title">UI Features</span>
		1998	<span class="arrow"></span>
		1999	</a>
		2000	<ul class="sub-menu">
		2001	<li class="nav-item ">
		2002	<a href="ui_colors.html" class="nav-link ">
		2003	<span class="title">Color Library</span>
		2004	</a>
		2005	</li>
		2006	<li class="nav-item ">
		2007	<a href="ui_general.html" class="nav-link ">
		2008	<span class="title">General Components</span>
		2009	</a>
		2010	</li>
		2011	<li class="nav-item ">
		2012	<a href="ui_buttons.html" class="nav-link ">
		2013	<span class="title">Buttons</span>
		2014	</a>
		2015	</li>
		2016	<li class="nav-item ">
		2017	<a href="ui_buttons_spinner.html" class="nav-link ">
		2018	<span class="title">Spinner Buttons</span>
		2019	</a>
		2020	</li>
		2021	<li class="nav-item ">
		2022	<a href="ui_confirmations.html" class="nav-link ">
		2023	<span class="title">Popover Confirmations</span>
		2024	</a>
		2025	</li>
		2026	<li class="nav-item ">
		2027	<a href="ui_icons.html" class="nav-link ">
		2028	<span class="title">Font Icons</span>
		2029	</a>
		2030	</li>
		2031	<li class="nav-item ">
		2032	<a href="ui_socicons.html" class="nav-link ">
		2033	<span class="title">Social Icons</span>
		2034	</a>
		2035	</li>
		2036	<li class="nav-item ">
		2037	<a href="ui_typography.html" class="nav-link ">
		2038	<span class="title">Typography</span>
		2039	</a>
		2040	</li>
		2041	<li class="nav-item ">
		2042	<a href="ui_tabs_accordions_navs.html" class="nav-link ">
		2043	<span class="title">Tabs, Accordions & Navs</span>
		2044	</a>
		2045	</li>
		2046	<li class="nav-item ">
		2047	<a href="ui_timeline.html" class="nav-link ">
		2048	<span class="title">Timeline 1</span>
		2049	</a>
		2050	</li>
		2051	<li class="nav-item ">
		2052	<a href="ui_timeline_2.html" class="nav-link ">
		2053	<span class="title">Timeline 2</span>
		2054	</a>
		2055	</li>
		2056	<li class="nav-item ">
		2057	<a href="ui_timeline_horizontal.html" class="nav-link ">
		2058	<span class="title">Horizontal Timeline</span>
		2059	</a>
		2060	</li>
		2061	<li class="nav-item ">
		2062	<a href="ui_tree.html" class="nav-link ">
		2063	<span class="title">Tree View</span>
		2064	</a>
		2065	</li>
		2066	<li class="nav-item ">
		2067	<a href="javascript:;" class="nav-link nav-toggle">
		2068	<span class="title">Page Progress Bar</span>
		2069	<span class="arrow"></span>
		2070	</a>
		2071	<ul class="sub-menu">
		2072	<li class="nav-item ">
		2073	<a href="ui_page_progress_style_1.html" class="nav-link "> Flash </a>
		2074	</li>
		2075	<li class="nav-item ">
		2076	<a href="ui_page_progress_style_2.html" class="nav-link "> Big Counter </a>
		2077	</li>
		2078	</ul>
		2079	</li>
		2080	<li class="nav-item ">
		2081	<a href="ui_blockui.html" class="nav-link ">
		2082	<span class="title">Block UI</span>
		2083	</a>
		2084	</li>
		2085	<li class="nav-item ">
		2086	<a href="ui_bootstrap_growl.html" class="nav-link ">
		2087	<span class="title">Bootstrap Growl Notifications</span>
		2088	</a>
		2089	</li>
		2090	<li class="nav-item ">
		2091	<a href="ui_notific8.html" class="nav-link ">
		2092	<span class="title">Notific8 Notifications</span>
		2093	</a>
		2094	</li>
		2095	<li class="nav-item ">
		2096	<a href="ui_toastr.html" class="nav-link ">
		2097	<span class="title">Toastr Notifications</span>
		2098	</a>
		2099	</li>
		2100	<li class="nav-item ">
		2101	<a href="ui_bootbox.html" class="nav-link ">
		2102	<span class="title">Bootbox Dialogs</span>
		2103	</a>
		2104	</li>
		2105	<li class="nav-item ">
		2106	<a href="ui_alerts_api.html" class="nav-link ">
		2107	<span class="title">Metronic Alerts API</span>
		2108	</a>
		2109	</li>
		2110	<li class="nav-item ">
		2111	<a href="ui_session_timeout.html" class="nav-link ">
		2112	<span class="title">Session Timeout</span>
		2113	</a>
		2114	</li>
		2115	<li class="nav-item ">
		2116	<a href="ui_idle_timeout.html" class="nav-link ">
		2117	<span class="title">User Idle Timeout</span>
		2118	</a>
		2119	</li>
		2120	<li class="nav-item ">
		2121	<a href="ui_modals.html" class="nav-link ">
		2122	<span class="title">Modals</span>
		2123	</a>
		2124	</li>
		2125	<li class="nav-item ">
		2126	<a href="ui_extended_modals.html" class="nav-link ">
		2127	<span class="title">Extended Modals</span>
		2128	</a>
		2129	</li>
		2130	<li class="nav-item ">
		2131	<a href="ui_tiles.html" class="nav-link ">
		2132	<span class="title">Tiles</span>
		2133	</a>
		2134	</li>
		2135	<li class="nav-item ">
		2136	<a href="ui_datepaginator.html" class="nav-link ">
		2137	<span class="title">Date Paginator</span>
		2138	</a>
		2139	</li>
		2140	<li class="nav-item ">
		2141	<a href="ui_nestable.html" class="nav-link ">
		2142	<span class="title">Nestable List</span>
		2143	</a>
		2144	</li>
		2145	</ul>
		2146	</li>
		2147	<li class="nav-item ">
		2148	<a href="javascript:;" class="nav-link nav-toggle">
		2149	<i class="icon-puzzle"></i>
		2150	<span class="title">Components</span>
		2151	<span class="arrow"></span>
		2152	</a>
		2153	<ul class="sub-menu">
		2154	<li class="nav-item ">
		2155	<a href="components_date_time_pickers.html" class="nav-link ">
		2156	<span class="title">Date & Time Pickers</span>
		2157	</a>
		2158	</li>
		2159	<li class="nav-item ">
		2160	<a href="components_color_pickers.html" class="nav-link ">
		2161	<span class="title">Color Pickers</span>
		2162	<span class="badge badge-danger">2</span>
		2163	</a>
		2164	</li>
		2165	<li class="nav-item ">
		2166	<a href="components_select2.html" class="nav-link ">
		2167	<span class="title">Select2 Dropdowns</span>
		2168	</a>
		2169	</li>
		2170	<li class="nav-item ">
		2171	<a href="components_bootstrap_select.html" class="nav-link ">
		2172	<span class="title">Bootstrap Select</span>
		2173	</a>
		2174	</li>
		2175	<li class="nav-item ">
		2176	<a href="components_multi_select.html" class="nav-link ">
		2177	<span class="title">Multi Select</span>
		2178	</a>
		2179	</li>
		2180	<li class="nav-item ">
		2181	<a href="components_bootstrap_select_splitter.html" class="nav-link ">
		2182	<span class="title">Select Splitter</span>
		2183	</a>
		2184	</li>
		2185	<li class="nav-item ">
		2186	<a href="components_typeahead.html" class="nav-link ">
		2187	<span class="title">Typeahead Autocomplete</span>
		2188	</a>
		2189	</li>
		2190	<li class="nav-item ">
		2191	<a href="components_bootstrap_tagsinput.html" class="nav-link ">
		2192	<span class="title">Bootstrap Tagsinput</span>
		2193	</a>
		2194	</li>
		2195	<li class="nav-item ">
		2196	<a href="components_bootstrap_switch.html" class="nav-link ">
		2197	<span class="title">Bootstrap Switch</span>
		2198	<span class="badge badge-success">6</span>
		2199	</a>
		2200	</li>
		2201	<li class="nav-item ">
		2202	<a href="components_bootstrap_maxlength.html" class="nav-link ">
		2203	<span class="title">Bootstrap Maxlength</span>
		2204	</a>
		2205	</li>
		2206	<li class="nav-item ">
		2207	<a href="components_bootstrap_fileinput.html" class="nav-link ">
		2208	<span class="title">Bootstrap File Input</span>
		2209	</a>
		2210	</li>
		2211	<li class="nav-item ">
		2212	<a href="components_bootstrap_touchspin.html" class="nav-link ">
		2213	<span class="title">Bootstrap Touchspin</span>
		2214	</a>
		2215	</li>
		2216	<li class="nav-item ">
		2217	<a href="components_form_tools.html" class="nav-link ">
		2218	<span class="title">Form Widgets & Tools</span>
		2219	</a>
		2220	</li>
		2221	<li class="nav-item ">
		2222	<a href="components_context_menu.html" class="nav-link ">
		2223	<span class="title">Context Menu</span>
		2224	</a>
		2225	</li>
		2226	<li class="nav-item ">
		2227	<a href="components_editors.html" class="nav-link ">
		2228	<span class="title">Markdown & WYSIWYG Editors</span>
		2229	</a>
		2230	</li>
		2231	<li class="nav-item ">
		2232	<a href="components_code_editors.html" class="nav-link ">
		2233	<span class="title">Code Editors</span>
		2234	</a>
		2235	</li>
		2236	<li class="nav-item ">
		2237	<a href="components_ion_sliders.html" class="nav-link ">
		2238	<span class="title">Ion Range Sliders</span>
		2239	</a>
		2240	</li>
		2241	<li class="nav-item ">
		2242	<a href="components_noui_sliders.html" class="nav-link ">
		2243	<span class="title">NoUI Range Sliders</span>
		2244	</a>
		2245	</li>
		2246	<li class="nav-item ">
		2247	<a href="components_knob_dials.html" class="nav-link ">
		2248	<span class="title">Knob Circle Dials</span>
		2249	</a>
		2250	</li>
		2251	</ul>
		2252	</li>
		2253	<li class="nav-item ">
		2254	<a href="javascript:;" class="nav-link nav-toggle">
		2255	<i class="icon-settings"></i>
		2256	<span class="title">Form Stuff</span>
		2257	<span class="arrow"></span>
		2258	</a>
		2259	<ul class="sub-menu">
		2260	<li class="nav-item ">
		2261	<a href="form_controls.html" class="nav-link ">
		2262	<span class="title">Bootstrap Form
		2263	<br>Controls</span>
		2264	</a>
		2265	</li>
		2266	<li class="nav-item ">
		2267	<a href="form_controls_md.html" class="nav-link ">
		2268	<span class="title">Material Design
		2269	<br>Form Controls</span>
		2270	</a>
		2271	</li>
		2272	<li class="nav-item ">
		2273	<a href="form_validation.html" class="nav-link ">
		2274	<span class="title">Form Validation</span>
		2275	</a>
		2276	</li>
		2277	<li class="nav-item ">
		2278	<a href="form_validation_states_md.html" class="nav-link ">
		2279	<span class="title">Material Design
		2280	<br>Form Validation States</span>
		2281	</a>
		2282	</li>
		2283	<li class="nav-item ">
		2284	<a href="form_validation_md.html" class="nav-link ">
		2285	<span class="title">Material Design
		2286	<br>Form Validation</span>
		2287	</a>
		2288	</li>
		2289	<li class="nav-item ">
		2290	<a href="form_layouts.html" class="nav-link ">
		2291	<span class="title">Form Layouts</span>
		2292	</a>
		2293	</li>
		2294	<li class="nav-item ">
		2295	<a href="form_input_mask.html" class="nav-link ">
		2296	<span class="title">Form Input Mask</span>
		2297	</a>
		2298	</li>
		2299	<li class="nav-item ">
		2300	<a href="form_editable.html" class="nav-link ">
		2301	<span class="title">Form X-editable</span>
		2302	</a>
		2303	</li>
		2304	<li class="nav-item ">
		2305	<a href="form_wizard.html" class="nav-link ">
		2306	<span class="title">Form Wizard</span>
		2307	</a>
		2308	</li>
		2309	<li class="nav-item ">
		2310	<a href="form_icheck.html" class="nav-link ">
		2311	<span class="title">iCheck Controls</span>
		2312	</a>
		2313	</li>
		2314	<li class="nav-item ">
		2315	<a href="form_image_crop.html" class="nav-link ">
		2316	<span class="title">Image Cropping</span>
		2317	</a>
		2318	</li>
		2319	<li class="nav-item ">
		2320	<a href="form_fileupload.html" class="nav-link ">
		2321	<span class="title">Multiple File Upload</span>
		2322	</a>
		2323	</li>
		2324	<li class="nav-item ">
		2325	<a href="form_dropzone.html" class="nav-link ">
		2326	<span class="title">Dropzone File Upload</span>
		2327	</a>
		2328	</li>
		2329	</ul>
		2330	</li>
		2331	<li class="nav-item ">
		2332	<a href="javascript:;" class="nav-link nav-toggle">
		2333	<i class="icon-bulb"></i>
		2334	<span class="title">Elements</span>
		2335	<span class="arrow"></span>
		2336	</a>
		2337	<ul class="sub-menu">
		2338	<li class="nav-item ">
		2339	<a href="elements_steps.html" class="nav-link ">
		2340	<span class="title">Steps</span>
		2341	</a>
		2342	</li>
		2343	<li class="nav-item ">
		2344	<a href="elements_lists.html" class="nav-link ">
		2345	<span class="title">Lists</span>
		2346	</a>
		2347	</li>
		2348	<li class="nav-item ">
		2349	<a href="elements_ribbons.html" class="nav-link ">
		2350	<span class="title">Ribbons</span>
		2351	</a>
		2352	</li>
		2353	<li class="nav-item ">
		2354	<a href="elements_overlay.html" class="nav-link ">
		2355	<span class="title">Overlays</span>
		2356	</a>
		2357	</li>
		2358	<li class="nav-item ">
		2359	<a href="elements_cards.html" class="nav-link ">
		2360	<span class="title">User Cards</span>
		2361	</a>
		2362	</li>
		2363	</ul>
		2364	</li>
		2365	<li class="nav-item ">
		2366	<a href="javascript:;" class="nav-link nav-toggle">
		2367	<i class="icon-briefcase"></i>
		2368	<span class="title">Tables</span>
		2369	<span class="arrow"></span>
		2370	</a>
		2371	<ul class="sub-menu">
		2372	<li class="nav-item ">
		2373	<a href="table_static_basic.html" class="nav-link ">
		2374	<span class="title">Basic Tables</span>
		2375	</a>
		2376	</li>
		2377	<li class="nav-item ">
		2378	<a href="table_static_responsive.html" class="nav-link ">
		2379	<span class="title">Responsive Tables</span>
		2380	</a>
		2381	</li>
		2382	<li class="nav-item ">
		2383	<a href="table_bootstrap.html" class="nav-link ">
		2384	<span class="title">Bootstrap Tables</span>
		2385	</a>
		2386	</li>
		2387	<li class="nav-item ">
		2388	<a href="javascript:;" class="nav-link nav-toggle">
		2389	<span class="title">Datatables</span>
		2390	<span class="arrow"></span>
		2391	</a>
		2392	<ul class="sub-menu">
		2393	<li class="nav-item ">
		2394	<a href="table_datatables_managed.html" class="nav-link "> Managed Datatables </a>
		2395	</li>
		2396	<li class="nav-item ">
		2397	<a href="table_datatables_buttons.html" class="nav-link "> Buttons Extension </a>
		2398	</li>
		2399	<li class="nav-item ">
		2400	<a href="table_datatables_colreorder.html" class="nav-link "> Colreorder Extension </a>
		2401	</li>
		2402	<li class="nav-item ">
		2403	<a href="table_datatables_rowreorder.html" class="nav-link "> Rowreorder Extension </a>
		2404	</li>
		2405	<li class="nav-item ">
		2406	<a href="table_datatables_scroller.html" class="nav-link "> Scroller Extension </a>
		2407	</li>
		2408	<li class="nav-item ">
		2409	<a href="table_datatables_fixedheader.html" class="nav-link "> FixedHeader Extension </a>
		2410	</li>
		2411	<li class="nav-item ">
		2412	<a href="table_datatables_responsive.html" class="nav-link "> Responsive Extension </a>
		2413	</li>
		2414	<li class="nav-item ">
		2415	<a href="table_datatables_editable.html" class="nav-link "> Editable Datatables </a>
		2416	</li>
		2417	<li class="nav-item ">
		2418	<a href="table_datatables_ajax.html" class="nav-link "> Ajax Datatables </a>
		2419	</li>
		2420	</ul>
		2421	</li>
		2422	</ul>
		2423	</li>
		2424	<li class="nav-item ">
		2425	<a href="?p=" class="nav-link nav-toggle">
		2426	<i class="icon-wallet"></i>
		2427	<span class="title">Portlets</span>
		2428	<span class="arrow"></span>
		2429	</a>
		2430	<ul class="sub-menu">
		2431	<li class="nav-item ">
		2432	<a href="portlet_boxed.html" class="nav-link ">
		2433	<span class="title">Boxed Portlets</span>
		2434	</a>
		2435	</li>
		2436	<li class="nav-item ">
		2437	<a href="portlet_light.html" class="nav-link ">
		2438	<span class="title">Light Portlets</span>
		2439	</a>
		2440	</li>
		2441	<li class="nav-item ">
		2442	<a href="portlet_solid.html" class="nav-link ">
		2443	<span class="title">Solid Portlets</span>
		2444	</a>
		2445	</li>
		2446	<li class="nav-item ">
		2447	<a href="portlet_ajax.html" class="nav-link ">
		2448	<span class="title">Ajax Portlets</span>
		2449	</a>
		2450	</li>
		2451	<li class="nav-item ">
		2452	<a href="portlet_draggable.html" class="nav-link ">
		2453	<span class="title">Draggable Portlets</span>
		2454	</a>
		2455	</li>
		2456	</ul>
		2457	</li>
		2458	<li class="nav-item ">
		2459	<a href="javascript:;" class="nav-link nav-toggle">
		2460	<i class="icon-bar-chart"></i>
		2461	<span class="title">Charts</span>
		2462	<span class="arrow"></span>
		2463	</a>
		2464	<ul class="sub-menu">
		2465	<li class="nav-item ">
		2466	<a href="charts_amcharts.html" class="nav-link ">
		2467	<span class="title">amChart</span>
		2468	</a>
		2469	</li>
		2470	<li class="nav-item ">
		2471	<a href="charts_flotcharts.html" class="nav-link ">
		2472	<span class="title">Flot Charts</span>
		2473	</a>
		2474	</li>
		2475	<li class="nav-item ">
		2476	<a href="charts_flowchart.html" class="nav-link ">
		2477	<span class="title">Flow Charts</span>
		2478	</a>
		2479	</li>
		2480	<li class="nav-item ">
		2481	<a href="charts_google.html" class="nav-link ">
		2482	<span class="title">Google Charts</span>
		2483	</a>
		2484	</li>
		2485	<li class="nav-item ">
		2486	<a href="charts_echarts.html" class="nav-link ">
		2487	<span class="title">eCharts</span>
		2488	</a>
		2489	</li>
		2490	<li class="nav-item ">
		2491	<a href="charts_morris.html" class="nav-link ">
		2492	<span class="title">Morris Charts</span>
		2493	</a>
		2494	</li>
		2495	<li class="nav-item ">
		2496	<a href="javascript:;" class="nav-link nav-toggle">
		2497	<span class="title">HighCharts</span>
		2498	<span class="arrow"></span>
		2499	</a>
		2500	<ul class="sub-menu">
		2501	<li class="nav-item ">
		2502	<a href="charts_highcharts.html" class="nav-link "> HighCharts </a>
		2503	</li>
		2504	<li class="nav-item ">
		2505	<a href="charts_highstock.html" class="nav-link "> HighStock </a>
		2506	</li>
		2507	<li class="nav-item ">
		2508	<a href="charts_highmaps.html" class="nav-link "> HighMaps </a>
		2509	</li>
		2510	</ul>
		2511	</li>
		2512	</ul>
		2513	</li>
		2514	<li class="nav-item ">
		2515	<a href="javascript:;" class="nav-link nav-toggle">
		2516	<i class="icon-pointer"></i>
		2517	<span class="title">Maps</span>
		2518	<span class="arrow"></span>
		2519	</a>
		2520	<ul class="sub-menu">
		2521	<li class="nav-item ">
		2522	<a href="maps_google.html" class="nav-link ">
		2523	<span class="title">Google Maps</span>
		2524	</a>
		2525	</li>
		2526	<li class="nav-item ">
		2527	<a href="maps_vector.html" class="nav-link ">
		2528	<span class="title">Vector Maps</span>
		2529	</a>
		2530	</li>
		2531	</ul>
		2532	</li>
		2533	<li class="heading hide">
		2534	<h3 class="uppercase">Layouts</h3>
		2535	</li>
		2536	<li class="nav-item ">
		2537	<a href="layout_blank_page.html" class="nav-link ">
		2538	<i class="icon-layers"></i>
		2539	<span class="title">Blank Page</span>
		2540	</a>
		2541	</li>
		2542	<li class="nav-item ">
		2543	<a href="javascript:;" class="nav-link nav-toggle">
		2544	<i class="icon-layers"></i>
		2545	<span class="title">Page Layouts</span>
		2546	<span class="arrow"></span>
		2547	</a>
		2548	<ul class="sub-menu">
		2549	<li class="nav-item ">
		2550	<a href="layout_blank_page.html" class="nav-link ">
		2551	<span class="title">Blank Page</span>
		2552	</a>
		2553	</li>
		2554	<li class="nav-item ">
		2555	<a href="layout_ajax_page.html" class="nav-link ">
		2556	<span class="title">Ajax Content Layout</span>
		2557	</a>
		2558	</li>
		2559	<li class="nav-item ">
		2560	<a href="layout_offcanvas_mobile_menu.html" class="nav-link ">
		2561	<span class="title">Off-canvas Mobile Menu</span>
		2562	</a>
		2563	</li>
		2564	<li class="nav-item ">
		2565	<a href="layout_classic_page_head.html" class="nav-link ">
		2566	<span class="title">Classic Page Head</span>
		2567	</a>
		2568	</li>
		2569	<li class="nav-item ">
		2570	<a href="layout_light_page_head.html" class="nav-link ">
		2571	<span class="title">Light Page Head</span>
		2572	</a>
		2573	</li>
		2574	<li class="nav-item ">
		2575	<a href="layout_content_grey.html" class="nav-link ">
		2576	<span class="title">Grey Bg Content</span>
		2577	</a>
		2578	</li>
		2579	<li class="nav-item ">
		2580	<a href="layout_search_on_header_1.html" class="nav-link ">
		2581	<span class="title">Search Box On Header 1</span>
		2582	</a>
		2583	</li>
		2584	<li class="nav-item ">
		2585	<a href="layout_search_on_header_2.html" class="nav-link ">
		2586	<span class="title">Search Box On Header 2</span>
		2587	</a>
		2588	</li>
		2589	<li class="nav-item ">
		2590	<a href="layout_language_bar.html" class="nav-link ">
		2591	<span class="title">Header Language Bar</span>
		2592	</a>
		2593	</li>
		2594	<li class="nav-item ">
		2595	<a href="layout_footer_fixed.html" class="nav-link ">
		2596	<span class="title">Fixed Footer</span>
		2597	</a>
		2598	</li>
		2599	<li class="nav-item ">
		2600	<a href="layout_boxed_page.html" class="nav-link ">
		2601	<span class="title">Boxed Page</span>
		2602	</a>
		2603	</li>
		2604	</ul>
		2605	</li>
		2606	<li class="nav-item ">
		2607	<a href="javascript:;" class="nav-link nav-toggle">
		2608	<i class="icon-feed"></i>
		2609	<span class="title">Sidebar Layouts</span>
		2610	<span class="arrow"></span>
		2611	</a>
		2612	<ul class="sub-menu">
		2613	<li class="nav-item ">
		2614	<a href="layout_sidebar_menu_light.html" class="nav-link ">
		2615	<span class="title">Light Sidebar Menu</span>
		2616	</a>
		2617	</li>
		2618	<li class="nav-item ">
		2619	<a href="layout_sidebar_menu_hover.html" class="nav-link ">
		2620	<span class="title">Hover Sidebar Menu</span>
		2621	</a>
		2622	</li>
		2623	<li class="nav-item ">
		2624	<a href="layout_sidebar_search_1.html" class="nav-link ">
		2625	<span class="title">Sidebar Search Option 1</span>
		2626	</a>
		2627	</li>
		2628	<li class="nav-item ">
		2629	<a href="layout_sidebar_search_2.html" class="nav-link ">
		2630	<span class="title">Sidebar Search Option 2</span>
		2631	</a>
		2632	</li>
		2633	<li class="nav-item ">
		2634	<a href="layout_toggler_on_sidebar.html" class="nav-link ">
		2635	<span class="title">Sidebar Toggler On Sidebar</span>
		2636	</a>
		2637	</li>
		2638	<li class="nav-item ">
		2639	<a href="?p=layout_sidebar_menu_accordion" class="nav-link ">
		2640	<span class="title">Sidebar Accordion Menu</span>
		2641	</a>
		2642	</li>
		2643	<li class="nav-item ">
		2644	<a href="?p=layout_sidebar_menu_compact" class="nav-link ">
		2645	<span class="title">Sidebar Compact Menu</span>
		2646	</a>
		2647	</li>
		2648	<li class="nav-item ">
		2649	<a href="layout_sidebar_reversed.html" class="nav-link ">
		2650	<span class="title">Reversed Sidebar Page</span>
		2651	</a>
		2652	</li>
		2653	<li class="nav-item ">
		2654	<a href="layout_sidebar_fixed.html" class="nav-link ">
		2655	<span class="title">Fixed Sidebar Layout</span>
		2656	</a>
		2657	</li>
		2658	<li class="nav-item ">
		2659	<a href="layout_sidebar_closed.html" class="nav-link ">
		2660	<span class="title">Closed Sidebar Layout</span>
		2661	</a>
		2662	</li>
		2663	</ul>
		2664	</li>
		2665	<li class="nav-item active open">
		2666	<a href="javascript:;" class="nav-link nav-toggle">
		2667	<i class="icon-paper-plane"></i>
		2668	<span class="title">Horizontal Menu</span>
		2669	<span class="selected"></span>
		2670	<span class="arrow open"></span>
		2671	</a>
		2672	<ul class="sub-menu">
		2673	<li class="nav-item active open">
		2674	<a href="layout_mega_menu_light.html" class="nav-link ">
		2675	<span class="title">Light Mega Menu</span>
		2676	<span class="selected"></span>
		2677	</a>
		2678	</li>
		2679	<li class="nav-item ">
		2680	<a href="layout_mega_menu_dark.html" class="nav-link ">
		2681	<span class="title">Dark Mega Menu</span>
		2682	</a>
		2683	</li>
		2684	<li class="nav-item ">
		2685	<a href="layout_full_width.html" class="nav-link ">
		2686	<span class="title">Full Width Layout</span>
		2687	</a>
		2688	</li>
		2689	</ul>
		2690	</li>
		2691	<li class="nav-item ">
		2692	<a href="javascript:;" class="nav-link nav-toggle">
		2693	<i class=" icon-wrench"></i>
		2694	<span class="title">Custom Layouts</span>
		2695	<span class="arrow"></span>
		2696	</a>
		2697	<ul class="sub-menu">
		2698	<li class="nav-item ">
		2699	<a href="layout_disabled_menu.html" class="nav-link ">
		2700	<span class="title">Disabled Menu Links</span>
		2701	</a>
		2702	</li>
		2703	<li class="nav-item ">
		2704	<a href="layout_full_height_portlet.html" class="nav-link ">
		2705	<span class="title">Full Height Portlet</span>
		2706	</a>
		2707	</li>
		2708	<li class="nav-item ">
		2709	<a href="layout_full_height_content.html" class="nav-link ">
		2710	<span class="title">Full Height Content</span>
		2711	</a>
		2712	</li>
		2713	</ul>
		2714	</li>
		2715	<li class="heading hide">
		2716	<h3 class="uppercase">Pages</h3>
		2717	</li>
		2718	<li class="nav-item ">
		2719	<a href="javascript:;" class="nav-link nav-toggle">
		2720	<i class="icon-basket"></i>
		2721	<span class="title">eCommerce</span>
		2722	<span class="arrow"></span>
		2723	</a>
		2724	<ul class="sub-menu">
		2725	<li class="nav-item ">
		2726	<a href="ecommerce_index.html" class="nav-link ">
		2727	<i class="icon-home"></i>
		2728	<span class="title">Dashboard</span>
		2729	</a>
		2730	</li>
		2731	<li class="nav-item ">
		2732	<a href="ecommerce_orders.html" class="nav-link ">
		2733	<i class="icon-basket"></i>
		2734	<span class="title">Orders</span>
		2735	</a>
		2736	</li>
		2737	<li class="nav-item ">
		2738	<a href="ecommerce_orders_view.html" class="nav-link ">
		2739	<i class="icon-tag"></i>
		2740	<span class="title">Order View</span>
		2741	</a>
		2742	</li>
		2743	<li class="nav-item ">
		2744	<a href="ecommerce_products.html" class="nav-link ">
		2745	<i class="icon-graph"></i>
		2746	<span class="title">Products</span>
		2747	</a>
		2748	</li>
		2749	<li class="nav-item ">
		2750	<a href="ecommerce_products_edit.html" class="nav-link ">
		2751	<i class="icon-graph"></i>
		2752	<span class="title">Product Edit</span>
		2753	</a>
		2754	</li>
		2755	</ul>
		2756	</li>
		2757	<li class="nav-item ">
		2758	<a href="javascript:;" class="nav-link nav-toggle">
		2759	<i class="icon-docs"></i>
		2760	<span class="title">Apps</span>
		2761	<span class="arrow"></span>
		2762	</a>
		2763	<ul class="sub-menu">
		2764	<li class="nav-item ">
		2765	<a href="app_todo.html" class="nav-link ">
		2766	<i class="icon-clock"></i>
		2767	<span class="title">Todo 1</span>
		2768	</a>
		2769	</li>
		2770	<li class="nav-item ">
		2771	<a href="app_todo_2.html" class="nav-link ">
		2772	<i class="icon-check"></i>
		2773	<span class="title">Todo 2</span>
		2774	</a>
		2775	</li>
		2776	<li class="nav-item ">
		2777	<a href="app_inbox.html" class="nav-link ">
		2778	<i class="icon-envelope"></i>
		2779	<span class="title">Inbox</span>
		2780	</a>
		2781	</li>
		2782	<li class="nav-item ">
		2783	<a href="app_calendar.html" class="nav-link ">
		2784	<i class="icon-calendar"></i>
		2785	<span class="title">Calendar</span>
		2786	</a>
		2787	</li>
		2788	<li class="nav-item ">
		2789	<a href="app_ticket.html" class="nav-link ">
		2790	<i class="icon-notebook"></i>
		2791	<span class="title">Support</span>
		2792	</a>
		2793	</li>
		2794	</ul>
		2795	</li>
		2796	<li class="nav-item ">
		2797	<a href="javascript:;" class="nav-link nav-toggle">
		2798	<i class="icon-user"></i>
		2799	<span class="title">User</span>
		2800	<span class="arrow"></span>
		2801	</a>
		2802	<ul class="sub-menu">
		2803	<li class="nav-item ">
		2804	<a href="page_user_profile_1.html" class="nav-link ">
		2805	<i class="icon-user"></i>
		2806	<span class="title">Profile 1</span>
		2807	</a>
		2808	</li>
		2809	<li class="nav-item ">
		2810	<a href="page_user_profile_1_account.html" class="nav-link ">
		2811	<i class="icon-user-female"></i>
		2812	<span class="title">Profile 1 Account</span>
		2813	</a>
		2814	</li>
		2815	<li class="nav-item ">
		2816	<a href="page_user_profile_1_help.html" class="nav-link ">
		2817	<i class="icon-user-following"></i>
		2818	<span class="title">Profile 1 Help</span>
		2819	</a>
		2820	</li>
		2821	<li class="nav-item ">
		2822	<a href="page_user_profile_2.html" class="nav-link ">
		2823	<i class="icon-users"></i>
		2824	<span class="title">Profile 2</span>
		2825	</a>
		2826	</li>
		2827	<li class="nav-item ">
		2828	<a href="javascript:;" class="nav-link nav-toggle">
		2829	<i class="icon-notebook"></i>
		2830	<span class="title">Login</span>
		2831	<span class="arrow"></span>
		2832	</a>
		2833	<ul class="sub-menu">
		2834	<li class="nav-item ">
		2835	<a href="page_user_login_1.html" class="nav-link "> Login Page 1 </a>
		2836	</li>
		2837	<li class="nav-item ">
		2838	<a href="page_user_login_2.html" class="nav-link "> Login Page 2 </a>
		2839	</li>
		2840	<li class="nav-item ">
		2841	<a href="page_user_login_3.html" class="nav-link "> Login Page 3 </a>
		2842	</li>
		2843	<li class="nav-item ">
		2844	<a href="page_user_login_4.html" class="nav-link "> Login Page 4 </a>
		2845	</li>
		2846	<li class="nav-item ">
		2847	<a href="page_user_login_5.html" class="nav-link "> Login Page 5 </a>
		2848	</li>
		2849	<li class="nav-item ">
		2850	<a href="page_user_login_6.html" class="nav-link "> Login Page 6 </a>
		2851	</li>
		2852	</ul>
		2853	</li>
		2854	<li class="nav-item ">
		2855	<a href="page_user_lock_1.html" class="nav-link ">
		2856	<i class="icon-lock"></i>
		2857	<span class="title">Lock Screen 1</span>
		2858	</a>
		2859	</li>
		2860	<li class="nav-item ">
		2861	<a href="page_user_lock_2.html" class="nav-link ">
		2862	<i class="icon-lock-open"></i>
		2863	<span class="title">Lock Screen 2</span>
		2864	</a>
		2865	</li>
		2866	</ul>
		2867	</li>
		2868	<li class="nav-item ">
		2869	<a href="javascript:;" class="nav-link nav-toggle">
		2870	<i class="icon-social-dribbble"></i>
		2871	<span class="title">General</span>
		2872	<span class="arrow"></span>
		2873	</a>
		2874	<ul class="sub-menu">
		2875	<li class="nav-item ">
		2876	<a href="page_general_about.html" class="nav-link ">
		2877	<i class="icon-info"></i>
		2878	<span class="title">About</span>
		2879	</a>
		2880	</li>
		2881	<li class="nav-item ">
		2882	<a href="page_general_contact.html" class="nav-link ">
		2883	<i class="icon-call-end"></i>
		2884	<span class="title">Contact</span>
		2885	</a>
		2886	</li>
		2887	<li class="nav-item ">
		2888	<a href="javascript:;" class="nav-link nav-toggle">
		2889	<i class="icon-notebook"></i>
		2890	<span class="title">Portfolio</span>
		2891	<span class="arrow"></span>
		2892	</a>
		2893	<ul class="sub-menu">
		2894	<li class="nav-item ">
		2895	<a href="page_general_portfolio_1.html" class="nav-link "> Portfolio 1 </a>
		2896	</li>
		2897	<li class="nav-item ">
		2898	<a href="page_general_portfolio_2.html" class="nav-link "> Portfolio 2 </a>
		2899	</li>
		2900	<li class="nav-item ">
		2901	<a href="page_general_portfolio_3.html" class="nav-link "> Portfolio 3 </a>
		2902	</li>
		2903	<li class="nav-item ">
		2904	<a href="page_general_portfolio_4.html" class="nav-link "> Portfolio 4 </a>
		2905	</li>
		2906	</ul>
		2907	</li>
		2908	<li class="nav-item ">
		2909	<a href="javascript:;" class="nav-link nav-toggle">
		2910	<i class="icon-magnifier"></i>
		2911	<span class="title">Search</span>
		2912	<span class="arrow"></span>
		2913	</a>
		2914	<ul class="sub-menu">
		2915	<li class="nav-item ">
		2916	<a href="page_general_search.html" class="nav-link "> Search 1 </a>
		2917	</li>
		2918	<li class="nav-item ">
		2919	<a href="page_general_search_2.html" class="nav-link "> Search 2 </a>
		2920	</li>
		2921	<li class="nav-item ">
		2922	<a href="page_general_search_3.html" class="nav-link "> Search 3 </a>
		2923	</li>
		2924	<li class="nav-item ">
		2925	<a href="page_general_search_4.html" class="nav-link "> Search 4 </a>
		2926	</li>
		2927	<li class="nav-item ">
		2928	<a href="page_general_search_5.html" class="nav-link "> Search 5 </a>
		2929	</li>
		2930	</ul>
		2931	</li>
		2932	<li class="nav-item ">
		2933	<a href="page_general_pricing.html" class="nav-link ">
		2934	<i class="icon-tag"></i>
		2935	<span class="title">Pricing</span>
		2936	</a>
		2937	</li>
		2938	<li class="nav-item ">
		2939	<a href="page_general_faq.html" class="nav-link ">
		2940	<i class="icon-wrench"></i>
		2941	<span class="title">FAQ</span>
		2942	</a>
		2943	</li>
		2944	<li class="nav-item ">
		2945	<a href="page_general_blog.html" class="nav-link ">
		2946	<i class="icon-pencil"></i>
		2947	<span class="title">Blog</span>
		2948	</a>
		2949	</li>
		2950	<li class="nav-item ">
		2951	<a href="page_general_blog_post.html" class="nav-link ">
		2952	<i class="icon-note"></i>
		2953	<span class="title">Blog Post</span>
		2954	</a>
		2955	</li>
		2956	<li class="nav-item ">
		2957	<a href="page_general_invoice.html" class="nav-link ">
		2958	<i class="icon-envelope"></i>
		2959	<span class="title">Invoice</span>
		2960	</a>
		2961	</li>
		2962	<li class="nav-item ">
		2963	<a href="page_general_invoice_2.html" class="nav-link ">
		2964	<i class="icon-envelope"></i>
		2965	<span class="title">Invoice 2</span>
		2966	</a>
		2967	</li>
		2968	</ul>
		2969	</li>
		2970	<li class="nav-item ">
		2971	<a href="javascript:;" class="nav-link nav-toggle">
		2972	<i class="icon-settings"></i>
		2973	<span class="title">System</span>
		2974	<span class="arrow"></span>
		2975	</a>
		2976	<ul class="sub-menu">
		2977	<li class="nav-item ">
		2978	<a href="page_cookie_consent_1.html" class="nav-link ">
		2979	<span class="title">Cookie Consent 1</span>
		2980	</a>
		2981	</li>
		2982	<li class="nav-item ">
		2983	<a href="page_cookie_consent_2.html" class="nav-link ">
		2984	<span class="title">Cookie Consent 2</span>
		2985	</a>
		2986	</li>
		2987	<li class="nav-item ">
		2988	<a href="page_system_coming_soon.html" class="nav-link ">
		2989	<span class="title">Coming Soon</span>
		2990	</a>
		2991	</li>
		2992	<li class="nav-item ">
		2993	<a href="page_system_404_1.html" class="nav-link ">
		2994	<span class="title">404 Page 1</span>
		2995	</a>
		2996	</li>
		2997	<li class="nav-item ">
		2998	<a href="page_system_404_2.html" class="nav-link ">
		2999	<span class="title">404 Page 2</span>
		3000	</a>
		3001	</li>
		3002	<li class="nav-item ">
		3003	<a href="page_system_404_3.html" class="nav-link ">
		3004	<span class="title">404 Page 3</span>
		3005	</a>
		3006	</li>
		3007	<li class="nav-item ">
		3008	<a href="page_system_500_1.html" class="nav-link ">
		3009	<span class="title">500 Page 1</span>
		3010	</a>
		3011	</li>
		3012	<li class="nav-item ">
		3013	<a href="page_system_500_2.html" class="nav-link ">
		3014	<span class="title">500 Page 2</span>
		3015	</a>
		3016	</li>
		3017	</ul>
		3018	</li>
		3019	</ul>
		3020	</li>
		3021	<li class="nav-item">
		3022	<a href="javascript:;" class="nav-link nav-toggle"> Mega
		3023	<span class="arrow"> </span>
		3024	</a>
		3025	<ul class="sub-menu">
		3026	<li class="nav-item">
		3027	<a href="javascript:;" class="nav-link nav-toggle"> Section 1
		3028	<span class="arrow"></span>
		3029	</a>
		3030	<ul class="sub-menu">
		3031	<li class="nav-item">
		3032	<a href="#" class="nav-link">Example Link</a>
		3033	</li>
		3034	<li class="nav-item">
		3035	<a href="#" class="nav-link">Example Link</a>
		3036	</li>
		3037	<li class="nav-item">
		3038	<a href="#" class="nav-link">Example Link</a>
		3039	</li>
		3040	<li class="nav-item">
		3041	<a href="#" class="nav-link">Example Link</a>
		3042	</li>
		3043	<li class="nav-item">
		3044	<a href="#" class="nav-link">Example Link</a>
		3045	</li>
		3046	<li class="nav-item">
		3047	<a href="#" class="nav-link">Example Link</a>
		3048	</li>
		3049	<li class="nav-item">
		3050	<a href="#" class="nav-link">Example Link</a>
		3051	</li>
		3052	</ul>
		3053	</li>
		3054	<li class="nav-item">
		3055	<a href="javascript:;" class="nav-link nav-toggle"> Section 2
		3056	<span class="arrow"></span>
		3057	</a>
		3058	<ul class="sub-menu">
		3059	<li class="nav-item">
		3060	<a href="#" class="nav-link">Example Link</a>
		3061	</li>
		3062	<li class="nav-item">
		3063	<a href="#" class="nav-link">Example Link</a>
		3064	</li>
		3065	<li class="nav-item">
		3066	<a href="#" class="nav-link">Example Link</a>
		3067	</li>
		3068	<li class="nav-item">
		3069	<a href="#" class="nav-link">Example Link</a>
		3070	</li>
		3071	<li class="nav-item">
		3072	<a href="#" class="nav-link">Example Link</a>
		3073	</li>
		3074	<li class="nav-item">
		3075	<a href="#" class="nav-link">Example Link</a>
		3076	</li>
		3077	<li class="nav-item">
		3078	<a href="#" class="nav-link">Example Link</a>
		3079	</li>
		3080	</ul>
		3081	</li>
		3082	<li class="nav-item">
		3083	<a href="javascript:;" class="nav-link nav-toggle"> Section 3
		3084	<span class="arrow"></span>
		3085	</a>
		3086	<ul class="sub-menu">
		3087	<li class="nav-item">
		3088	<a href="#" class="nav-link">Example Link</a>
		3089	</li>
		3090	<li class="nav-item">
		3091	<a href="#" class="nav-link">Example Link</a>
		3092	</li>
		3093	<li class="nav-item">
		3094	<a href="#" class="nav-link">Example Link</a>
		3095	</li>
		3096	<li class="nav-item">
		3097	<a href="#" class="nav-link">Example Link</a>
		3098	</li>
		3099	<li class="nav-item">
		3100	<a href="#" class="nav-link">Example Link</a>
		3101	</li>
		3102	<li class="nav-item">
		3103	<a href="#" class="nav-link">Example Link</a>
		3104	</li>
		3105	<li class="nav-item">
		3106	<a href="#" class="nav-link">Example Link</a>
		3107	</li>
		3108	</ul>
		3109	</li>
		3110	</ul>
		3111	</li>
		3112	<li class="nav-item">
		3113	<a href="javascript:;" class="nav-link nav-toggle"> Full Mega
		3114	<span class="arrow"> </span>
		3115	</a>
		3116	<ul class="sub-menu">
		3117	<li class="nav-item">
		3118	<a href="javascript:;" class="nav-link nav-toggle"> Section 1
		3119	<span class="arrow"></span>
		3120	</a>
		3121	<ul class="sub-menu">
		3122	<li class="nav-item">
		3123	<a href="#" class="nav-link">Example Link</a>
		3124	</li>
		3125	<li class="nav-item">
		3126	<a href="#" class="nav-link">Example Link</a>
		3127	</li>
		3128	<li class="nav-item">
		3129	<a href="#" class="nav-link">Example Link</a>
		3130	</li>
		3131	<li class="nav-item">
		3132	<a href="#" class="nav-link">Example Link</a>
		3133	</li>
		3134	<li class="nav-item">
		3135	<a href="#" class="nav-link">Example Link</a>
		3136	</li>
		3137	<li class="nav-item">
		3138	<a href="#" class="nav-link">Example Link</a>
		3139	</li>
		3140	<li class="nav-item">
		3141	<a href="#" class="nav-link">Example Link</a>
		3142	</li>
		3143	</ul>
		3144	</li>
		3145	<li class="nav-item">
		3146	<a href="javascript:;" class="nav-link nav-toggle"> Section 2
		3147	<span class="arrow"></span>
		3148	</a>
		3149	<ul class="sub-menu">
		3150	<li class="nav-item">
		3151	<a href="#" class="nav-link">Example Link</a>
		3152	</li>
		3153	<li class="nav-item">
		3154	<a href="#" class="nav-link">Example Link</a>
		3155	</li>
		3156	<li class="nav-item">
		3157	<a href="#" class="nav-link">Example Link</a>
		3158	</li>
		3159	<li class="nav-item">
		3160	<a href="#" class="nav-link">Example Link</a>
		3161	</li>
		3162	<li class="nav-item">
		3163	<a href="#" class="nav-link">Example Link</a>
		3164	</li>
		3165	<li class="nav-item">
		3166	<a href="#" class="nav-link">Example Link</a>
		3167	</li>
		3168	<li class="nav-item">
		3169	<a href="#" class="nav-link">Example Link</a>
		3170	</li>
		3171	</ul>
		3172	</li>
		3173	<li class="nav-item">
		3174	<a href="javascript:;" class="nav-link nav-toggle"> Section 3
		3175	<span class="arrow"></span>
		3176	</a>
		3177	<ul class="sub-menu">
		3178	<li class="nav-item">
		3179	<a href="#" class="nav-link">Example Link</a>
		3180	</li>
		3181	<li class="nav-item">
		3182	<a href="#" class="nav-link">Example Link</a>
		3183	</li>
		3184	<li class="nav-item">
		3185	<a href="#" class="nav-link">Example Link</a>
		3186	</li>
		3187	<li class="nav-item">
		3188	<a href="#" class="nav-link">Example Link</a>
		3189	</li>
		3190	<li class="nav-item">
		3191	<a href="#" class="nav-link">Example Link</a>
		3192	</li>
		3193	<li class="nav-item">
		3194	<a href="#" class="nav-link">Example Link</a>
		3195	</li>
		3196	<li class="nav-item">
		3197	<a href="#" class="nav-link">Example Link</a>
		3198	</li>
		3199	</ul>
		3200	</li>
		3201	<li class="nav-item">
		3202	<a href="javascript:;" class="nav-link nav-toggle"> Section 4
		3203	<span class="arrow"></span>
		3204	</a>
		3205	<ul class="sub-menu">
		3206	<li class="nav-item">
		3207	<a href="#" class="nav-link">Example Link</a>
		3208	</li>
		3209	<li class="nav-item">
		3210	<a href="#" class="nav-link">Example Link</a>
		3211	</li>
		3212	<li class="nav-item">
		3213	<a href="#" class="nav-link">Example Link</a>
		3214	</li>
		3215	<li class="nav-item">
		3216	<a href="#" class="nav-link">Example Link</a>
		3217	</li>
		3218	<li class="nav-item">
		3219	<a href="#" class="nav-link">Example Link</a>
		3220	</li>
		3221	<li class="nav-item">
		3222	<a href="#" class="nav-link">Example Link</a>
		3223	</li>
		3224	<li class="nav-item">
		3225	<a href="#" class="nav-link">Example Link</a>
		3226	</li>
		3227	<li class="nav-item">
		3228	<a href="#" class="nav-link">More Options</a>
		3229	</li>
		3230	</ul>
		3231	</li>
		3232	<li class="nav-item">
		3233	<a href="javascript:;" class="nav-link nav-toggle"> Accordions
		3234	<span class="arrow"></span>
		3235	</a>
		3236	<ul class="sub-menu">
		3237	<li class="nav-item">
		3238	<div id="accordion2" class="panel-group mega-menu-responsive-content">
		3239	<div class="panel panel-success">
		3240	<div class="panel-heading">
		3241	<h4 class="panel-title">
		3242	<a data-toggle="collapse" data-parent="#accordion2" href="#collapseOne2" class="collapsed"> Mega Menu Info #1 </a>
		3243	</h4>
		3244	</div>
		3245	<div id="collapseOne2" class="panel-collapse in">
		3246	<div class="panel-body"> Metronic Mega Menu Works for fixed and responsive layout and has the facility to include (almost) any Bootstrap elements. </div>
		3247	</div>
		3248	</div>
		3249	<div class="panel panel-danger">
		3250	<div class="panel-heading">
		3251	<h4 class="panel-title">
		3252	<a data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo2" class="collapsed"> Mega Menu Info #2 </a>
		3253	</h4>
		3254	</div>
		3255	<div id="collapseTwo2" class="panel-collapse collapse">
		3256	<div class="panel-body"> Metronic Mega Menu Works for fixed and responsive layout and has the facility to include (almost) any Bootstrap elements. </div>
		3257	</div>
		3258	</div>
		3259	<div class="panel panel-info">
		3260	<div class="panel-heading">
		3261	<h4 class="panel-title">
		3262	<a data-toggle="collapse" data-parent="#accordion2" href="#collapseThree2"> Mega Menu Info #3 </a>
		3263	</h4>
		3264	</div>
		3265	<div id="collapseThree2" class="panel-collapse collapse">
		3266	<div class="panel-body"> Metronic Mega Menu Works for fixed and responsive layout and has the facility to include (almost) any Bootstrap elements. </div>
		3267	</div>
		3268	</div>
		3269	</div>
		3270	</li>
		3271	</ul>
		3272	</li>
		3273	</ul>
		3274	</li>
		3275	<li class="nav-item">
		3276	<a href="javascript:;" class="nav-link nav-toggle"> Classic
		3277	<span class="arrow"></span>
		3278	</a>
		3279	<ul class="sub-menu">
		3280	<li class="nav-item">
		3281	<a href="javascript:;" class="nav-link"> Section 1 </a>
		3282	</li>
		3283	<li class="nav-item">
		3284	<a href="javascript:;" class="nav-link"> Section 2 </a>
		3285	</li>
		3286	<li class="nav-item">
		3287	<a href="javascript:;" class="nav-link"> Section 3 </a>
		3288	</li>
		3289	<li class="nav-item">
		3290	<a href="javascript:;" class="nav-link"> Section 4 </a>
		3291	</li>
		3292	<li class="nav-item">
		3293	<a href="javascript:;" class="nav-link nav-toggle"> Section 5
		3294	<span class="arrow"></span>
		3295	</a>
		3296	<ul class="sub-menu">
		3297	<li class="nav-item">
		3298	<a href="javascript:;" class="nav-link nav-toggle"> Second level link </a>
		3299	</li>
		3300	<li class="nav-item">
		3301	<a href="javascript:;" class="nav-link nav-toggle"> More options
		3302	<span class="arrow "></span>
		3303	</a>
		3304	<ul class="sub-menu">
		3305	<li class="nav-item">
		3306	<a href="javascript:;" class="nav-link"> Third level link </a>
		3307	</li>
		3308	<li class="nav-item">
		3309	<a href="javascript:;" class="nav-link"> Third level link </a>
		3310	</li>
		3311	<li class="nav-item">
		3312	<a href="javascript:;" class="nav-link"> Third level link </a>
		3313	</li>
		3314	<li class="nav-item">
		3315	<a href="javascript:;" class="nav-link"> Third level link </a>
		3316	</li>
		3317	</ul>
		3318	</li>
		3319	<li class="nav-item">
		3320	<a href="javascript:;" class="nav-link"> Second level link </a>
		3321	</li>
		3322	<li class="nav-item">
		3323	<a href="javascript:;" class="nav-link"> Second level link </a>
		3324	</li>
		3325	<li class="nav-item">
		3326	<a href="javascript:;" class="nav-link"> Second level link </a>
		3327	</li>
		3328	</ul>
		3329	</li>
		3330	</ul>
		3331	</li>
		3332	</ul>
		3333	<!-- END RESPONSIVE MENU FOR HORIZONTAL & SIDEBAR MENU -->
		3334	</div>
		3335	</div>
		3336	<!-- END SIDEBAR -->
		3337	</div>
		3338	<!-- END SIDEBAR -->
		3339	<!-- BEGIN CONTENT -->
		3340	<div class="page-content-wrapper">
		3341	<!-- BEGIN CONTENT BODY -->
		3342	<div class="page-content">
		3343	<!-- BEGIN PAGE HEADER-->
		3344	<!-- BEGIN THEME PANEL -->
		3345	<div class="theme-panel hidden-xs hidden-sm">
		3346	<div class="toggler"> </div>
		3347	<div class="toggler-close"> </div>
		3348	<div class="theme-options">
		3349	<div class="theme-option theme-colors clearfix">
		3350	<span> THEME COLOR </span>
		3351	<ul>
		3352	<li class="color-default current tooltips" data-style="default" data-container="body" data-original-title="Default"> </li>
		3353	<li class="color-darkblue tooltips" data-style="darkblue" data-container="body" data-original-title="Dark Blue"> </li>
		3354	<li class="color-blue tooltips" data-style="blue" data-container="body" data-original-title="Blue"> </li>
		3355	<li class="color-grey tooltips" data-style="grey" data-container="body" data-original-title="Grey"> </li>
		3356	<li class="color-light tooltips" data-style="light" data-container="body" data-original-title="Light"> </li>
		3357	<li class="color-light2 tooltips" data-style="light2" data-container="body" data-html="true" data-original-title="Light 2"> </li>
		3358	</ul>
		3359	</div>
		3360	<div class="theme-option">
		3361	<span> Theme Style </span>
		3362	<select class="layout-style-option form-control input-sm">
		3363	<option value="square" selected="selected">Square corners</option>
		3364	<option value="rounded">Rounded corners</option>
		3365	</select>
		3366	</div>
		3367	<div class="theme-option">
		3368	<span> Layout </span>
		3369	<select class="layout-option form-control input-sm">
		3370	<option value="fluid" selected="selected">Fluid</option>
		3371	<option value="boxed">Boxed</option>
		3372	</select>
		3373	</div>
		3374	<div class="theme-option">
		3375	<span> Header </span>
		3376	<select class="page-header-option form-control input-sm">
		3377	<option value="fixed" selected="selected">Fixed</option>
		3378	<option value="default">Default</option>
		3379	</select>
		3380	</div>
		3381	<div class="theme-option">
		3382	<span> Top Menu Dropdown</span>
		3383	<select class="page-header-top-dropdown-style-option form-control input-sm">
		3384	<option value="light" selected="selected">Light</option>
		3385	<option value="dark">Dark</option>
		3386	</select>
		3387	</div>
		3388	<div class="theme-option">
		3389	<span> Sidebar Mode</span>
		3390	<select class="sidebar-option form-control input-sm">
		3391	<option value="fixed">Fixed</option>
		3392	<option value="default" selected="selected">Default</option>
		3393	</select>
		3394	</div>
		3395	<div class="theme-option">
		3396	<span> Sidebar Menu </span>
		3397	<select class="sidebar-menu-option form-control input-sm">
		3398	<option value="accordion" selected="selected">Accordion</option>
		3399	<option value="hover">Hover</option>
		3400	</select>
		3401	</div>
		3402	<div class="theme-option">
		3403	<span> Sidebar Style </span>
		3404	<select class="sidebar-style-option form-control input-sm">
		3405	<option value="default" selected="selected">Default</option>
		3406	<option value="light">Light</option>
		3407	</select>
		3408	</div>
		3409	<div class="theme-option">
		3410	<span> Sidebar Position </span>
		3411	<select class="sidebar-pos-option form-control input-sm">
		3412	<option value="left" selected="selected">Left</option>
		3413	<option value="right">Right</option>
		3414	</select>
		3415	</div>
		3416	<div class="theme-option">
		3417	<span> Footer </span>
		3418	<select class="page-footer-option form-control input-sm">
		3419	<option value="fixed">Fixed</option>
		3420	<option value="default" selected="selected">Default</option>
		3421	</select>
		3422	</div>
		3423	</div>
		3424	</div>
		3425	<!-- END THEME PANEL -->
		3426	<!-- BEGIN PAGE BAR -->
		3427	<div class="page-bar">
		3428	<ul class="page-breadcrumb">
		3429	<li>
		3430	<a href="index.html">Home</a>
		3431	<i class="fa fa-circle"></i>
		3432	</li>
		3433	<li>
		3434	<span>Horizontal Menu</span>
		3435	</li>
		3436	</ul>
		3437	<div class="page-toolbar">
		3438	<div class="btn-group pull-right">
		3439	<button type="button" class="btn green btn-sm btn-outline dropdown-toggle" data-toggle="dropdown"> Actions
		3440	<i class="fa fa-angle-down"></i>
		3441	</button>
		3442	<ul class="dropdown-menu pull-right" role="menu">
		3443	<li>
		3444	<a href="#">
		3445	<i class="icon-bell"></i> Action</a>
		3446	</li>
		3447	<li>
		3448	<a href="#">
		3449	<i class="icon-shield"></i> Another action</a>
		3450	</li>
		3451	<li>
		3452	<a href="#">
		3453	<i class="icon-user"></i> Something else here</a>
		3454	</li>
		3455	<li class="divider"> </li>
		3456	<li>
		3457	<a href="#">
		3458	<i class="icon-bag"></i> Separated link</a>
		3459	</li>
		3460	</ul>
		3461	</div>
		3462	</div>
		3463	</div>
		3464	<!-- END PAGE BAR -->
		3465	<!-- BEGIN PAGE TITLE-->
		3466	<h1 class="page-title"> Light Menu Menu
		3467	<small>light mega menu option</small>
		3468	</h1>
		3469	<!-- END PAGE TITLE-->
		3470	<!-- END PAGE HEADER-->
		3471	<div class="note note-info">
		3472	<p> Light mega menu style. </p>
		3473	</div>
		3474	</div>
		3475	<!-- END CONTENT BODY -->
		3476	</div>
		3477	<!-- END CONTENT -->
		3478	<!-- BEGIN QUICK SIDEBAR -->
		3479	<a href="javascript:;" class="page-quick-sidebar-toggler">
		3480	<i class="icon-login"></i>
		3481	</a>
		3482	<div class="page-quick-sidebar-wrapper" data-close-on-body-click="false">
		3483	<div class="page-quick-sidebar">
		3484	<ul class="nav nav-tabs">
		3485	<li class="active">
		3486	<a href="javascript:;" data-target="#quick_sidebar_tab_1" data-toggle="tab"> Users
		3487	<span class="badge badge-danger">2</span>
		3488	</a>
		3489	</li>
		3490	<li>
		3491	<a href="javascript:;" data-target="#quick_sidebar_tab_2" data-toggle="tab"> Alerts
		3492	<span class="badge badge-success">7</span>
		3493	</a>
		3494	</li>
		3495	<li class="dropdown">
		3496	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"> More
		3497	<i class="fa fa-angle-down"></i>
		3498	</a>
		3499	<ul class="dropdown-menu pull-right">
		3500	<li>
		3501	<a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
		3502	<i class="icon-bell"></i> Alerts </a>
		3503	</li>
		3504	<li>
		3505	<a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
		3506	<i class="icon-info"></i> Notifications </a>
		3507	</li>
		3508	<li>
		3509	<a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
		3510	<i class="icon-speech"></i> Activities </a>
		3511	</li>
		3512	<li class="divider"></li>
		3513	<li>
		3514	<a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
		3515	<i class="icon-settings"></i> Settings </a>
		3516	</li>
		3517	</ul>
		3518	</li>
		3519	</ul>
		3520	<div class="tab-content">
		3521	<div class="tab-pane active page-quick-sidebar-chat" id="quick_sidebar_tab_1">
		3522	<div class="page-quick-sidebar-chat-users" data-rail-color="#ddd" data-wrapper-class="page-quick-sidebar-list">
		3523	<h3 class="list-heading">Staff</h3>
		3524	<ul class="media-list list-items">
		3525	<li class="media">
		3526	<div class="media-status">
		3527	<span class="badge badge-success">8</span>
		3528	</div>
		3529	<img class="media-object" src="../assets/layouts/layout/img/avatar3.jpg" alt="...">
		3530	<div class="media-body">
		3531	<h4 class="media-heading">Bob Nilson</h4>
		3532	<div class="media-heading-sub"> Project Manager </div>
		3533	</div>
		3534	</li>
		3535	<li class="media">
		3536	<img class="media-object" src="../assets/layouts/layout/img/avatar1.jpg" alt="...">
		3537	<div class="media-body">
		3538	<h4 class="media-heading">Nick Larson</h4>
		3539	<div class="media-heading-sub"> Art Director </div>
		3540	</div>
		3541	</li>
		3542	<li class="media">
		3543	<div class="media-status">
		3544	<span class="badge badge-danger">3</span>
		3545	</div>
		3546	<img class="media-object" src="../assets/layouts/layout/img/avatar4.jpg" alt="...">
		3547	<div class="media-body">
		3548	<h4 class="media-heading">Deon Hubert</h4>
		3549	<div class="media-heading-sub"> CTO </div>
		3550	</div>
		3551	</li>
		3552	<li class="media">
		3553	<img class="media-object" src="../assets/layouts/layout/img/avatar2.jpg" alt="...">
		3554	<div class="media-body">
		3555	<h4 class="media-heading">Ella Wong</h4>
		3556	<div class="media-heading-sub"> CEO </div>
		3557	</div>
		3558	</li>
		3559	</ul>
		3560	<h3 class="list-heading">Customers</h3>
		3561	<ul class="media-list list-items">
		3562	<li class="media">
		3563	<div class="media-status">
		3564	<span class="badge badge-warning">2</span>
		3565	</div>
		3566	<img class="media-object" src="../assets/layouts/layout/img/avatar6.jpg" alt="...">
		3567	<div class="media-body">
		3568	<h4 class="media-heading">Lara Kunis</h4>
		3569	<div class="media-heading-sub"> CEO, Loop Inc </div>
		3570	<div class="media-heading-small"> Last seen 03:10 AM </div>
		3571	</div>
		3572	</li>
		3573	<li class="media">
		3574	<div class="media-status">
		3575	<span class="label label-sm label-success">new</span>
		3576	</div>
		3577	<img class="media-object" src="../assets/layouts/layout/img/avatar7.jpg" alt="...">
		3578	<div class="media-body">
		3579	<h4 class="media-heading">Ernie Kyllonen</h4>
		3580	<div class="media-heading-sub"> Project Manager,
		3581	<br> SmartBizz PTL </div>
		3582	</div>
		3583	</li>
		3584	<li class="media">
		3585	<img class="media-object" src="../assets/layouts/layout/img/avatar8.jpg" alt="...">
		3586	<div class="media-body">
		3587	<h4 class="media-heading">Lisa Stone</h4>
		3588	<div class="media-heading-sub"> CTO, Keort Inc </div>
		3589	<div class="media-heading-small"> Last seen 13:10 PM </div>
		3590	</div>
		3591	</li>
		3592	<li class="media">
		3593	<div class="media-status">
		3594	<span class="badge badge-success">7</span>
		3595	</div>
		3596	<img class="media-object" src="../assets/layouts/layout/img/avatar9.jpg" alt="...">
		3597	<div class="media-body">
		3598	<h4 class="media-heading">Deon Portalatin</h4>
		3599	<div class="media-heading-sub"> CFO, H&D LTD </div>
		3600	</div>
		3601	</li>
		3602	<li class="media">
		3603	<img class="media-object" src="../assets/layouts/layout/img/avatar10.jpg" alt="...">
		3604	<div class="media-body">
		3605	<h4 class="media-heading">Irina Savikova</h4>
		3606	<div class="media-heading-sub"> CEO, Tizda Motors Inc </div>
		3607	</div>
		3608	</li>
		3609	<li class="media">
		3610	<div class="media-status">
		3611	<span class="badge badge-danger">4</span>
		3612	</div>
		3613	<img class="media-object" src="../assets/layouts/layout/img/avatar11.jpg" alt="...">
		3614	<div class="media-body">
		3615	<h4 class="media-heading">Maria Gomez</h4>
		3616	<div class="media-heading-sub"> Manager, Infomatic Inc </div>
		3617	<div class="media-heading-small"> Last seen 03:10 AM </div>
		3618	</div>
		3619	</li>
		3620	</ul>
		3621	</div>
		3622	<div class="page-quick-sidebar-item">
		3623	<div class="page-quick-sidebar-chat-user">
		3624	<div class="page-quick-sidebar-nav">
		3625	<a href="javascript:;" class="page-quick-sidebar-back-to-list">
		3626	<i class="icon-arrow-left"></i>Back</a>
		3627	</div>
		3628	<div class="page-quick-sidebar-chat-user-messages">
		3629	<div class="post out">
		3630	<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
		3631	<div class="message">
		3632	<span class="arrow"></span>
		3633	<a href="javascript:;" class="name">Bob Nilson</a>
		3634	<span class="datetime">20:15</span>
		3635	<span class="body"> When could you send me the report ? </span>
		3636	</div>
		3637	</div>
		3638	<div class="post in">
		3639	<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
		3640	<div class="message">
		3641	<span class="arrow"></span>
		3642	<a href="javascript:;" class="name">Ella Wong</a>
		3643	<span class="datetime">20:15</span>
		3644	<span class="body"> Its almost done. I will be sending it shortly </span>
		3645	</div>
		3646	</div>
		3647	<div class="post out">
		3648	<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
		3649	<div class="message">
		3650	<span class="arrow"></span>
		3651	<a href="javascript:;" class="name">Bob Nilson</a>
		3652	<span class="datetime">20:15</span>
		3653	<span class="body"> Alright. Thanks! :) </span>
		3654	</div>
		3655	</div>
		3656	<div class="post in">
		3657	<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
		3658	<div class="message">
		3659	<span class="arrow"></span>
		3660	<a href="javascript:;" class="name">Ella Wong</a>
		3661	<span class="datetime">20:16</span>
		3662	<span class="body"> You are most welcome. Sorry for the delay. </span>
		3663	</div>
		3664	</div>
		3665	<div class="post out">
		3666	<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
		3667	<div class="message">
		3668	<span class="arrow"></span>
		3669	<a href="javascript:;" class="name">Bob Nilson</a>
		3670	<span class="datetime">20:17</span>
		3671	<span class="body"> No probs. Just take your time :) </span>
		3672	</div>
		3673	</div>
		3674	<div class="post in">
		3675	<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
		3676	<div class="message">
		3677	<span class="arrow"></span>
		3678	<a href="javascript:;" class="name">Ella Wong</a>
		3679	<span class="datetime">20:40</span>
		3680	<span class="body"> Alright. I just emailed it to you. </span>
		3681	</div>
		3682	</div>
		3683	<div class="post out">
		3684	<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
		3685	<div class="message">
		3686	<span class="arrow"></span>
		3687	<a href="javascript:;" class="name">Bob Nilson</a>
		3688	<span class="datetime">20:17</span>
		3689	<span class="body"> Great! Thanks. Will check it right away. </span>
		3690	</div>
		3691	</div>
		3692	<div class="post in">
		3693	<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
		3694	<div class="message">
		3695	<span class="arrow"></span>
		3696	<a href="javascript:;" class="name">Ella Wong</a>
		3697	<span class="datetime">20:40</span>
		3698	<span class="body"> Please let me know if you have any comment. </span>
		3699	</div>
		3700	</div>
		3701	<div class="post out">
		3702	<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
		3703	<div class="message">
		3704	<span class="arrow"></span>
		3705	<a href="javascript:;" class="name">Bob Nilson</a>
		3706	<span class="datetime">20:17</span>
		3707	<span class="body"> Sure. I will check and buzz you if anything needs to be corrected. </span>
		3708	</div>
		3709	</div>
		3710	</div>
		3711	<div class="page-quick-sidebar-chat-user-form">
		3712	<div class="input-group">
		3713	<input type="text" class="form-control" placeholder="Type a message here...">
		3714	<div class="input-group-btn">
		3715	<button type="button" class="btn green">
		3716	<i class="icon-paper-clip"></i>
		3717	</button>
		3718	</div>
		3719	</div>
		3720	</div>
		3721	</div>
		3722	</div>
		3723	</div>
		3724	<div class="tab-pane page-quick-sidebar-alerts" id="quick_sidebar_tab_2">
		3725	<div class="page-quick-sidebar-alerts-list">
		3726	<h3 class="list-heading">General</h3>
		3727	<ul class="feeds list-items">
		3728	<li>
		3729	<div class="col1">
		3730	<div class="cont">
		3731	<div class="cont-col1">
		3732	<div class="label label-sm label-info">
		3733	<i class="fa fa-check"></i>
		3734	</div>
		3735	</div>
		3736	<div class="cont-col2">
		3737	<div class="desc"> You have 4 pending tasks.
		3738	<span class="label label-sm label-warning "> Take action
		3739	<i class="fa fa-share"></i>
		3740	</span>
		3741	</div>
		3742	</div>
		3743	</div>
		3744	</div>
		3745	<div class="col2">
		3746	<div class="date"> Just now </div>
		3747	</div>
		3748	</li>
		3749	<li>
		3750	<a href="javascript:;">
		3751	<div class="col1">
		3752	<div class="cont">
		3753	<div class="cont-col1">
		3754	<div class="label label-sm label-success">
		3755	<i class="fa fa-bar-chart-o"></i>
		3756	</div>
		3757	</div>
		3758	<div class="cont-col2">
		3759	<div class="desc"> Finance Report for year 2013 has been released. </div>
		3760	</div>
		3761	</div>
		3762	</div>
		3763	<div class="col2">
		3764	<div class="date"> 20 mins </div>
		3765	</div>
		3766	</a>
		3767	</li>
		3768	<li>
		3769	<div class="col1">
		3770	<div class="cont">
		3771	<div class="cont-col1">
		3772	<div class="label label-sm label-danger">
		3773	<i class="fa fa-user"></i>
		3774	</div>
		3775	</div>
		3776	<div class="cont-col2">
		3777	<div class="desc"> You have 5 pending membership that requires a quick review. </div>
		3778	</div>
		3779	</div>
		3780	</div>
		3781	<div class="col2">
		3782	<div class="date"> 24 mins </div>
		3783	</div>
		3784	</li>
		3785	<li>
		3786	<div class="col1">
		3787	<div class="cont">
		3788	<div class="cont-col1">
		3789	<div class="label label-sm label-info">
		3790	<i class="fa fa-shopping-cart"></i>
		3791	</div>
		3792	</div>
		3793	<div class="cont-col2">
		3794	<div class="desc"> New order received with
		3795	<span class="label label-sm label-success"> Reference Number: DR23923 </span>
		3796	</div>
		3797	</div>
		3798	</div>
		3799	</div>
		3800	<div class="col2">
		3801	<div class="date"> 30 mins </div>
		3802	</div>
		3803	</li>
		3804	<li>
		3805	<div class="col1">
		3806	<div class="cont">
		3807	<div class="cont-col1">
		3808	<div class="label label-sm label-success">
		3809	<i class="fa fa-user"></i>
		3810	</div>
		3811	</div>
		3812	<div class="cont-col2">
		3813	<div class="desc"> You have 5 pending membership that requires a quick review. </div>
		3814	</div>
		3815	</div>
		3816	</div>
		3817	<div class="col2">
		3818	<div class="date"> 24 mins </div>
		3819	</div>
		3820	</li>
		3821	<li>
		3822	<div class="col1">
		3823	<div class="cont">
		3824	<div class="cont-col1">
		3825	<div class="label label-sm label-info">
		3826	<i class="fa fa-bell-o"></i>
		3827	</div>
		3828	</div>
		3829	<div class="cont-col2">
		3830	<div class="desc"> Web server hardware needs to be upgraded.
		3831	<span class="label label-sm label-warning"> Overdue </span>
		3832	</div>
		3833	</div>
		3834	</div>
		3835	</div>
		3836	<div class="col2">
		3837	<div class="date"> 2 hours </div>
		3838	</div>
		3839	</li>
		3840	<li>
		3841	<a href="javascript:;">
		3842	<div class="col1">
		3843	<div class="cont">
		3844	<div class="cont-col1">
		3845	<div class="label label-sm label-default">
		3846	<i class="fa fa-briefcase"></i>
		3847	</div>
		3848	</div>
		3849	<div class="cont-col2">
		3850	<div class="desc"> IPO Report for year 2013 has been released. </div>
		3851	</div>
		3852	</div>
		3853	</div>
		3854	<div class="col2">
		3855	<div class="date"> 20 mins </div>
		3856	</div>
		3857	</a>
		3858	</li>
		3859	</ul>
		3860	<h3 class="list-heading">System</h3>
		3861	<ul class="feeds list-items">
		3862	<li>
		3863	<div class="col1">
		3864	<div class="cont">
		3865	<div class="cont-col1">
		3866	<div class="label label-sm label-info">
		3867	<i class="fa fa-check"></i>
		3868	</div>
		3869	</div>
		3870	<div class="cont-col2">
		3871	<div class="desc"> You have 4 pending tasks.
		3872	<span class="label label-sm label-warning "> Take action
		3873	<i class="fa fa-share"></i>
		3874	</span>
		3875	</div>
		3876	</div>
		3877	</div>
		3878	</div>
		3879	<div class="col2">
		3880	<div class="date"> Just now </div>
		3881	</div>
		3882	</li>
		3883	<li>
		3884	<a href="javascript:;">
		3885	<div class="col1">
		3886	<div class="cont">
		3887	<div class="cont-col1">
		3888	<div class="label label-sm label-danger">
		3889	<i class="fa fa-bar-chart-o"></i>
		3890	</div>
		3891	</div>
		3892	<div class="cont-col2">
		3893	<div class="desc"> Finance Report for year 2013 has been released. </div>
		3894	</div>
		3895	</div>
		3896	</div>
		3897	<div class="col2">
		3898	<div class="date"> 20 mins </div>
		3899	</div>
		3900	</a>
		3901	</li>
		3902	<li>
		3903	<div class="col1">
		3904	<div class="cont">
		3905	<div class="cont-col1">
		3906	<div class="label label-sm label-default">
		3907	<i class="fa fa-user"></i>
		3908	</div>
		3909	</div>
		3910	<div class="cont-col2">
		3911	<div class="desc"> You have 5 pending membership that requires a quick review. </div>
		3912	</div>
		3913	</div>
		3914	</div>
		3915	<div class="col2">
		3916	<div class="date"> 24 mins </div>
		3917	</div>
		3918	</li>
		3919	<li>
		3920	<div class="col1">
		3921	<div class="cont">
		3922	<div class="cont-col1">
		3923	<div class="label label-sm label-info">
		3924	<i class="fa fa-shopping-cart"></i>
		3925	</div>
		3926	</div>
		3927	<div class="cont-col2">
		3928	<div class="desc"> New order received with
		3929	<span class="label label-sm label-success"> Reference Number: DR23923 </span>
		3930	</div>
		3931	</div>
		3932	</div>
		3933	</div>
		3934	<div class="col2">
		3935	<div class="date"> 30 mins </div>
		3936	</div>
		3937	</li>
		3938	<li>
		3939	<div class="col1">
		3940	<div class="cont">
		3941	<div class="cont-col1">
		3942	<div class="label label-sm label-success">
		3943	<i class="fa fa-user"></i>
		3944	</div>
		3945	</div>
		3946	<div class="cont-col2">
		3947	<div class="desc"> You have 5 pending membership that requires a quick review. </div>
		3948	</div>
		3949	</div>
		3950	</div>
		3951	<div class="col2">
		3952	<div class="date"> 24 mins </div>
		3953	</div>
		3954	</li>
		3955	<li>
		3956	<div class="col1">
		3957	<div class="cont">
		3958	<div class="cont-col1">
		3959	<div class="label label-sm label-warning">
		3960	<i class="fa fa-bell-o"></i>
		3961	</div>
		3962	</div>
		3963	<div class="cont-col2">
		3964	<div class="desc"> Web server hardware needs to be upgraded.
		3965	<span class="label label-sm label-default "> Overdue </span>
		3966	</div>
		3967	</div>
		3968	</div>
		3969	</div>
		3970	<div class="col2">
		3971	<div class="date"> 2 hours </div>
		3972	</div>
		3973	</li>
		3974	<li>
		3975	<a href="javascript:;">
		3976	<div class="col1">
		3977	<div class="cont">
		3978	<div class="cont-col1">
		3979	<div class="label label-sm label-info">
		3980	<i class="fa fa-briefcase"></i>
		3981	</div>
		3982	</div>
		3983	<div class="cont-col2">
		3984	<div class="desc"> IPO Report for year 2013 has been released. </div>
		3985	</div>
		3986	</div>
		3987	</div>
		3988	<div class="col2">
		3989	<div class="date"> 20 mins </div>
		3990	</div>
		3991	</a>
		3992	</li>
		3993	</ul>
		3994	</div>
		3995	</div>
		3996	<div class="tab-pane page-quick-sidebar-settings" id="quick_sidebar_tab_3">
		3997	<div class="page-quick-sidebar-settings-list">
		3998	<h3 class="list-heading">General Settings</h3>
		3999	<ul class="list-items borderless">
		4000	<li> Enable Notifications
		4001	<input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
		4002	<li> Allow Tracking
		4003	<input type="checkbox" class="make-switch" data-size="small" data-on-color="info" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
		4004	<li> Log Errors
		4005	<input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
		4006	<li> Auto Sumbit Issues
		4007	<input type="checkbox" class="make-switch" data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
		4008	<li> Enable SMS Alerts
		4009	<input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
		4010	</ul>
		4011	<h3 class="list-heading">System Settings</h3>
		4012	<ul class="list-items borderless">
		4013	<li> Security Level
		4014	<select class="form-control input-inline input-sm input-small">
		4015	<option value="1">Normal</option>
		4016	<option value="2" selected>Medium</option>
		4017	<option value="e">High</option>
		4018	</select>
		4019	</li>
		4020	<li> Failed Email Attempts
		4021	<input class="form-control input-inline input-sm input-small" value="5" /> </li>
		4022	<li> Secondary SMTP Port
		4023	<input class="form-control input-inline input-sm input-small" value="3560" /> </li>
		4024	<li> Notify On System Error
		4025	<input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
		4026	<li> Notify On SMTP Error
		4027	<input type="checkbox" class="make-switch" checked data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
		4028	</ul>
		4029	<div class="inner-content">
		4030	<button class="btn btn-success">
		4031	<i class="icon-settings"></i> Save Changes</button>
		4032	</div>
		4033	</div>
		4034	</div>
		4035	</div>
		4036	</div>
		4037	</div>
		4038	<!-- END QUICK SIDEBAR -->
		4039	</div>
		4040	<!-- END CONTAINER -->
		4041	<!-- BEGIN FOOTER -->
		4042	<div class="page-footer">
		4043	<div class="page-footer-inner"> 2016 © Metronic Theme By
		4044	<a target="_blank" href="http://keenthemes.com">Keenthemes</a>  \|
		4045	<a href="http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes" title="Purchase Metronic just for 27$ and get lifetime updates for free" target="_blank">Purchase Metronic!</a>
		4046	</div>
		4047	<div class="scroll-to-top">
		4048	<i class="icon-arrow-up"></i>
		4049	</div>
		4050	</div>
		4051	<!-- END FOOTER -->
		4052	</div>
		4053	<!--[if lt IE 9]>
		4054	<script src="../assets/global/plugins/respond.min.js"></script>
		4055	<script src="../assets/global/plugins/excanvas.min.js"></script>
		4056	<![endif]-->
		4057	<!-- BEGIN CORE PLUGINS -->
		4058	<script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
		4059	<script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
		4060	<script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
		4061	<script src="../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
		4062	<script src="../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
		4063	<script src="../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
		4064	<!-- END CORE PLUGINS -->
		4065	<!-- BEGIN THEME GLOBAL SCRIPTS -->
		4066	<script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
		4067	<!-- END THEME GLOBAL SCRIPTS -->
		4068	<!-- BEGIN THEME LAYOUT SCRIPTS -->
		4069	<script src="../assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>
		4070	<script src="../assets/layouts/layout/scripts/demo.min.js" type="text/javascript"></script>
		4071	<script src="../assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
		4072	<!-- END THEME LAYOUT SCRIPTS -->
		4073	</body>

Subversion Repositories Integrator Subversion

(root)/PROJETOS ANTERIORES/PROJETO ANTERIOR COM TEMPLATE/theme/admin_1/layout_mega_menu_light.html - Rev 1