WebSVN - Integrator Subversion - Blame - Rev 1 - /DOCUMENTOS E ANALISE/telas/templates/admin/layout_horizontal

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.2
		4	Version: 3.6.2
		5	Author: KeenThemes
		6	Website: http://www.keenthemes.com/
		7	Contact: support@keenthemes.com
		8	Follow: www.twitter.com/keenthemes
		9	Like: www.facebook.com/keenthemes
		10	Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
		11	License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
		12	-->
		13	<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
		14	<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
		15	<!--[if !IE]><!-->
		16	<html lang="en">
		17	<!--<![endif]-->
		18	<!-- BEGIN HEAD -->
		19	<head>
		20	<meta charset="utf-8"/>
		21	<title>Metronic \| Page Layouts - Horizontal Mega Menu 2</title>
		22	<meta http-equiv="X-UA-Compatible" content="IE=edge">
		23	<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
		24	<meta http-equiv="Content-type" content="text/html; charset=utf-8">
		25	<meta content="" name="description"/>
		26	<meta content="" name="author"/>
		27	<!-- BEGIN GLOBAL MANDATORY STYLES -->
		28	<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css"/>
		29	<link href="../../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
		30	<link href="../../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css"/>
		31	<link href="../../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
		32	<link href="../../assets/global/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css"/>
		33	<link href="../../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css"/>
		34	<!-- END GLOBAL MANDATORY STYLES -->
		35	<!-- BEGIN THEME STYLES -->
		36	<link href="../../assets/global/css/components.css" id="style_components" rel="stylesheet" type="text/css"/>
		37	<link href="../../assets/global/css/plugins.css" rel="stylesheet" type="text/css"/>
		38	<link href="../../assets/admin/layout/css/layout.css" rel="stylesheet" type="text/css"/>
		39	<link id="style_color" href="../../assets/admin/layout/css/themes/darkblue.css" rel="stylesheet" type="text/css"/>
		40	<link href="../../assets/admin/layout/css/custom.css" rel="stylesheet" type="text/css"/>
		41	<!-- END THEME STYLES -->
		42	<link rel="shortcut icon" href="favicon.ico"/>
		43	</head>
		44	<!-- END HEAD -->
		45	<!-- BEGIN BODY -->
		46	<!-- DOC: Apply "page-header-fixed-mobile" and "page-footer-fixed-mobile" class to body element to force fixed header or footer in mobile devices -->
		47	<!-- DOC: Apply "page-sidebar-closed" class to the body and "page-sidebar-menu-closed" class to the sidebar menu element to hide the sidebar by default -->
		48	<!-- DOC: Apply "page-sidebar-hide" class to the body to make the sidebar completely hidden on toggle -->
		49	<!-- DOC: Apply "page-sidebar-closed-hide-logo" class to the body element to make the logo hidden on sidebar toggle -->
		50	<!-- DOC: Apply "page-sidebar-hide" class to body element to completely hide the sidebar on sidebar toggle -->
		51	<!-- DOC: Apply "page-sidebar-fixed" class to have fixed sidebar -->
		52	<!-- DOC: Apply "page-footer-fixed" class to the body element to have fixed footer -->
		53	<!-- DOC: Apply "page-sidebar-reversed" class to put the sidebar on the right side -->
		54	<!-- DOC: Apply "page-full-width" class to the body element to have full width page without the sidebar menu -->
		55	<body class="page-header-fixed page-quick-sidebar-over-content page-full-width">
		56	<!-- BEGIN HEADER -->
		57	<div class="page-header navbar navbar-fixed-top">
		58	<!-- BEGIN HEADER INNER -->
		59	<div class="page-header-inner">
		60	<!-- BEGIN LOGO -->
		61	<div class="page-logo">
		62	<a href="index.html">
		63	<img src="../../assets/admin/layout/img/logo.png" alt="logo" class="logo-default"/>
		64	</a>
		65	</div>
		66	<!-- END LOGO -->
		67	<!-- BEGIN HORIZANTAL MENU -->
		68	<!-- DOC: Apply "hor-menu-light" class after the "hor-menu" class below to have a horizontal menu with white background -->
		69	<!-- DOC: This is desktop version of the horizontal menu. The mobile version is defined(duplicated) sidebar menu below. So the horizontal menu has 2 seperate versions -->
		70	<div class="hor-menu hidden-sm hidden-xs">
		71	<ul class="nav navbar-nav">
		72	<!-- DOC: Remove data-hover="dropdown" and data-close-others="true" attributes below to disable the horizontal opening on mouse hover -->
		73	<li class="classic-menu-dropdown active">
		74	<a href="index.html">
		75	Dashboard <span class="selected">
		76	</span>
		77	</a>
		78	</li>
		79	<li class="mega-menu-dropdown">
		80	<a data-toggle="dropdown" href="javascript:;" class="dropdown-toggle" data-hover="megamenu-dropdown" data-close-others="true">
		81	Mega <i class="fa fa-angle-down"></i>
		82	</a>
		83	<ul class="dropdown-menu" style="min-width: 700px;">
		84	<li>
		85	<!-- Content container to add padding -->
		86	<div class="mega-menu-content">
		87	<div class="row">
		88	<div class="col-md-4">
		89	<ul class="mega-menu-submenu">
		90	<li>
		91	<h3>Layouts</h3>
		92	</li>
		93	<li>
		94	<a href="index_horizontal_menu.html">
		95	Dashboard & Mega Menu </a>
		96	</li>
		97	<li>
		98	<a href="layout_horizontal_sidebar_menu.html">
		99	Horizontal & Sidebar Menu </a>
		100	</li>
		101	<li>
		102	<a href="layout_fontawesome_icons.html">
		103	Layout with Fontawesome</a>
		104	</li>
		105	<li>
		106	<a href="layout_glyphicons.html">
		107	Layout with Glyphicon</a>
		108	</li>
		109	<li>
		110	<a href="layout_full_height_portlet.html">
		111	Full Height Portlet <span class="badge badge-roundless badge-danger">new</span></a>
		112	</li>
		113	<li>
		114	<a href="layout_full_height_content.html">
		115	Full Height Content <span class="badge badge-roundless badge-warning">new</span></a>
		116	</li>
		117	<li>
		118	<a href="layout_horizontal_menu1.html">
		119	Horizontal Mega Menu 1 </a>
		120	</li>
		121	</ul>
		122	</div>
		123	<div class="col-md-4">
		124	<ul class="mega-menu-submenu">
		125	<li>
		126	<h3>More Layouts</h3>
		127	</li>
		128	<li>
		129	<a href="layout_horizontal_menu2.html">
		130	Horizontal Mega Menu 2 </a>
		131	</li>
		132	<li>
		133	<a href="layout_search_on_header1.html">
		134	Search Box On Header 1 </a>
		135	</li>
		136	<li>
		137	<a href="layout_search_on_header2.html">
		138	Search Box On Header 2 </a>
		139	</li>
		140	<li>
		141	<a href="layout_sidebar_search_option1.html">
		142	Sidebar Search Option 1 </a>
		143	</li>
		144	<li>
		145	<a href="layout_sidebar_search_option2.html">
		146	Sidebar Search Option 2 </a>
		147	</li>
		148	<li>
		149	<a href="layout_sidebar_reversed.html">
		150	Right Sidebar Page </a>
		151	</li>
		152	<li>
		153	<a href="layout_sidebar_fixed.html">
		154	Sidebar Fixed Page </a>
		155	</li>
		156	</ul>
		157	</div>
		158	<div class="col-md-4">
		159	<ul class="mega-menu-submenu">
		160	<li>
		161	<h3>Even More!</h3>
		162	</li>
		163	<li>
		164	<a href="layout_sidebar_closed.html">
		165	Sidebar Closed Page </a>
		166	</li>
		167	<li>
		168	<a href="layout_ajax.html">
		169	Content Loading via Ajax </a>
		170	</li>
		171	<li>
		172	<a href="layout_disabled_menu.html">
		173	Disabled Menu Links </a>
		174	</li>
		175	<li>
		176	<a href="layout_blank_page.html">
		177	Blank Page </a>
		178	</li>
		179	<li>
		180	<a href="layout_boxed_page.html">
		181	Boxed Page </a>
		182	</li>
		183	<li>
		184	<a href="layout_language_bar.html">
		185	Language Switch Bar </a>
		186	</li>
		187	</ul>
		188	</div>
		189	</div>
		190	</div>
		191	</li>
		192	</ul>
		193	</li>
		194	<li class="mega-menu-dropdown mega-menu-full">
		195	<a data-toggle="dropdown" href="javascript:;" class="dropdown-toggle" data-hover="megamenu-dropdown" data-close-others="true">
		196	Full Mega <i class="fa fa-angle-down"></i>
		197	</a>
		198	<ul class="dropdown-menu">
		199	<li>
		200	<!-- Content container to add padding -->
		201	<div class="mega-menu-content ">
		202	<div class="row">
		203	<div class="col-md-8">
		204	<div class="row">
		205	<div class="col-md-4">
		206	<ul class="mega-menu-submenu">
		207	<li>
		208	<h3>Layouts</h3>
		209	</li>
		210	<li>
		211	<a href="index_horizontal_menu.html">
		212	<i class="fa fa-angle-right"></i> Dashboard & Mega Menu </a>
		213	</li>
		214	<li>
		215	<a href="layout_horizontal_sidebar_menu.html">
		216	<i class="fa fa-angle-right"></i> Horizontal & Sidebar Menu </a>
		217	</li>
		218	<li>
		219	<a href="layout_fontawesome_icons.html">
		220	<i class="fa fa-angle-right"></i> Layout with Fontawesome</a>
		221	</li>
		222	<li>
		223	<a href="layout_glyphicons.html">
		224	<i class="fa fa-angle-right"></i> Layout with Glyphicon</a>
		225	</li>
		226	<li>
		227	<a href="layout_full_height_portlet.html">
		228	<i class="fa fa-angle-right"></i> Full Height Portlet <span class="badge badge-roundless badge-danger">new</span></a>
		229	</li>
		230	<li>
		231	<a href="layout_full_height_content.html">
		232	<i class="fa fa-angle-right"></i> Full Height Content <span class="badge badge-roundless badge-warning">new</span></a>
		233	</li>
		234	<li>
		235	<a href="layout_horizontal_menu1.html">
		236	<i class="fa fa-angle-right"></i> Horizontal Mega Menu 1 </a>
		237	</li>
		238	</ul>
		239	</div>
		240	<div class="col-md-4">
		241	<ul class="mega-menu-submenu">
		242	<li>
		243	<h3>More Layouts</h3>
		244	</li>
		245	<li>
		246	<a href="layout_horizontal_menu2.html">
		247	<i class="fa fa-angle-right"></i> Horizontal Mega Menu 2 </a>
		248	</li>
		249	<li>
		250	<a href="layout_search_on_header1.html">
		251	<i class="fa fa-angle-right"></i> Search Box On Header 1 </a>
		252	</li>
		253	<li>
		254	<a href="layout_search_on_header2.html">
		255	<i class="fa fa-angle-right"></i> Search Box On Header 2 </a>
		256	</li>
		257	<li>
		258	<a href="layout_sidebar_search_option1.html">
		259	<i class="fa fa-angle-right"></i> Sidebar Search Option 1 </a>
		260	</li>
		261	<li>
		262	<a href="layout_sidebar_search_option2.html">
		263	<i class="fa fa-angle-right"></i> Sidebar Search Option 2 </a>
		264	</li>
		265	<li>
		266	<a href="layout_sidebar_reversed.html">
		267	<i class="fa fa-angle-right"></i> Right Sidebar Page </a>
		268	</li>
		269	<li>
		270	<a href="layout_sidebar_fixed.html">
		271	<i class="fa fa-angle-right"></i> Sidebar Fixed Page </a>
		272	</li>
		273	</ul>
		274	</div>
		275	<div class="col-md-4">
		276	<ul class="mega-menu-submenu">
		277	<li>
		278	<h3>Even More!</h3>
		279	</li>
		280	<li>
		281	<a href="layout_sidebar_closed.html">
		282	<i class="fa fa-angle-right"></i> Sidebar Closed Page </a>
		283	</li>
		284	<li>
		285	<a href="layout_ajax.html">
		286	<i class="fa fa-angle-right"></i> Content Loading via Ajax </a>
		287	</li>
		288	<li>
		289	<a href="layout_disabled_menu.html">
		290	<i class="fa fa-angle-right"></i> Disabled Menu Links </a>
		291	</li>
		292	<li>
		293	<a href="layout_blank_page.html">
		294	<i class="fa fa-angle-right"></i> Blank Page </a>
		295	</li>
		296	<li>
		297	<a href="layout_boxed_page.html">
		298	<i class="fa fa-angle-right"></i> Boxed Page </a>
		299	</li>
		300	<li>
		301	<a href="layout_language_bar.html">
		302	<i class="fa fa-angle-right"></i> Language Switch Bar </a>
		303	</li>
		304	</ul>
		305	</div>
		306	</div>
		307	</div>
		308	<div class="col-md-4">
		309	<div id="accordion" class="panel-group">
		310	<div class="panel panel-success">
		311	<div class="panel-heading">
		312	<h4 class="panel-title">
		313	<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" class="collapsed">
		314	Mega Menu Info #1 </a>
		315	</h4>
		316	</div>
		317	<div id="collapseOne" class="panel-collapse in">
		318	<div class="panel-body">
		319	Metronic Mega Menu Works for fixed and responsive layout and has the facility to include (almost) any Bootstrap elements.
		320	</div>
		321	</div>
		322	</div>
		323	<div class="panel panel-danger">
		324	<div class="panel-heading">
		325	<h4 class="panel-title">
		326	<a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" class="collapsed">
		327	Mega Menu Info #2 </a>
		328	</h4>
		329	</div>
		330	<div id="collapseTwo" class="panel-collapse collapse">
		331	<div class="panel-body">
		332	Metronic Mega Menu Works for fixed and responsive layout and has the facility to include (almost) any Bootstrap elements.
		333	</div>
		334	</div>
		335	</div>
		336	<div class="panel panel-info">
		337	<div class="panel-heading">
		338	<h4 class="panel-title">
		339	<a data-toggle="collapse" data-parent="#accordion" href="#collapseThree">
		340	Mega Menu Info #3 </a>
		341	</h4>
		342	</div>
		343	<div id="collapseThree" class="panel-collapse collapse">
		344	<div class="panel-body">
		345	Metronic Mega Menu Works for fixed and responsive layout and has the facility to include (almost) any Bootstrap elements.
		346	</div>
		347	</div>
		348	</div>
		349	</div>
		350	</div>
		351	</div>
		352	</div>
		353	</li>
		354	</ul>
		355	</li>
		356	<li class="classic-menu-dropdown">
		357	<a data-toggle="dropdown" href="javascript:;" data-hover="megamenu-dropdown" data-close-others="true">
		358	Classic <i class="fa fa-angle-down"></i>
		359	</a>
		360	<ul class="dropdown-menu pull-left">
		361	<li>
		362	<a href="#">
		363	<i class="fa fa-bookmark-o"></i> Section 1 </a>
		364	</li>
		365	<li>
		366	<a href="#">
		367	<i class="fa fa-user"></i> Section 2 </a>
		368	</li>
		369	<li>
		370	<a href="#">
		371	<i class="fa fa-puzzle-piece"></i> Section 3 </a>
		372	</li>
		373	<li>
		374	<a href="#">
		375	<i class="fa fa-gift"></i> Section 4 </a>
		376	</li>
		377	<li>
		378	<a href="#">
		379	<i class="fa fa-table"></i> Section 5 </a>
		380	</li>
		381	<li class="dropdown-submenu">
		382	<a href="javascript:;">
		383	<i class="fa fa-envelope-o"></i> More options </a>
		384	<ul class="dropdown-menu">
		385	<li>
		386	<a href="#">
		387	Second level link </a>
		388	</li>
		389	<li class="dropdown-submenu">
		390	<a href="javascript:;">
		391	More options </a>
		392	<ul class="dropdown-menu">
		393	<li>
		394	<a href="index.html">
		395	Third level link </a>
		396	</li>
		397	<li>
		398	<a href="index.html">
		399	Third level link </a>
		400	</li>
		401	<li>
		402	<a href="index.html">
		403	Third level link </a>
		404	</li>
		405	<li>
		406	<a href="index.html">
		407	Third level link </a>
		408	</li>
		409	<li>
		410	<a href="index.html">
		411	Third level link </a>
		412	</li>
		413	</ul>
		414	</li>
		415	<li>
		416	<a href="index.html">
		417	Second level link </a>
		418	</li>
		419	<li>
		420	<a href="index.html">
		421	Second level link </a>
		422	</li>
		423	<li>
		424	<a href="index.html">
		425	Second level link </a>
		426	</li>
		427	</ul>
		428	</li>
		429	</ul>
		430	</li>
		431	</ul>
		432	</div>
		433	<!-- END HORIZANTAL MENU -->
		434	<!-- BEGIN HEADER SEARCH BOX -->
		435	<!-- DOC: Apply "search-form-expanded" right after the "search-form" class to have half expanded search box -->
		436	<form class="search-form" action="extra_search.html" method="GET">
		437	<div class="input-group">
		438	<input type="text" class="form-control" placeholder="Search..." name="query">
		439	<span class="input-group-btn">
		440	<a href="javascript:;" class="btn submit"><i class="icon-magnifier"></i></a>
		441	</span>
		442	</div>
		443	</form>
		444	<!-- END HEADER SEARCH BOX -->
		445	<!-- BEGIN RESPONSIVE MENU TOGGLER -->
		446	<a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
		447	</a>
		448	<!-- END RESPONSIVE MENU TOGGLER -->
		449	<!-- BEGIN TOP NAVIGATION MENU -->
		450	<div class="top-menu">
		451	<ul class="nav navbar-nav pull-right">
		452	<!-- BEGIN NOTIFICATION DROPDOWN -->
		453	<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
		454	<li class="dropdown dropdown-extended dropdown-notification" id="header_notification_bar">
		455	<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		456	<i class="icon-bell"></i>
		457	<span class="badge badge-default">
		458	7 </span>
		459	</a>
		460	<ul class="dropdown-menu">
		461	<li class="external">
		462	<h3><span class="bold">12 pending</span> notifications</h3>
		463	<a href="extra_profile.html">view all</a>
		464	</li>
		465	<li>
		466	<ul class="dropdown-menu-list scroller" style="height: 250px;" data-handle-color="#637283">
		467	<li>
		468	<a href="javascript:;">
		469	<span class="time">just now</span>
		470	<span class="details">
		471	<span class="label label-sm label-icon label-success">
		472	<i class="fa fa-plus"></i>
		473	</span>
		474	New user registered. </span>
		475	</a>
		476	</li>
		477	<li>
		478	<a href="javascript:;">
		479	<span class="time">3 mins</span>
		480	<span class="details">
		481	<span class="label label-sm label-icon label-danger">
		482	<i class="fa fa-bolt"></i>
		483	</span>
		484	Server #12 overloaded. </span>
		485	</a>
		486	</li>
		487	<li>
		488	<a href="javascript:;">
		489	<span class="time">10 mins</span>
		490	<span class="details">
		491	<span class="label label-sm label-icon label-warning">
		492	<i class="fa fa-bell-o"></i>
		493	</span>
		494	Server #2 not responding. </span>
		495	</a>
		496	</li>
		497	<li>
		498	<a href="javascript:;">
		499	<span class="time">14 hrs</span>
		500	<span class="details">
		501	<span class="label label-sm label-icon label-info">
		502	<i class="fa fa-bullhorn"></i>
		503	</span>
		504	Application error. </span>
		505	</a>
		506	</li>
		507	<li>
		508	<a href="javascript:;">
		509	<span class="time">2 days</span>
		510	<span class="details">
		511	<span class="label label-sm label-icon label-danger">
		512	<i class="fa fa-bolt"></i>
		513	</span>
		514	Database overloaded 68%. </span>
		515	</a>
		516	</li>
		517	<li>
		518	<a href="javascript:;">
		519	<span class="time">3 days</span>
		520	<span class="details">
		521	<span class="label label-sm label-icon label-danger">
		522	<i class="fa fa-bolt"></i>
		523	</span>
		524	A user IP blocked. </span>
		525	</a>
		526	</li>
		527	<li>
		528	<a href="javascript:;">
		529	<span class="time">4 days</span>
		530	<span class="details">
		531	<span class="label label-sm label-icon label-warning">
		532	<i class="fa fa-bell-o"></i>
		533	</span>
		534	Storage Server #4 not responding dfdfdfd. </span>
		535	</a>
		536	</li>
		537	<li>
		538	<a href="javascript:;">
		539	<span class="time">5 days</span>
		540	<span class="details">
		541	<span class="label label-sm label-icon label-info">
		542	<i class="fa fa-bullhorn"></i>
		543	</span>
		544	System Error. </span>
		545	</a>
		546	</li>
		547	<li>
		548	<a href="javascript:;">
		549	<span class="time">9 days</span>
		550	<span class="details">
		551	<span class="label label-sm label-icon label-danger">
		552	<i class="fa fa-bolt"></i>
		553	</span>
		554	Storage server failed. </span>
		555	</a>
		556	</li>
		557	</ul>
		558	</li>
		559	</ul>
		560	</li>
		561	<!-- END NOTIFICATION DROPDOWN -->
		562	<!-- BEGIN INBOX DROPDOWN -->
		563	<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
		564	<li class="dropdown dropdown-extended dropdown-inbox" id="header_inbox_bar">
		565	<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		566	<i class="icon-envelope-open"></i>
		567	<span class="badge badge-default">
		568	4 </span>
		569	</a>
		570	<ul class="dropdown-menu">
		571	<li class="external">
		572	<h3>You have <span class="bold">7 New</span> Messages</h3>
		573	<a href="page_inbox.html">view all</a>
		574	</li>
		575	<li>
		576	<ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
		577	<li>
		578	<a href="inbox.html?a=view">
		579	<span class="photo">
		580	<img src="../../assets/admin/layout3/img/avatar2.jpg" class="img-circle" alt="">
		581	</span>
		582	<span class="subject">
		583	<span class="from">
		584	Lisa Wong </span>
		585	<span class="time">Just Now </span>
		586	</span>
		587	<span class="message">
		588	Vivamus sed auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		589	</a>
		590	</li>
		591	<li>
		592	<a href="inbox.html?a=view">
		593	<span class="photo">
		594	<img src="../../assets/admin/layout3/img/avatar3.jpg" class="img-circle" alt="">
		595	</span>
		596	<span class="subject">
		597	<span class="from">
		598	Richard Doe </span>
		599	<span class="time">16 mins </span>
		600	</span>
		601	<span class="message">
		602	Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		603	</a>
		604	</li>
		605	<li>
		606	<a href="inbox.html?a=view">
		607	<span class="photo">
		608	<img src="../../assets/admin/layout3/img/avatar1.jpg" class="img-circle" alt="">
		609	</span>
		610	<span class="subject">
		611	<span class="from">
		612	Bob Nilson </span>
		613	<span class="time">2 hrs </span>
		614	</span>
		615	<span class="message">
		616	Vivamus sed nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		617	</a>
		618	</li>
		619	<li>
		620	<a href="inbox.html?a=view">
		621	<span class="photo">
		622	<img src="../../assets/admin/layout3/img/avatar2.jpg" class="img-circle" alt="">
		623	</span>
		624	<span class="subject">
		625	<span class="from">
		626	Lisa Wong </span>
		627	<span class="time">40 mins </span>
		628	</span>
		629	<span class="message">
		630	Vivamus sed auctor 40% nibh congue nibh... </span>
		631	</a>
		632	</li>
		633	<li>
		634	<a href="inbox.html?a=view">
		635	<span class="photo">
		636	<img src="../../assets/admin/layout3/img/avatar3.jpg" class="img-circle" alt="">
		637	</span>
		638	<span class="subject">
		639	<span class="from">
		640	Richard Doe </span>
		641	<span class="time">46 mins </span>
		642	</span>
		643	<span class="message">
		644	Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		645	</a>
		646	</li>
		647	</ul>
		648	</li>
		649	</ul>
		650	</li>
		651	<!-- END INBOX DROPDOWN -->
		652	<!-- BEGIN TODO DROPDOWN -->
		653	<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
		654	<li class="dropdown dropdown-extended dropdown-tasks" id="header_task_bar">
		655	<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		656	<i class="icon-calendar"></i>
		657	<span class="badge badge-default">
		658	3 </span>
		659	</a>
		660	<ul class="dropdown-menu extended tasks">
		661	<li class="external">
		662	<h3>You have <span class="bold">12 pending</span> tasks</h3>
		663	<a href="page_todo.html">view all</a>
		664	</li>
		665	<li>
		666	<ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
		667	<li>
		668	<a href="javascript:;">
		669	<span class="task">
		670	<span class="desc">New release v1.2 </span>
		671	<span class="percent">30%</span>
		672	</span>
		673	<span class="progress">
		674	<span style="width: 40%;" class="progress-bar progress-bar-success" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">40% Complete</span></span>
		675	</span>
		676	</a>
		677	</li>
		678	<li>
		679	<a href="javascript:;">
		680	<span class="task">
		681	<span class="desc">Application deployment</span>
		682	<span class="percent">65%</span>
		683	</span>
		684	<span class="progress">
		685	<span style="width: 65%;" class="progress-bar progress-bar-danger" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">65% Complete</span></span>
		686	</span>
		687	</a>
		688	</li>
		689	<li>
		690	<a href="javascript:;">
		691	<span class="task">
		692	<span class="desc">Mobile app release</span>
		693	<span class="percent">98%</span>
		694	</span>
		695	<span class="progress">
		696	<span style="width: 98%;" class="progress-bar progress-bar-success" aria-valuenow="98" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">98% Complete</span></span>
		697	</span>
		698	</a>
		699	</li>
		700	<li>
		701	<a href="javascript:;">
		702	<span class="task">
		703	<span class="desc">Database migration</span>
		704	<span class="percent">10%</span>
		705	</span>
		706	<span class="progress">
		707	<span style="width: 10%;" class="progress-bar progress-bar-warning" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">10% Complete</span></span>
		708	</span>
		709	</a>
		710	</li>
		711	<li>
		712	<a href="javascript:;">
		713	<span class="task">
		714	<span class="desc">Web server upgrade</span>
		715	<span class="percent">58%</span>
		716	</span>
		717	<span class="progress">
		718	<span style="width: 58%;" class="progress-bar progress-bar-info" aria-valuenow="58" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">58% Complete</span></span>
		719	</span>
		720	</a>
		721	</li>
		722	<li>
		723	<a href="javascript:;">
		724	<span class="task">
		725	<span class="desc">Mobile development</span>
		726	<span class="percent">85%</span>
		727	</span>
		728	<span class="progress">
		729	<span style="width: 85%;" class="progress-bar progress-bar-success" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">85% Complete</span></span>
		730	</span>
		731	</a>
		732	</li>
		733	<li>
		734	<a href="javascript:;">
		735	<span class="task">
		736	<span class="desc">New UI release</span>
		737	<span class="percent">38%</span>
		738	</span>
		739	<span class="progress progress-striped">
		740	<span style="width: 38%;" class="progress-bar progress-bar-important" aria-valuenow="18" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">38% Complete</span></span>
		741	</span>
		742	</a>
		743	</li>
		744	</ul>
		745	</li>
		746	</ul>
		747	</li>
		748	<!-- END TODO DROPDOWN -->
		749	<!-- BEGIN USER LOGIN DROPDOWN -->
		750	<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
		751	<li class="dropdown dropdown-user">
		752	<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		753	<img alt="" class="img-circle" src="../../assets/admin/layout/img/avatar3_small.jpg"/>
		754	<span class="username username-hide-on-mobile">
		755	Nick </span>
		756	<i class="fa fa-angle-down"></i>
		757	</a>
		758	<ul class="dropdown-menu dropdown-menu-default">
		759	<li>
		760	<a href="extra_profile.html">
		761	<i class="icon-user"></i> My Profile </a>
		762	</li>
		763	<li>
		764	<a href="page_calendar.html">
		765	<i class="icon-calendar"></i> My Calendar </a>
		766	</li>
		767	<li>
		768	<a href="inbox.html">
		769	<i class="icon-envelope-open"></i> My Inbox <span class="badge badge-danger">
		770	3 </span>
		771	</a>
		772	</li>
		773	<li>
		774	<a href="page_todo.html">
		775	<i class="icon-rocket"></i> My Tasks <span class="badge badge-success">
		776	7 </span>
		777	</a>
		778	</li>
		779	<li class="divider">
		780	</li>
		781	<li>
		782	<a href="extra_lock.html">
		783	<i class="icon-lock"></i> Lock Screen </a>
		784	</li>
		785	<li>
		786	<a href="login.html">
		787	<i class="icon-key"></i> Log Out </a>
		788	</li>
		789	</ul>
		790	</li>
		791	<!-- END USER LOGIN DROPDOWN -->
		792	<!-- BEGIN QUICK SIDEBAR TOGGLER -->
		793	<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
		794	<li class="dropdown dropdown-quick-sidebar-toggler">
		795	<a href="javascript:;" class="dropdown-toggle">
		796	<i class="icon-logout"></i>
		797	</a>
		798	</li>
		799	<!-- END QUICK SIDEBAR TOGGLER -->
		800	</ul>
		801	</div>
		802	<!-- END TOP NAVIGATION MENU -->
		803	</div>
		804	<!-- END HEADER INNER -->
		805	</div>
		806	<!-- END HEADER -->
		807	<div class="clearfix">
		808	</div>
		809	<!-- BEGIN CONTAINER -->
		810	<div class="page-container">
		811	<!-- BEGIN SIDEBAR -->
		812	<div class="page-sidebar-wrapper">
		813	<!-- BEGIN HORIZONTAL RESPONSIVE MENU -->
		814	<!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
		815	<!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
		816	<div class="page-sidebar navbar-collapse collapse">
		817	<ul class="page-sidebar-menu" data-slide-speed="200" data-auto-scroll="true">
		818	<!-- DOC: To remove the search box from the sidebar you just need to completely remove the below "sidebar-search-wrapper" LI element -->
		819	<!-- DOC: This is mobile version of the horizontal menu. The desktop version is defined(duplicated) in the header above -->
		820	<li class="sidebar-search-wrapper">
		821	<!-- BEGIN RESPONSIVE QUICK SEARCH FORM -->
		822	<!-- DOC: Apply "sidebar-search-bordered" class the below search form to have bordered search box -->
		823	<!-- DOC: Apply "sidebar-search-bordered sidebar-search-solid" class the below search form to have bordered & solid search box -->
		824	<form class="sidebar-search sidebar-search-bordered" action="extra_search.html" method="POST">
		825	<a href="javascript:;" class="remove">
		826	<i class="icon-close"></i>
		827	</a>
		828	<div class="input-group">
		829	<input type="text" class="form-control" placeholder="Search...">
		830	<span class="input-group-btn">
		831	<button class="btn submit"><i class="icon-magnifier"></i></button>
		832	</span>
		833	</div>
		834	</form>
		835	<!-- END RESPONSIVE QUICK SEARCH FORM -->
		836	</li>
		837	<li class="active">
		838	<a href="index.html">
		839	Dashboard <span class="selected">
		840	</span>
		841	</a>
		842	</li>
		843	<li>
		844	<a href="#">
		845	Mega <span class="arrow">
		846	</span>
		847	</a>
		848	<ul class="sub-menu">
		849	<li>
		850	<a href="#">
		851	Layouts <span class="arrow">
		852	</span>
		853	</a>
		854	<ul class="sub-menu">
		855	<li class="active">
		856	<a href="layout_horizontal_sidebar_menu.html">
		857	Horizontal & Sidebar Menu </a>
		858	</li>
		859	<li>
		860	<a href="index_horizontal_menu.html">
		861	Dashboard & Mega Menu </a>
		862	</li>
		863	<li>
		864	<a href="layout_horizontal_menu1.html">
		865	Horizontal Mega Menu 1 </a>
		866	</li>
		867	<li>
		868	<a href="layout_horizontal_menu2.html">
		869	Horizontal Mega Menu 2 </a>
		870	</li>
		871	<li>
		872	<a href="layout_fontawesome_icons.html">
		873	<span class="badge badge-roundless badge-danger">new</span>Layout with Fontawesome Icons</a>
		874	</li>
		875	<li>
		876	<a href="layout_glyphicons.html">
		877	Layout with Glyphicon</a>
		878	</li>
		879	<li>
		880	<a href="layout_full_height_portlet.html">
		881	<span class="badge badge-roundless badge-success">new</span>Full Height Portlet</a>
		882	</li>
		883	<li>
		884	<a href="layout_full_height_content.html">
		885	<span class="badge badge-roundless badge-warning">new</span>Full Height Content</a>
		886	</li>
		887	<li>
		888	<a href="layout_search_on_header1.html">
		889	Search Box On Header 1 </a>
		890	</li>
		891	<li>
		892	<a href="layout_search_on_header2.html">
		893	Search Box On Header 2 </a>
		894	</li>
		895	<li>
		896	<a href="layout_sidebar_search_option1.html">
		897	Sidebar Search Option 1 </a>
		898	</li>
		899	<li>
		900	<a href="layout_sidebar_search_option2.html">
		901	Sidebar Search Option 2 </a>
		902	</li>
		903	<li>
		904	<a href="layout_sidebar_reversed.html">
		905	<span class="badge badge-roundless badge-warning">
		906	new </span>
		907	Right Sidebar Page </a>
		908	</li>
		909	<li>
		910	<a href="layout_sidebar_fixed.html">
		911	Sidebar Fixed Page </a>
		912	</li>
		913	<li>
		914	<a href="layout_sidebar_closed.html">
		915	Sidebar Closed Page </a>
		916	</li>
		917	<li>
		918	<a href="layout_ajax.html">
		919	Content Loading via Ajax </a>
		920	</li>
		921	<li>
		922	<a href="layout_disabled_menu.html">
		923	Disabled Menu Links </a>
		924	</li>
		925	<li>
		926	<a href="layout_blank_page.html">
		927	Blank Page </a>
		928	</li>
		929	<li>
		930	<a href="layout_boxed_page.html">
		931	Boxed Page </a>
		932	</li>
		933	<li>
		934	<a href="layout_language_bar.html">
		935	Language Switch Bar </a>
		936	</li>
		937	</ul>
		938	</li>
		939	<li>
		940	<a href="#">
		941	More Layouts <span class="arrow">
		942	</span>
		943	</a>
		944	<ul class="sub-menu">
		945	<li>
		946	<a href="layout_sidebar_search_option1.html">
		947	Sidebar Search Option 1 </a>
		948	</li>
		949	<li>
		950	<a href="layout_sidebar_search_option2.html">
		951	Sidebar Search Option 2 </a>
		952	</li>
		953	<li>
		954	<a href="layout_sidebar_reversed.html">
		955	<span class="badge badge-roundless badge-success">
		956	new </span>
		957	Right Sidebar Page </a>
		958	</li>
		959	<li>
		960	<a href="layout_sidebar_fixed.html">
		961	Sidebar Fixed Page </a>
		962	</li>
		963	<li>
		964	<a href="layout_sidebar_closed.html">
		965	Sidebar Closed Page </a>
		966	</li>
		967	<li>
		968	<a href="layout_ajax.html">
		969	Content Loading via Ajax </a>
		970	</li>
		971	</ul>
		972	</li>
		973	<li>
		974	<a href="#">
		975	Even More <span class="arrow">
		976	</span>
		977	</a>
		978	<ul class="sub-menu">
		979	<li>
		980	<a href="layout_disabled_menu.html">
		981	Disabled Menu Links </a>
		982	</li>
		983	<li>
		984	<a href="layout_blank_page.html">
		985	Blank Page </a>
		986	</li>
		987	<li>
		988	<a href="layout_boxed_page.html">
		989	Boxed Page </a>
		990	</li>
		991	<li>
		992	<a href="layout_language_bar.html">
		993	Language Switch Bar </a>
		994	</li>
		995	</ul>
		996	</li>
		997	</ul>
		998	</li>
		999	<li>
		1000	<a href="#">
		1001	Full Mega <span class="arrow">
		1002	</span>
		1003	</a>
		1004	<ul class="sub-menu">
		1005	<li>
		1006	<a href="#">
		1007	Layouts <span class="arrow">
		1008	</span>
		1009	</a>
		1010	<ul class="sub-menu">
		1011	<li>
		1012	<a href="index_horizontal_menu.html">
		1013	Dashboard & Mega Menu </a>
		1014	</li>
		1015	<li>
		1016	<a href="layout_horizontal_sidebar_menu.html">
		1017	Horizontal & Sidebar Menu </a>
		1018	</li>
		1019	<li>
		1020	<a href="layout_horizontal_menu1.html">
		1021	Horizontal Mega Menu 1 </a>
		1022	</li>
		1023	<li>
		1024	<a href="layout_horizontal_menu2.html">
		1025	Horizontal Mega Menu 2 </a>
		1026	</li>
		1027	<li>
		1028	<a href="layout_search_on_header1.html">
		1029	Search Box On Header 1 </a>
		1030	</li>
		1031	<li>
		1032	<a href="layout_search_on_header2.html">
		1033	Search Box On Header 2 </a>
		1034	</li>
		1035	</ul>
		1036	</li>
		1037	<li>
		1038	<a href="#">
		1039	More Layouts <span class="arrow">
		1040	</span>
		1041	</a>
		1042	<ul class="sub-menu">
		1043	<li>
		1044	<a href="layout_sidebar_search_option1.html">
		1045	Sidebar Search Option 1 </a>
		1046	</li>
		1047	<li>
		1048	<a href="layout_sidebar_search_option2.html">
		1049	Sidebar Search Option 2 </a>
		1050	</li>
		1051	<li>
		1052	<a href="layout_sidebar_reversed.html">
		1053	<span class="badge badge-roundless badge-success">
		1054	new </span>
		1055	Right Sidebar Page </a>
		1056	</li>
		1057	<li>
		1058	<a href="layout_sidebar_fixed.html">
		1059	Sidebar Fixed Page </a>
		1060	</li>
		1061	<li>
		1062	<a href="layout_sidebar_closed.html">
		1063	Sidebar Closed Page </a>
		1064	</li>
		1065	<li>
		1066	<a href="layout_ajax.html">
		1067	Content Loading via Ajax </a>
		1068	</li>
		1069	</ul>
		1070	</li>
		1071	<li>
		1072	<a href="#">
		1073	Even More <span class="arrow">
		1074	</span>
		1075	</a>
		1076	<ul class="sub-menu">
		1077	<li>
		1078	<a href="layout_disabled_menu.html">
		1079	Disabled Menu Links </a>
		1080	</li>
		1081	<li>
		1082	<a href="layout_blank_page.html">
		1083	Blank Page </a>
		1084	</li>
		1085	<li>
		1086	<a href="layout_boxed_page.html">
		1087	Boxed Page </a>
		1088	</li>
		1089	<li>
		1090	<a href="layout_language_bar.html">
		1091	Language Switch Bar </a>
		1092	</li>
		1093	</ul>
		1094	</li>
		1095	<li>
		1096	<a href="#">
		1097	Accordions <span class="arrow">
		1098	</span>
		1099	</a>
		1100	<ul class="sub-menu">
		1101	<li>
		1102	<div id="accordion2" class="panel-group mega-menu-responsive-content">
		1103	<div class="panel panel-success">
		1104	<div class="panel-heading">
		1105	<h4 class="panel-title">
		1106	<a data-toggle="collapse" data-parent="#accordion2" href="#collapseOne2" class="collapsed">
		1107	Mega Menu Info #1 </a>
		1108	</h4>
		1109	</div>
		1110	<div id="collapseOne2" class="panel-collapse in">
		1111	<div class="panel-body">
		1112	Metronic Mega Menu Works for fixed and responsive layout and has the facility to include (almost) any Bootstrap elements.
		1113	</div>
		1114	</div>
		1115	</div>
		1116	<div class="panel panel-danger">
		1117	<div class="panel-heading">
		1118	<h4 class="panel-title">
		1119	<a data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo2" class="collapsed">
		1120	Mega Menu Info #2 </a>
		1121	</h4>
		1122	</div>
		1123	<div id="collapseTwo2" class="panel-collapse collapse">
		1124	<div class="panel-body">
		1125	Metronic Mega Menu Works for fixed and responsive layout and has the facility to include (almost) any Bootstrap elements.
		1126	</div>
		1127	</div>
		1128	</div>
		1129	<div class="panel panel-info">
		1130	<div class="panel-heading">
		1131	<h4 class="panel-title">
		1132	<a data-toggle="collapse" data-parent="#accordion2" href="#collapseThree2">
		1133	Mega Menu Info #3 </a>
		1134	</h4>
		1135	</div>
		1136	<div id="collapseThree2" class="panel-collapse collapse">
		1137	<div class="panel-body">
		1138	Metronic Mega Menu Works for fixed and responsive layout and has the facility to include (almost) any Bootstrap elements.
		1139	</div>
		1140	</div>
		1141	</div>
		1142	</div>
		1143	</li>
		1144	</ul>
		1145	</li>
		1146	</ul>
		1147	</li>
		1148	<li>
		1149	<a>
		1150	Classic <span class="arrow">
		1151	</span>
		1152	</a>
		1153	<ul class="sub-menu">
		1154	<li>
		1155	<a href="#">
		1156	<i class="fa fa-bookmark-o"></i> Section 1 </a>
		1157	</li>
		1158	<li>
		1159	<a href="#">
		1160	<i class="fa fa-user"></i> Section 2 </a>
		1161	</li>
		1162	<li>
		1163	<a href="#">
		1164	<i class="fa fa-puzzle-piece"></i> Section 3 </a>
		1165	</li>
		1166	<li>
		1167	<a href="#">
		1168	<i class="fa fa-gift"></i> Section 4 </a>
		1169	</li>
		1170	<li>
		1171	<a href="#">
		1172	<i class="fa fa-table"></i> Section 5 </a>
		1173	</li>
		1174	<li>
		1175	<a href="javascript:;">
		1176	<i class="fa fa-envelope-o"></i> More options <span class="arrow">
		1177	</span>
		1178	</a>
		1179	<ul class="sub-menu">
		1180	<li>
		1181	<a href="#">
		1182	Second level link </a>
		1183	</li>
		1184	<li class="sub-menu">
		1185	<a href="javascript:;">
		1186	More options <span class="arrow">
		1187	</span>
		1188	</a>
		1189	<ul class="sub-menu">
		1190	<li>
		1191	<a href="index.html">
		1192	Third level link </a>
		1193	</li>
		1194	<li>
		1195	<a href="index.html">
		1196	Third level link </a>
		1197	</li>
		1198	<li>
		1199	<a href="index.html">
		1200	Third level link </a>
		1201	</li>
		1202	<li>
		1203	<a href="index.html">
		1204	Third level link </a>
		1205	</li>
		1206	<li>
		1207	<a href="index.html">
		1208	Third level link </a>
		1209	</li>
		1210	</ul>
		1211	</li>
		1212	<li>
		1213	<a href="index.html">
		1214	Second level link </a>
		1215	</li>
		1216	<li>
		1217	<a href="index.html">
		1218	Second level link </a>
		1219	</li>
		1220	<li>
		1221	<a href="index.html">
		1222	Second level link </a>
		1223	</li>
		1224	</ul>
		1225	</li>
		1226	</ul>
		1227	</li>
		1228	</ul>
		1229	</div>
		1230	<!-- END HORIZONTAL RESPONSIVE MENU -->
		1231	</div>
		1232	<!-- END SIDEBAR -->
		1233	<!-- BEGIN CONTENT -->
		1234	<div class="page-content-wrapper">
		1235	<div class="page-content">
		1236	<!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM-->
		1237	<div class="modal fade" id="portlet-config" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		1238	<div class="modal-dialog">
		1239	<div class="modal-content">
		1240	<div class="modal-header">
		1241	<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
		1242	<h4 class="modal-title">Modal title</h4>
		1243	</div>
		1244	<div class="modal-body">
		1245	Widget settings form goes here
		1246	</div>
		1247	<div class="modal-footer">
		1248	<button type="button" class="btn blue">Save changes</button>
		1249	<button type="button" class="btn default" data-dismiss="modal">Close</button>
		1250	</div>
		1251	</div>
		1252	<!-- /.modal-content -->
		1253	</div>
		1254	<!-- /.modal-dialog -->
		1255	</div>
		1256	<!-- /.modal -->
		1257	<!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM-->
		1258	<!-- BEGIN STYLE CUSTOMIZER -->
		1259	<div class="theme-panel hidden-xs hidden-sm">
		1260	<div class="toggler">
		1261	</div>
		1262	<div class="toggler-close">
		1263	</div>
		1264	<div class="theme-options">
		1265	<div class="theme-option theme-colors clearfix">
		1266	<span>
		1267	THEME COLOR </span>
		1268	<ul>
		1269	<li class="color-default current tooltips" data-style="default" data-container="body" data-original-title="Default">
		1270	</li>
		1271	<li class="color-darkblue tooltips" data-style="darkblue" data-container="body" data-original-title="Dark Blue">
		1272	</li>
		1273	<li class="color-blue tooltips" data-style="blue" data-container="body" data-original-title="Blue">
		1274	</li>
		1275	<li class="color-grey tooltips" data-style="grey" data-container="body" data-original-title="Grey">
		1276	</li>
		1277	<li class="color-light tooltips" data-style="light" data-container="body" data-original-title="Light">
		1278	</li>
		1279	<li class="color-light2 tooltips" data-style="light2" data-container="body" data-html="true" data-original-title="Light 2">
		1280	</li>
		1281	</ul>
		1282	</div>
		1283	<div class="theme-option">
		1284	<span>
		1285	Layout </span>
		1286	<select class="layout-option form-control input-sm">
		1287	<option value="fluid" selected="selected">Fluid</option>
		1288	<option value="boxed">Boxed</option>
		1289	</select>
		1290	</div>
		1291	<div class="theme-option">
		1292	<span>
		1293	Header </span>
		1294	<select class="page-header-option form-control input-sm">
		1295	<option value="fixed" selected="selected">Fixed</option>
		1296	<option value="default">Default</option>
		1297	</select>
		1298	</div>
		1299	<div class="theme-option">
		1300	<span>
		1301	Top Menu Dropdown</span>
		1302	<select class="page-header-top-dropdown-style-option form-control input-sm">
		1303	<option value="light" selected="selected">Light</option>
		1304	<option value="dark">Dark</option>
		1305	</select>
		1306	</div>
		1307	<div class="theme-option">
		1308	<span>
		1309	Sidebar Mode</span>
		1310	<select class="sidebar-option form-control input-sm">
		1311	<option value="fixed">Fixed</option>
		1312	<option value="default" selected="selected">Default</option>
		1313	</select>
		1314	</div>
		1315	<div class="theme-option">
		1316	<span>
		1317	Sidebar Menu </span>
		1318	<select class="sidebar-menu-option form-control input-sm">
		1319	<option value="accordion" selected="selected">Accordion</option>
		1320	<option value="hover">Hover</option>
		1321	</select>
		1322	</div>
		1323	<div class="theme-option">
		1324	<span>
		1325	Sidebar Style </span>
		1326	<select class="sidebar-style-option form-control input-sm">
		1327	<option value="default" selected="selected">Default</option>
		1328	<option value="light">Light</option>
		1329	</select>
		1330	</div>
		1331	<div class="theme-option">
		1332	<span>
		1333	Sidebar Position </span>
		1334	<select class="sidebar-pos-option form-control input-sm">
		1335	<option value="left" selected="selected">Left</option>
		1336	<option value="right">Right</option>
		1337	</select>
		1338	</div>
		1339	<div class="theme-option">
		1340	<span>
		1341	Footer </span>
		1342	<select class="page-footer-option form-control input-sm">
		1343	<option value="fixed">Fixed</option>
		1344	<option value="default" selected="selected">Default</option>
		1345	</select>
		1346	</div>
		1347	</div>
		1348	</div>
		1349	<!-- END STYLE CUSTOMIZER -->
		1350	<!-- BEGIN PAGE CONTENT-->
		1351	<div class="row">
		1352	<div class="col-md-3 sidebar-content ">
		1353	<ul class="ver-inline-menu tabbable margin-bottom-25">
		1354	<li class="active">
		1355	<a href="#tab_1" data-toggle="tab">
		1356	<i class="fa fa-briefcase"></i> General Questions </a>
		1357	<span class="after">
		1358	</span>
		1359	</li>
		1360	<li>
		1361	<a href="#tab_2" data-toggle="tab">
		1362	<i class="fa fa-group"></i> Membership </a>
		1363	</li>
		1364	<li>
		1365	<a href="#tab_3" data-toggle="tab">
		1366	<i class="fa fa-leaf"></i> Terms Of Service </a>
		1367	</li>
		1368	<li>
		1369	<a href="#tab_1" data-toggle="tab">
		1370	<i class="fa fa-info-circle"></i> License Terms </a>
		1371	</li>
		1372	<li>
		1373	<a href="#tab_2" data-toggle="tab">
		1374	<i class="fa fa-tint"></i> Payment Rules </a>
		1375	</li>
		1376	<li>
		1377	<a href="#tab_3" data-toggle="tab">
		1378	<i class="fa fa-plus"></i> Other Questions </a>
		1379	</li>
		1380	<li>
		1381	<a href="#tab_3" data-toggle="tab">
		1382	<i class="fa fa-tasks"></i> Taks & Resources </a>
		1383	</li>
		1384	<li>
		1385	<a href="#tab_3" data-toggle="tab">
		1386	<i class="fa fa-user"></i> User Management </a>
		1387	</li>
		1388	</ul>
		1389	<!-- BEGIN PORTLET-->
		1390	<div class="portlet box green">
		1391	<div class="portlet-title line">
		1392	<div class="caption">
		1393	<i class="fa fa-comments"></i>Quick Form
		1394	</div>
		1395	<div class="tools">
		1396	<a href="javascript:;" class="collapse">
		1397	</a>
		1398	<a href="#portlet-config" data-toggle="modal" class="config">
		1399	</a>
		1400	</div>
		1401	</div>
		1402	<div class="portlet-body">
		1403	<h4>Create Record</h4>
		1404	<form action="#">
		1405	<div class="form-group">
		1406	<div class="input-icon">
		1407	<i class="fa fa-envelope"></i>
		1408	<input type="text" class="form-control" placeholder="Title"/>
		1409	</div>
		1410	</div>
		1411	<div class="form-group">
		1412	<div class="input-icon">
		1413	<i class="fa fa-envelope"></i>
		1414	<input type="password" class="form-control" placeholder="Email"/>
		1415	</div>
		1416	</div>
		1417	<div class="form-group">
		1418	<div class="input-icon">
		1419	<i class="fa fa-lock"></i>
		1420	<input type="password" class="form-control" placeholder="Remarks"/>
		1421	</div>
		1422	</div>
		1423	<div class="form-group">
		1424	<label class="checkbox">
		1425	<input type="checkbox"/> Notify admin </label>
		1426	</div>
		1427	<button type="submit" class="btn purple">Submit</button>
		1428	</form>
		1429	</div>
		1430	</div>
		1431	<!-- END PORTLET-->
		1432	</div>
		1433	<div class="col-md-9">
		1434	<!-- BEGIN PAGE HEADER-->
		1435	<h3 class="page-title">
		1436	Horizontal Mega Menu 2 <small>horizontal mega menu layout with sidebar tools</small>
		1437	</h3>
		1438	<div class="page-bar">
		1439	<ul class="page-breadcrumb">
		1440	<li>
		1441	<i class="fa fa-home"></i>
		1442	<a href="index.html">Home</a>
		1443	<i class="fa fa-angle-right"></i>
		1444	</li>
		1445	<li>
		1446	<a href="#">Page Layouts</a>
		1447	<i class="fa fa-angle-right"></i>
		1448	</li>
		1449	<li>
		1450	<a href="#">Horizontal Mega Menu 2</a>
		1451	</li>
		1452	</ul>
		1453	<div class="page-toolbar">
		1454	<div class="btn-group pull-right">
		1455	<button type="button" class="btn btn-fit-height grey-salt dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="1000" data-close-others="true">
		1456	Actions <i class="fa fa-angle-down"></i>
		1457	</button>
		1458	<ul class="dropdown-menu pull-right" role="menu">
		1459	<li>
		1460	<a href="#">Action</a>
		1461	</li>
		1462	<li>
		1463	<a href="#">Another action</a>
		1464	</li>
		1465	<li>
		1466	<a href="#">Something else here</a>
		1467	</li>
		1468	<li class="divider">
		1469	</li>
		1470	<li>
		1471	<a href="#">Separated link</a>
		1472	</li>
		1473	</ul>
		1474	</div>
		1475	</div>
		1476	</div>
		1477	<!-- END PAGE HEADER-->
		1478	<!-- BEGIN PAGE CONTENT-->
		1479	<div class="row margin-bottom-20">
		1480	<div class="col-md-12">
		1481	<p>
		1482	Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
		1483	</p>
		1484	<p>
		1485	Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
		1486	</p>
		1487	<p>
		1488	Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
		1489	</p>
		1490	</div>
		1491	</div>
		1492	<div class="row">
		1493	<div class="col-md-6">
		1494	<!-- BEGIN SAMPLE TABLE PORTLET-->
		1495	<div class="portlet box red">
		1496	<div class="portlet-title">
		1497	<div class="caption">
		1498	<i class="fa fa-cogs"></i>Simple Table
		1499	</div>
		1500	<div class="tools">
		1501	<a href="javascript:;" class="collapse">
		1502	</a>
		1503	<a href="#portlet-config" data-toggle="modal" class="config">
		1504	</a>
		1505	<a href="javascript:;" class="reload">
		1506	</a>
		1507	<a href="javascript:;" class="remove">
		1508	</a>
		1509	</div>
		1510	</div>
		1511	<div class="portlet-body">
		1512	<table class="table table-hover">
		1513	<thead>
		1514	<tr>
		1515	<th>
		1516	#
		1517	</th>
		1518	<th>
		1519	First Name
		1520	</th>
		1521	<th>
		1522	Last Name
		1523	</th>
		1524	<th class="hidden-XS">
		1525	Username
		1526	</th>
		1527	<th>
		1528	Status
		1529	</th>
		1530	</tr>
		1531	</thead>
		1532	<tbody>
		1533	<tr>
		1534	<td>
		1535	1
		1536	</td>
		1537	<td>
		1538	Mark
		1539	</td>
		1540	<td>
		1541	Otto
		1542	</td>
		1543	<td class="hidden-XS">
		1544	makr124
		1545	</td>
		1546	<td>
		1547	<span class="label label-success">
		1548	Approved </span>
		1549	</td>
		1550	</tr>
		1551	<tr>
		1552	<td>
		1553	2
		1554	</td>
		1555	<td>
		1556	Jacob
		1557	</td>
		1558	<td>
		1559	Nilson
		1560	</td>
		1561	<td class="hidden-XS">
		1562	jac123
		1563	</td>
		1564	<td>
		1565	<span class="label label-info">
		1566	Pending </span>
		1567	</td>
		1568	</tr>
		1569	<tr>
		1570	<td>
		1571	3
		1572	</td>
		1573	<td>
		1574	Larry
		1575	</td>
		1576	<td>
		1577	Cooper
		1578	</td>
		1579	<td class="hidden-XS">
		1580	lar
		1581	</td>
		1582	<td>
		1583	<span class="label label-warning">
		1584	Suspended </span>
		1585	</td>
		1586	</tr>
		1587	<tr>
		1588	<td>
		1589	3
		1590	</td>
		1591	<td>
		1592	Sandy
		1593	</td>
		1594	<td>
		1595	Lim
		1596	</td>
		1597	<td class="hidden-XS">
		1598	sanlim
		1599	</td>
		1600	<td>
		1601	<span class="label label-danger">
		1602	Blocked </span>
		1603	</td>
		1604	</tr>
		1605	</tbody>
		1606	</table>
		1607	</div>
		1608	</div>
		1609	<!-- END SAMPLE TABLE PORTLET-->
		1610	</div>
		1611	<div class="col-md-6">
		1612	<!-- BEGIN BORDERED TABLE PORTLET-->
		1613	<div class="portlet box yellow">
		1614	<div class="portlet-title">
		1615	<div class="caption">
		1616	<i class="fa fa-coffee"></i>Bordered Table
		1617	</div>
		1618	<div class="tools">
		1619	<a href="javascript:;" class="collapse">
		1620	</a>
		1621	<a href="#portlet-config" data-toggle="modal" class="config">
		1622	</a>
		1623	<a href="javascript:;" class="reload">
		1624	</a>
		1625	<a href="javascript:;" class="remove">
		1626	</a>
		1627	</div>
		1628	</div>
		1629	<div class="portlet-body">
		1630	<table class="table table-bordered table-hover">
		1631	<thead>
		1632	<tr>
		1633	<th>
		1634	#
		1635	</th>
		1636	<th>
		1637	First Name
		1638	</th>
		1639	<th>
		1640	Last Name
		1641	</th>
		1642	<th class="hidden-XS">
		1643	Username
		1644	</th>
		1645	<th>
		1646	Status
		1647	</th>
		1648	</tr>
		1649	</thead>
		1650	<tbody>
		1651	<tr>
		1652	<td>
		1653	1
		1654	</td>
		1655	<td>
		1656	Mark
		1657	</td>
		1658	<td>
		1659	Otto
		1660	</td>
		1661	<td class="hidden-XS">
		1662	makr124
		1663	</td>
		1664	<td>
		1665	<span class="label label-success">
		1666	Approved </span>
		1667	</td>
		1668	</tr>
		1669	<tr>
		1670	<td>
		1671	2
		1672	</td>
		1673	<td>
		1674	Jacob
		1675	</td>
		1676	<td>
		1677	Nilson
		1678	</td>
		1679	<td class="hidden-XS">
		1680	jac123
		1681	</td>
		1682	<td>
		1683	<span class="label label-info">
		1684	Pending </span>
		1685	</td>
		1686	</tr>
		1687	<tr>
		1688	<td>
		1689	3
		1690	</td>
		1691	<td>
		1692	Larry
		1693	</td>
		1694	<td>
		1695	Cooper
		1696	</td>
		1697	<td class="hidden-XS">
		1698	lar
		1699	</td>
		1700	<td>
		1701	<span class="label label-warning">
		1702	Suspended </span>
		1703	</td>
		1704	</tr>
		1705	<tr>
		1706	<td>
		1707	3
		1708	</td>
		1709	<td>
		1710	Sandy
		1711	</td>
		1712	<td>
		1713	Lim
		1714	</td>
		1715	<td class="hidden-XS">
		1716	sanlim
		1717	</td>
		1718	<td>
		1719	<span class="label label-danger">
		1720	Blocked </span>
		1721	</td>
		1722	</tr>
		1723	</tbody>
		1724	</table>
		1725	</div>
		1726	</div>
		1727	<!-- END BORDERED TABLE PORTLET-->
		1728	</div>
		1729	</div>
		1730	</div>
		1731	</div>
		1732	<!-- END PAGE CONTENT-->
		1733	</div>
		1734	</div>
		1735	<!-- END CONTENT -->
		1736	<!-- BEGIN QUICK SIDEBAR -->
		1737	<a href="javascript:;" class="page-quick-sidebar-toggler"><i class="icon-close"></i></a>
		1738	<div class="page-quick-sidebar-wrapper">
		1739	<div class="page-quick-sidebar">
		1740	<div class="nav-justified">
		1741	<ul class="nav nav-tabs nav-justified">
		1742	<li class="active">
		1743	<a href="#quick_sidebar_tab_1" data-toggle="tab">
		1744	Users <span class="badge badge-danger">2</span>
		1745	</a>
		1746	</li>
		1747	<li>
		1748	<a href="#quick_sidebar_tab_2" data-toggle="tab">
		1749	Alerts <span class="badge badge-success">7</span>
		1750	</a>
		1751	</li>
		1752	<li class="dropdown">
		1753	<a href="#" class="dropdown-toggle" data-toggle="dropdown">
		1754	More<i class="fa fa-angle-down"></i>
		1755	</a>
		1756	<ul class="dropdown-menu pull-right" role="menu">
		1757	<li>
		1758	<a href="#quick_sidebar_tab_3" data-toggle="tab">
		1759	<i class="icon-bell"></i> Alerts </a>
		1760	</li>
		1761	<li>
		1762	<a href="#quick_sidebar_tab_3" data-toggle="tab">
		1763	<i class="icon-info"></i> Notifications </a>
		1764	</li>
		1765	<li>
		1766	<a href="#quick_sidebar_tab_3" data-toggle="tab">
		1767	<i class="icon-speech"></i> Activities </a>
		1768	</li>
		1769	<li class="divider">
		1770	</li>
		1771	<li>
		1772	<a href="#quick_sidebar_tab_3" data-toggle="tab">
		1773	<i class="icon-settings"></i> Settings </a>
		1774	</li>
		1775	</ul>
		1776	</li>
		1777	</ul>
		1778	<div class="tab-content">
		1779	<div class="tab-pane active page-quick-sidebar-chat" id="quick_sidebar_tab_1">
		1780	<div class="page-quick-sidebar-chat-users" data-rail-color="#ddd" data-wrapper-class="page-quick-sidebar-list">
		1781	<h3 class="list-heading">Staff</h3>
		1782	<ul class="media-list list-items">
		1783	<li class="media">
		1784	<div class="media-status">
		1785	<span class="badge badge-success">8</span>
		1786	</div>
		1787	<img class="media-object" src="../../assets/admin/layout/img/avatar3.jpg" alt="...">
		1788	<div class="media-body">
		1789	<h4 class="media-heading">Bob Nilson</h4>
		1790	<div class="media-heading-sub">
		1791	Project Manager
		1792	</div>
		1793	</div>
		1794	</li>
		1795	<li class="media">
		1796	<img class="media-object" src="../../assets/admin/layout/img/avatar1.jpg" alt="...">
		1797	<div class="media-body">
		1798	<h4 class="media-heading">Nick Larson</h4>
		1799	<div class="media-heading-sub">
		1800	Art Director
		1801	</div>
		1802	</div>
		1803	</li>
		1804	<li class="media">
		1805	<div class="media-status">
		1806	<span class="badge badge-danger">3</span>
		1807	</div>
		1808	<img class="media-object" src="../../assets/admin/layout/img/avatar4.jpg" alt="...">
		1809	<div class="media-body">
		1810	<h4 class="media-heading">Deon Hubert</h4>
		1811	<div class="media-heading-sub">
		1812	CTO
		1813	</div>
		1814	</div>
		1815	</li>
		1816	<li class="media">
		1817	<img class="media-object" src="../../assets/admin/layout/img/avatar2.jpg" alt="...">
		1818	<div class="media-body">
		1819	<h4 class="media-heading">Ella Wong</h4>
		1820	<div class="media-heading-sub">
		1821	CEO
		1822	</div>
		1823	</div>
		1824	</li>
		1825	</ul>
		1826	<h3 class="list-heading">Customers</h3>
		1827	<ul class="media-list list-items">
		1828	<li class="media">
		1829	<div class="media-status">
		1830	<span class="badge badge-warning">2</span>
		1831	</div>
		1832	<img class="media-object" src="../../assets/admin/layout/img/avatar6.jpg" alt="...">
		1833	<div class="media-body">
		1834	<h4 class="media-heading">Lara Kunis</h4>
		1835	<div class="media-heading-sub">
		1836	CEO, Loop Inc
		1837	</div>
		1838	<div class="media-heading-small">
		1839	Last seen 03:10 AM
		1840	</div>
		1841	</div>
		1842	</li>
		1843	<li class="media">
		1844	<div class="media-status">
		1845	<span class="label label-sm label-success">new</span>
		1846	</div>
		1847	<img class="media-object" src="../../assets/admin/layout/img/avatar7.jpg" alt="...">
		1848	<div class="media-body">
		1849	<h4 class="media-heading">Ernie Kyllonen</h4>
		1850	<div class="media-heading-sub">
		1851	Project Manager,<br>
		1852	SmartBizz PTL
		1853	</div>
		1854	</div>
		1855	</li>
		1856	<li class="media">
		1857	<img class="media-object" src="../../assets/admin/layout/img/avatar8.jpg" alt="...">
		1858	<div class="media-body">
		1859	<h4 class="media-heading">Lisa Stone</h4>
		1860	<div class="media-heading-sub">
		1861	CTO, Keort Inc
		1862	</div>
		1863	<div class="media-heading-small">
		1864	Last seen 13:10 PM
		1865	</div>
		1866	</div>
		1867	</li>
		1868	<li class="media">
		1869	<div class="media-status">
		1870	<span class="badge badge-success">7</span>
		1871	</div>
		1872	<img class="media-object" src="../../assets/admin/layout/img/avatar9.jpg" alt="...">
		1873	<div class="media-body">
		1874	<h4 class="media-heading">Deon Portalatin</h4>
		1875	<div class="media-heading-sub">
		1876	CFO, H&D LTD
		1877	</div>
		1878	</div>
		1879	</li>
		1880	<li class="media">
		1881	<img class="media-object" src="../../assets/admin/layout/img/avatar10.jpg" alt="...">
		1882	<div class="media-body">
		1883	<h4 class="media-heading">Irina Savikova</h4>
		1884	<div class="media-heading-sub">
		1885	CEO, Tizda Motors Inc
		1886	</div>
		1887	</div>
		1888	</li>
		1889	<li class="media">
		1890	<div class="media-status">
		1891	<span class="badge badge-danger">4</span>
		1892	</div>
		1893	<img class="media-object" src="../../assets/admin/layout/img/avatar11.jpg" alt="...">
		1894	<div class="media-body">
		1895	<h4 class="media-heading">Maria Gomez</h4>
		1896	<div class="media-heading-sub">
		1897	Manager, Infomatic Inc
		1898	</div>
		1899	<div class="media-heading-small">
		1900	Last seen 03:10 AM
		1901	</div>
		1902	</div>
		1903	</li>
		1904	</ul>
		1905	</div>
		1906	<div class="page-quick-sidebar-item">
		1907	<div class="page-quick-sidebar-chat-user">
		1908	<div class="page-quick-sidebar-nav">
		1909	<a href="javascript:;" class="page-quick-sidebar-back-to-list"><i class="icon-arrow-left"></i>Back</a>
		1910	</div>
		1911	<div class="page-quick-sidebar-chat-user-messages">
		1912	<div class="post out">
		1913	<img class="avatar" alt="" src="../../assets/admin/layout/img/avatar3.jpg"/>
		1914	<div class="message">
		1915	<span class="arrow"></span>
		1916	<a href="#" class="name">Bob Nilson</a>
		1917	<span class="datetime">20:15</span>
		1918	<span class="body">
		1919	When could you send me the report ? </span>
		1920	</div>
		1921	</div>
		1922	<div class="post in">
		1923	<img class="avatar" alt="" src="../../assets/admin/layout/img/avatar2.jpg"/>
		1924	<div class="message">
		1925	<span class="arrow"></span>
		1926	<a href="#" class="name">Ella Wong</a>
		1927	<span class="datetime">20:15</span>
		1928	<span class="body">
		1929	Its almost done. I will be sending it shortly </span>
		1930	</div>
		1931	</div>
		1932	<div class="post out">
		1933	<img class="avatar" alt="" src="../../assets/admin/layout/img/avatar3.jpg"/>
		1934	<div class="message">
		1935	<span class="arrow"></span>
		1936	<a href="#" class="name">Bob Nilson</a>
		1937	<span class="datetime">20:15</span>
		1938	<span class="body">
		1939	Alright. Thanks! :) </span>
		1940	</div>
		1941	</div>
		1942	<div class="post in">
		1943	<img class="avatar" alt="" src="../../assets/admin/layout/img/avatar2.jpg"/>
		1944	<div class="message">
		1945	<span class="arrow"></span>
		1946	<a href="#" class="name">Ella Wong</a>
		1947	<span class="datetime">20:16</span>
		1948	<span class="body">
		1949	You are most welcome. Sorry for the delay. </span>
		1950	</div>
		1951	</div>
		1952	<div class="post out">
		1953	<img class="avatar" alt="" src="../../assets/admin/layout/img/avatar3.jpg"/>
		1954	<div class="message">
		1955	<span class="arrow"></span>
		1956	<a href="#" class="name">Bob Nilson</a>
		1957	<span class="datetime">20:17</span>
		1958	<span class="body">
		1959	No probs. Just take your time :) </span>
		1960	</div>
		1961	</div>
		1962	<div class="post in">
		1963	<img class="avatar" alt="" src="../../assets/admin/layout/img/avatar2.jpg"/>
		1964	<div class="message">
		1965	<span class="arrow"></span>
		1966	<a href="#" class="name">Ella Wong</a>
		1967	<span class="datetime">20:40</span>
		1968	<span class="body">
		1969	Alright. I just emailed it to you. </span>
		1970	</div>
		1971	</div>
		1972	<div class="post out">
		1973	<img class="avatar" alt="" src="../../assets/admin/layout/img/avatar3.jpg"/>
		1974	<div class="message">
		1975	<span class="arrow"></span>
		1976	<a href="#" class="name">Bob Nilson</a>
		1977	<span class="datetime">20:17</span>
		1978	<span class="body">
		1979	Great! Thanks. Will check it right away. </span>
		1980	</div>
		1981	</div>
		1982	<div class="post in">
		1983	<img class="avatar" alt="" src="../../assets/admin/layout/img/avatar2.jpg"/>
		1984	<div class="message">
		1985	<span class="arrow"></span>
		1986	<a href="#" class="name">Ella Wong</a>
		1987	<span class="datetime">20:40</span>
		1988	<span class="body">
		1989	Please let me know if you have any comment. </span>
		1990	</div>
		1991	</div>
		1992	<div class="post out">
		1993	<img class="avatar" alt="" src="../../assets/admin/layout/img/avatar3.jpg"/>
		1994	<div class="message">
		1995	<span class="arrow"></span>
		1996	<a href="#" class="name">Bob Nilson</a>
		1997	<span class="datetime">20:17</span>
		1998	<span class="body">
		1999	Sure. I will check and buzz you if anything needs to be corrected. </span>
		2000	</div>
		2001	</div>
		2002	</div>
		2003	<div class="page-quick-sidebar-chat-user-form">
		2004	<div class="input-group">
		2005	<input type="text" class="form-control" placeholder="Type a message here...">
		2006	<div class="input-group-btn">
		2007	<button type="button" class="btn blue"><i class="icon-paper-clip"></i></button>
		2008	</div>
		2009	</div>
		2010	</div>
		2011	</div>
		2012	</div>
		2013	</div>
		2014	<div class="tab-pane page-quick-sidebar-alerts" id="quick_sidebar_tab_2">
		2015	<div class="page-quick-sidebar-alerts-list">
		2016	<h3 class="list-heading">General</h3>
		2017	<ul class="feeds list-items">
		2018	<li>
		2019	<div class="col1">
		2020	<div class="cont">
		2021	<div class="cont-col1">
		2022	<div class="label label-sm label-info">
		2023	<i class="fa fa-check"></i>
		2024	</div>
		2025	</div>
		2026	<div class="cont-col2">
		2027	<div class="desc">
		2028	You have 4 pending tasks. <span class="label label-sm label-warning ">
		2029	Take action <i class="fa fa-share"></i>
		2030	</span>
		2031	</div>
		2032	</div>
		2033	</div>
		2034	</div>
		2035	<div class="col2">
		2036	<div class="date">
		2037	Just now
		2038	</div>
		2039	</div>
		2040	</li>
		2041	<li>
		2042	<a href="#">
		2043	<div class="col1">
		2044	<div class="cont">
		2045	<div class="cont-col1">
		2046	<div class="label label-sm label-success">
		2047	<i class="fa fa-bar-chart-o"></i>
		2048	</div>
		2049	</div>
		2050	<div class="cont-col2">
		2051	<div class="desc">
		2052	Finance Report for year 2013 has been released.
		2053	</div>
		2054	</div>
		2055	</div>
		2056	</div>
		2057	<div class="col2">
		2058	<div class="date">
		2059	20 mins
		2060	</div>
		2061	</div>
		2062	</a>
		2063	</li>
		2064	<li>
		2065	<div class="col1">
		2066	<div class="cont">
		2067	<div class="cont-col1">
		2068	<div class="label label-sm label-danger">
		2069	<i class="fa fa-user"></i>
		2070	</div>
		2071	</div>
		2072	<div class="cont-col2">
		2073	<div class="desc">
		2074	You have 5 pending membership that requires a quick review.
		2075	</div>
		2076	</div>
		2077	</div>
		2078	</div>
		2079	<div class="col2">
		2080	<div class="date">
		2081	24 mins
		2082	</div>
		2083	</div>
		2084	</li>
		2085	<li>
		2086	<div class="col1">
		2087	<div class="cont">
		2088	<div class="cont-col1">
		2089	<div class="label label-sm label-info">
		2090	<i class="fa fa-shopping-cart"></i>
		2091	</div>
		2092	</div>
		2093	<div class="cont-col2">
		2094	<div class="desc">
		2095	New order received with <span class="label label-sm label-success">
		2096	Reference Number: DR23923 </span>
		2097	</div>
		2098	</div>
		2099	</div>
		2100	</div>
		2101	<div class="col2">
		2102	<div class="date">
		2103	30 mins
		2104	</div>
		2105	</div>
		2106	</li>
		2107	<li>
		2108	<div class="col1">
		2109	<div class="cont">
		2110	<div class="cont-col1">
		2111	<div class="label label-sm label-success">
		2112	<i class="fa fa-user"></i>
		2113	</div>
		2114	</div>
		2115	<div class="cont-col2">
		2116	<div class="desc">
		2117	You have 5 pending membership that requires a quick review.
		2118	</div>
		2119	</div>
		2120	</div>
		2121	</div>
		2122	<div class="col2">
		2123	<div class="date">
		2124	24 mins
		2125	</div>
		2126	</div>
		2127	</li>
		2128	<li>
		2129	<div class="col1">
		2130	<div class="cont">
		2131	<div class="cont-col1">
		2132	<div class="label label-sm label-info">
		2133	<i class="fa fa-bell-o"></i>
		2134	</div>
		2135	</div>
		2136	<div class="cont-col2">
		2137	<div class="desc">
		2138	Web server hardware needs to be upgraded. <span class="label label-sm label-warning">
		2139	Overdue </span>
		2140	</div>
		2141	</div>
		2142	</div>
		2143	</div>
		2144	<div class="col2">
		2145	<div class="date">
		2146	2 hours
		2147	</div>
		2148	</div>
		2149	</li>
		2150	<li>
		2151	<a href="#">
		2152	<div class="col1">
		2153	<div class="cont">
		2154	<div class="cont-col1">
		2155	<div class="label label-sm label-default">
		2156	<i class="fa fa-briefcase"></i>
		2157	</div>
		2158	</div>
		2159	<div class="cont-col2">
		2160	<div class="desc">
		2161	IPO Report for year 2013 has been released.
		2162	</div>
		2163	</div>
		2164	</div>
		2165	</div>
		2166	<div class="col2">
		2167	<div class="date">
		2168	20 mins
		2169	</div>
		2170	</div>
		2171	</a>
		2172	</li>
		2173	</ul>
		2174	<h3 class="list-heading">System</h3>
		2175	<ul class="feeds list-items">
		2176	<li>
		2177	<div class="col1">
		2178	<div class="cont">
		2179	<div class="cont-col1">
		2180	<div class="label label-sm label-info">
		2181	<i class="fa fa-check"></i>
		2182	</div>
		2183	</div>
		2184	<div class="cont-col2">
		2185	<div class="desc">
		2186	You have 4 pending tasks. <span class="label label-sm label-warning ">
		2187	Take action <i class="fa fa-share"></i>
		2188	</span>
		2189	</div>
		2190	</div>
		2191	</div>
		2192	</div>
		2193	<div class="col2">
		2194	<div class="date">
		2195	Just now
		2196	</div>
		2197	</div>
		2198	</li>
		2199	<li>
		2200	<a href="#">
		2201	<div class="col1">
		2202	<div class="cont">
		2203	<div class="cont-col1">
		2204	<div class="label label-sm label-danger">
		2205	<i class="fa fa-bar-chart-o"></i>
		2206	</div>
		2207	</div>
		2208	<div class="cont-col2">
		2209	<div class="desc">
		2210	Finance Report for year 2013 has been released.
		2211	</div>
		2212	</div>
		2213	</div>
		2214	</div>
		2215	<div class="col2">
		2216	<div class="date">
		2217	20 mins
		2218	</div>
		2219	</div>
		2220	</a>
		2221	</li>
		2222	<li>
		2223	<div class="col1">
		2224	<div class="cont">
		2225	<div class="cont-col1">
		2226	<div class="label label-sm label-default">
		2227	<i class="fa fa-user"></i>
		2228	</div>
		2229	</div>
		2230	<div class="cont-col2">
		2231	<div class="desc">
		2232	You have 5 pending membership that requires a quick review.
		2233	</div>
		2234	</div>
		2235	</div>
		2236	</div>
		2237	<div class="col2">
		2238	<div class="date">
		2239	24 mins
		2240	</div>
		2241	</div>
		2242	</li>
		2243	<li>
		2244	<div class="col1">
		2245	<div class="cont">
		2246	<div class="cont-col1">
		2247	<div class="label label-sm label-info">
		2248	<i class="fa fa-shopping-cart"></i>
		2249	</div>
		2250	</div>
		2251	<div class="cont-col2">
		2252	<div class="desc">
		2253	New order received with <span class="label label-sm label-success">
		2254	Reference Number: DR23923 </span>
		2255	</div>
		2256	</div>
		2257	</div>
		2258	</div>
		2259	<div class="col2">
		2260	<div class="date">
		2261	30 mins
		2262	</div>
		2263	</div>
		2264	</li>
		2265	<li>
		2266	<div class="col1">
		2267	<div class="cont">
		2268	<div class="cont-col1">
		2269	<div class="label label-sm label-success">
		2270	<i class="fa fa-user"></i>
		2271	</div>
		2272	</div>
		2273	<div class="cont-col2">
		2274	<div class="desc">
		2275	You have 5 pending membership that requires a quick review.
		2276	</div>
		2277	</div>
		2278	</div>
		2279	</div>
		2280	<div class="col2">
		2281	<div class="date">
		2282	24 mins
		2283	</div>
		2284	</div>
		2285	</li>
		2286	<li>
		2287	<div class="col1">
		2288	<div class="cont">
		2289	<div class="cont-col1">
		2290	<div class="label label-sm label-warning">
		2291	<i class="fa fa-bell-o"></i>
		2292	</div>
		2293	</div>
		2294	<div class="cont-col2">
		2295	<div class="desc">
		2296	Web server hardware needs to be upgraded. <span class="label label-sm label-default ">
		2297	Overdue </span>
		2298	</div>
		2299	</div>
		2300	</div>
		2301	</div>
		2302	<div class="col2">
		2303	<div class="date">
		2304	2 hours
		2305	</div>
		2306	</div>
		2307	</li>
		2308	<li>
		2309	<a href="#">
		2310	<div class="col1">
		2311	<div class="cont">
		2312	<div class="cont-col1">
		2313	<div class="label label-sm label-info">
		2314	<i class="fa fa-briefcase"></i>
		2315	</div>
		2316	</div>
		2317	<div class="cont-col2">
		2318	<div class="desc">
		2319	IPO Report for year 2013 has been released.
		2320	</div>
		2321	</div>
		2322	</div>
		2323	</div>
		2324	<div class="col2">
		2325	<div class="date">
		2326	20 mins
		2327	</div>
		2328	</div>
		2329	</a>
		2330	</li>
		2331	</ul>
		2332	</div>
		2333	</div>
		2334	<div class="tab-pane page-quick-sidebar-settings" id="quick_sidebar_tab_3">
		2335	<div class="page-quick-sidebar-settings-list">
		2336	<h3 class="list-heading">General Settings</h3>
		2337	<ul class="list-items borderless">
		2338	<li>
		2339	Enable Notifications <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">
		2340	</li>
		2341	<li>
		2342	Allow Tracking <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">
		2343	</li>
		2344	<li>
		2345	Log Errors <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">
		2346	</li>
		2347	<li>
		2348	Auto Sumbit Issues <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">
		2349	</li>
		2350	<li>
		2351	Enable SMS Alerts <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">
		2352	</li>
		2353	</ul>
		2354	<h3 class="list-heading">System Settings</h3>
		2355	<ul class="list-items borderless">
		2356	<li>
		2357	Security Level
		2358	<select class="form-control input-inline input-sm input-small">
		2359	<option value="1">Normal</option>
		2360	<option value="2" selected>Medium</option>
		2361	<option value="e">High</option>
		2362	</select>
		2363	</li>
		2364	<li>
		2365	Failed Email Attempts <input class="form-control input-inline input-sm input-small" value="5"/>
		2366	</li>
		2367	<li>
		2368	Secondary SMTP Port <input class="form-control input-inline input-sm input-small" value="3560"/>
		2369	</li>
		2370	<li>
		2371	Notify On System Error <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">
		2372	</li>
		2373	<li>
		2374	Notify On SMTP Error <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">
		2375	</li>
		2376	</ul>
		2377	<div class="inner-content">
		2378	<button class="btn btn-success"><i class="icon-settings"></i> Save Changes</button>
		2379	</div>
		2380	</div>
		2381	</div>
		2382	</div>
		2383	</div>
		2384	</div>
		2385	</div>
		2386	<!-- END QUICK SIDEBAR -->
		2387	</div>
		2388	<!-- END CONTAINER -->
		2389	<!-- BEGIN FOOTER -->
		2390	<div class="page-footer">
		2391	<div class="page-footer-inner">
		2392	2014 © Metronic by keenthemes.
		2393	</div>
		2394	<div class="scroll-to-top">
		2395	<i class="icon-arrow-up"></i>
		2396	</div>
		2397	</div>
		2398	<!-- END FOOTER -->
		2399	<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
		2400	<!-- BEGIN CORE PLUGINS -->
		2401	<!--[if lt IE 9]>
		2402	<script src="../../assets/global/plugins/respond.min.js"></script>
		2403	<script src="../../assets/global/plugins/excanvas.min.js"></script>
		2404	<![endif]-->
		2405	<script src="../../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
		2406	<script src="../../assets/global/plugins/jquery-migrate.min.js" type="text/javascript"></script>
		2407	<!-- IMPORTANT! Load jquery-ui.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
		2408	<script src="../../assets/global/plugins/jquery-ui/jquery-ui.min.js" type="text/javascript"></script>
		2409	<script src="../../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
		2410	<script src="../../assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js" type="text/javascript"></script>
		2411	<script src="../../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
		2412	<script src="../../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
		2413	<script src="../../assets/global/plugins/jquery.cokie.min.js" type="text/javascript"></script>
		2414	<script src="../../assets/global/plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>
		2415	<script src="../../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
		2416	<!-- END CORE PLUGINS -->
		2417	<script src="../../assets/global/scripts/metronic.js" type="text/javascript"></script>
		2418	<script src="../../assets/admin/layout/scripts/layout.js" type="text/javascript"></script>
		2419	<script src="../../assets/admin/layout/scripts/quick-sidebar.js" type="text/javascript"></script>
		2420	<script src="../../assets/admin/layout/scripts/demo.js" type="text/javascript"></script>
		2421	<script>
		2422	jQuery(document).ready(function() {
		2423	Metronic.init(); // init metronic core components
		2424	Layout.init(); // init current layout
		2425	QuickSidebar.init(); // init quick sidebar
		2426	Demo.init(); // init demo features
		2427	});
		2428	</script>
		2429	<!-- END JAVASCRIPTS -->
		2430	</body>
		2431	<!-- END BODY -->
		2432	</html>

Subversion Repositories Integrator Subversion

(root)/DOCUMENTOS E ANALISE/telas/templates/admin/layout_horizontal_menu2.html - Rev 1