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

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

Subversion Repositories Integrator Subversion

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