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

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 \| Responsive Datatables</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 RESPONSIVE MENU TOGGLER -->
		64	<a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
		65	<span></span>
		66	</a>
		67	<!-- END RESPONSIVE MENU TOGGLER -->
		68	<!-- BEGIN TOP NAVIGATION MENU -->
		69	<div class="top-menu">
		70	<ul class="nav navbar-nav pull-right">
		71	<!-- BEGIN NOTIFICATION DROPDOWN -->
		72	<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
		73	<li class="dropdown dropdown-extended dropdown-notification" id="header_notification_bar">
		74	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		75	<i class="icon-bell"></i>
		76	<span class="badge badge-default"> 7 </span>
		77	</a>
		78	<ul class="dropdown-menu">
		79	<li class="external">
		80	<h3>
		81	<span class="bold">12 pending</span> notifications</h3>
		82	<a href="page_user_profile_1.html">view all</a>
		83	</li>
		84	<li>
		85	<ul class="dropdown-menu-list scroller" style="height: 250px;" data-handle-color="#637283">
		86	<li>
		87	<a href="javascript:;">
		88	<span class="time">just now</span>
		89	<span class="details">
		90	<span class="label label-sm label-icon label-success">
		91	<i class="fa fa-plus"></i>
		92	</span> New user registered. </span>
		93	</a>
		94	</li>
		95	<li>
		96	<a href="javascript:;">
		97	<span class="time">3 mins</span>
		98	<span class="details">
		99	<span class="label label-sm label-icon label-danger">
		100	<i class="fa fa-bolt"></i>
		101	</span> Server #12 overloaded. </span>
		102	</a>
		103	</li>
		104	<li>
		105	<a href="javascript:;">
		106	<span class="time">10 mins</span>
		107	<span class="details">
		108	<span class="label label-sm label-icon label-warning">
		109	<i class="fa fa-bell-o"></i>
		110	</span> Server #2 not responding. </span>
		111	</a>
		112	</li>
		113	<li>
		114	<a href="javascript:;">
		115	<span class="time">14 hrs</span>
		116	<span class="details">
		117	<span class="label label-sm label-icon label-info">
		118	<i class="fa fa-bullhorn"></i>
		119	</span> Application error. </span>
		120	</a>
		121	</li>
		122	<li>
		123	<a href="javascript:;">
		124	<span class="time">2 days</span>
		125	<span class="details">
		126	<span class="label label-sm label-icon label-danger">
		127	<i class="fa fa-bolt"></i>
		128	</span> Database overloaded 68%. </span>
		129	</a>
		130	</li>
		131	<li>
		132	<a href="javascript:;">
		133	<span class="time">3 days</span>
		134	<span class="details">
		135	<span class="label label-sm label-icon label-danger">
		136	<i class="fa fa-bolt"></i>
		137	</span> A user IP blocked. </span>
		138	</a>
		139	</li>
		140	<li>
		141	<a href="javascript:;">
		142	<span class="time">4 days</span>
		143	<span class="details">
		144	<span class="label label-sm label-icon label-warning">
		145	<i class="fa fa-bell-o"></i>
		146	</span> Storage Server #4 not responding dfdfdfd. </span>
		147	</a>
		148	</li>
		149	<li>
		150	<a href="javascript:;">
		151	<span class="time">5 days</span>
		152	<span class="details">
		153	<span class="label label-sm label-icon label-info">
		154	<i class="fa fa-bullhorn"></i>
		155	</span> System Error. </span>
		156	</a>
		157	</li>
		158	<li>
		159	<a href="javascript:;">
		160	<span class="time">9 days</span>
		161	<span class="details">
		162	<span class="label label-sm label-icon label-danger">
		163	<i class="fa fa-bolt"></i>
		164	</span> Storage server failed. </span>
		165	</a>
		166	</li>
		167	</ul>
		168	</li>
		169	</ul>
		170	</li>
		171	<!-- END NOTIFICATION DROPDOWN -->
		172	<!-- BEGIN INBOX DROPDOWN -->
		173	<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
		174	<li class="dropdown dropdown-extended dropdown-inbox" id="header_inbox_bar">
		175	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		176	<i class="icon-envelope-open"></i>
		177	<span class="badge badge-default"> 4 </span>
		178	</a>
		179	<ul class="dropdown-menu">
		180	<li class="external">
		181	<h3>You have
		182	<span class="bold">7 New</span> Messages</h3>
		183	<a href="app_inbox.html">view all</a>
		184	</li>
		185	<li>
		186	<ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
		187	<li>
		188	<a href="#">
		189	<span class="photo">
		190	<img src="../assets/layouts/layout3/img/avatar2.jpg" class="img-circle" alt=""> </span>
		191	<span class="subject">
		192	<span class="from"> Lisa Wong </span>
		193	<span class="time">Just Now </span>
		194	</span>
		195	<span class="message"> Vivamus sed auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		196	</a>
		197	</li>
		198	<li>
		199	<a href="#">
		200	<span class="photo">
		201	<img src="../assets/layouts/layout3/img/avatar3.jpg" class="img-circle" alt=""> </span>
		202	<span class="subject">
		203	<span class="from"> Richard Doe </span>
		204	<span class="time">16 mins </span>
		205	</span>
		206	<span class="message"> Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		207	</a>
		208	</li>
		209	<li>
		210	<a href="#">
		211	<span class="photo">
		212	<img src="../assets/layouts/layout3/img/avatar1.jpg" class="img-circle" alt=""> </span>
		213	<span class="subject">
		214	<span class="from"> Bob Nilson </span>
		215	<span class="time">2 hrs </span>
		216	</span>
		217	<span class="message"> Vivamus sed nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		218	</a>
		219	</li>
		220	<li>
		221	<a href="#">
		222	<span class="photo">
		223	<img src="../assets/layouts/layout3/img/avatar2.jpg" class="img-circle" alt=""> </span>
		224	<span class="subject">
		225	<span class="from"> Lisa Wong </span>
		226	<span class="time">40 mins </span>
		227	</span>
		228	<span class="message"> Vivamus sed auctor 40% nibh congue nibh... </span>
		229	</a>
		230	</li>
		231	<li>
		232	<a href="#">
		233	<span class="photo">
		234	<img src="../assets/layouts/layout3/img/avatar3.jpg" class="img-circle" alt=""> </span>
		235	<span class="subject">
		236	<span class="from"> Richard Doe </span>
		237	<span class="time">46 mins </span>
		238	</span>
		239	<span class="message"> Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		240	</a>
		241	</li>
		242	</ul>
		243	</li>
		244	</ul>
		245	</li>
		246	<!-- END INBOX DROPDOWN -->
		247	<!-- BEGIN TODO DROPDOWN -->
		248	<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
		249	<li class="dropdown dropdown-extended dropdown-tasks" id="header_task_bar">
		250	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		251	<i class="icon-calendar"></i>
		252	<span class="badge badge-default"> 3 </span>
		253	</a>
		254	<ul class="dropdown-menu extended tasks">
		255	<li class="external">
		256	<h3>You have
		257	<span class="bold">12 pending</span> tasks</h3>
		258	<a href="app_todo.html">view all</a>
		259	</li>
		260	<li>
		261	<ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
		262	<li>
		263	<a href="javascript:;">
		264	<span class="task">
		265	<span class="desc">New release v1.2 </span>
		266	<span class="percent">30%</span>
		267	</span>
		268	<span class="progress">
		269	<span style="width: 40%;" class="progress-bar progress-bar-success" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100">
		270	<span class="sr-only">40% Complete</span>
		271	</span>
		272	</span>
		273	</a>
		274	</li>
		275	<li>
		276	<a href="javascript:;">
		277	<span class="task">
		278	<span class="desc">Application deployment</span>
		279	<span class="percent">65%</span>
		280	</span>
		281	<span class="progress">
		282	<span style="width: 65%;" class="progress-bar progress-bar-danger" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100">
		283	<span class="sr-only">65% Complete</span>
		284	</span>
		285	</span>
		286	</a>
		287	</li>
		288	<li>
		289	<a href="javascript:;">
		290	<span class="task">
		291	<span class="desc">Mobile app release</span>
		292	<span class="percent">98%</span>
		293	</span>
		294	<span class="progress">
		295	<span style="width: 98%;" class="progress-bar progress-bar-success" aria-valuenow="98" aria-valuemin="0" aria-valuemax="100">
		296	<span class="sr-only">98% Complete</span>
		297	</span>
		298	</span>
		299	</a>
		300	</li>
		301	<li>
		302	<a href="javascript:;">
		303	<span class="task">
		304	<span class="desc">Database migration</span>
		305	<span class="percent">10%</span>
		306	</span>
		307	<span class="progress">
		308	<span style="width: 10%;" class="progress-bar progress-bar-warning" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100">
		309	<span class="sr-only">10% Complete</span>
		310	</span>
		311	</span>
		312	</a>
		313	</li>
		314	<li>
		315	<a href="javascript:;">
		316	<span class="task">
		317	<span class="desc">Web server upgrade</span>
		318	<span class="percent">58%</span>
		319	</span>
		320	<span class="progress">
		321	<span style="width: 58%;" class="progress-bar progress-bar-info" aria-valuenow="58" aria-valuemin="0" aria-valuemax="100">
		322	<span class="sr-only">58% Complete</span>
		323	</span>
		324	</span>
		325	</a>
		326	</li>
		327	<li>
		328	<a href="javascript:;">
		329	<span class="task">
		330	<span class="desc">Mobile development</span>
		331	<span class="percent">85%</span>
		332	</span>
		333	<span class="progress">
		334	<span style="width: 85%;" class="progress-bar progress-bar-success" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100">
		335	<span class="sr-only">85% Complete</span>
		336	</span>
		337	</span>
		338	</a>
		339	</li>
		340	<li>
		341	<a href="javascript:;">
		342	<span class="task">
		343	<span class="desc">New UI release</span>
		344	<span class="percent">38%</span>
		345	</span>
		346	<span class="progress progress-striped">
		347	<span style="width: 38%;" class="progress-bar progress-bar-important" aria-valuenow="18" aria-valuemin="0" aria-valuemax="100">
		348	<span class="sr-only">38% Complete</span>
		349	</span>
		350	</span>
		351	</a>
		352	</li>
		353	</ul>
		354	</li>
		355	</ul>
		356	</li>
		357	<!-- END TODO DROPDOWN -->
		358	<!-- BEGIN USER LOGIN DROPDOWN -->
		359	<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
		360	<li class="dropdown dropdown-user">
		361	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		362	<img alt="" class="img-circle" src="../assets/layouts/layout/img/avatar3_small.jpg" />
		363	<span class="username username-hide-on-mobile"> Nick </span>
		364	<i class="fa fa-angle-down"></i>
		365	</a>
		366	<ul class="dropdown-menu dropdown-menu-default">
		367	<li>
		368	<a href="page_user_profile_1.html">
		369	<i class="icon-user"></i> My Profile </a>
		370	</li>
		371	<li>
		372	<a href="app_calendar.html">
		373	<i class="icon-calendar"></i> My Calendar </a>
		374	</li>
		375	<li>
		376	<a href="app_inbox.html">
		377	<i class="icon-envelope-open"></i> My Inbox
		378	<span class="badge badge-danger"> 3 </span>
		379	</a>
		380	</li>
		381	<li>
		382	<a href="app_todo.html">
		383	<i class="icon-rocket"></i> My Tasks
		384	<span class="badge badge-success"> 7 </span>
		385	</a>
		386	</li>
		387	<li class="divider"> </li>
		388	<li>
		389	<a href="page_user_lock_1.html">
		390	<i class="icon-lock"></i> Lock Screen </a>
		391	</li>
		392	<li>
		393	<a href="page_user_login_1.html">
		394	<i class="icon-key"></i> Log Out </a>
		395	</li>
		396	</ul>
		397	</li>
		398	<!-- END USER LOGIN DROPDOWN -->
		399	<!-- BEGIN QUICK SIDEBAR TOGGLER -->
		400	<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
		401	<li class="dropdown dropdown-quick-sidebar-toggler">
		402	<a href="javascript:;" class="dropdown-toggle">
		403	<i class="icon-logout"></i>
		404	</a>
		405	</li>
		406	<!-- END QUICK SIDEBAR TOGGLER -->
		407	</ul>
		408	</div>
		409	<!-- END TOP NAVIGATION MENU -->
		410	</div>
		411	<!-- END HEADER INNER -->
		412	</div>
		413	<!-- END HEADER -->
		414	<!-- BEGIN HEADER & CONTENT DIVIDER -->
		415	<div class="clearfix"> </div>
		416	<!-- END HEADER & CONTENT DIVIDER -->
		417	<!-- BEGIN CONTAINER -->
		418	<div class="page-container">
		419	<!-- BEGIN SIDEBAR -->
		420	<div class="page-sidebar-wrapper">
		421	<!-- BEGIN SIDEBAR -->
		422	<!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
		423	<!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
		424	<div class="page-sidebar navbar-collapse collapse">
		425	<!-- BEGIN SIDEBAR MENU -->
		426	<!-- DOC: Apply "page-sidebar-menu-light" class right after "page-sidebar-menu" to enable light sidebar menu style(without borders) -->
		427	<!-- DOC: Apply "page-sidebar-menu-hover-submenu" class right after "page-sidebar-menu" to enable hoverable(hover vs accordion) sub menu mode -->
		428	<!-- 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 -->
		429	<!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
		430	<!-- DOC: Set data-keep-expand="true" to keep the submenues expanded -->
		431	<!-- DOC: Set data-auto-speed="200" to adjust the sub menu slide up/down speed -->
		432	<ul class="page-sidebar-menu page-header-fixed " data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200" style="padding-top: 20px">
		433	<!-- DOC: To remove the sidebar toggler from the sidebar you just need to completely remove the below "sidebar-toggler-wrapper" LI element -->
		434	<!-- BEGIN SIDEBAR TOGGLER BUTTON -->
		435	<li class="sidebar-toggler-wrapper hide">
		436	<div class="sidebar-toggler">
		437	<span></span>
		438	</div>
		439	</li>
		440	<!-- END SIDEBAR TOGGLER BUTTON -->
		441	<!-- DOC: To remove the search box from the sidebar you just need to completely remove the below "sidebar-search-wrapper" LI element -->
		442	<li class="sidebar-search-wrapper">
		443	<!-- BEGIN RESPONSIVE QUICK SEARCH FORM -->
		444	<!-- DOC: Apply "sidebar-search-bordered" class the below search form to have bordered search box -->
		445	<!-- DOC: Apply "sidebar-search-bordered sidebar-search-solid" class the below search form to have bordered & solid search box -->
		446	<form class="sidebar-search " action="page_general_search_3.html" method="POST">
		447	<a href="javascript:;" class="remove">
		448	<i class="icon-close"></i>
		449	</a>
		450	<div class="input-group">
		451	<input type="text" class="form-control" placeholder="Search...">
		452	<span class="input-group-btn">
		453	<a href="javascript:;" class="btn submit">
		454	<i class="icon-magnifier"></i>
		455	</a>
		456	</span>
		457	</div>
		458	</form>
		459	<!-- END RESPONSIVE QUICK SEARCH FORM -->
		460	</li>
		461	<li class="nav-item start ">
		462	<a href="javascript:;" class="nav-link nav-toggle">
		463	<i class="icon-home"></i>
		464	<span class="title">Dashboard</span>
		465	<span class="arrow"></span>
		466	</a>
		467	<ul class="sub-menu">
		468	<li class="nav-item start ">
		469	<a href="index.html" class="nav-link ">
		470	<i class="icon-bar-chart"></i>
		471	<span class="title">Dashboard 1</span>
		472	</a>
		473	</li>
		474	<li class="nav-item start ">
		475	<a href="dashboard_2.html" class="nav-link ">
		476	<i class="icon-bulb"></i>
		477	<span class="title">Dashboard 2</span>
		478	<span class="badge badge-success">1</span>
		479	</a>
		480	</li>
		481	<li class="nav-item start ">
		482	<a href="dashboard_3.html" class="nav-link ">
		483	<i class="icon-graph"></i>
		484	<span class="title">Dashboard 3</span>
		485	<span class="badge badge-danger">5</span>
		486	</a>
		487	</li>
		488	</ul>
		489	</li>
		490	<li class="heading">
		491	<h3 class="uppercase">Features</h3>
		492	</li>
		493	<li class="nav-item ">
		494	<a href="javascript:;" class="nav-link nav-toggle">
		495	<i class="icon-diamond"></i>
		496	<span class="title">UI Features</span>
		497	<span class="arrow"></span>
		498	</a>
		499	<ul class="sub-menu">
		500	<li class="nav-item ">
		501	<a href="ui_colors.html" class="nav-link ">
		502	<span class="title">Color Library</span>
		503	</a>
		504	</li>
		505	<li class="nav-item ">
		506	<a href="ui_general.html" class="nav-link ">
		507	<span class="title">General Components</span>
		508	</a>
		509	</li>
		510	<li class="nav-item ">
		511	<a href="ui_buttons.html" class="nav-link ">
		512	<span class="title">Buttons</span>
		513	</a>
		514	</li>
		515	<li class="nav-item ">
		516	<a href="ui_buttons_spinner.html" class="nav-link ">
		517	<span class="title">Spinner Buttons</span>
		518	</a>
		519	</li>
		520	<li class="nav-item ">
		521	<a href="ui_confirmations.html" class="nav-link ">
		522	<span class="title">Popover Confirmations</span>
		523	</a>
		524	</li>
		525	<li class="nav-item ">
		526	<a href="ui_icons.html" class="nav-link ">
		527	<span class="title">Font Icons</span>
		528	</a>
		529	</li>
		530	<li class="nav-item ">
		531	<a href="ui_socicons.html" class="nav-link ">
		532	<span class="title">Social Icons</span>
		533	</a>
		534	</li>
		535	<li class="nav-item ">
		536	<a href="ui_typography.html" class="nav-link ">
		537	<span class="title">Typography</span>
		538	</a>
		539	</li>
		540	<li class="nav-item ">
		541	<a href="ui_tabs_accordions_navs.html" class="nav-link ">
		542	<span class="title">Tabs, Accordions & Navs</span>
		543	</a>
		544	</li>
		545	<li class="nav-item ">
		546	<a href="ui_timeline.html" class="nav-link ">
		547	<span class="title">Timeline 1</span>
		548	</a>
		549	</li>
		550	<li class="nav-item ">
		551	<a href="ui_timeline_2.html" class="nav-link ">
		552	<span class="title">Timeline 2</span>
		553	</a>
		554	</li>
		555	<li class="nav-item ">
		556	<a href="ui_timeline_horizontal.html" class="nav-link ">
		557	<span class="title">Horizontal Timeline</span>
		558	</a>
		559	</li>
		560	<li class="nav-item ">
		561	<a href="ui_tree.html" class="nav-link ">
		562	<span class="title">Tree View</span>
		563	</a>
		564	</li>
		565	<li class="nav-item ">
		566	<a href="javascript:;" class="nav-link nav-toggle">
		567	<span class="title">Page Progress Bar</span>
		568	<span class="arrow"></span>
		569	</a>
		570	<ul class="sub-menu">
		571	<li class="nav-item ">
		572	<a href="ui_page_progress_style_1.html" class="nav-link "> Flash </a>
		573	</li>
		574	<li class="nav-item ">
		575	<a href="ui_page_progress_style_2.html" class="nav-link "> Big Counter </a>
		576	</li>
		577	</ul>
		578	</li>
		579	<li class="nav-item ">
		580	<a href="ui_blockui.html" class="nav-link ">
		581	<span class="title">Block UI</span>
		582	</a>
		583	</li>
		584	<li class="nav-item ">
		585	<a href="ui_bootstrap_growl.html" class="nav-link ">
		586	<span class="title">Bootstrap Growl Notifications</span>
		587	</a>
		588	</li>
		589	<li class="nav-item ">
		590	<a href="ui_notific8.html" class="nav-link ">
		591	<span class="title">Notific8 Notifications</span>
		592	</a>
		593	</li>
		594	<li class="nav-item ">
		595	<a href="ui_toastr.html" class="nav-link ">
		596	<span class="title">Toastr Notifications</span>
		597	</a>
		598	</li>
		599	<li class="nav-item ">
		600	<a href="ui_bootbox.html" class="nav-link ">
		601	<span class="title">Bootbox Dialogs</span>
		602	</a>
		603	</li>
		604	<li class="nav-item ">
		605	<a href="ui_alerts_api.html" class="nav-link ">
		606	<span class="title">Metronic Alerts API</span>
		607	</a>
		608	</li>
		609	<li class="nav-item ">
		610	<a href="ui_session_timeout.html" class="nav-link ">
		611	<span class="title">Session Timeout</span>
		612	</a>
		613	</li>
		614	<li class="nav-item ">
		615	<a href="ui_idle_timeout.html" class="nav-link ">
		616	<span class="title">User Idle Timeout</span>
		617	</a>
		618	</li>
		619	<li class="nav-item ">
		620	<a href="ui_modals.html" class="nav-link ">
		621	<span class="title">Modals</span>
		622	</a>
		623	</li>
		624	<li class="nav-item ">
		625	<a href="ui_extended_modals.html" class="nav-link ">
		626	<span class="title">Extended Modals</span>
		627	</a>
		628	</li>
		629	<li class="nav-item ">
		630	<a href="ui_tiles.html" class="nav-link ">
		631	<span class="title">Tiles</span>
		632	</a>
		633	</li>
		634	<li class="nav-item ">
		635	<a href="ui_datepaginator.html" class="nav-link ">
		636	<span class="title">Date Paginator</span>
		637	</a>
		638	</li>
		639	<li class="nav-item ">
		640	<a href="ui_nestable.html" class="nav-link ">
		641	<span class="title">Nestable List</span>
		642	</a>
		643	</li>
		644	</ul>
		645	</li>
		646	<li class="nav-item ">
		647	<a href="javascript:;" class="nav-link nav-toggle">
		648	<i class="icon-puzzle"></i>
		649	<span class="title">Components</span>
		650	<span class="arrow"></span>
		651	</a>
		652	<ul class="sub-menu">
		653	<li class="nav-item ">
		654	<a href="components_date_time_pickers.html" class="nav-link ">
		655	<span class="title">Date & Time Pickers</span>
		656	</a>
		657	</li>
		658	<li class="nav-item ">
		659	<a href="components_color_pickers.html" class="nav-link ">
		660	<span class="title">Color Pickers</span>
		661	<span class="badge badge-danger">2</span>
		662	</a>
		663	</li>
		664	<li class="nav-item ">
		665	<a href="components_select2.html" class="nav-link ">
		666	<span class="title">Select2 Dropdowns</span>
		667	</a>
		668	</li>
		669	<li class="nav-item ">
		670	<a href="components_bootstrap_select.html" class="nav-link ">
		671	<span class="title">Bootstrap Select</span>
		672	</a>
		673	</li>
		674	<li class="nav-item ">
		675	<a href="components_multi_select.html" class="nav-link ">
		676	<span class="title">Multi Select</span>
		677	</a>
		678	</li>
		679	<li class="nav-item ">
		680	<a href="components_bootstrap_select_splitter.html" class="nav-link ">
		681	<span class="title">Select Splitter</span>
		682	</a>
		683	</li>
		684	<li class="nav-item ">
		685	<a href="components_typeahead.html" class="nav-link ">
		686	<span class="title">Typeahead Autocomplete</span>
		687	</a>
		688	</li>
		689	<li class="nav-item ">
		690	<a href="components_bootstrap_tagsinput.html" class="nav-link ">
		691	<span class="title">Bootstrap Tagsinput</span>
		692	</a>
		693	</li>
		694	<li class="nav-item ">
		695	<a href="components_bootstrap_switch.html" class="nav-link ">
		696	<span class="title">Bootstrap Switch</span>
		697	<span class="badge badge-success">6</span>
		698	</a>
		699	</li>
		700	<li class="nav-item ">
		701	<a href="components_bootstrap_maxlength.html" class="nav-link ">
		702	<span class="title">Bootstrap Maxlength</span>
		703	</a>
		704	</li>
		705	<li class="nav-item ">
		706	<a href="components_bootstrap_fileinput.html" class="nav-link ">
		707	<span class="title">Bootstrap File Input</span>
		708	</a>
		709	</li>
		710	<li class="nav-item ">
		711	<a href="components_bootstrap_touchspin.html" class="nav-link ">
		712	<span class="title">Bootstrap Touchspin</span>
		713	</a>
		714	</li>
		715	<li class="nav-item ">
		716	<a href="components_form_tools.html" class="nav-link ">
		717	<span class="title">Form Widgets & Tools</span>
		718	</a>
		719	</li>
		720	<li class="nav-item ">
		721	<a href="components_context_menu.html" class="nav-link ">
		722	<span class="title">Context Menu</span>
		723	</a>
		724	</li>
		725	<li class="nav-item ">
		726	<a href="components_editors.html" class="nav-link ">
		727	<span class="title">Markdown & WYSIWYG Editors</span>
		728	</a>
		729	</li>
		730	<li class="nav-item ">
		731	<a href="components_code_editors.html" class="nav-link ">
		732	<span class="title">Code Editors</span>
		733	</a>
		734	</li>
		735	<li class="nav-item ">
		736	<a href="components_ion_sliders.html" class="nav-link ">
		737	<span class="title">Ion Range Sliders</span>
		738	</a>
		739	</li>
		740	<li class="nav-item ">
		741	<a href="components_noui_sliders.html" class="nav-link ">
		742	<span class="title">NoUI Range Sliders</span>
		743	</a>
		744	</li>
		745	<li class="nav-item ">
		746	<a href="components_knob_dials.html" class="nav-link ">
		747	<span class="title">Knob Circle Dials</span>
		748	</a>
		749	</li>
		750	</ul>
		751	</li>
		752	<li class="nav-item ">
		753	<a href="javascript:;" class="nav-link nav-toggle">
		754	<i class="icon-settings"></i>
		755	<span class="title">Form Stuff</span>
		756	<span class="arrow"></span>
		757	</a>
		758	<ul class="sub-menu">
		759	<li class="nav-item ">
		760	<a href="form_controls.html" class="nav-link ">
		761	<span class="title">Bootstrap Form
		762	<br>Controls</span>
		763	</a>
		764	</li>
		765	<li class="nav-item ">
		766	<a href="form_controls_md.html" class="nav-link ">
		767	<span class="title">Material Design
		768	<br>Form Controls</span>
		769	</a>
		770	</li>
		771	<li class="nav-item ">
		772	<a href="form_validation.html" class="nav-link ">
		773	<span class="title">Form Validation</span>
		774	</a>
		775	</li>
		776	<li class="nav-item ">
		777	<a href="form_validation_states_md.html" class="nav-link ">
		778	<span class="title">Material Design
		779	<br>Form Validation States</span>
		780	</a>
		781	</li>
		782	<li class="nav-item ">
		783	<a href="form_validation_md.html" class="nav-link ">
		784	<span class="title">Material Design
		785	<br>Form Validation</span>
		786	</a>
		787	</li>
		788	<li class="nav-item ">
		789	<a href="form_layouts.html" class="nav-link ">
		790	<span class="title">Form Layouts</span>
		791	</a>
		792	</li>
		793	<li class="nav-item ">
		794	<a href="form_input_mask.html" class="nav-link ">
		795	<span class="title">Form Input Mask</span>
		796	</a>
		797	</li>
		798	<li class="nav-item ">
		799	<a href="form_editable.html" class="nav-link ">
		800	<span class="title">Form X-editable</span>
		801	</a>
		802	</li>
		803	<li class="nav-item ">
		804	<a href="form_wizard.html" class="nav-link ">
		805	<span class="title">Form Wizard</span>
		806	</a>
		807	</li>
		808	<li class="nav-item ">
		809	<a href="form_icheck.html" class="nav-link ">
		810	<span class="title">iCheck Controls</span>
		811	</a>
		812	</li>
		813	<li class="nav-item ">
		814	<a href="form_image_crop.html" class="nav-link ">
		815	<span class="title">Image Cropping</span>
		816	</a>
		817	</li>
		818	<li class="nav-item ">
		819	<a href="form_fileupload.html" class="nav-link ">
		820	<span class="title">Multiple File Upload</span>
		821	</a>
		822	</li>
		823	<li class="nav-item ">
		824	<a href="form_dropzone.html" class="nav-link ">
		825	<span class="title">Dropzone File Upload</span>
		826	</a>
		827	</li>
		828	</ul>
		829	</li>
		830	<li class="nav-item ">
		831	<a href="javascript:;" class="nav-link nav-toggle">
		832	<i class="icon-bulb"></i>
		833	<span class="title">Elements</span>
		834	<span class="arrow"></span>
		835	</a>
		836	<ul class="sub-menu">
		837	<li class="nav-item ">
		838	<a href="elements_steps.html" class="nav-link ">
		839	<span class="title">Steps</span>
		840	</a>
		841	</li>
		842	<li class="nav-item ">
		843	<a href="elements_lists.html" class="nav-link ">
		844	<span class="title">Lists</span>
		845	</a>
		846	</li>
		847	<li class="nav-item ">
		848	<a href="elements_ribbons.html" class="nav-link ">
		849	<span class="title">Ribbons</span>
		850	</a>
		851	</li>
		852	<li class="nav-item ">
		853	<a href="elements_overlay.html" class="nav-link ">
		854	<span class="title">Overlays</span>
		855	</a>
		856	</li>
		857	<li class="nav-item ">
		858	<a href="elements_cards.html" class="nav-link ">
		859	<span class="title">User Cards</span>
		860	</a>
		861	</li>
		862	</ul>
		863	</li>
		864	<li class="nav-item active open">
		865	<a href="javascript:;" class="nav-link nav-toggle">
		866	<i class="icon-briefcase"></i>
		867	<span class="title">Tables</span>
		868	<span class="selected"></span>
		869	<span class="arrow open"></span>
		870	</a>
		871	<ul class="sub-menu">
		872	<li class="nav-item ">
		873	<a href="table_static_basic.html" class="nav-link ">
		874	<span class="title">Basic Tables</span>
		875	</a>
		876	</li>
		877	<li class="nav-item active open">
		878	<a href="table_static_responsive.html" class="nav-link ">
		879	<span class="title">Responsive Tables</span>
		880	<span class="selected"></span>
		881	</a>
		882	</li>
		883	<li class="nav-item ">
		884	<a href="table_bootstrap.html" class="nav-link ">
		885	<span class="title">Bootstrap Tables</span>
		886	</a>
		887	</li>
		888	<li class="nav-item ">
		889	<a href="javascript:;" class="nav-link nav-toggle">
		890	<span class="title">Datatables</span>
		891	<span class="arrow"></span>
		892	</a>
		893	<ul class="sub-menu">
		894	<li class="nav-item ">
		895	<a href="table_datatables_managed.html" class="nav-link "> Managed Datatables </a>
		896	</li>
		897	<li class="nav-item ">
		898	<a href="table_datatables_buttons.html" class="nav-link "> Buttons Extension </a>
		899	</li>
		900	<li class="nav-item ">
		901	<a href="table_datatables_colreorder.html" class="nav-link "> Colreorder Extension </a>
		902	</li>
		903	<li class="nav-item ">
		904	<a href="table_datatables_rowreorder.html" class="nav-link "> Rowreorder Extension </a>
		905	</li>
		906	<li class="nav-item ">
		907	<a href="table_datatables_scroller.html" class="nav-link "> Scroller Extension </a>
		908	</li>
		909	<li class="nav-item ">
		910	<a href="table_datatables_fixedheader.html" class="nav-link "> FixedHeader Extension </a>
		911	</li>
		912	<li class="nav-item ">
		913	<a href="table_datatables_responsive.html" class="nav-link "> Responsive Extension </a>
		914	</li>
		915	<li class="nav-item ">
		916	<a href="table_datatables_editable.html" class="nav-link "> Editable Datatables </a>
		917	</li>
		918	<li class="nav-item ">
		919	<a href="table_datatables_ajax.html" class="nav-link "> Ajax Datatables </a>
		920	</li>
		921	</ul>
		922	</li>
		923	</ul>
		924	</li>
		925	<li class="nav-item ">
		926	<a href="?p=" class="nav-link nav-toggle">
		927	<i class="icon-wallet"></i>
		928	<span class="title">Portlets</span>
		929	<span class="arrow"></span>
		930	</a>
		931	<ul class="sub-menu">
		932	<li class="nav-item ">
		933	<a href="portlet_boxed.html" class="nav-link ">
		934	<span class="title">Boxed Portlets</span>
		935	</a>
		936	</li>
		937	<li class="nav-item ">
		938	<a href="portlet_light.html" class="nav-link ">
		939	<span class="title">Light Portlets</span>
		940	</a>
		941	</li>
		942	<li class="nav-item ">
		943	<a href="portlet_solid.html" class="nav-link ">
		944	<span class="title">Solid Portlets</span>
		945	</a>
		946	</li>
		947	<li class="nav-item ">
		948	<a href="portlet_ajax.html" class="nav-link ">
		949	<span class="title">Ajax Portlets</span>
		950	</a>
		951	</li>
		952	<li class="nav-item ">
		953	<a href="portlet_draggable.html" class="nav-link ">
		954	<span class="title">Draggable Portlets</span>
		955	</a>
		956	</li>
		957	</ul>
		958	</li>
		959	<li class="nav-item ">
		960	<a href="javascript:;" class="nav-link nav-toggle">
		961	<i class="icon-bar-chart"></i>
		962	<span class="title">Charts</span>
		963	<span class="arrow"></span>
		964	</a>
		965	<ul class="sub-menu">
		966	<li class="nav-item ">
		967	<a href="charts_amcharts.html" class="nav-link ">
		968	<span class="title">amChart</span>
		969	</a>
		970	</li>
		971	<li class="nav-item ">
		972	<a href="charts_flotcharts.html" class="nav-link ">
		973	<span class="title">Flot Charts</span>
		974	</a>
		975	</li>
		976	<li class="nav-item ">
		977	<a href="charts_flowchart.html" class="nav-link ">
		978	<span class="title">Flow Charts</span>
		979	</a>
		980	</li>
		981	<li class="nav-item ">
		982	<a href="charts_google.html" class="nav-link ">
		983	<span class="title">Google Charts</span>
		984	</a>
		985	</li>
		986	<li class="nav-item ">
		987	<a href="charts_echarts.html" class="nav-link ">
		988	<span class="title">eCharts</span>
		989	</a>
		990	</li>
		991	<li class="nav-item ">
		992	<a href="charts_morris.html" class="nav-link ">
		993	<span class="title">Morris Charts</span>
		994	</a>
		995	</li>
		996	<li class="nav-item ">
		997	<a href="javascript:;" class="nav-link nav-toggle">
		998	<span class="title">HighCharts</span>
		999	<span class="arrow"></span>
		1000	</a>
		1001	<ul class="sub-menu">
		1002	<li class="nav-item ">
		1003	<a href="charts_highcharts.html" class="nav-link "> HighCharts </a>
		1004	</li>
		1005	<li class="nav-item ">
		1006	<a href="charts_highstock.html" class="nav-link "> HighStock </a>
		1007	</li>
		1008	<li class="nav-item ">
		1009	<a href="charts_highmaps.html" class="nav-link "> HighMaps </a>
		1010	</li>
		1011	</ul>
		1012	</li>
		1013	</ul>
		1014	</li>
		1015	<li class="nav-item ">
		1016	<a href="javascript:;" class="nav-link nav-toggle">
		1017	<i class="icon-pointer"></i>
		1018	<span class="title">Maps</span>
		1019	<span class="arrow"></span>
		1020	</a>
		1021	<ul class="sub-menu">
		1022	<li class="nav-item ">
		1023	<a href="maps_google.html" class="nav-link ">
		1024	<span class="title">Google Maps</span>
		1025	</a>
		1026	</li>
		1027	<li class="nav-item ">
		1028	<a href="maps_vector.html" class="nav-link ">
		1029	<span class="title">Vector Maps</span>
		1030	</a>
		1031	</li>
		1032	</ul>
		1033	</li>
		1034	<li class="heading">
		1035	<h3 class="uppercase">Layouts</h3>
		1036	</li>
		1037	<li class="nav-item ">
		1038	<a href="javascript:;" class="nav-link nav-toggle">
		1039	<i class="icon-layers"></i>
		1040	<span class="title">Page Layouts</span>
		1041	<span class="arrow"></span>
		1042	</a>
		1043	<ul class="sub-menu">
		1044	<li class="nav-item ">
		1045	<a href="layout_blank_page.html" class="nav-link ">
		1046	<span class="title">Blank Page</span>
		1047	</a>
		1048	</li>
		1049	<li class="nav-item ">
		1050	<a href="layout_ajax_page.html" class="nav-link ">
		1051	<span class="title">Ajax Content Layout</span>
		1052	</a>
		1053	</li>
		1054	<li class="nav-item ">
		1055	<a href="layout_offcanvas_mobile_menu.html" class="nav-link ">
		1056	<span class="title">Off-canvas Mobile Menu</span>
		1057	</a>
		1058	</li>
		1059	<li class="nav-item ">
		1060	<a href="layout_classic_page_head.html" class="nav-link ">
		1061	<span class="title">Classic Page Head</span>
		1062	</a>
		1063	</li>
		1064	<li class="nav-item ">
		1065	<a href="layout_light_page_head.html" class="nav-link ">
		1066	<span class="title">Light Page Head</span>
		1067	</a>
		1068	</li>
		1069	<li class="nav-item ">
		1070	<a href="layout_content_grey.html" class="nav-link ">
		1071	<span class="title">Grey Bg Content</span>
		1072	</a>
		1073	</li>
		1074	<li class="nav-item ">
		1075	<a href="layout_search_on_header_1.html" class="nav-link ">
		1076	<span class="title">Search Box On Header 1</span>
		1077	</a>
		1078	</li>
		1079	<li class="nav-item ">
		1080	<a href="layout_search_on_header_2.html" class="nav-link ">
		1081	<span class="title">Search Box On Header 2</span>
		1082	</a>
		1083	</li>
		1084	<li class="nav-item ">
		1085	<a href="layout_language_bar.html" class="nav-link ">
		1086	<span class="title">Header Language Bar</span>
		1087	</a>
		1088	</li>
		1089	<li class="nav-item ">
		1090	<a href="layout_footer_fixed.html" class="nav-link ">
		1091	<span class="title">Fixed Footer</span>
		1092	</a>
		1093	</li>
		1094	<li class="nav-item ">
		1095	<a href="layout_boxed_page.html" class="nav-link ">
		1096	<span class="title">Boxed Page</span>
		1097	</a>
		1098	</li>
		1099	</ul>
		1100	</li>
		1101	<li class="nav-item ">
		1102	<a href="javascript:;" class="nav-link nav-toggle">
		1103	<i class="icon-feed"></i>
		1104	<span class="title">Sidebar Layouts</span>
		1105	<span class="arrow"></span>
		1106	</a>
		1107	<ul class="sub-menu">
		1108	<li class="nav-item ">
		1109	<a href="layout_sidebar_menu_light.html" class="nav-link ">
		1110	<span class="title">Light Sidebar Menu</span>
		1111	</a>
		1112	</li>
		1113	<li class="nav-item ">
		1114	<a href="layout_sidebar_menu_hover.html" class="nav-link ">
		1115	<span class="title">Hover Sidebar Menu</span>
		1116	</a>
		1117	</li>
		1118	<li class="nav-item ">
		1119	<a href="layout_sidebar_search_1.html" class="nav-link ">
		1120	<span class="title">Sidebar Search Option 1</span>
		1121	</a>
		1122	</li>
		1123	<li class="nav-item ">
		1124	<a href="layout_sidebar_search_2.html" class="nav-link ">
		1125	<span class="title">Sidebar Search Option 2</span>
		1126	</a>
		1127	</li>
		1128	<li class="nav-item ">
		1129	<a href="layout_toggler_on_sidebar.html" class="nav-link ">
		1130	<span class="title">Sidebar Toggler On Sidebar</span>
		1131	</a>
		1132	</li>
		1133	<li class="nav-item ">
		1134	<a href="layout_sidebar_reversed.html" class="nav-link ">
		1135	<span class="title">Reversed Sidebar Page</span>
		1136	</a>
		1137	</li>
		1138	<li class="nav-item ">
		1139	<a href="layout_sidebar_fixed.html" class="nav-link ">
		1140	<span class="title">Fixed Sidebar Layout</span>
		1141	</a>
		1142	</li>
		1143	<li class="nav-item ">
		1144	<a href="layout_sidebar_closed.html" class="nav-link ">
		1145	<span class="title">Closed Sidebar Layout</span>
		1146	</a>
		1147	</li>
		1148	</ul>
		1149	</li>
		1150	<li class="nav-item ">
		1151	<a href="javascript:;" class="nav-link nav-toggle">
		1152	<i class="icon-paper-plane"></i>
		1153	<span class="title">Horizontal Menu</span>
		1154	<span class="arrow"></span>
		1155	</a>
		1156	<ul class="sub-menu">
		1157	<li class="nav-item ">
		1158	<a href="layout_mega_menu_light.html" class="nav-link ">
		1159	<span class="title">Light Mega Menu</span>
		1160	</a>
		1161	</li>
		1162	<li class="nav-item ">
		1163	<a href="layout_mega_menu_dark.html" class="nav-link ">
		1164	<span class="title">Dark Mega Menu</span>
		1165	</a>
		1166	</li>
		1167	<li class="nav-item ">
		1168	<a href="layout_full_width.html" class="nav-link ">
		1169	<span class="title">Full Width Layout</span>
		1170	</a>
		1171	</li>
		1172	</ul>
		1173	</li>
		1174	<li class="nav-item ">
		1175	<a href="javascript:;" class="nav-link nav-toggle">
		1176	<i class=" icon-wrench"></i>
		1177	<span class="title">Custom Layouts</span>
		1178	<span class="arrow"></span>
		1179	</a>
		1180	<ul class="sub-menu">
		1181	<li class="nav-item ">
		1182	<a href="layout_disabled_menu.html" class="nav-link ">
		1183	<span class="title">Disabled Menu Links</span>
		1184	</a>
		1185	</li>
		1186	<li class="nav-item ">
		1187	<a href="layout_full_height_portlet.html" class="nav-link ">
		1188	<span class="title">Full Height Portlet</span>
		1189	</a>
		1190	</li>
		1191	<li class="nav-item ">
		1192	<a href="layout_full_height_content.html" class="nav-link ">
		1193	<span class="title">Full Height Content</span>
		1194	</a>
		1195	</li>
		1196	</ul>
		1197	</li>
		1198	<li class="heading">
		1199	<h3 class="uppercase">Pages</h3>
		1200	</li>
		1201	<li class="nav-item ">
		1202	<a href="javascript:;" class="nav-link nav-toggle">
		1203	<i class="icon-basket"></i>
		1204	<span class="title">eCommerce</span>
		1205	<span class="arrow"></span>
		1206	</a>
		1207	<ul class="sub-menu">
		1208	<li class="nav-item ">
		1209	<a href="ecommerce_index.html" class="nav-link ">
		1210	<i class="icon-home"></i>
		1211	<span class="title">Dashboard</span>
		1212	</a>
		1213	</li>
		1214	<li class="nav-item ">
		1215	<a href="ecommerce_orders.html" class="nav-link ">
		1216	<i class="icon-basket"></i>
		1217	<span class="title">Orders</span>
		1218	</a>
		1219	</li>
		1220	<li class="nav-item ">
		1221	<a href="ecommerce_orders_view.html" class="nav-link ">
		1222	<i class="icon-tag"></i>
		1223	<span class="title">Order View</span>
		1224	</a>
		1225	</li>
		1226	<li class="nav-item ">
		1227	<a href="ecommerce_products.html" class="nav-link ">
		1228	<i class="icon-graph"></i>
		1229	<span class="title">Products</span>
		1230	</a>
		1231	</li>
		1232	<li class="nav-item ">
		1233	<a href="ecommerce_products_edit.html" class="nav-link ">
		1234	<i class="icon-graph"></i>
		1235	<span class="title">Product Edit</span>
		1236	</a>
		1237	</li>
		1238	</ul>
		1239	</li>
		1240	<li class="nav-item ">
		1241	<a href="javascript:;" class="nav-link nav-toggle">
		1242	<i class="icon-docs"></i>
		1243	<span class="title">Apps</span>
		1244	<span class="arrow"></span>
		1245	</a>
		1246	<ul class="sub-menu">
		1247	<li class="nav-item ">
		1248	<a href="app_todo.html" class="nav-link ">
		1249	<i class="icon-clock"></i>
		1250	<span class="title">Todo 1</span>
		1251	</a>
		1252	</li>
		1253	<li class="nav-item ">
		1254	<a href="app_todo_2.html" class="nav-link ">
		1255	<i class="icon-check"></i>
		1256	<span class="title">Todo 2</span>
		1257	</a>
		1258	</li>
		1259	<li class="nav-item ">
		1260	<a href="app_inbox.html" class="nav-link ">
		1261	<i class="icon-envelope"></i>
		1262	<span class="title">Inbox</span>
		1263	</a>
		1264	</li>
		1265	<li class="nav-item ">
		1266	<a href="app_calendar.html" class="nav-link ">
		1267	<i class="icon-calendar"></i>
		1268	<span class="title">Calendar</span>
		1269	</a>
		1270	</li>
		1271	<li class="nav-item ">
		1272	<a href="app_ticket.html" class="nav-link ">
		1273	<i class="icon-notebook"></i>
		1274	<span class="title">Support</span>
		1275	</a>
		1276	</li>
		1277	</ul>
		1278	</li>
		1279	<li class="nav-item ">
		1280	<a href="javascript:;" class="nav-link nav-toggle">
		1281	<i class="icon-user"></i>
		1282	<span class="title">User</span>
		1283	<span class="arrow"></span>
		1284	</a>
		1285	<ul class="sub-menu">
		1286	<li class="nav-item ">
		1287	<a href="page_user_profile_1.html" class="nav-link ">
		1288	<i class="icon-user"></i>
		1289	<span class="title">Profile 1</span>
		1290	</a>
		1291	</li>
		1292	<li class="nav-item ">
		1293	<a href="page_user_profile_1_account.html" class="nav-link ">
		1294	<i class="icon-user-female"></i>
		1295	<span class="title">Profile 1 Account</span>
		1296	</a>
		1297	</li>
		1298	<li class="nav-item ">
		1299	<a href="page_user_profile_1_help.html" class="nav-link ">
		1300	<i class="icon-user-following"></i>
		1301	<span class="title">Profile 1 Help</span>
		1302	</a>
		1303	</li>
		1304	<li class="nav-item ">
		1305	<a href="page_user_profile_2.html" class="nav-link ">
		1306	<i class="icon-users"></i>
		1307	<span class="title">Profile 2</span>
		1308	</a>
		1309	</li>
		1310	<li class="nav-item ">
		1311	<a href="javascript:;" class="nav-link nav-toggle">
		1312	<i class="icon-notebook"></i>
		1313	<span class="title">Login</span>
		1314	<span class="arrow"></span>
		1315	</a>
		1316	<ul class="sub-menu">
		1317	<li class="nav-item ">
		1318	<a href="page_user_login_1.html" class="nav-link " target="_blank"> Login Page 1 </a>
		1319	</li>
		1320	<li class="nav-item ">
		1321	<a href="page_user_login_2.html" class="nav-link " target="_blank"> Login Page 2 </a>
		1322	</li>
		1323	<li class="nav-item ">
		1324	<a href="page_user_login_3.html" class="nav-link " target="_blank"> Login Page 3 </a>
		1325	</li>
		1326	<li class="nav-item ">
		1327	<a href="page_user_login_4.html" class="nav-link " target="_blank"> Login Page 4 </a>
		1328	</li>
		1329	<li class="nav-item ">
		1330	<a href="page_user_login_5.html" class="nav-link " target="_blank"> Login Page 5 </a>
		1331	</li>
		1332	<li class="nav-item ">
		1333	<a href="page_user_login_6.html" class="nav-link " target="_blank"> Login Page 6 </a>
		1334	</li>
		1335	</ul>
		1336	</li>
		1337	<li class="nav-item ">
		1338	<a href="page_user_lock_1.html" class="nav-link " target="_blank">
		1339	<i class="icon-lock"></i>
		1340	<span class="title">Lock Screen 1</span>
		1341	</a>
		1342	</li>
		1343	<li class="nav-item ">
		1344	<a href="page_user_lock_2.html" class="nav-link " target="_blank">
		1345	<i class="icon-lock-open"></i>
		1346	<span class="title">Lock Screen 2</span>
		1347	</a>
		1348	</li>
		1349	</ul>
		1350	</li>
		1351	<li class="nav-item ">
		1352	<a href="javascript:;" class="nav-link nav-toggle">
		1353	<i class="icon-social-dribbble"></i>
		1354	<span class="title">General</span>
		1355	<span class="arrow"></span>
		1356	</a>
		1357	<ul class="sub-menu">
		1358	<li class="nav-item ">
		1359	<a href="page_general_about.html" class="nav-link ">
		1360	<i class="icon-info"></i>
		1361	<span class="title">About</span>
		1362	</a>
		1363	</li>
		1364	<li class="nav-item ">
		1365	<a href="page_general_contact.html" class="nav-link ">
		1366	<i class="icon-call-end"></i>
		1367	<span class="title">Contact</span>
		1368	</a>
		1369	</li>
		1370	<li class="nav-item ">
		1371	<a href="javascript:;" class="nav-link nav-toggle">
		1372	<i class="icon-notebook"></i>
		1373	<span class="title">Portfolio</span>
		1374	<span class="arrow"></span>
		1375	</a>
		1376	<ul class="sub-menu">
		1377	<li class="nav-item ">
		1378	<a href="page_general_portfolio_1.html" class="nav-link "> Portfolio 1 </a>
		1379	</li>
		1380	<li class="nav-item ">
		1381	<a href="page_general_portfolio_2.html" class="nav-link "> Portfolio 2 </a>
		1382	</li>
		1383	<li class="nav-item ">
		1384	<a href="page_general_portfolio_3.html" class="nav-link "> Portfolio 3 </a>
		1385	</li>
		1386	<li class="nav-item ">
		1387	<a href="page_general_portfolio_4.html" class="nav-link "> Portfolio 4 </a>
		1388	</li>
		1389	</ul>
		1390	</li>
		1391	<li class="nav-item ">
		1392	<a href="javascript:;" class="nav-link nav-toggle">
		1393	<i class="icon-magnifier"></i>
		1394	<span class="title">Search</span>
		1395	<span class="arrow"></span>
		1396	</a>
		1397	<ul class="sub-menu">
		1398	<li class="nav-item ">
		1399	<a href="page_general_search.html" class="nav-link "> Search 1 </a>
		1400	</li>
		1401	<li class="nav-item ">
		1402	<a href="page_general_search_2.html" class="nav-link "> Search 2 </a>
		1403	</li>
		1404	<li class="nav-item ">
		1405	<a href="page_general_search_3.html" class="nav-link "> Search 3 </a>
		1406	</li>
		1407	<li class="nav-item ">
		1408	<a href="page_general_search_4.html" class="nav-link "> Search 4 </a>
		1409	</li>
		1410	<li class="nav-item ">
		1411	<a href="page_general_search_5.html" class="nav-link "> Search 5 </a>
		1412	</li>
		1413	</ul>
		1414	</li>
		1415	<li class="nav-item ">
		1416	<a href="page_general_pricing.html" class="nav-link ">
		1417	<i class="icon-tag"></i>
		1418	<span class="title">Pricing</span>
		1419	</a>
		1420	</li>
		1421	<li class="nav-item ">
		1422	<a href="page_general_faq.html" class="nav-link ">
		1423	<i class="icon-wrench"></i>
		1424	<span class="title">FAQ</span>
		1425	</a>
		1426	</li>
		1427	<li class="nav-item ">
		1428	<a href="page_general_blog.html" class="nav-link ">
		1429	<i class="icon-pencil"></i>
		1430	<span class="title">Blog</span>
		1431	</a>
		1432	</li>
		1433	<li class="nav-item ">
		1434	<a href="page_general_blog_post.html" class="nav-link ">
		1435	<i class="icon-note"></i>
		1436	<span class="title">Blog Post</span>
		1437	</a>
		1438	</li>
		1439	<li class="nav-item ">
		1440	<a href="page_general_invoice.html" class="nav-link ">
		1441	<i class="icon-envelope"></i>
		1442	<span class="title">Invoice</span>
		1443	</a>
		1444	</li>
		1445	<li class="nav-item ">
		1446	<a href="page_general_invoice_2.html" class="nav-link ">
		1447	<i class="icon-envelope"></i>
		1448	<span class="title">Invoice 2</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-settings"></i>
		1456	<span class="title">System</span>
		1457	<span class="arrow"></span>
		1458	</a>
		1459	<ul class="sub-menu">
		1460	<li class="nav-item ">
		1461	<a href="page_cookie_consent_1.html" class="nav-link ">
		1462	<span class="title">Cookie Consent 1</span>
		1463	</a>
		1464	</li>
		1465	<li class="nav-item ">
		1466	<a href="page_cookie_consent_2.html" class="nav-link ">
		1467	<span class="title">Cookie Consent 2</span>
		1468	</a>
		1469	</li>
		1470	<li class="nav-item ">
		1471	<a href="page_system_coming_soon.html" class="nav-link " target="_blank">
		1472	<span class="title">Coming Soon</span>
		1473	</a>
		1474	</li>
		1475	<li class="nav-item ">
		1476	<a href="page_system_404_1.html" class="nav-link ">
		1477	<span class="title">404 Page 1</span>
		1478	</a>
		1479	</li>
		1480	<li class="nav-item ">
		1481	<a href="page_system_404_2.html" class="nav-link " target="_blank">
		1482	<span class="title">404 Page 2</span>
		1483	</a>
		1484	</li>
		1485	<li class="nav-item ">
		1486	<a href="page_system_404_3.html" class="nav-link " target="_blank">
		1487	<span class="title">404 Page 3</span>
		1488	</a>
		1489	</li>
		1490	<li class="nav-item ">
		1491	<a href="page_system_500_1.html" class="nav-link ">
		1492	<span class="title">500 Page 1</span>
		1493	</a>
		1494	</li>
		1495	<li class="nav-item ">
		1496	<a href="page_system_500_2.html" class="nav-link " target="_blank">
		1497	<span class="title">500 Page 2</span>
		1498	</a>
		1499	</li>
		1500	</ul>
		1501	</li>
		1502	<li class="nav-item">
		1503	<a href="javascript:;" class="nav-link nav-toggle">
		1504	<i class="icon-folder"></i>
		1505	<span class="title">Multi Level Menu</span>
		1506	<span class="arrow "></span>
		1507	</a>
		1508	<ul class="sub-menu">
		1509	<li class="nav-item">
		1510	<a href="javascript:;" class="nav-link nav-toggle">
		1511	<i class="icon-settings"></i> Item 1
		1512	<span class="arrow"></span>
		1513	</a>
		1514	<ul class="sub-menu">
		1515	<li class="nav-item">
		1516	<a href="javascript:;" target="_blank" class="nav-link">
		1517	<i class="icon-user"></i> Arrow Toggle
		1518	<span class="arrow nav-toggle"></span>
		1519	</a>
		1520	<ul class="sub-menu">
		1521	<li class="nav-item">
		1522	<a href="#" class="nav-link">
		1523	<i class="icon-power"></i> Sample Link 1</a>
		1524	</li>
		1525	<li class="nav-item">
		1526	<a href="#" class="nav-link">
		1527	<i class="icon-paper-plane"></i> Sample Link 1</a>
		1528	</li>
		1529	<li class="nav-item">
		1530	<a href="#" class="nav-link">
		1531	<i class="icon-star"></i> Sample Link 1</a>
		1532	</li>
		1533	</ul>
		1534	</li>
		1535	<li class="nav-item">
		1536	<a href="#" class="nav-link">
		1537	<i class="icon-camera"></i> Sample Link 1</a>
		1538	</li>
		1539	<li class="nav-item">
		1540	<a href="#" class="nav-link">
		1541	<i class="icon-link"></i> Sample Link 2</a>
		1542	</li>
		1543	<li class="nav-item">
		1544	<a href="#" class="nav-link">
		1545	<i class="icon-pointer"></i> Sample Link 3</a>
		1546	</li>
		1547	</ul>
		1548	</li>
		1549	<li class="nav-item">
		1550	<a href="javascript:;" target="_blank" class="nav-link">
		1551	<i class="icon-globe"></i> Arrow Toggle
		1552	<span class="arrow nav-toggle"></span>
		1553	</a>
		1554	<ul class="sub-menu">
		1555	<li class="nav-item">
		1556	<a href="#" class="nav-link">
		1557	<i class="icon-tag"></i> Sample Link 1</a>
		1558	</li>
		1559	<li class="nav-item">
		1560	<a href="#" class="nav-link">
		1561	<i class="icon-pencil"></i> Sample Link 1</a>
		1562	</li>
		1563	<li class="nav-item">
		1564	<a href="#" class="nav-link">
		1565	<i class="icon-graph"></i> Sample Link 1</a>
		1566	</li>
		1567	</ul>
		1568	</li>
		1569	<li class="nav-item">
		1570	<a href="#" class="nav-link">
		1571	<i class="icon-bar-chart"></i> Item 3 </a>
		1572	</li>
		1573	</ul>
		1574	</li>
		1575	</ul>
		1576	<!-- END SIDEBAR MENU -->
		1577	<!-- END SIDEBAR MENU -->
		1578	</div>
		1579	<!-- END SIDEBAR -->
		1580	</div>
		1581	<!-- END SIDEBAR -->
		1582	<!-- BEGIN CONTENT -->
		1583	<div class="page-content-wrapper">
		1584	<!-- BEGIN CONTENT BODY -->
		1585	<div class="page-content">
		1586	<!-- BEGIN PAGE HEADER-->
		1587	<!-- BEGIN THEME PANEL -->
		1588	<div class="theme-panel hidden-xs hidden-sm">
		1589	<div class="toggler"> </div>
		1590	<div class="toggler-close"> </div>
		1591	<div class="theme-options">
		1592	<div class="theme-option theme-colors clearfix">
		1593	<span> THEME COLOR </span>
		1594	<ul>
		1595	<li class="color-default current tooltips" data-style="default" data-container="body" data-original-title="Default"> </li>
		1596	<li class="color-darkblue tooltips" data-style="darkblue" data-container="body" data-original-title="Dark Blue"> </li>
		1597	<li class="color-blue tooltips" data-style="blue" data-container="body" data-original-title="Blue"> </li>
		1598	<li class="color-grey tooltips" data-style="grey" data-container="body" data-original-title="Grey"> </li>
		1599	<li class="color-light tooltips" data-style="light" data-container="body" data-original-title="Light"> </li>
		1600	<li class="color-light2 tooltips" data-style="light2" data-container="body" data-html="true" data-original-title="Light 2"> </li>
		1601	</ul>
		1602	</div>
		1603	<div class="theme-option">
		1604	<span> Theme Style </span>
		1605	<select class="layout-style-option form-control input-sm">
		1606	<option value="square" selected="selected">Square corners</option>
		1607	<option value="rounded">Rounded corners</option>
		1608	</select>
		1609	</div>
		1610	<div class="theme-option">
		1611	<span> Layout </span>
		1612	<select class="layout-option form-control input-sm">
		1613	<option value="fluid" selected="selected">Fluid</option>
		1614	<option value="boxed">Boxed</option>
		1615	</select>
		1616	</div>
		1617	<div class="theme-option">
		1618	<span> Header </span>
		1619	<select class="page-header-option form-control input-sm">
		1620	<option value="fixed" selected="selected">Fixed</option>
		1621	<option value="default">Default</option>
		1622	</select>
		1623	</div>
		1624	<div class="theme-option">
		1625	<span> Top Menu Dropdown</span>
		1626	<select class="page-header-top-dropdown-style-option form-control input-sm">
		1627	<option value="light" selected="selected">Light</option>
		1628	<option value="dark">Dark</option>
		1629	</select>
		1630	</div>
		1631	<div class="theme-option">
		1632	<span> Sidebar Mode</span>
		1633	<select class="sidebar-option form-control input-sm">
		1634	<option value="fixed">Fixed</option>
		1635	<option value="default" selected="selected">Default</option>
		1636	</select>
		1637	</div>
		1638	<div class="theme-option">
		1639	<span> Sidebar Menu </span>
		1640	<select class="sidebar-menu-option form-control input-sm">
		1641	<option value="accordion" selected="selected">Accordion</option>
		1642	<option value="hover">Hover</option>
		1643	</select>
		1644	</div>
		1645	<div class="theme-option">
		1646	<span> Sidebar Style </span>
		1647	<select class="sidebar-style-option form-control input-sm">
		1648	<option value="default" selected="selected">Default</option>
		1649	<option value="light">Light</option>
		1650	</select>
		1651	</div>
		1652	<div class="theme-option">
		1653	<span> Sidebar Position </span>
		1654	<select class="sidebar-pos-option form-control input-sm">
		1655	<option value="left" selected="selected">Left</option>
		1656	<option value="right">Right</option>
		1657	</select>
		1658	</div>
		1659	<div class="theme-option">
		1660	<span> Footer </span>
		1661	<select class="page-footer-option form-control input-sm">
		1662	<option value="fixed">Fixed</option>
		1663	<option value="default" selected="selected">Default</option>
		1664	</select>
		1665	</div>
		1666	</div>
		1667	</div>
		1668	<!-- END THEME PANEL -->
		1669	<!-- BEGIN PAGE BAR -->
		1670	<div class="page-bar">
		1671	<ul class="page-breadcrumb">
		1672	<li>
		1673	<a href="index.html">Home</a>
		1674	<i class="fa fa-circle"></i>
		1675	</li>
		1676	<li>
		1677	<span>Tables</span>
		1678	</li>
		1679	</ul>
		1680	<div class="page-toolbar">
		1681	<div class="btn-group pull-right">
		1682	<button type="button" class="btn green btn-sm btn-outline dropdown-toggle" data-toggle="dropdown"> Actions
		1683	<i class="fa fa-angle-down"></i>
		1684	</button>
		1685	<ul class="dropdown-menu pull-right" role="menu">
		1686	<li>
		1687	<a href="#">
		1688	<i class="icon-bell"></i> Action</a>
		1689	</li>
		1690	<li>
		1691	<a href="#">
		1692	<i class="icon-shield"></i> Another action</a>
		1693	</li>
		1694	<li>
		1695	<a href="#">
		1696	<i class="icon-user"></i> Something else here</a>
		1697	</li>
		1698	<li class="divider"> </li>
		1699	<li>
		1700	<a href="#">
		1701	<i class="icon-bag"></i> Separated link</a>
		1702	</li>
		1703	</ul>
		1704	</div>
		1705	</div>
		1706	</div>
		1707	<!-- END PAGE BAR -->
		1708	<!-- BEGIN PAGE TITLE-->
		1709	<h1 class="page-title"> Responsive Datatables
		1710	<small>responsive datatable samples</small>
		1711	</h1>
		1712	<!-- END PAGE TITLE-->
		1713	<!-- END PAGE HEADER-->
		1714	<div class="row">
		1715	<div class="col-md-12">
		1716	<div class="note note-success">
		1717	<p> Please try to re-size your browser window in order to see the tables in responsive mode. </p>
		1718	</div>
		1719	<!-- BEGIN SAMPLE TABLE PORTLET-->
		1720	<div class="portlet box green">
		1721	<div class="portlet-title">
		1722	<div class="caption">
		1723	<i class="fa fa-cogs"></i>Responsive Flip Scroll Tables </div>
		1724	<div class="tools">
		1725	<a href="javascript:;" class="collapse"> </a>
		1726	<a href="#portlet-config" data-toggle="modal" class="config"> </a>
		1727	<a href="javascript:;" class="reload"> </a>
		1728	<a href="javascript:;" class="remove"> </a>
		1729	</div>
		1730	</div>
		1731	<div class="portlet-body flip-scroll">
		1732	<table class="table table-bordered table-striped table-condensed flip-content">
		1733	<thead class="flip-content">
		1734	<tr>
		1735	<th width="20%"> Code </th>
		1736	<th> Company </th>
		1737	<th class="numeric"> Price </th>
		1738	<th class="numeric"> Change </th>
		1739	<th class="numeric"> Change % </th>
		1740	<th class="numeric"> Open </th>
		1741	<th class="numeric"> High </th>
		1742	<th class="numeric"> Low </th>
		1743	<th class="numeric"> Volume </th>
		1744	</tr>
		1745	</thead>
		1746	<tbody>
		1747	<tr>
		1748	<td> AAC </td>
		1749	<td> AUSTRALIAN AGRICULTURAL COMPANY LIMITED. </td>
		1750	<td class="numeric">   </td>
		1751	<td class="numeric"> -0.01 </td>
		1752	<td class="numeric"> -0.36% </td>
		1753	<td class="numeric"> $1.39 </td>
		1754	<td class="numeric"> $1.39 </td>
		1755	<td class="numeric">   </td>
		1756	<td class="numeric"> 9,395 </td>
		1757	</tr>
		1758	<tr>
		1759	<td> AAD </td>
		1760	<td> ARDENT LEISURE GROUP </td>
		1761	<td class="numeric"> $1.15 </td>
		1762	<td class="numeric"> +0.02 </td>
		1763	<td class="numeric"> 1.32% </td>
		1764	<td class="numeric"> $1.14 </td>
		1765	<td class="numeric"> $1.15 </td>
		1766	<td class="numeric"> $1.13 </td>
		1767	<td class="numeric"> 56,431 </td>
		1768	</tr>
		1769	<tr>
		1770	<td> AAX </td>
		1771	<td> AUSENCO LIMITED </td>
		1772	<td class="numeric"> $4.00 </td>
		1773	<td class="numeric"> -0.04 </td>
		1774	<td class="numeric"> -0.99% </td>
		1775	<td class="numeric"> $4.01 </td>
		1776	<td class="numeric"> $4.05 </td>
		1777	<td class="numeric"> $4.00 </td>
		1778	<td class="numeric"> 90,641 </td>
		1779	</tr>
		1780	<tr>
		1781	<td> ABC </td>
		1782	<td> ADELAIDE BRIGHTON LIMITED </td>
		1783	<td class="numeric"> $3.00 </td>
		1784	<td class="numeric"> +0.06 </td>
		1785	<td class="numeric"> 2.04% </td>
		1786	<td class="numeric"> $2.98 </td>
		1787	<td class="numeric"> $3.00 </td>
		1788	<td class="numeric"> $2.96 </td>
		1789	<td class="numeric"> 862,518 </td>
		1790	</tr>
		1791	<tr>
		1792	<td> ABP </td>
		1793	<td> ABACUS PROPERTY GROUP </td>
		1794	<td class="numeric"> $1.91 </td>
		1795	<td class="numeric"> 0.00 </td>
		1796	<td class="numeric"> 0.00% </td>
		1797	<td class="numeric"> $1.92 </td>
		1798	<td class="numeric"> $1.93 </td>
		1799	<td class="numeric"> $1.90 </td>
		1800	<td class="numeric"> 595,701 </td>
		1801	</tr>
		1802	<tr>
		1803	<td> ABY </td>
		1804	<td> ADITYA BIRLA MINERALS LIMITED </td>
		1805	<td class="numeric"> $0.77 </td>
		1806	<td class="numeric"> +0.02 </td>
		1807	<td class="numeric"> 2.00% </td>
		1808	<td class="numeric"> $0.76 </td>
		1809	<td class="numeric"> $0.77 </td>
		1810	<td class="numeric"> $0.76 </td>
		1811	<td class="numeric"> 54,567 </td>
		1812	</tr>
		1813	<tr>
		1814	<td> ACR </td>
		1815	<td> ACRUX LIMITED </td>
		1816	<td class="numeric"> $3.71 </td>
		1817	<td class="numeric"> +0.01 </td>
		1818	<td class="numeric"> 0.14% </td>
		1819	<td class="numeric"> $3.70 </td>
		1820	<td class="numeric"> $3.72 </td>
		1821	<td class="numeric"> $3.68 </td>
		1822	<td class="numeric"> 191,373 </td>
		1823	</tr>
		1824	<tr>
		1825	<td> ADU </td>
		1826	<td> ADAMUS RESOURCES LIMITED </td>
		1827	<td class="numeric"> $0.72 </td>
		1828	<td class="numeric"> 0.00 </td>
		1829	<td class="numeric"> 0.00% </td>
		1830	<td class="numeric"> $0.73 </td>
		1831	<td class="numeric"> $0.74 </td>
		1832	<td class="numeric"> $0.72 </td>
		1833	<td class="numeric"> 8,602,291 </td>
		1834	</tr>
		1835	<tr>
		1836	<td> AGG </td>
		1837	<td> ANGLOGOLD ASHANTI LIMITED </td>
		1838	<td class="numeric"> $7.81 </td>
		1839	<td class="numeric"> -0.22 </td>
		1840	<td class="numeric"> -2.74% </td>
		1841	<td class="numeric"> $7.82 </td>
		1842	<td class="numeric"> $7.82 </td>
		1843	<td class="numeric"> $7.81 </td>
		1844	<td class="numeric"> 148 </td>
		1845	</tr>
		1846	<tr>
		1847	<td> AGK </td>
		1848	<td> AGL ENERGY LIMITED </td>
		1849	<td class="numeric"> $13.82 </td>
		1850	<td class="numeric"> +0.02 </td>
		1851	<td class="numeric"> 0.14% </td>
		1852	<td class="numeric"> $13.83 </td>
		1853	<td class="numeric"> $13.83 </td>
		1854	<td class="numeric"> $13.67 </td>
		1855	<td class="numeric"> 846,403 </td>
		1856	</tr>
		1857	<tr>
		1858	<td> AGO </td>
		1859	<td> ATLAS IRON LIMITED </td>
		1860	<td class="numeric"> $3.17 </td>
		1861	<td class="numeric"> -0.02 </td>
		1862	<td class="numeric"> -0.47% </td>
		1863	<td class="numeric"> $3.11 </td>
		1864	<td class="numeric"> $3.22 </td>
		1865	<td class="numeric"> $3.10 </td>
		1866	<td class="numeric"> 5,416,303 </td>
		1867	</tr>
		1868	</tbody>
		1869	</table>
		1870	</div>
		1871	</div>
		1872	<!-- END SAMPLE TABLE PORTLET-->
		1873	<!-- BEGIN SAMPLE TABLE PORTLET-->
		1874	<div class="portlet box red">
		1875	<div class="portlet-title">
		1876	<div class="caption">
		1877	<i class="fa fa-cogs"></i>Basic Bootstrap 3.0 Responsive Table </div>
		1878	<div class="tools">
		1879	<a href="javascript:;" class="collapse"> </a>
		1880	<a href="#portlet-config" data-toggle="modal" class="config"> </a>
		1881	<a href="javascript:;" class="reload"> </a>
		1882	<a href="javascript:;" class="remove"> </a>
		1883	</div>
		1884	</div>
		1885	<div class="portlet-body">
		1886	<div class="table-responsive">
		1887	<table class="table">
		1888	<thead>
		1889	<tr>
		1890	<th> # </th>
		1891	<th> Table heading </th>
		1892	<th> Table heading </th>
		1893	<th> Table heading </th>
		1894	<th> Table heading </th>
		1895	<th> Table heading </th>
		1896	<th> Table heading </th>
		1897	</tr>
		1898	</thead>
		1899	<tbody>
		1900	<tr>
		1901	<td> 1 </td>
		1902	<td> Table cell </td>
		1903	<td> Table cell </td>
		1904	<td> Table cell </td>
		1905	<td> Table cell </td>
		1906	<td> Table cell </td>
		1907	<td> Table cell </td>
		1908	</tr>
		1909	<tr>
		1910	<td> 2 </td>
		1911	<td> Table cell </td>
		1912	<td> Table cell </td>
		1913	<td> Table cell </td>
		1914	<td> Table cell </td>
		1915	<td> Table cell </td>
		1916	<td> Table cell </td>
		1917	</tr>
		1918	<tr>
		1919	<td> 3 </td>
		1920	<td> Table cell </td>
		1921	<td> Table cell </td>
		1922	<td> Table cell </td>
		1923	<td> Table cell </td>
		1924	<td> Table cell </td>
		1925	<td> Table cell </td>
		1926	</tr>
		1927	</tbody>
		1928	</table>
		1929	</div>
		1930	</div>
		1931	</div>
		1932	<!-- END SAMPLE TABLE PORTLET-->
		1933	<!-- BEGIN SAMPLE TABLE PORTLET-->
		1934	<div class="portlet box blue">
		1935	<div class="portlet-title">
		1936	<div class="caption">
		1937	<i class="fa fa-cogs"></i>Bordered Bootstrap 3.0 Responsive Table </div>
		1938	<div class="tools">
		1939	<a href="javascript:;" class="collapse"> </a>
		1940	<a href="#portlet-config" data-toggle="modal" class="config"> </a>
		1941	<a href="javascript:;" class="reload"> </a>
		1942	<a href="javascript:;" class="remove"> </a>
		1943	</div>
		1944	</div>
		1945	<div class="portlet-body">
		1946	<div class="table-responsive">
		1947	<table class="table table-bordered">
		1948	<thead>
		1949	<tr>
		1950	<th> # </th>
		1951	<th> Table heading </th>
		1952	<th> Table heading </th>
		1953	<th> Table heading </th>
		1954	<th> Table heading </th>
		1955	<th> Table heading </th>
		1956	<th> Table heading </th>
		1957	</tr>
		1958	</thead>
		1959	<tbody>
		1960	<tr>
		1961	<td> 1 </td>
		1962	<td> Table cell </td>
		1963	<td> Table cell </td>
		1964	<td> Table cell </td>
		1965	<td> Table cell </td>
		1966	<td> Table cell </td>
		1967	<td> Table cell </td>
		1968	</tr>
		1969	<tr>
		1970	<td> 2 </td>
		1971	<td> Table cell </td>
		1972	<td> Table cell </td>
		1973	<td> Table cell </td>
		1974	<td> Table cell </td>
		1975	<td> Table cell </td>
		1976	<td> Table cell </td>
		1977	</tr>
		1978	<tr>
		1979	<td> 3 </td>
		1980	<td> Table cell </td>
		1981	<td> Table cell </td>
		1982	<td> Table cell </td>
		1983	<td> Table cell </td>
		1984	<td> Table cell </td>
		1985	<td> Table cell </td>
		1986	</tr>
		1987	</tbody>
		1988	</table>
		1989	</div>
		1990	</div>
		1991	</div>
		1992	<!-- END SAMPLE TABLE PORTLET-->
		1993	<!-- BEGIN SAMPLE TABLE PORTLET-->
		1994	<div class="portlet box yellow">
		1995	<div class="portlet-title">
		1996	<div class="caption">
		1997	<i class="fa fa-cogs"></i>All in One Bootstrap 3.0 Responsive Table </div>
		1998	<div class="tools">
		1999	<a href="javascript:;" class="collapse"> </a>
		2000	<a href="#portlet-config" data-toggle="modal" class="config"> </a>
		2001	<a href="javascript:;" class="reload"> </a>
		2002	<a href="javascript:;" class="remove"> </a>
		2003	</div>
		2004	</div>
		2005	<div class="portlet-body">
		2006	<div class="table-responsive">
		2007	<table class="table table-striped table-bordered table-hover">
		2008	<thead>
		2009	<tr>
		2010	<th> # </th>
		2011	<th> Table heading </th>
		2012	<th> Table heading </th>
		2013	<th> Table heading </th>
		2014	<th> Table heading </th>
		2015	<th> Table heading </th>
		2016	<th> Table heading </th>
		2017	</tr>
		2018	</thead>
		2019	<tbody>
		2020	<tr>
		2021	<td> 1 </td>
		2022	<td> Table cell </td>
		2023	<td> Table cell </td>
		2024	<td> Table cell </td>
		2025	<td> Table cell </td>
		2026	<td> Table cell </td>
		2027	<td> Table cell </td>
		2028	</tr>
		2029	<tr>
		2030	<td> 2 </td>
		2031	<td> Table cell </td>
		2032	<td> Table cell </td>
		2033	<td> Table cell </td>
		2034	<td> Table cell </td>
		2035	<td> Table cell </td>
		2036	<td> Table cell </td>
		2037	</tr>
		2038	<tr>
		2039	<td> 3 </td>
		2040	<td> Table cell </td>
		2041	<td> Table cell </td>
		2042	<td> Table cell </td>
		2043	<td> Table cell </td>
		2044	<td> Table cell </td>
		2045	<td> Table cell </td>
		2046	</tr>
		2047	</tbody>
		2048	</table>
		2049	</div>
		2050	</div>
		2051	</div>
		2052	<!-- END SAMPLE TABLE PORTLET-->
		2053	<!-- BEGIN SAMPLE TABLE PORTLET-->
		2054	<div class="portlet box purple">
		2055	<div class="portlet-title">
		2056	<div class="caption">
		2057	<i class="fa fa-cogs"></i>Horizontal Scrollable Responsive Table </div>
		2058	<div class="tools">
		2059	<a href="javascript:;" class="collapse"> </a>
		2060	<a href="#portlet-config" data-toggle="modal" class="config"> </a>
		2061	<a href="javascript:;" class="reload"> </a>
		2062	<a href="javascript:;" class="remove"> </a>
		2063	</div>
		2064	</div>
		2065	<div class="portlet-body">
		2066	<div class="table-scrollable">
		2067	<table class="table table-striped table-bordered table-hover">
		2068	<thead>
		2069	<tr>
		2070	<th scope="col" style="width:450px !important"> Column header 1 </th>
		2071	<th scope="col"> Column header 2 </th>
		2072	<th scope="col"> Column header 3 </th>
		2073	<th scope="col"> Column header 4 </th>
		2074	<th scope="col"> Column header 5 </th>
		2075	<th scope="col"> Column header 6 </th>
		2076	<th scope="col"> Column header 7 </th>
		2077	<th scope="col"> Column header 8 </th>
		2078	<th scope="col"> Column header 9 </th>
		2079	<th scope="col"> Column header 10 </th>
		2080	</tr>
		2081	</thead>
		2082	<tbody>
		2083	<tr>
		2084	<td> Table data </td>
		2085	<td> Table data </td>
		2086	<td> Table data </td>
		2087	<td> Table data </td>
		2088	<td> Table data </td>
		2089	<td> Table data </td>
		2090	<td> Table data </td>
		2091	<td> Table data </td>
		2092	<td> Table data </td>
		2093	<td> Table data </td>
		2094	</tr>
		2095	<tr>
		2096	<td> Table data </td>
		2097	<td> Table data </td>
		2098	<td> Table data </td>
		2099	<td> Table data </td>
		2100	<td> Table data </td>
		2101	<td> Table data </td>
		2102	<td> Table data </td>
		2103	<td> Table data </td>
		2104	<td> Table data </td>
		2105	<td> Table data </td>
		2106	</tr>
		2107	<tr>
		2108	<td> Table data </td>
		2109	<td> Table data </td>
		2110	<td> Table data </td>
		2111	<td> Table data </td>
		2112	<td> Table data </td>
		2113	<td> Table data </td>
		2114	<td> Table data </td>
		2115	<td> Table data </td>
		2116	<td> Table data </td>
		2117	<td> Table data </td>
		2118	</tr>
		2119	<tr>
		2120	<td> Table data </td>
		2121	<td> Table data </td>
		2122	<td> Table data </td>
		2123	<td> Table data </td>
		2124	<td> Table data </td>
		2125	<td> Table data </td>
		2126	<td> Table data </td>
		2127	<td> Table data </td>
		2128	<td> Table data </td>
		2129	<td> Table data </td>
		2130	</tr>
		2131	<tr>
		2132	<td> Table data </td>
		2133	<td> Table data </td>
		2134	<td> Table data </td>
		2135	<td> Table data </td>
		2136	<td> Table data </td>
		2137	<td> Table data </td>
		2138	<td> Table data </td>
		2139	<td> Table data </td>
		2140	<td> Table data </td>
		2141	<td> Table data </td>
		2142	</tr>
		2143	<tr>
		2144	<td> Table data </td>
		2145	<td> Table data </td>
		2146	<td> Table data </td>
		2147	<td> Table data </td>
		2148	<td> Table data </td>
		2149	<td> Table data </td>
		2150	<td> Table data </td>
		2151	<td> Table data </td>
		2152	<td> Table data </td>
		2153	<td> Table data </td>
		2154	</tr>
		2155	</tbody>
		2156	</table>
		2157	</div>
		2158	</div>
		2159	</div>
		2160	<!-- END SAMPLE TABLE PORTLET-->
		2161	</div>
		2162	</div>
		2163	</div>
		2164	<!-- END CONTENT BODY -->
		2165	</div>
		2166	<!-- END CONTENT -->
		2167	<!-- BEGIN QUICK SIDEBAR -->
		2168	<a href="javascript:;" class="page-quick-sidebar-toggler">
		2169	<i class="icon-login"></i>
		2170	</a>
		2171	<div class="page-quick-sidebar-wrapper" data-close-on-body-click="false">
		2172	<div class="page-quick-sidebar">
		2173	<ul class="nav nav-tabs">
		2174	<li class="active">
		2175	<a href="javascript:;" data-target="#quick_sidebar_tab_1" data-toggle="tab"> Users
		2176	<span class="badge badge-danger">2</span>
		2177	</a>
		2178	</li>
		2179	<li>
		2180	<a href="javascript:;" data-target="#quick_sidebar_tab_2" data-toggle="tab"> Alerts
		2181	<span class="badge badge-success">7</span>
		2182	</a>
		2183	</li>
		2184	<li class="dropdown">
		2185	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"> More
		2186	<i class="fa fa-angle-down"></i>
		2187	</a>
		2188	<ul class="dropdown-menu pull-right">
		2189	<li>
		2190	<a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
		2191	<i class="icon-bell"></i> Alerts </a>
		2192	</li>
		2193	<li>
		2194	<a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
		2195	<i class="icon-info"></i> Notifications </a>
		2196	</li>
		2197	<li>
		2198	<a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
		2199	<i class="icon-speech"></i> Activities </a>
		2200	</li>
		2201	<li class="divider"></li>
		2202	<li>
		2203	<a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
		2204	<i class="icon-settings"></i> Settings </a>
		2205	</li>
		2206	</ul>
		2207	</li>
		2208	</ul>
		2209	<div class="tab-content">
		2210	<div class="tab-pane active page-quick-sidebar-chat" id="quick_sidebar_tab_1">
		2211	<div class="page-quick-sidebar-chat-users" data-rail-color="#ddd" data-wrapper-class="page-quick-sidebar-list">
		2212	<h3 class="list-heading">Staff</h3>
		2213	<ul class="media-list list-items">
		2214	<li class="media">
		2215	<div class="media-status">
		2216	<span class="badge badge-success">8</span>
		2217	</div>
		2218	<img class="media-object" src="../assets/layouts/layout/img/avatar3.jpg" alt="...">
		2219	<div class="media-body">
		2220	<h4 class="media-heading">Bob Nilson</h4>
		2221	<div class="media-heading-sub"> Project Manager </div>
		2222	</div>
		2223	</li>
		2224	<li class="media">
		2225	<img class="media-object" src="../assets/layouts/layout/img/avatar1.jpg" alt="...">
		2226	<div class="media-body">
		2227	<h4 class="media-heading">Nick Larson</h4>
		2228	<div class="media-heading-sub"> Art Director </div>
		2229	</div>
		2230	</li>
		2231	<li class="media">
		2232	<div class="media-status">
		2233	<span class="badge badge-danger">3</span>
		2234	</div>
		2235	<img class="media-object" src="../assets/layouts/layout/img/avatar4.jpg" alt="...">
		2236	<div class="media-body">
		2237	<h4 class="media-heading">Deon Hubert</h4>
		2238	<div class="media-heading-sub"> CTO </div>
		2239	</div>
		2240	</li>
		2241	<li class="media">
		2242	<img class="media-object" src="../assets/layouts/layout/img/avatar2.jpg" alt="...">
		2243	<div class="media-body">
		2244	<h4 class="media-heading">Ella Wong</h4>
		2245	<div class="media-heading-sub"> CEO </div>
		2246	</div>
		2247	</li>
		2248	</ul>
		2249	<h3 class="list-heading">Customers</h3>
		2250	<ul class="media-list list-items">
		2251	<li class="media">
		2252	<div class="media-status">
		2253	<span class="badge badge-warning">2</span>
		2254	</div>
		2255	<img class="media-object" src="../assets/layouts/layout/img/avatar6.jpg" alt="...">
		2256	<div class="media-body">
		2257	<h4 class="media-heading">Lara Kunis</h4>
		2258	<div class="media-heading-sub"> CEO, Loop Inc </div>
		2259	<div class="media-heading-small"> Last seen 03:10 AM </div>
		2260	</div>
		2261	</li>
		2262	<li class="media">
		2263	<div class="media-status">
		2264	<span class="label label-sm label-success">new</span>
		2265	</div>
		2266	<img class="media-object" src="../assets/layouts/layout/img/avatar7.jpg" alt="...">
		2267	<div class="media-body">
		2268	<h4 class="media-heading">Ernie Kyllonen</h4>
		2269	<div class="media-heading-sub"> Project Manager,
		2270	<br> SmartBizz PTL </div>
		2271	</div>
		2272	</li>
		2273	<li class="media">
		2274	<img class="media-object" src="../assets/layouts/layout/img/avatar8.jpg" alt="...">
		2275	<div class="media-body">
		2276	<h4 class="media-heading">Lisa Stone</h4>
		2277	<div class="media-heading-sub"> CTO, Keort Inc </div>
		2278	<div class="media-heading-small"> Last seen 13:10 PM </div>
		2279	</div>
		2280	</li>
		2281	<li class="media">
		2282	<div class="media-status">
		2283	<span class="badge badge-success">7</span>
		2284	</div>
		2285	<img class="media-object" src="../assets/layouts/layout/img/avatar9.jpg" alt="...">
		2286	<div class="media-body">
		2287	<h4 class="media-heading">Deon Portalatin</h4>
		2288	<div class="media-heading-sub"> CFO, H&D LTD </div>
		2289	</div>
		2290	</li>
		2291	<li class="media">
		2292	<img class="media-object" src="../assets/layouts/layout/img/avatar10.jpg" alt="...">
		2293	<div class="media-body">
		2294	<h4 class="media-heading">Irina Savikova</h4>
		2295	<div class="media-heading-sub"> CEO, Tizda Motors Inc </div>
		2296	</div>
		2297	</li>
		2298	<li class="media">
		2299	<div class="media-status">
		2300	<span class="badge badge-danger">4</span>
		2301	</div>
		2302	<img class="media-object" src="../assets/layouts/layout/img/avatar11.jpg" alt="...">
		2303	<div class="media-body">
		2304	<h4 class="media-heading">Maria Gomez</h4>
		2305	<div class="media-heading-sub"> Manager, Infomatic Inc </div>
		2306	<div class="media-heading-small"> Last seen 03:10 AM </div>
		2307	</div>
		2308	</li>
		2309	</ul>
		2310	</div>
		2311	<div class="page-quick-sidebar-item">
		2312	<div class="page-quick-sidebar-chat-user">
		2313	<div class="page-quick-sidebar-nav">
		2314	<a href="javascript:;" class="page-quick-sidebar-back-to-list">
		2315	<i class="icon-arrow-left"></i>Back</a>
		2316	</div>
		2317	<div class="page-quick-sidebar-chat-user-messages">
		2318	<div class="post out">
		2319	<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
		2320	<div class="message">
		2321	<span class="arrow"></span>
		2322	<a href="javascript:;" class="name">Bob Nilson</a>
		2323	<span class="datetime">20:15</span>
		2324	<span class="body"> When could you send me the report ? </span>
		2325	</div>
		2326	</div>
		2327	<div class="post in">
		2328	<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
		2329	<div class="message">
		2330	<span class="arrow"></span>
		2331	<a href="javascript:;" class="name">Ella Wong</a>
		2332	<span class="datetime">20:15</span>
		2333	<span class="body"> Its almost done. I will be sending it shortly </span>
		2334	</div>
		2335	</div>
		2336	<div class="post out">
		2337	<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
		2338	<div class="message">
		2339	<span class="arrow"></span>
		2340	<a href="javascript:;" class="name">Bob Nilson</a>
		2341	<span class="datetime">20:15</span>
		2342	<span class="body"> Alright. Thanks! :) </span>
		2343	</div>
		2344	</div>
		2345	<div class="post in">
		2346	<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
		2347	<div class="message">
		2348	<span class="arrow"></span>
		2349	<a href="javascript:;" class="name">Ella Wong</a>
		2350	<span class="datetime">20:16</span>
		2351	<span class="body"> You are most welcome. Sorry for the delay. </span>
		2352	</div>
		2353	</div>
		2354	<div class="post out">
		2355	<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
		2356	<div class="message">
		2357	<span class="arrow"></span>
		2358	<a href="javascript:;" class="name">Bob Nilson</a>
		2359	<span class="datetime">20:17</span>
		2360	<span class="body"> No probs. Just take your time :) </span>
		2361	</div>
		2362	</div>
		2363	<div class="post in">
		2364	<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
		2365	<div class="message">
		2366	<span class="arrow"></span>
		2367	<a href="javascript:;" class="name">Ella Wong</a>
		2368	<span class="datetime">20:40</span>
		2369	<span class="body"> Alright. I just emailed it to you. </span>
		2370	</div>
		2371	</div>
		2372	<div class="post out">
		2373	<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
		2374	<div class="message">
		2375	<span class="arrow"></span>
		2376	<a href="javascript:;" class="name">Bob Nilson</a>
		2377	<span class="datetime">20:17</span>
		2378	<span class="body"> Great! Thanks. Will check it right away. </span>
		2379	</div>
		2380	</div>
		2381	<div class="post in">
		2382	<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
		2383	<div class="message">
		2384	<span class="arrow"></span>
		2385	<a href="javascript:;" class="name">Ella Wong</a>
		2386	<span class="datetime">20:40</span>
		2387	<span class="body"> Please let me know if you have any comment. </span>
		2388	</div>
		2389	</div>
		2390	<div class="post out">
		2391	<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
		2392	<div class="message">
		2393	<span class="arrow"></span>
		2394	<a href="javascript:;" class="name">Bob Nilson</a>
		2395	<span class="datetime">20:17</span>
		2396	<span class="body"> Sure. I will check and buzz you if anything needs to be corrected. </span>
		2397	</div>
		2398	</div>
		2399	</div>
		2400	<div class="page-quick-sidebar-chat-user-form">
		2401	<div class="input-group">
		2402	<input type="text" class="form-control" placeholder="Type a message here...">
		2403	<div class="input-group-btn">
		2404	<button type="button" class="btn green">
		2405	<i class="icon-paper-clip"></i>
		2406	</button>
		2407	</div>
		2408	</div>
		2409	</div>
		2410	</div>
		2411	</div>
		2412	</div>
		2413	<div class="tab-pane page-quick-sidebar-alerts" id="quick_sidebar_tab_2">
		2414	<div class="page-quick-sidebar-alerts-list">
		2415	<h3 class="list-heading">General</h3>
		2416	<ul class="feeds list-items">
		2417	<li>
		2418	<div class="col1">
		2419	<div class="cont">
		2420	<div class="cont-col1">
		2421	<div class="label label-sm label-info">
		2422	<i class="fa fa-check"></i>
		2423	</div>
		2424	</div>
		2425	<div class="cont-col2">
		2426	<div class="desc"> You have 4 pending tasks.
		2427	<span class="label label-sm label-warning "> Take action
		2428	<i class="fa fa-share"></i>
		2429	</span>
		2430	</div>
		2431	</div>
		2432	</div>
		2433	</div>
		2434	<div class="col2">
		2435	<div class="date"> Just now </div>
		2436	</div>
		2437	</li>
		2438	<li>
		2439	<a href="javascript:;">
		2440	<div class="col1">
		2441	<div class="cont">
		2442	<div class="cont-col1">
		2443	<div class="label label-sm label-success">
		2444	<i class="fa fa-bar-chart-o"></i>
		2445	</div>
		2446	</div>
		2447	<div class="cont-col2">
		2448	<div class="desc"> Finance Report for year 2013 has been released. </div>
		2449	</div>
		2450	</div>
		2451	</div>
		2452	<div class="col2">
		2453	<div class="date"> 20 mins </div>
		2454	</div>
		2455	</a>
		2456	</li>
		2457	<li>
		2458	<div class="col1">
		2459	<div class="cont">
		2460	<div class="cont-col1">
		2461	<div class="label label-sm label-danger">
		2462	<i class="fa fa-user"></i>
		2463	</div>
		2464	</div>
		2465	<div class="cont-col2">
		2466	<div class="desc"> You have 5 pending membership that requires a quick review. </div>
		2467	</div>
		2468	</div>
		2469	</div>
		2470	<div class="col2">
		2471	<div class="date"> 24 mins </div>
		2472	</div>
		2473	</li>
		2474	<li>
		2475	<div class="col1">
		2476	<div class="cont">
		2477	<div class="cont-col1">
		2478	<div class="label label-sm label-info">
		2479	<i class="fa fa-shopping-cart"></i>
		2480	</div>
		2481	</div>
		2482	<div class="cont-col2">
		2483	<div class="desc"> New order received with
		2484	<span class="label label-sm label-success"> Reference Number: DR23923 </span>
		2485	</div>
		2486	</div>
		2487	</div>
		2488	</div>
		2489	<div class="col2">
		2490	<div class="date"> 30 mins </div>
		2491	</div>
		2492	</li>
		2493	<li>
		2494	<div class="col1">
		2495	<div class="cont">
		2496	<div class="cont-col1">
		2497	<div class="label label-sm label-success">
		2498	<i class="fa fa-user"></i>
		2499	</div>
		2500	</div>
		2501	<div class="cont-col2">
		2502	<div class="desc"> You have 5 pending membership that requires a quick review. </div>
		2503	</div>
		2504	</div>
		2505	</div>
		2506	<div class="col2">
		2507	<div class="date"> 24 mins </div>
		2508	</div>
		2509	</li>
		2510	<li>
		2511	<div class="col1">
		2512	<div class="cont">
		2513	<div class="cont-col1">
		2514	<div class="label label-sm label-info">
		2515	<i class="fa fa-bell-o"></i>
		2516	</div>
		2517	</div>
		2518	<div class="cont-col2">
		2519	<div class="desc"> Web server hardware needs to be upgraded.
		2520	<span class="label label-sm label-warning"> Overdue </span>
		2521	</div>
		2522	</div>
		2523	</div>
		2524	</div>
		2525	<div class="col2">
		2526	<div class="date"> 2 hours </div>
		2527	</div>
		2528	</li>
		2529	<li>
		2530	<a href="javascript:;">
		2531	<div class="col1">
		2532	<div class="cont">
		2533	<div class="cont-col1">
		2534	<div class="label label-sm label-default">
		2535	<i class="fa fa-briefcase"></i>
		2536	</div>
		2537	</div>
		2538	<div class="cont-col2">
		2539	<div class="desc"> IPO Report for year 2013 has been released. </div>
		2540	</div>
		2541	</div>
		2542	</div>
		2543	<div class="col2">
		2544	<div class="date"> 20 mins </div>
		2545	</div>
		2546	</a>
		2547	</li>
		2548	</ul>
		2549	<h3 class="list-heading">System</h3>
		2550	<ul class="feeds list-items">
		2551	<li>
		2552	<div class="col1">
		2553	<div class="cont">
		2554	<div class="cont-col1">
		2555	<div class="label label-sm label-info">
		2556	<i class="fa fa-check"></i>
		2557	</div>
		2558	</div>
		2559	<div class="cont-col2">
		2560	<div class="desc"> You have 4 pending tasks.
		2561	<span class="label label-sm label-warning "> Take action
		2562	<i class="fa fa-share"></i>
		2563	</span>
		2564	</div>
		2565	</div>
		2566	</div>
		2567	</div>
		2568	<div class="col2">
		2569	<div class="date"> Just now </div>
		2570	</div>
		2571	</li>
		2572	<li>
		2573	<a href="javascript:;">
		2574	<div class="col1">
		2575	<div class="cont">
		2576	<div class="cont-col1">
		2577	<div class="label label-sm label-danger">
		2578	<i class="fa fa-bar-chart-o"></i>
		2579	</div>
		2580	</div>
		2581	<div class="cont-col2">
		2582	<div class="desc"> Finance Report for year 2013 has been released. </div>
		2583	</div>
		2584	</div>
		2585	</div>
		2586	<div class="col2">
		2587	<div class="date"> 20 mins </div>
		2588	</div>
		2589	</a>
		2590	</li>
		2591	<li>
		2592	<div class="col1">
		2593	<div class="cont">
		2594	<div class="cont-col1">
		2595	<div class="label label-sm label-default">
		2596	<i class="fa fa-user"></i>
		2597	</div>
		2598	</div>
		2599	<div class="cont-col2">
		2600	<div class="desc"> You have 5 pending membership that requires a quick review. </div>
		2601	</div>
		2602	</div>
		2603	</div>
		2604	<div class="col2">
		2605	<div class="date"> 24 mins </div>
		2606	</div>
		2607	</li>
		2608	<li>
		2609	<div class="col1">
		2610	<div class="cont">
		2611	<div class="cont-col1">
		2612	<div class="label label-sm label-info">
		2613	<i class="fa fa-shopping-cart"></i>
		2614	</div>
		2615	</div>
		2616	<div class="cont-col2">
		2617	<div class="desc"> New order received with
		2618	<span class="label label-sm label-success"> Reference Number: DR23923 </span>
		2619	</div>
		2620	</div>
		2621	</div>
		2622	</div>
		2623	<div class="col2">
		2624	<div class="date"> 30 mins </div>
		2625	</div>
		2626	</li>
		2627	<li>
		2628	<div class="col1">
		2629	<div class="cont">
		2630	<div class="cont-col1">
		2631	<div class="label label-sm label-success">
		2632	<i class="fa fa-user"></i>
		2633	</div>
		2634	</div>
		2635	<div class="cont-col2">
		2636	<div class="desc"> You have 5 pending membership that requires a quick review. </div>
		2637	</div>
		2638	</div>
		2639	</div>
		2640	<div class="col2">
		2641	<div class="date"> 24 mins </div>
		2642	</div>
		2643	</li>
		2644	<li>
		2645	<div class="col1">
		2646	<div class="cont">
		2647	<div class="cont-col1">
		2648	<div class="label label-sm label-warning">
		2649	<i class="fa fa-bell-o"></i>
		2650	</div>
		2651	</div>
		2652	<div class="cont-col2">
		2653	<div class="desc"> Web server hardware needs to be upgraded.
		2654	<span class="label label-sm label-default "> Overdue </span>
		2655	</div>
		2656	</div>
		2657	</div>
		2658	</div>
		2659	<div class="col2">
		2660	<div class="date"> 2 hours </div>
		2661	</div>
		2662	</li>
		2663	<li>
		2664	<a href="javascript:;">
		2665	<div class="col1">
		2666	<div class="cont">
		2667	<div class="cont-col1">
		2668	<div class="label label-sm label-info">
		2669	<i class="fa fa-briefcase"></i>
		2670	</div>
		2671	</div>
		2672	<div class="cont-col2">
		2673	<div class="desc"> IPO Report for year 2013 has been released. </div>
		2674	</div>
		2675	</div>
		2676	</div>
		2677	<div class="col2">
		2678	<div class="date"> 20 mins </div>
		2679	</div>
		2680	</a>
		2681	</li>
		2682	</ul>
		2683	</div>
		2684	</div>
		2685	<div class="tab-pane page-quick-sidebar-settings" id="quick_sidebar_tab_3">
		2686	<div class="page-quick-sidebar-settings-list">
		2687	<h3 class="list-heading">General Settings</h3>
		2688	<ul class="list-items borderless">
		2689	<li> Enable Notifications
		2690	<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>
		2691	<li> Allow Tracking
		2692	<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>
		2693	<li> Log Errors
		2694	<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>
		2695	<li> Auto Sumbit Issues
		2696	<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>
		2697	<li> Enable SMS Alerts
		2698	<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>
		2699	</ul>
		2700	<h3 class="list-heading">System Settings</h3>
		2701	<ul class="list-items borderless">
		2702	<li> Security Level
		2703	<select class="form-control input-inline input-sm input-small">
		2704	<option value="1">Normal</option>
		2705	<option value="2" selected>Medium</option>
		2706	<option value="e">High</option>
		2707	</select>
		2708	</li>
		2709	<li> Failed Email Attempts
		2710	<input class="form-control input-inline input-sm input-small" value="5" /> </li>
		2711	<li> Secondary SMTP Port
		2712	<input class="form-control input-inline input-sm input-small" value="3560" /> </li>
		2713	<li> Notify On System Error
		2714	<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>
		2715	<li> Notify On SMTP Error
		2716	<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>
		2717	</ul>
		2718	<div class="inner-content">
		2719	<button class="btn btn-success">
		2720	<i class="icon-settings"></i> Save Changes</button>
		2721	</div>
		2722	</div>
		2723	</div>
		2724	</div>
		2725	</div>
		2726	</div>
		2727	<!-- END QUICK SIDEBAR -->
		2728	</div>
		2729	<!-- END CONTAINER -->
		2730	<!-- BEGIN FOOTER -->
		2731	<div class="page-footer">
		2732	<div class="page-footer-inner"> 2016 © Metronic Theme By
		2733	<a target="_blank" href="http://keenthemes.com">Keenthemes</a>  \|
		2734	<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>
		2735	</div>
		2736	<div class="scroll-to-top">
		2737	<i class="icon-arrow-up"></i>
		2738	</div>
		2739	</div>
		2740	<!-- END FOOTER -->
		2741	</div>
		2742	<!--[if lt IE 9]>
		2743	<script src="../assets/global/plugins/respond.min.js"></script>
		2744	<script src="../assets/global/plugins/excanvas.min.js"></script>
		2745	<![endif]-->
		2746	<!-- BEGIN CORE PLUGINS -->
		2747	<script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
		2748	<script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
		2749	<script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
		2750	<script src="../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
		2751	<script src="../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
		2752	<script src="../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
		2753	<!-- END CORE PLUGINS -->
		2754	<!-- BEGIN THEME GLOBAL SCRIPTS -->
		2755	<script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
		2756	<!-- END THEME GLOBAL SCRIPTS -->
		2757	<!-- BEGIN THEME LAYOUT SCRIPTS -->
		2758	<script src="../assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>
		2759	<script src="../assets/layouts/layout/scripts/demo.min.js" type="text/javascript"></script>
		2760	<script src="../assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
		2761	<!-- END THEME LAYOUT SCRIPTS -->
		2762	</body>

Subversion Repositories Integrator Subversion

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