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 \| Scroller 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 ">
		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 active open">
		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"> Scroller Extension
		1718	<small>scroller 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 Scroller Extension</h3>
		1724	<p> Scroller is a virtual rendering plug-in for DataTables which allows large datasets to be drawn on screen every quickly. What the virtual rendering means is that only the visible portion of the table (and a bit to either side
		1725	to make the scrolling smooth) is drawn, while the scrolling container gives the visual impression that the whole table is visible. </p>
		1726	<p> For more info please check out
		1727	<a class="btn red btn-outline" href="http://datatables.net/extensions/scroller/" 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">Default Scroller</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 order-column" id="sample_1">
		1743	<thead>
		1744	<tr>
		1745	<th>First name</th>
		1746	<th>Lastname</th>
		1747	<th>Position</th>
		1748	<th>Office</th>
		1749	<th>Age</th>
		1750	<th>Start date</th>
		1751	<th>Salary</th>
		1752	<th>Extn.</th>
		1753	<th>E-mail</th>
		1754	</tr>
		1755	</thead>
		1756	<tbody>
		1757	<tr>
		1758	<td>Tiger</td>
		1759	<td>Nixon</td>
		1760	<td>System Architect</td>
		1761	<td>Edinburgh</td>
		1762	<td>61</td>
		1763	<td>2011/04/25</td>
		1764	<td>$320,800</td>
		1765	<td>5421</td>
		1766	<td>t.nixon@datatables.net</td>
		1767	</tr>
		1768	<tr>
		1769	<td>Garrett</td>
		1770	<td>Winters</td>
		1771	<td>Accountant</td>
		1772	<td>Tokyo</td>
		1773	<td>63</td>
		1774	<td>2011/07/25</td>
		1775	<td>$170,750</td>
		1776	<td>8422</td>
		1777	<td>g.winters@datatables.net</td>
		1778	</tr>
		1779	<tr>
		1780	<td>Ashton</td>
		1781	<td>Cox</td>
		1782	<td>Junior Technical Author</td>
		1783	<td>San Francisco</td>
		1784	<td>66</td>
		1785	<td>2009/01/12</td>
		1786	<td>$86,000</td>
		1787	<td>1562</td>
		1788	<td>a.cox@datatables.net</td>
		1789	</tr>
		1790	<tr>
		1791	<td>Cedric</td>
		1792	<td>Kelly</td>
		1793	<td>Senior Javascript Developer</td>
		1794	<td>Edinburgh</td>
		1795	<td>22</td>
		1796	<td>2012/03/29</td>
		1797	<td>$433,060</td>
		1798	<td>6224</td>
		1799	<td>c.kelly@datatables.net</td>
		1800	</tr>
		1801	<tr>
		1802	<td>Airi</td>
		1803	<td>Satou</td>
		1804	<td>Accountant</td>
		1805	<td>Tokyo</td>
		1806	<td>33</td>
		1807	<td>2008/11/28</td>
		1808	<td>$162,700</td>
		1809	<td>5407</td>
		1810	<td>a.satou@datatables.net</td>
		1811	</tr>
		1812	<tr>
		1813	<td>Brielle</td>
		1814	<td>Williamson</td>
		1815	<td>Integration Specialist</td>
		1816	<td>New York</td>
		1817	<td>61</td>
		1818	<td>2012/12/02</td>
		1819	<td>$372,000</td>
		1820	<td>4804</td>
		1821	<td>b.williamson@datatables.net</td>
		1822	</tr>
		1823	<tr>
		1824	<td>Herrod</td>
		1825	<td>Chandler</td>
		1826	<td>Sales Assistant</td>
		1827	<td>San Francisco</td>
		1828	<td>59</td>
		1829	<td>2012/08/06</td>
		1830	<td>$137,500</td>
		1831	<td>9608</td>
		1832	<td>h.chandler@datatables.net</td>
		1833	</tr>
		1834	<tr>
		1835	<td>Rhona</td>
		1836	<td>Davidson</td>
		1837	<td>Integration Specialist</td>
		1838	<td>Tokyo</td>
		1839	<td>55</td>
		1840	<td>2010/10/14</td>
		1841	<td>$327,900</td>
		1842	<td>6200</td>
		1843	<td>r.davidson@datatables.net</td>
		1844	</tr>
		1845	<tr>
		1846	<td>Colleen</td>
		1847	<td>Hurst</td>
		1848	<td>Javascript Developer</td>
		1849	<td>San Francisco</td>
		1850	<td>39</td>
		1851	<td>2009/09/15</td>
		1852	<td>$205,500</td>
		1853	<td>2360</td>
		1854	<td>c.hurst@datatables.net</td>
		1855	</tr>
		1856	<tr>
		1857	<td>Sonya</td>
		1858	<td>Frost</td>
		1859	<td>Software Engineer</td>
		1860	<td>Edinburgh</td>
		1861	<td>23</td>
		1862	<td>2008/12/13</td>
		1863	<td>$103,600</td>
		1864	<td>1667</td>
		1865	<td>s.frost@datatables.net</td>
		1866	</tr>
		1867	<tr>
		1868	<td>Jena</td>
		1869	<td>Gaines</td>
		1870	<td>Office Manager</td>
		1871	<td>London</td>
		1872	<td>30</td>
		1873	<td>2008/12/19</td>
		1874	<td>$90,560</td>
		1875	<td>3814</td>
		1876	<td>j.gaines@datatables.net</td>
		1877	</tr>
		1878	<tr>
		1879	<td>Quinn</td>
		1880	<td>Flynn</td>
		1881	<td>Support Lead</td>
		1882	<td>Edinburgh</td>
		1883	<td>22</td>
		1884	<td>2013/03/03</td>
		1885	<td>$342,000</td>
		1886	<td>9497</td>
		1887	<td>q.flynn@datatables.net</td>
		1888	</tr>
		1889	<tr>
		1890	<td>Charde</td>
		1891	<td>Marshall</td>
		1892	<td>Regional Director</td>
		1893	<td>San Francisco</td>
		1894	<td>36</td>
		1895	<td>2008/10/16</td>
		1896	<td>$470,600</td>
		1897	<td>6741</td>
		1898	<td>c.marshall@datatables.net</td>
		1899	</tr>
		1900	<tr>
		1901	<td>Haley</td>
		1902	<td>Kennedy</td>
		1903	<td>Senior Marketing Designer</td>
		1904	<td>London</td>
		1905	<td>43</td>
		1906	<td>2012/12/18</td>
		1907	<td>$313,500</td>
		1908	<td>3597</td>
		1909	<td>h.kennedy@datatables.net</td>
		1910	</tr>
		1911	<tr>
		1912	<td>Tatyana</td>
		1913	<td>Fitzpatrick</td>
		1914	<td>Regional Director</td>
		1915	<td>London</td>
		1916	<td>19</td>
		1917	<td>2010/03/17</td>
		1918	<td>$385,750</td>
		1919	<td>1965</td>
		1920	<td>t.fitzpatrick@datatables.net</td>
		1921	</tr>
		1922	<tr>
		1923	<td>Michael</td>
		1924	<td>Silva</td>
		1925	<td>Marketing Designer</td>
		1926	<td>London</td>
		1927	<td>66</td>
		1928	<td>2012/11/27</td>
		1929	<td>$198,500</td>
		1930	<td>1581</td>
		1931	<td>m.silva@datatables.net</td>
		1932	</tr>
		1933	<tr>
		1934	<td>Paul</td>
		1935	<td>Byrd</td>
		1936	<td>Chief Financial Officer (CFO)</td>
		1937	<td>New York</td>
		1938	<td>64</td>
		1939	<td>2010/06/09</td>
		1940	<td>$725,000</td>
		1941	<td>3059</td>
		1942	<td>p.byrd@datatables.net</td>
		1943	</tr>
		1944	<tr>
		1945	<td>Gloria</td>
		1946	<td>Little</td>
		1947	<td>Systems Administrator</td>
		1948	<td>New York</td>
		1949	<td>59</td>
		1950	<td>2009/04/10</td>
		1951	<td>$237,500</td>
		1952	<td>1721</td>
		1953	<td>g.little@datatables.net</td>
		1954	</tr>
		1955	<tr>
		1956	<td>Bradley</td>
		1957	<td>Greer</td>
		1958	<td>Software Engineer</td>
		1959	<td>London</td>
		1960	<td>41</td>
		1961	<td>2012/10/13</td>
		1962	<td>$132,000</td>
		1963	<td>2558</td>
		1964	<td>b.greer@datatables.net</td>
		1965	</tr>
		1966	<tr>
		1967	<td>Dai</td>
		1968	<td>Rios</td>
		1969	<td>Personnel Lead</td>
		1970	<td>Edinburgh</td>
		1971	<td>35</td>
		1972	<td>2012/09/26</td>
		1973	<td>$217,500</td>
		1974	<td>2290</td>
		1975	<td>d.rios@datatables.net</td>
		1976	</tr>
		1977	<tr>
		1978	<td>Jenette</td>
		1979	<td>Caldwell</td>
		1980	<td>Development Lead</td>
		1981	<td>New York</td>
		1982	<td>30</td>
		1983	<td>2011/09/03</td>
		1984	<td>$345,000</td>
		1985	<td>1937</td>
		1986	<td>j.caldwell@datatables.net</td>
		1987	</tr>
		1988	<tr>
		1989	<td>Yuri</td>
		1990	<td>Berry</td>
		1991	<td>Chief Marketing Officer (CMO)</td>
		1992	<td>New York</td>
		1993	<td>40</td>
		1994	<td>2009/06/25</td>
		1995	<td>$675,000</td>
		1996	<td>6154</td>
		1997	<td>y.berry@datatables.net</td>
		1998	</tr>
		1999	<tr>
		2000	<td>Caesar</td>
		2001	<td>Vance</td>
		2002	<td>Pre-Sales Support</td>
		2003	<td>New York</td>
		2004	<td>21</td>
		2005	<td>2011/12/12</td>
		2006	<td>$106,450</td>
		2007	<td>8330</td>
		2008	<td>c.vance@datatables.net</td>
		2009	</tr>
		2010	<tr>
		2011	<td>Doris</td>
		2012	<td>Wilder</td>
		2013	<td>Sales Assistant</td>
		2014	<td>Sidney</td>
		2015	<td>23</td>
		2016	<td>2010/09/20</td>
		2017	<td>$85,600</td>
		2018	<td>3023</td>
		2019	<td>d.wilder@datatables.net</td>
		2020	</tr>
		2021	<tr>
		2022	<td>Angelica</td>
		2023	<td>Ramos</td>
		2024	<td>Chief Executive Officer (CEO)</td>
		2025	<td>London</td>
		2026	<td>47</td>
		2027	<td>2009/10/09</td>
		2028	<td>$1,200,000</td>
		2029	<td>5797</td>
		2030	<td>a.ramos@datatables.net</td>
		2031	</tr>
		2032	<tr>
		2033	<td>Gavin</td>
		2034	<td>Joyce</td>
		2035	<td>Developer</td>
		2036	<td>Edinburgh</td>
		2037	<td>42</td>
		2038	<td>2010/12/22</td>
		2039	<td>$92,575</td>
		2040	<td>8822</td>
		2041	<td>g.joyce@datatables.net</td>
		2042	</tr>
		2043	<tr>
		2044	<td>Jennifer</td>
		2045	<td>Chang</td>
		2046	<td>Regional Director</td>
		2047	<td>Singapore</td>
		2048	<td>28</td>
		2049	<td>2010/11/14</td>
		2050	<td>$357,650</td>
		2051	<td>9239</td>
		2052	<td>j.chang@datatables.net</td>
		2053	</tr>
		2054	<tr>
		2055	<td>Brenden</td>
		2056	<td>Wagner</td>
		2057	<td>Software Engineer</td>
		2058	<td>San Francisco</td>
		2059	<td>28</td>
		2060	<td>2011/06/07</td>
		2061	<td>$206,850</td>
		2062	<td>1314</td>
		2063	<td>b.wagner@datatables.net</td>
		2064	</tr>
		2065	<tr>
		2066	<td>Fiona</td>
		2067	<td>Green</td>
		2068	<td>Chief Operating Officer (COO)</td>
		2069	<td>San Francisco</td>
		2070	<td>48</td>
		2071	<td>2010/03/11</td>
		2072	<td>$850,000</td>
		2073	<td>2947</td>
		2074	<td>f.green@datatables.net</td>
		2075	</tr>
		2076	<tr>
		2077	<td>Shou</td>
		2078	<td>Itou</td>
		2079	<td>Regional Marketing</td>
		2080	<td>Tokyo</td>
		2081	<td>20</td>
		2082	<td>2011/08/14</td>
		2083	<td>$163,000</td>
		2084	<td>8899</td>
		2085	<td>s.itou@datatables.net</td>
		2086	</tr>
		2087	<tr>
		2088	<td>Michelle</td>
		2089	<td>House</td>
		2090	<td>Integration Specialist</td>
		2091	<td>Sidney</td>
		2092	<td>37</td>
		2093	<td>2011/06/02</td>
		2094	<td>$95,400</td>
		2095	<td>2769</td>
		2096	<td>m.house@datatables.net</td>
		2097	</tr>
		2098	<tr>
		2099	<td>Suki</td>
		2100	<td>Burks</td>
		2101	<td>Developer</td>
		2102	<td>London</td>
		2103	<td>53</td>
		2104	<td>2009/10/22</td>
		2105	<td>$114,500</td>
		2106	<td>6832</td>
		2107	<td>s.burks@datatables.net</td>
		2108	</tr>
		2109	<tr>
		2110	<td>Prescott</td>
		2111	<td>Bartlett</td>
		2112	<td>Technical Author</td>
		2113	<td>London</td>
		2114	<td>27</td>
		2115	<td>2011/05/07</td>
		2116	<td>$145,000</td>
		2117	<td>3606</td>
		2118	<td>p.bartlett@datatables.net</td>
		2119	</tr>
		2120	<tr>
		2121	<td>Gavin</td>
		2122	<td>Cortez</td>
		2123	<td>Team Leader</td>
		2124	<td>San Francisco</td>
		2125	<td>22</td>
		2126	<td>2008/10/26</td>
		2127	<td>$235,500</td>
		2128	<td>2860</td>
		2129	<td>g.cortez@datatables.net</td>
		2130	</tr>
		2131	<tr>
		2132	<td>Martena</td>
		2133	<td>Mccray</td>
		2134	<td>Post-Sales support</td>
		2135	<td>Edinburgh</td>
		2136	<td>46</td>
		2137	<td>2011/03/09</td>
		2138	<td>$324,050</td>
		2139	<td>8240</td>
		2140	<td>m.mccray@datatables.net</td>
		2141	</tr>
		2142	<tr>
		2143	<td>Unity</td>
		2144	<td>Butler</td>
		2145	<td>Marketing Designer</td>
		2146	<td>San Francisco</td>
		2147	<td>47</td>
		2148	<td>2009/12/09</td>
		2149	<td>$85,675</td>
		2150	<td>5384</td>
		2151	<td>u.butler@datatables.net</td>
		2152	</tr>
		2153	<tr>
		2154	<td>Howard</td>
		2155	<td>Hatfield</td>
		2156	<td>Office Manager</td>
		2157	<td>San Francisco</td>
		2158	<td>51</td>
		2159	<td>2008/12/16</td>
		2160	<td>$164,500</td>
		2161	<td>7031</td>
		2162	<td>h.hatfield@datatables.net</td>
		2163	</tr>
		2164	<tr>
		2165	<td>Hope</td>
		2166	<td>Fuentes</td>
		2167	<td>Secretary</td>
		2168	<td>San Francisco</td>
		2169	<td>41</td>
		2170	<td>2010/02/12</td>
		2171	<td>$109,850</td>
		2172	<td>6318</td>
		2173	<td>h.fuentes@datatables.net</td>
		2174	</tr>
		2175	<tr>
		2176	<td>Vivian</td>
		2177	<td>Harrell</td>
		2178	<td>Financial Controller</td>
		2179	<td>San Francisco</td>
		2180	<td>62</td>
		2181	<td>2009/02/14</td>
		2182	<td>$452,500</td>
		2183	<td>9422</td>
		2184	<td>v.harrell@datatables.net</td>
		2185	</tr>
		2186	<tr>
		2187	<td>Timothy</td>
		2188	<td>Mooney</td>
		2189	<td>Office Manager</td>
		2190	<td>London</td>
		2191	<td>37</td>
		2192	<td>2008/12/11</td>
		2193	<td>$136,200</td>
		2194	<td>7580</td>
		2195	<td>t.mooney@datatables.net</td>
		2196	</tr>
		2197	<tr>
		2198	<td>Jackson</td>
		2199	<td>Bradshaw</td>
		2200	<td>Director</td>
		2201	<td>New York</td>
		2202	<td>65</td>
		2203	<td>2008/09/26</td>
		2204	<td>$645,750</td>
		2205	<td>1042</td>
		2206	<td>j.bradshaw@datatables.net</td>
		2207	</tr>
		2208	<tr>
		2209	<td>Olivia</td>
		2210	<td>Liang</td>
		2211	<td>Support Engineer</td>
		2212	<td>Singapore</td>
		2213	<td>64</td>
		2214	<td>2011/02/03</td>
		2215	<td>$234,500</td>
		2216	<td>2120</td>
		2217	<td>o.liang@datatables.net</td>
		2218	</tr>
		2219	<tr>
		2220	<td>Bruno</td>
		2221	<td>Nash</td>
		2222	<td>Software Engineer</td>
		2223	<td>London</td>
		2224	<td>38</td>
		2225	<td>2011/05/03</td>
		2226	<td>$163,500</td>
		2227	<td>6222</td>
		2228	<td>b.nash@datatables.net</td>
		2229	</tr>
		2230	<tr>
		2231	<td>Sakura</td>
		2232	<td>Yamamoto</td>
		2233	<td>Support Engineer</td>
		2234	<td>Tokyo</td>
		2235	<td>37</td>
		2236	<td>2009/08/19</td>
		2237	<td>$139,575</td>
		2238	<td>9383</td>
		2239	<td>s.yamamoto@datatables.net</td>
		2240	</tr>
		2241	<tr>
		2242	<td>Thor</td>
		2243	<td>Walton</td>
		2244	<td>Developer</td>
		2245	<td>New York</td>
		2246	<td>61</td>
		2247	<td>2013/08/11</td>
		2248	<td>$98,540</td>
		2249	<td>8327</td>
		2250	<td>t.walton@datatables.net</td>
		2251	</tr>
		2252	<tr>
		2253	<td>Finn</td>
		2254	<td>Camacho</td>
		2255	<td>Support Engineer</td>
		2256	<td>San Francisco</td>
		2257	<td>47</td>
		2258	<td>2009/07/07</td>
		2259	<td>$87,500</td>
		2260	<td>2927</td>
		2261	<td>f.camacho@datatables.net</td>
		2262	</tr>
		2263	<tr>
		2264	<td>Serge</td>
		2265	<td>Baldwin</td>
		2266	<td>Data Coordinator</td>
		2267	<td>Singapore</td>
		2268	<td>64</td>
		2269	<td>2012/04/09</td>
		2270	<td>$138,575</td>
		2271	<td>8352</td>
		2272	<td>s.baldwin@datatables.net</td>
		2273	</tr>
		2274	<tr>
		2275	<td>Zenaida</td>
		2276	<td>Frank</td>
		2277	<td>Software Engineer</td>
		2278	<td>New York</td>
		2279	<td>63</td>
		2280	<td>2010/01/04</td>
		2281	<td>$125,250</td>
		2282	<td>7439</td>
		2283	<td>z.frank@datatables.net</td>
		2284	</tr>
		2285	<tr>
		2286	<td>Zorita</td>
		2287	<td>Serrano</td>
		2288	<td>Software Engineer</td>
		2289	<td>San Francisco</td>
		2290	<td>56</td>
		2291	<td>2012/06/01</td>
		2292	<td>$115,000</td>
		2293	<td>4389</td>
		2294	<td>z.serrano@datatables.net</td>
		2295	</tr>
		2296	<tr>
		2297	<td>Jennifer</td>
		2298	<td>Acosta</td>
		2299	<td>Junior Javascript Developer</td>
		2300	<td>Edinburgh</td>
		2301	<td>43</td>
		2302	<td>2013/02/01</td>
		2303	<td>$75,650</td>
		2304	<td>3431</td>
		2305	<td>j.acosta@datatables.net</td>
		2306	</tr>
		2307	<tr>
		2308	<td>Cara</td>
		2309	<td>Stevens</td>
		2310	<td>Sales Assistant</td>
		2311	<td>New York</td>
		2312	<td>46</td>
		2313	<td>2011/12/06</td>
		2314	<td>$145,600</td>
		2315	<td>3990</td>
		2316	<td>c.stevens@datatables.net</td>
		2317	</tr>
		2318	<tr>
		2319	<td>Hermione</td>
		2320	<td>Butler</td>
		2321	<td>Regional Director</td>
		2322	<td>London</td>
		2323	<td>47</td>
		2324	<td>2011/03/21</td>
		2325	<td>$356,250</td>
		2326	<td>1016</td>
		2327	<td>h.butler@datatables.net</td>
		2328	</tr>
		2329	<tr>
		2330	<td>Lael</td>
		2331	<td>Greer</td>
		2332	<td>Systems Administrator</td>
		2333	<td>London</td>
		2334	<td>21</td>
		2335	<td>2009/02/27</td>
		2336	<td>$103,500</td>
		2337	<td>6733</td>
		2338	<td>l.greer@datatables.net</td>
		2339	</tr>
		2340	<tr>
		2341	<td>Jonas</td>
		2342	<td>Alexander</td>
		2343	<td>Developer</td>
		2344	<td>San Francisco</td>
		2345	<td>30</td>
		2346	<td>2010/07/14</td>
		2347	<td>$86,500</td>
		2348	<td>8196</td>
		2349	<td>j.alexander@datatables.net</td>
		2350	</tr>
		2351	<tr>
		2352	<td>Shad</td>
		2353	<td>Decker</td>
		2354	<td>Regional Director</td>
		2355	<td>Edinburgh</td>
		2356	<td>51</td>
		2357	<td>2008/11/13</td>
		2358	<td>$183,000</td>
		2359	<td>6373</td>
		2360	<td>s.decker@datatables.net</td>
		2361	</tr>
		2362	<tr>
		2363	<td>Michael</td>
		2364	<td>Bruce</td>
		2365	<td>Javascript Developer</td>
		2366	<td>Singapore</td>
		2367	<td>29</td>
		2368	<td>2011/06/27</td>
		2369	<td>$183,000</td>
		2370	<td>5384</td>
		2371	<td>m.bruce@datatables.net</td>
		2372	</tr>
		2373	<tr>
		2374	<td>Donna</td>
		2375	<td>Snider</td>
		2376	<td>Customer Support</td>
		2377	<td>New York</td>
		2378	<td>27</td>
		2379	<td>2011/01/25</td>
		2380	<td>$112,000</td>
		2381	<td>4226</td>
		2382	<td>d.snider@datatables.net</td>
		2383	</tr>
		2384	</tbody>
		2385	</table>
		2386	</div>
		2387	</div>
		2388	</div>
		2389	</div>
		2390	<div class="row">
		2391	<div class="col-md-12">
		2392	<!-- END EXAMPLE TABLE PORTLET-->
		2393	<!-- BEGIN EXAMPLE TABLE PORTLET-->
		2394	<div class="portlet box green">
		2395	<div class="portlet-title">
		2396	<div class="caption">
		2397	<i class="fa fa-globe"></i>Server-side processing(5,000,000 rows) </div>
		2398	<div class="tools"> </div>
		2399	</div>
		2400	<div class="portlet-body">
		2401	<table class="table table-striped table-bordered table-hover order-column" id="sample_2">
		2402	<thead>
		2403	<tr>
		2404	<th>ID</th>
		2405	<th>First name</th>
		2406	<th>Last name</th>
		2407	<th>ZIP / Post code</th>
		2408	<th>Country</th>
		2409	</tr>
		2410	</thead>
		2411	</table>
		2412	</div>
		2413	</div>
		2414	<!-- END EXAMPLE TABLE PORTLET-->
		2415	</div>
		2416	</div>
		2417	<div class="row">
		2418	<div class="col-md-6">
		2419	<!-- BEGIN EXAMPLE TABLE PORTLET-->
		2420	<div class="portlet light bordered">
		2421	<div class="portlet-title">
		2422	<div class="caption font-green">
		2423	<i class="icon-settings font-green"></i>
		2424	<span class="caption-subject bold uppercase">Both Scrollbars</span>
		2425	</div>
		2426	<div class="tools"> </div>
		2427	</div>
		2428	<div class="portlet-body table-both-scroll">
		2429	<table class="table table-striped table-bordered table-hover order-column" id="sample_3">
		2430	<thead>
		2431	<tr>
		2432	<th>First name</th>
		2433	<th>Lastname</th>
		2434	<th>Position</th>
		2435	<th>Office</th>
		2436	<th>Age</th>
		2437	<th>Start date</th>
		2438	<th>Salary</th>
		2439	<th>Extn.</th>
		2440	<th>E-mail</th>
		2441	</tr>
		2442	</thead>
		2443	<tbody>
		2444	<tr>
		2445	<td>Tiger</td>
		2446	<td>Nixon</td>
		2447	<td>System Architect</td>
		2448	<td>Edinburgh</td>
		2449	<td>61</td>
		2450	<td>2011/04/25</td>
		2451	<td>$320,800</td>
		2452	<td>5421</td>
		2453	<td>t.nixon@datatables.net</td>
		2454	</tr>
		2455	<tr>
		2456	<td>Garrett</td>
		2457	<td>Winters</td>
		2458	<td>Accountant</td>
		2459	<td>Tokyo</td>
		2460	<td>63</td>
		2461	<td>2011/07/25</td>
		2462	<td>$170,750</td>
		2463	<td>8422</td>
		2464	<td>g.winters@datatables.net</td>
		2465	</tr>
		2466	<tr>
		2467	<td>Ashton</td>
		2468	<td>Cox</td>
		2469	<td>Junior Technical Author</td>
		2470	<td>San Francisco</td>
		2471	<td>66</td>
		2472	<td>2009/01/12</td>
		2473	<td>$86,000</td>
		2474	<td>1562</td>
		2475	<td>a.cox@datatables.net</td>
		2476	</tr>
		2477	<tr>
		2478	<td>Cedric</td>
		2479	<td>Kelly</td>
		2480	<td>Senior Javascript Developer</td>
		2481	<td>Edinburgh</td>
		2482	<td>22</td>
		2483	<td>2012/03/29</td>
		2484	<td>$433,060</td>
		2485	<td>6224</td>
		2486	<td>c.kelly@datatables.net</td>
		2487	</tr>
		2488	<tr>
		2489	<td>Airi</td>
		2490	<td>Satou</td>
		2491	<td>Accountant</td>
		2492	<td>Tokyo</td>
		2493	<td>33</td>
		2494	<td>2008/11/28</td>
		2495	<td>$162,700</td>
		2496	<td>5407</td>
		2497	<td>a.satou@datatables.net</td>
		2498	</tr>
		2499	<tr>
		2500	<td>Brielle</td>
		2501	<td>Williamson</td>
		2502	<td>Integration Specialist</td>
		2503	<td>New York</td>
		2504	<td>61</td>
		2505	<td>2012/12/02</td>
		2506	<td>$372,000</td>
		2507	<td>4804</td>
		2508	<td>b.williamson@datatables.net</td>
		2509	</tr>
		2510	<tr>
		2511	<td>Herrod</td>
		2512	<td>Chandler</td>
		2513	<td>Sales Assistant</td>
		2514	<td>San Francisco</td>
		2515	<td>59</td>
		2516	<td>2012/08/06</td>
		2517	<td>$137,500</td>
		2518	<td>9608</td>
		2519	<td>h.chandler@datatables.net</td>
		2520	</tr>
		2521	<tr>
		2522	<td>Rhona</td>
		2523	<td>Davidson</td>
		2524	<td>Integration Specialist</td>
		2525	<td>Tokyo</td>
		2526	<td>55</td>
		2527	<td>2010/10/14</td>
		2528	<td>$327,900</td>
		2529	<td>6200</td>
		2530	<td>r.davidson@datatables.net</td>
		2531	</tr>
		2532	<tr>
		2533	<td>Colleen</td>
		2534	<td>Hurst</td>
		2535	<td>Javascript Developer</td>
		2536	<td>San Francisco</td>
		2537	<td>39</td>
		2538	<td>2009/09/15</td>
		2539	<td>$205,500</td>
		2540	<td>2360</td>
		2541	<td>c.hurst@datatables.net</td>
		2542	</tr>
		2543	<tr>
		2544	<td>Sonya</td>
		2545	<td>Frost</td>
		2546	<td>Software Engineer</td>
		2547	<td>Edinburgh</td>
		2548	<td>23</td>
		2549	<td>2008/12/13</td>
		2550	<td>$103,600</td>
		2551	<td>1667</td>
		2552	<td>s.frost@datatables.net</td>
		2553	</tr>
		2554	<tr>
		2555	<td>Jena</td>
		2556	<td>Gaines</td>
		2557	<td>Office Manager</td>
		2558	<td>London</td>
		2559	<td>30</td>
		2560	<td>2008/12/19</td>
		2561	<td>$90,560</td>
		2562	<td>3814</td>
		2563	<td>j.gaines@datatables.net</td>
		2564	</tr>
		2565	<tr>
		2566	<td>Quinn</td>
		2567	<td>Flynn</td>
		2568	<td>Support Lead</td>
		2569	<td>Edinburgh</td>
		2570	<td>22</td>
		2571	<td>2013/03/03</td>
		2572	<td>$342,000</td>
		2573	<td>9497</td>
		2574	<td>q.flynn@datatables.net</td>
		2575	</tr>
		2576	<tr>
		2577	<td>Charde</td>
		2578	<td>Marshall</td>
		2579	<td>Regional Director</td>
		2580	<td>San Francisco</td>
		2581	<td>36</td>
		2582	<td>2008/10/16</td>
		2583	<td>$470,600</td>
		2584	<td>6741</td>
		2585	<td>c.marshall@datatables.net</td>
		2586	</tr>
		2587	<tr>
		2588	<td>Haley</td>
		2589	<td>Kennedy</td>
		2590	<td>Senior Marketing Designer</td>
		2591	<td>London</td>
		2592	<td>43</td>
		2593	<td>2012/12/18</td>
		2594	<td>$313,500</td>
		2595	<td>3597</td>
		2596	<td>h.kennedy@datatables.net</td>
		2597	</tr>
		2598	<tr>
		2599	<td>Tatyana</td>
		2600	<td>Fitzpatrick</td>
		2601	<td>Regional Director</td>
		2602	<td>London</td>
		2603	<td>19</td>
		2604	<td>2010/03/17</td>
		2605	<td>$385,750</td>
		2606	<td>1965</td>
		2607	<td>t.fitzpatrick@datatables.net</td>
		2608	</tr>
		2609	<tr>
		2610	<td>Michael</td>
		2611	<td>Silva</td>
		2612	<td>Marketing Designer</td>
		2613	<td>London</td>
		2614	<td>66</td>
		2615	<td>2012/11/27</td>
		2616	<td>$198,500</td>
		2617	<td>1581</td>
		2618	<td>m.silva@datatables.net</td>
		2619	</tr>
		2620	<tr>
		2621	<td>Paul</td>
		2622	<td>Byrd</td>
		2623	<td>Chief Financial Officer (CFO)</td>
		2624	<td>New York</td>
		2625	<td>64</td>
		2626	<td>2010/06/09</td>
		2627	<td>$725,000</td>
		2628	<td>3059</td>
		2629	<td>p.byrd@datatables.net</td>
		2630	</tr>
		2631	<tr>
		2632	<td>Gloria</td>
		2633	<td>Little</td>
		2634	<td>Systems Administrator</td>
		2635	<td>New York</td>
		2636	<td>59</td>
		2637	<td>2009/04/10</td>
		2638	<td>$237,500</td>
		2639	<td>1721</td>
		2640	<td>g.little@datatables.net</td>
		2641	</tr>
		2642	<tr>
		2643	<td>Bradley</td>
		2644	<td>Greer</td>
		2645	<td>Software Engineer</td>
		2646	<td>London</td>
		2647	<td>41</td>
		2648	<td>2012/10/13</td>
		2649	<td>$132,000</td>
		2650	<td>2558</td>
		2651	<td>b.greer@datatables.net</td>
		2652	</tr>
		2653	<tr>
		2654	<td>Dai</td>
		2655	<td>Rios</td>
		2656	<td>Personnel Lead</td>
		2657	<td>Edinburgh</td>
		2658	<td>35</td>
		2659	<td>2012/09/26</td>
		2660	<td>$217,500</td>
		2661	<td>2290</td>
		2662	<td>d.rios@datatables.net</td>
		2663	</tr>
		2664	<tr>
		2665	<td>Jenette</td>
		2666	<td>Caldwell</td>
		2667	<td>Development Lead</td>
		2668	<td>New York</td>
		2669	<td>30</td>
		2670	<td>2011/09/03</td>
		2671	<td>$345,000</td>
		2672	<td>1937</td>
		2673	<td>j.caldwell@datatables.net</td>
		2674	</tr>
		2675	<tr>
		2676	<td>Yuri</td>
		2677	<td>Berry</td>
		2678	<td>Chief Marketing Officer (CMO)</td>
		2679	<td>New York</td>
		2680	<td>40</td>
		2681	<td>2009/06/25</td>
		2682	<td>$675,000</td>
		2683	<td>6154</td>
		2684	<td>y.berry@datatables.net</td>
		2685	</tr>
		2686	<tr>
		2687	<td>Caesar</td>
		2688	<td>Vance</td>
		2689	<td>Pre-Sales Support</td>
		2690	<td>New York</td>
		2691	<td>21</td>
		2692	<td>2011/12/12</td>
		2693	<td>$106,450</td>
		2694	<td>8330</td>
		2695	<td>c.vance@datatables.net</td>
		2696	</tr>
		2697	<tr>
		2698	<td>Doris</td>
		2699	<td>Wilder</td>
		2700	<td>Sales Assistant</td>
		2701	<td>Sidney</td>
		2702	<td>23</td>
		2703	<td>2010/09/20</td>
		2704	<td>$85,600</td>
		2705	<td>3023</td>
		2706	<td>d.wilder@datatables.net</td>
		2707	</tr>
		2708	<tr>
		2709	<td>Angelica</td>
		2710	<td>Ramos</td>
		2711	<td>Chief Executive Officer (CEO)</td>
		2712	<td>London</td>
		2713	<td>47</td>
		2714	<td>2009/10/09</td>
		2715	<td>$1,200,000</td>
		2716	<td>5797</td>
		2717	<td>a.ramos@datatables.net</td>
		2718	</tr>
		2719	<tr>
		2720	<td>Gavin</td>
		2721	<td>Joyce</td>
		2722	<td>Developer</td>
		2723	<td>Edinburgh</td>
		2724	<td>42</td>
		2725	<td>2010/12/22</td>
		2726	<td>$92,575</td>
		2727	<td>8822</td>
		2728	<td>g.joyce@datatables.net</td>
		2729	</tr>
		2730	<tr>
		2731	<td>Jennifer</td>
		2732	<td>Chang</td>
		2733	<td>Regional Director</td>
		2734	<td>Singapore</td>
		2735	<td>28</td>
		2736	<td>2010/11/14</td>
		2737	<td>$357,650</td>
		2738	<td>9239</td>
		2739	<td>j.chang@datatables.net</td>
		2740	</tr>
		2741	<tr>
		2742	<td>Brenden</td>
		2743	<td>Wagner</td>
		2744	<td>Software Engineer</td>
		2745	<td>San Francisco</td>
		2746	<td>28</td>
		2747	<td>2011/06/07</td>
		2748	<td>$206,850</td>
		2749	<td>1314</td>
		2750	<td>b.wagner@datatables.net</td>
		2751	</tr>
		2752	<tr>
		2753	<td>Fiona</td>
		2754	<td>Green</td>
		2755	<td>Chief Operating Officer (COO)</td>
		2756	<td>San Francisco</td>
		2757	<td>48</td>
		2758	<td>2010/03/11</td>
		2759	<td>$850,000</td>
		2760	<td>2947</td>
		2761	<td>f.green@datatables.net</td>
		2762	</tr>
		2763	<tr>
		2764	<td>Shou</td>
		2765	<td>Itou</td>
		2766	<td>Regional Marketing</td>
		2767	<td>Tokyo</td>
		2768	<td>20</td>
		2769	<td>2011/08/14</td>
		2770	<td>$163,000</td>
		2771	<td>8899</td>
		2772	<td>s.itou@datatables.net</td>
		2773	</tr>
		2774	<tr>
		2775	<td>Michelle</td>
		2776	<td>House</td>
		2777	<td>Integration Specialist</td>
		2778	<td>Sidney</td>
		2779	<td>37</td>
		2780	<td>2011/06/02</td>
		2781	<td>$95,400</td>
		2782	<td>2769</td>
		2783	<td>m.house@datatables.net</td>
		2784	</tr>
		2785	<tr>
		2786	<td>Suki</td>
		2787	<td>Burks</td>
		2788	<td>Developer</td>
		2789	<td>London</td>
		2790	<td>53</td>
		2791	<td>2009/10/22</td>
		2792	<td>$114,500</td>
		2793	<td>6832</td>
		2794	<td>s.burks@datatables.net</td>
		2795	</tr>
		2796	<tr>
		2797	<td>Prescott</td>
		2798	<td>Bartlett</td>
		2799	<td>Technical Author</td>
		2800	<td>London</td>
		2801	<td>27</td>
		2802	<td>2011/05/07</td>
		2803	<td>$145,000</td>
		2804	<td>3606</td>
		2805	<td>p.bartlett@datatables.net</td>
		2806	</tr>
		2807	<tr>
		2808	<td>Gavin</td>
		2809	<td>Cortez</td>
		2810	<td>Team Leader</td>
		2811	<td>San Francisco</td>
		2812	<td>22</td>
		2813	<td>2008/10/26</td>
		2814	<td>$235,500</td>
		2815	<td>2860</td>
		2816	<td>g.cortez@datatables.net</td>
		2817	</tr>
		2818	<tr>
		2819	<td>Martena</td>
		2820	<td>Mccray</td>
		2821	<td>Post-Sales support</td>
		2822	<td>Edinburgh</td>
		2823	<td>46</td>
		2824	<td>2011/03/09</td>
		2825	<td>$324,050</td>
		2826	<td>8240</td>
		2827	<td>m.mccray@datatables.net</td>
		2828	</tr>
		2829	<tr>
		2830	<td>Unity</td>
		2831	<td>Butler</td>
		2832	<td>Marketing Designer</td>
		2833	<td>San Francisco</td>
		2834	<td>47</td>
		2835	<td>2009/12/09</td>
		2836	<td>$85,675</td>
		2837	<td>5384</td>
		2838	<td>u.butler@datatables.net</td>
		2839	</tr>
		2840	<tr>
		2841	<td>Howard</td>
		2842	<td>Hatfield</td>
		2843	<td>Office Manager</td>
		2844	<td>San Francisco</td>
		2845	<td>51</td>
		2846	<td>2008/12/16</td>
		2847	<td>$164,500</td>
		2848	<td>7031</td>
		2849	<td>h.hatfield@datatables.net</td>
		2850	</tr>
		2851	<tr>
		2852	<td>Hope</td>
		2853	<td>Fuentes</td>
		2854	<td>Secretary</td>
		2855	<td>San Francisco</td>
		2856	<td>41</td>
		2857	<td>2010/02/12</td>
		2858	<td>$109,850</td>
		2859	<td>6318</td>
		2860	<td>h.fuentes@datatables.net</td>
		2861	</tr>
		2862	<tr>
		2863	<td>Vivian</td>
		2864	<td>Harrell</td>
		2865	<td>Financial Controller</td>
		2866	<td>San Francisco</td>
		2867	<td>62</td>
		2868	<td>2009/02/14</td>
		2869	<td>$452,500</td>
		2870	<td>9422</td>
		2871	<td>v.harrell@datatables.net</td>
		2872	</tr>
		2873	<tr>
		2874	<td>Timothy</td>
		2875	<td>Mooney</td>
		2876	<td>Office Manager</td>
		2877	<td>London</td>
		2878	<td>37</td>
		2879	<td>2008/12/11</td>
		2880	<td>$136,200</td>
		2881	<td>7580</td>
		2882	<td>t.mooney@datatables.net</td>
		2883	</tr>
		2884	<tr>
		2885	<td>Jackson</td>
		2886	<td>Bradshaw</td>
		2887	<td>Director</td>
		2888	<td>New York</td>
		2889	<td>65</td>
		2890	<td>2008/09/26</td>
		2891	<td>$645,750</td>
		2892	<td>1042</td>
		2893	<td>j.bradshaw@datatables.net</td>
		2894	</tr>
		2895	<tr>
		2896	<td>Olivia</td>
		2897	<td>Liang</td>
		2898	<td>Support Engineer</td>
		2899	<td>Singapore</td>
		2900	<td>64</td>
		2901	<td>2011/02/03</td>
		2902	<td>$234,500</td>
		2903	<td>2120</td>
		2904	<td>o.liang@datatables.net</td>
		2905	</tr>
		2906	<tr>
		2907	<td>Bruno</td>
		2908	<td>Nash</td>
		2909	<td>Software Engineer</td>
		2910	<td>London</td>
		2911	<td>38</td>
		2912	<td>2011/05/03</td>
		2913	<td>$163,500</td>
		2914	<td>6222</td>
		2915	<td>b.nash@datatables.net</td>
		2916	</tr>
		2917	<tr>
		2918	<td>Sakura</td>
		2919	<td>Yamamoto</td>
		2920	<td>Support Engineer</td>
		2921	<td>Tokyo</td>
		2922	<td>37</td>
		2923	<td>2009/08/19</td>
		2924	<td>$139,575</td>
		2925	<td>9383</td>
		2926	<td>s.yamamoto@datatables.net</td>
		2927	</tr>
		2928	<tr>
		2929	<td>Thor</td>
		2930	<td>Walton</td>
		2931	<td>Developer</td>
		2932	<td>New York</td>
		2933	<td>61</td>
		2934	<td>2013/08/11</td>
		2935	<td>$98,540</td>
		2936	<td>8327</td>
		2937	<td>t.walton@datatables.net</td>
		2938	</tr>
		2939	<tr>
		2940	<td>Finn</td>
		2941	<td>Camacho</td>
		2942	<td>Support Engineer</td>
		2943	<td>San Francisco</td>
		2944	<td>47</td>
		2945	<td>2009/07/07</td>
		2946	<td>$87,500</td>
		2947	<td>2927</td>
		2948	<td>f.camacho@datatables.net</td>
		2949	</tr>
		2950	<tr>
		2951	<td>Serge</td>
		2952	<td>Baldwin</td>
		2953	<td>Data Coordinator</td>
		2954	<td>Singapore</td>
		2955	<td>64</td>
		2956	<td>2012/04/09</td>
		2957	<td>$138,575</td>
		2958	<td>8352</td>
		2959	<td>s.baldwin@datatables.net</td>
		2960	</tr>
		2961	<tr>
		2962	<td>Zenaida</td>
		2963	<td>Frank</td>
		2964	<td>Software Engineer</td>
		2965	<td>New York</td>
		2966	<td>63</td>
		2967	<td>2010/01/04</td>
		2968	<td>$125,250</td>
		2969	<td>7439</td>
		2970	<td>z.frank@datatables.net</td>
		2971	</tr>
		2972	<tr>
		2973	<td>Zorita</td>
		2974	<td>Serrano</td>
		2975	<td>Software Engineer</td>
		2976	<td>San Francisco</td>
		2977	<td>56</td>
		2978	<td>2012/06/01</td>
		2979	<td>$115,000</td>
		2980	<td>4389</td>
		2981	<td>z.serrano@datatables.net</td>
		2982	</tr>
		2983	<tr>
		2984	<td>Jennifer</td>
		2985	<td>Acosta</td>
		2986	<td>Junior Javascript Developer</td>
		2987	<td>Edinburgh</td>
		2988	<td>43</td>
		2989	<td>2013/02/01</td>
		2990	<td>$75,650</td>
		2991	<td>3431</td>
		2992	<td>j.acosta@datatables.net</td>
		2993	</tr>
		2994	<tr>
		2995	<td>Cara</td>
		2996	<td>Stevens</td>
		2997	<td>Sales Assistant</td>
		2998	<td>New York</td>
		2999	<td>46</td>
		3000	<td>2011/12/06</td>
		3001	<td>$145,600</td>
		3002	<td>3990</td>
		3003	<td>c.stevens@datatables.net</td>
		3004	</tr>
		3005	<tr>
		3006	<td>Hermione</td>
		3007	<td>Butler</td>
		3008	<td>Regional Director</td>
		3009	<td>London</td>
		3010	<td>47</td>
		3011	<td>2011/03/21</td>
		3012	<td>$356,250</td>
		3013	<td>1016</td>
		3014	<td>h.butler@datatables.net</td>
		3015	</tr>
		3016	<tr>
		3017	<td>Lael</td>
		3018	<td>Greer</td>
		3019	<td>Systems Administrator</td>
		3020	<td>London</td>
		3021	<td>21</td>
		3022	<td>2009/02/27</td>
		3023	<td>$103,500</td>
		3024	<td>6733</td>
		3025	<td>l.greer@datatables.net</td>
		3026	</tr>
		3027	<tr>
		3028	<td>Jonas</td>
		3029	<td>Alexander</td>
		3030	<td>Developer</td>
		3031	<td>San Francisco</td>
		3032	<td>30</td>
		3033	<td>2010/07/14</td>
		3034	<td>$86,500</td>
		3035	<td>8196</td>
		3036	<td>j.alexander@datatables.net</td>
		3037	</tr>
		3038	<tr>
		3039	<td>Shad</td>
		3040	<td>Decker</td>
		3041	<td>Regional Director</td>
		3042	<td>Edinburgh</td>
		3043	<td>51</td>
		3044	<td>2008/11/13</td>
		3045	<td>$183,000</td>
		3046	<td>6373</td>
		3047	<td>s.decker@datatables.net</td>
		3048	</tr>
		3049	<tr>
		3050	<td>Michael</td>
		3051	<td>Bruce</td>
		3052	<td>Javascript Developer</td>
		3053	<td>Singapore</td>
		3054	<td>29</td>
		3055	<td>2011/06/27</td>
		3056	<td>$183,000</td>
		3057	<td>5384</td>
		3058	<td>m.bruce@datatables.net</td>
		3059	</tr>
		3060	<tr>
		3061	<td>Donna</td>
		3062	<td>Snider</td>
		3063	<td>Customer Support</td>
		3064	<td>New York</td>
		3065	<td>27</td>
		3066	<td>2011/01/25</td>
		3067	<td>$112,000</td>
		3068	<td>4226</td>
		3069	<td>d.snider@datatables.net</td>
		3070	</tr>
		3071	</tbody>
		3072	</table>
		3073	</div>
		3074	</div>
		3075	</div>
		3076	<div class="col-md-6">
		3077	<!-- BEGIN EXAMPLE TABLE PORTLET-->
		3078	<div class="portlet light bordered">
		3079	<div class="portlet-title">
		3080	<div class="caption font-red">
		3081	<i class="icon-settings font-red"></i>
		3082	<span class="caption-subject bold uppercase">Both Scrollbars</span>
		3083	</div>
		3084	<div class="tools"> </div>
		3085	</div>
		3086	<div class="portlet-body table-both-scroll">
		3087	<table class="table table-striped table-bordered table-hover order-column" id="sample_4">
		3088	<thead>
		3089	<tr>
		3090	<th>First name</th>
		3091	<th>Lastname</th>
		3092	<th>Position</th>
		3093	<th>Office</th>
		3094	<th>Age</th>
		3095	<th>Start date</th>
		3096	<th>Salary</th>
		3097	<th>Extn.</th>
		3098	<th>E-mail</th>
		3099	</tr>
		3100	</thead>
		3101	<tbody>
		3102	<tr>
		3103	<td>Tiger</td>
		3104	<td>Nixon</td>
		3105	<td>System Architect</td>
		3106	<td>Edinburgh</td>
		3107	<td>61</td>
		3108	<td>2011/04/25</td>
		3109	<td>$320,800</td>
		3110	<td>5421</td>
		3111	<td>t.nixon@datatables.net</td>
		3112	</tr>
		3113	<tr>
		3114	<td>Garrett</td>
		3115	<td>Winters</td>
		3116	<td>Accountant</td>
		3117	<td>Tokyo</td>
		3118	<td>63</td>
		3119	<td>2011/07/25</td>
		3120	<td>$170,750</td>
		3121	<td>8422</td>
		3122	<td>g.winters@datatables.net</td>
		3123	</tr>
		3124	<tr>
		3125	<td>Ashton</td>
		3126	<td>Cox</td>
		3127	<td>Junior Technical Author</td>
		3128	<td>San Francisco</td>
		3129	<td>66</td>
		3130	<td>2009/01/12</td>
		3131	<td>$86,000</td>
		3132	<td>1562</td>
		3133	<td>a.cox@datatables.net</td>
		3134	</tr>
		3135	<tr>
		3136	<td>Cedric</td>
		3137	<td>Kelly</td>
		3138	<td>Senior Javascript Developer</td>
		3139	<td>Edinburgh</td>
		3140	<td>22</td>
		3141	<td>2012/03/29</td>
		3142	<td>$433,060</td>
		3143	<td>6224</td>
		3144	<td>c.kelly@datatables.net</td>
		3145	</tr>
		3146	<tr>
		3147	<td>Airi</td>
		3148	<td>Satou</td>
		3149	<td>Accountant</td>
		3150	<td>Tokyo</td>
		3151	<td>33</td>
		3152	<td>2008/11/28</td>
		3153	<td>$162,700</td>
		3154	<td>5407</td>
		3155	<td>a.satou@datatables.net</td>
		3156	</tr>
		3157	<tr>
		3158	<td>Brielle</td>
		3159	<td>Williamson</td>
		3160	<td>Integration Specialist</td>
		3161	<td>New York</td>
		3162	<td>61</td>
		3163	<td>2012/12/02</td>
		3164	<td>$372,000</td>
		3165	<td>4804</td>
		3166	<td>b.williamson@datatables.net</td>
		3167	</tr>
		3168	<tr>
		3169	<td>Herrod</td>
		3170	<td>Chandler</td>
		3171	<td>Sales Assistant</td>
		3172	<td>San Francisco</td>
		3173	<td>59</td>
		3174	<td>2012/08/06</td>
		3175	<td>$137,500</td>
		3176	<td>9608</td>
		3177	<td>h.chandler@datatables.net</td>
		3178	</tr>
		3179	<tr>
		3180	<td>Rhona</td>
		3181	<td>Davidson</td>
		3182	<td>Integration Specialist</td>
		3183	<td>Tokyo</td>
		3184	<td>55</td>
		3185	<td>2010/10/14</td>
		3186	<td>$327,900</td>
		3187	<td>6200</td>
		3188	<td>r.davidson@datatables.net</td>
		3189	</tr>
		3190	<tr>
		3191	<td>Colleen</td>
		3192	<td>Hurst</td>
		3193	<td>Javascript Developer</td>
		3194	<td>San Francisco</td>
		3195	<td>39</td>
		3196	<td>2009/09/15</td>
		3197	<td>$205,500</td>
		3198	<td>2360</td>
		3199	<td>c.hurst@datatables.net</td>
		3200	</tr>
		3201	<tr>
		3202	<td>Sonya</td>
		3203	<td>Frost</td>
		3204	<td>Software Engineer</td>
		3205	<td>Edinburgh</td>
		3206	<td>23</td>
		3207	<td>2008/12/13</td>
		3208	<td>$103,600</td>
		3209	<td>1667</td>
		3210	<td>s.frost@datatables.net</td>
		3211	</tr>
		3212	<tr>
		3213	<td>Jena</td>
		3214	<td>Gaines</td>
		3215	<td>Office Manager</td>
		3216	<td>London</td>
		3217	<td>30</td>
		3218	<td>2008/12/19</td>
		3219	<td>$90,560</td>
		3220	<td>3814</td>
		3221	<td>j.gaines@datatables.net</td>
		3222	</tr>
		3223	<tr>
		3224	<td>Quinn</td>
		3225	<td>Flynn</td>
		3226	<td>Support Lead</td>
		3227	<td>Edinburgh</td>
		3228	<td>22</td>
		3229	<td>2013/03/03</td>
		3230	<td>$342,000</td>
		3231	<td>9497</td>
		3232	<td>q.flynn@datatables.net</td>
		3233	</tr>
		3234	<tr>
		3235	<td>Charde</td>
		3236	<td>Marshall</td>
		3237	<td>Regional Director</td>
		3238	<td>San Francisco</td>
		3239	<td>36</td>
		3240	<td>2008/10/16</td>
		3241	<td>$470,600</td>
		3242	<td>6741</td>
		3243	<td>c.marshall@datatables.net</td>
		3244	</tr>
		3245	<tr>
		3246	<td>Haley</td>
		3247	<td>Kennedy</td>
		3248	<td>Senior Marketing Designer</td>
		3249	<td>London</td>
		3250	<td>43</td>
		3251	<td>2012/12/18</td>
		3252	<td>$313,500</td>
		3253	<td>3597</td>
		3254	<td>h.kennedy@datatables.net</td>
		3255	</tr>
		3256	<tr>
		3257	<td>Tatyana</td>
		3258	<td>Fitzpatrick</td>
		3259	<td>Regional Director</td>
		3260	<td>London</td>
		3261	<td>19</td>
		3262	<td>2010/03/17</td>
		3263	<td>$385,750</td>
		3264	<td>1965</td>
		3265	<td>t.fitzpatrick@datatables.net</td>
		3266	</tr>
		3267	<tr>
		3268	<td>Michael</td>
		3269	<td>Silva</td>
		3270	<td>Marketing Designer</td>
		3271	<td>London</td>
		3272	<td>66</td>
		3273	<td>2012/11/27</td>
		3274	<td>$198,500</td>
		3275	<td>1581</td>
		3276	<td>m.silva@datatables.net</td>
		3277	</tr>
		3278	<tr>
		3279	<td>Paul</td>
		3280	<td>Byrd</td>
		3281	<td>Chief Financial Officer (CFO)</td>
		3282	<td>New York</td>
		3283	<td>64</td>
		3284	<td>2010/06/09</td>
		3285	<td>$725,000</td>
		3286	<td>3059</td>
		3287	<td>p.byrd@datatables.net</td>
		3288	</tr>
		3289	<tr>
		3290	<td>Gloria</td>
		3291	<td>Little</td>
		3292	<td>Systems Administrator</td>
		3293	<td>New York</td>
		3294	<td>59</td>
		3295	<td>2009/04/10</td>
		3296	<td>$237,500</td>
		3297	<td>1721</td>
		3298	<td>g.little@datatables.net</td>
		3299	</tr>
		3300	<tr>
		3301	<td>Bradley</td>
		3302	<td>Greer</td>
		3303	<td>Software Engineer</td>
		3304	<td>London</td>
		3305	<td>41</td>
		3306	<td>2012/10/13</td>
		3307	<td>$132,000</td>
		3308	<td>2558</td>
		3309	<td>b.greer@datatables.net</td>
		3310	</tr>
		3311	<tr>
		3312	<td>Dai</td>
		3313	<td>Rios</td>
		3314	<td>Personnel Lead</td>
		3315	<td>Edinburgh</td>
		3316	<td>35</td>
		3317	<td>2012/09/26</td>
		3318	<td>$217,500</td>
		3319	<td>2290</td>
		3320	<td>d.rios@datatables.net</td>
		3321	</tr>
		3322	<tr>
		3323	<td>Jenette</td>
		3324	<td>Caldwell</td>
		3325	<td>Development Lead</td>
		3326	<td>New York</td>
		3327	<td>30</td>
		3328	<td>2011/09/03</td>
		3329	<td>$345,000</td>
		3330	<td>1937</td>
		3331	<td>j.caldwell@datatables.net</td>
		3332	</tr>
		3333	<tr>
		3334	<td>Yuri</td>
		3335	<td>Berry</td>
		3336	<td>Chief Marketing Officer (CMO)</td>
		3337	<td>New York</td>
		3338	<td>40</td>
		3339	<td>2009/06/25</td>
		3340	<td>$675,000</td>
		3341	<td>6154</td>
		3342	<td>y.berry@datatables.net</td>
		3343	</tr>
		3344	<tr>
		3345	<td>Caesar</td>
		3346	<td>Vance</td>
		3347	<td>Pre-Sales Support</td>
		3348	<td>New York</td>
		3349	<td>21</td>
		3350	<td>2011/12/12</td>
		3351	<td>$106,450</td>
		3352	<td>8330</td>
		3353	<td>c.vance@datatables.net</td>
		3354	</tr>
		3355	<tr>
		3356	<td>Doris</td>
		3357	<td>Wilder</td>
		3358	<td>Sales Assistant</td>
		3359	<td>Sidney</td>
		3360	<td>23</td>
		3361	<td>2010/09/20</td>
		3362	<td>$85,600</td>
		3363	<td>3023</td>
		3364	<td>d.wilder@datatables.net</td>
		3365	</tr>
		3366	<tr>
		3367	<td>Angelica</td>
		3368	<td>Ramos</td>
		3369	<td>Chief Executive Officer (CEO)</td>
		3370	<td>London</td>
		3371	<td>47</td>
		3372	<td>2009/10/09</td>
		3373	<td>$1,200,000</td>
		3374	<td>5797</td>
		3375	<td>a.ramos@datatables.net</td>
		3376	</tr>
		3377	<tr>
		3378	<td>Gavin</td>
		3379	<td>Joyce</td>
		3380	<td>Developer</td>
		3381	<td>Edinburgh</td>
		3382	<td>42</td>
		3383	<td>2010/12/22</td>
		3384	<td>$92,575</td>
		3385	<td>8822</td>
		3386	<td>g.joyce@datatables.net</td>
		3387	</tr>
		3388	<tr>
		3389	<td>Jennifer</td>
		3390	<td>Chang</td>
		3391	<td>Regional Director</td>
		3392	<td>Singapore</td>
		3393	<td>28</td>
		3394	<td>2010/11/14</td>
		3395	<td>$357,650</td>
		3396	<td>9239</td>
		3397	<td>j.chang@datatables.net</td>
		3398	</tr>
		3399	<tr>
		3400	<td>Brenden</td>
		3401	<td>Wagner</td>
		3402	<td>Software Engineer</td>
		3403	<td>San Francisco</td>
		3404	<td>28</td>
		3405	<td>2011/06/07</td>
		3406	<td>$206,850</td>
		3407	<td>1314</td>
		3408	<td>b.wagner@datatables.net</td>
		3409	</tr>
		3410	<tr>
		3411	<td>Fiona</td>
		3412	<td>Green</td>
		3413	<td>Chief Operating Officer (COO)</td>
		3414	<td>San Francisco</td>
		3415	<td>48</td>
		3416	<td>2010/03/11</td>
		3417	<td>$850,000</td>
		3418	<td>2947</td>
		3419	<td>f.green@datatables.net</td>
		3420	</tr>
		3421	<tr>
		3422	<td>Shou</td>
		3423	<td>Itou</td>
		3424	<td>Regional Marketing</td>
		3425	<td>Tokyo</td>
		3426	<td>20</td>
		3427	<td>2011/08/14</td>
		3428	<td>$163,000</td>
		3429	<td>8899</td>
		3430	<td>s.itou@datatables.net</td>
		3431	</tr>
		3432	<tr>
		3433	<td>Michelle</td>
		3434	<td>House</td>
		3435	<td>Integration Specialist</td>
		3436	<td>Sidney</td>
		3437	<td>37</td>
		3438	<td>2011/06/02</td>
		3439	<td>$95,400</td>
		3440	<td>2769</td>
		3441	<td>m.house@datatables.net</td>
		3442	</tr>
		3443	<tr>
		3444	<td>Suki</td>
		3445	<td>Burks</td>
		3446	<td>Developer</td>
		3447	<td>London</td>
		3448	<td>53</td>
		3449	<td>2009/10/22</td>
		3450	<td>$114,500</td>
		3451	<td>6832</td>
		3452	<td>s.burks@datatables.net</td>
		3453	</tr>
		3454	<tr>
		3455	<td>Prescott</td>
		3456	<td>Bartlett</td>
		3457	<td>Technical Author</td>
		3458	<td>London</td>
		3459	<td>27</td>
		3460	<td>2011/05/07</td>
		3461	<td>$145,000</td>
		3462	<td>3606</td>
		3463	<td>p.bartlett@datatables.net</td>
		3464	</tr>
		3465	<tr>
		3466	<td>Gavin</td>
		3467	<td>Cortez</td>
		3468	<td>Team Leader</td>
		3469	<td>San Francisco</td>
		3470	<td>22</td>
		3471	<td>2008/10/26</td>
		3472	<td>$235,500</td>
		3473	<td>2860</td>
		3474	<td>g.cortez@datatables.net</td>
		3475	</tr>
		3476	<tr>
		3477	<td>Martena</td>
		3478	<td>Mccray</td>
		3479	<td>Post-Sales support</td>
		3480	<td>Edinburgh</td>
		3481	<td>46</td>
		3482	<td>2011/03/09</td>
		3483	<td>$324,050</td>
		3484	<td>8240</td>
		3485	<td>m.mccray@datatables.net</td>
		3486	</tr>
		3487	<tr>
		3488	<td>Unity</td>
		3489	<td>Butler</td>
		3490	<td>Marketing Designer</td>
		3491	<td>San Francisco</td>
		3492	<td>47</td>
		3493	<td>2009/12/09</td>
		3494	<td>$85,675</td>
		3495	<td>5384</td>
		3496	<td>u.butler@datatables.net</td>
		3497	</tr>
		3498	<tr>
		3499	<td>Howard</td>
		3500	<td>Hatfield</td>
		3501	<td>Office Manager</td>
		3502	<td>San Francisco</td>
		3503	<td>51</td>
		3504	<td>2008/12/16</td>
		3505	<td>$164,500</td>
		3506	<td>7031</td>
		3507	<td>h.hatfield@datatables.net</td>
		3508	</tr>
		3509	<tr>
		3510	<td>Hope</td>
		3511	<td>Fuentes</td>
		3512	<td>Secretary</td>
		3513	<td>San Francisco</td>
		3514	<td>41</td>
		3515	<td>2010/02/12</td>
		3516	<td>$109,850</td>
		3517	<td>6318</td>
		3518	<td>h.fuentes@datatables.net</td>
		3519	</tr>
		3520	<tr>
		3521	<td>Vivian</td>
		3522	<td>Harrell</td>
		3523	<td>Financial Controller</td>
		3524	<td>San Francisco</td>
		3525	<td>62</td>
		3526	<td>2009/02/14</td>
		3527	<td>$452,500</td>
		3528	<td>9422</td>
		3529	<td>v.harrell@datatables.net</td>
		3530	</tr>
		3531	<tr>
		3532	<td>Timothy</td>
		3533	<td>Mooney</td>
		3534	<td>Office Manager</td>
		3535	<td>London</td>
		3536	<td>37</td>
		3537	<td>2008/12/11</td>
		3538	<td>$136,200</td>
		3539	<td>7580</td>
		3540	<td>t.mooney@datatables.net</td>
		3541	</tr>
		3542	<tr>
		3543	<td>Jackson</td>
		3544	<td>Bradshaw</td>
		3545	<td>Director</td>
		3546	<td>New York</td>
		3547	<td>65</td>
		3548	<td>2008/09/26</td>
		3549	<td>$645,750</td>
		3550	<td>1042</td>
		3551	<td>j.bradshaw@datatables.net</td>
		3552	</tr>
		3553	<tr>
		3554	<td>Olivia</td>
		3555	<td>Liang</td>
		3556	<td>Support Engineer</td>
		3557	<td>Singapore</td>
		3558	<td>64</td>
		3559	<td>2011/02/03</td>
		3560	<td>$234,500</td>
		3561	<td>2120</td>
		3562	<td>o.liang@datatables.net</td>
		3563	</tr>
		3564	<tr>
		3565	<td>Bruno</td>
		3566	<td>Nash</td>
		3567	<td>Software Engineer</td>
		3568	<td>London</td>
		3569	<td>38</td>
		3570	<td>2011/05/03</td>
		3571	<td>$163,500</td>
		3572	<td>6222</td>
		3573	<td>b.nash@datatables.net</td>
		3574	</tr>
		3575	<tr>
		3576	<td>Sakura</td>
		3577	<td>Yamamoto</td>
		3578	<td>Support Engineer</td>
		3579	<td>Tokyo</td>
		3580	<td>37</td>
		3581	<td>2009/08/19</td>
		3582	<td>$139,575</td>
		3583	<td>9383</td>
		3584	<td>s.yamamoto@datatables.net</td>
		3585	</tr>
		3586	<tr>
		3587	<td>Thor</td>
		3588	<td>Walton</td>
		3589	<td>Developer</td>
		3590	<td>New York</td>
		3591	<td>61</td>
		3592	<td>2013/08/11</td>
		3593	<td>$98,540</td>
		3594	<td>8327</td>
		3595	<td>t.walton@datatables.net</td>
		3596	</tr>
		3597	<tr>
		3598	<td>Finn</td>
		3599	<td>Camacho</td>
		3600	<td>Support Engineer</td>
		3601	<td>San Francisco</td>
		3602	<td>47</td>
		3603	<td>2009/07/07</td>
		3604	<td>$87,500</td>
		3605	<td>2927</td>
		3606	<td>f.camacho@datatables.net</td>
		3607	</tr>
		3608	<tr>
		3609	<td>Serge</td>
		3610	<td>Baldwin</td>
		3611	<td>Data Coordinator</td>
		3612	<td>Singapore</td>
		3613	<td>64</td>
		3614	<td>2012/04/09</td>
		3615	<td>$138,575</td>
		3616	<td>8352</td>
		3617	<td>s.baldwin@datatables.net</td>
		3618	</tr>
		3619	<tr>
		3620	<td>Zenaida</td>
		3621	<td>Frank</td>
		3622	<td>Software Engineer</td>
		3623	<td>New York</td>
		3624	<td>63</td>
		3625	<td>2010/01/04</td>
		3626	<td>$125,250</td>
		3627	<td>7439</td>
		3628	<td>z.frank@datatables.net</td>
		3629	</tr>
		3630	<tr>
		3631	<td>Zorita</td>
		3632	<td>Serrano</td>
		3633	<td>Software Engineer</td>
		3634	<td>San Francisco</td>
		3635	<td>56</td>
		3636	<td>2012/06/01</td>
		3637	<td>$115,000</td>
		3638	<td>4389</td>
		3639	<td>z.serrano@datatables.net</td>
		3640	</tr>
		3641	<tr>
		3642	<td>Jennifer</td>
		3643	<td>Acosta</td>
		3644	<td>Junior Javascript Developer</td>
		3645	<td>Edinburgh</td>
		3646	<td>43</td>
		3647	<td>2013/02/01</td>
		3648	<td>$75,650</td>
		3649	<td>3431</td>
		3650	<td>j.acosta@datatables.net</td>
		3651	</tr>
		3652	<tr>
		3653	<td>Cara</td>
		3654	<td>Stevens</td>
		3655	<td>Sales Assistant</td>
		3656	<td>New York</td>
		3657	<td>46</td>
		3658	<td>2011/12/06</td>
		3659	<td>$145,600</td>
		3660	<td>3990</td>
		3661	<td>c.stevens@datatables.net</td>
		3662	</tr>
		3663	<tr>
		3664	<td>Hermione</td>
		3665	<td>Butler</td>
		3666	<td>Regional Director</td>
		3667	<td>London</td>
		3668	<td>47</td>
		3669	<td>2011/03/21</td>
		3670	<td>$356,250</td>
		3671	<td>1016</td>
		3672	<td>h.butler@datatables.net</td>
		3673	</tr>
		3674	<tr>
		3675	<td>Lael</td>
		3676	<td>Greer</td>
		3677	<td>Systems Administrator</td>
		3678	<td>London</td>
		3679	<td>21</td>
		3680	<td>2009/02/27</td>
		3681	<td>$103,500</td>
		3682	<td>6733</td>
		3683	<td>l.greer@datatables.net</td>
		3684	</tr>
		3685	<tr>
		3686	<td>Jonas</td>
		3687	<td>Alexander</td>
		3688	<td>Developer</td>
		3689	<td>San Francisco</td>
		3690	<td>30</td>
		3691	<td>2010/07/14</td>
		3692	<td>$86,500</td>
		3693	<td>8196</td>
		3694	<td>j.alexander@datatables.net</td>
		3695	</tr>
		3696	<tr>
		3697	<td>Shad</td>
		3698	<td>Decker</td>
		3699	<td>Regional Director</td>
		3700	<td>Edinburgh</td>
		3701	<td>51</td>
		3702	<td>2008/11/13</td>
		3703	<td>$183,000</td>
		3704	<td>6373</td>
		3705	<td>s.decker@datatables.net</td>
		3706	</tr>
		3707	<tr>
		3708	<td>Michael</td>
		3709	<td>Bruce</td>
		3710	<td>Javascript Developer</td>
		3711	<td>Singapore</td>
		3712	<td>29</td>
		3713	<td>2011/06/27</td>
		3714	<td>$183,000</td>
		3715	<td>5384</td>
		3716	<td>m.bruce@datatables.net</td>
		3717	</tr>
		3718	<tr>
		3719	<td>Donna</td>
		3720	<td>Snider</td>
		3721	<td>Customer Support</td>
		3722	<td>New York</td>
		3723	<td>27</td>
		3724	<td>2011/01/25</td>
		3725	<td>$112,000</td>
		3726	<td>4226</td>
		3727	<td>d.snider@datatables.net</td>
		3728	</tr>
		3729	</tbody>
		3730	</table>
		3731	</div>
		3732	</div>
		3733	</div>
		3734	</div>
		3735	</div>
		3736	<!-- END CONTENT BODY -->
		3737	</div>
		3738	<!-- END CONTENT -->
		3739	<!-- BEGIN QUICK SIDEBAR -->
		3740	<a href="javascript:;" class="page-quick-sidebar-toggler">
		3741	<i class="icon-login"></i>
		3742	</a>
		3743	<div class="page-quick-sidebar-wrapper" data-close-on-body-click="false">
		3744	<div class="page-quick-sidebar">
		3745	<ul class="nav nav-tabs">
		3746	<li class="active">
		3747	<a href="javascript:;" data-target="#quick_sidebar_tab_1" data-toggle="tab"> Users
		3748	<span class="badge badge-danger">2</span>
		3749	</a>
		3750	</li>
		3751	<li>
		3752	<a href="javascript:;" data-target="#quick_sidebar_tab_2" data-toggle="tab"> Alerts
		3753	<span class="badge badge-success">7</span>
		3754	</a>
		3755	</li>
		3756	<li class="dropdown">
		3757	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"> More
		3758	<i class="fa fa-angle-down"></i>
		3759	</a>
		3760	<ul class="dropdown-menu pull-right">
		3761	<li>
		3762	<a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
		3763	<i class="icon-bell"></i> Alerts </a>
		3764	</li>
		3765	<li>
		3766	<a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
		3767	<i class="icon-info"></i> Notifications </a>
		3768	</li>
		3769	<li>
		3770	<a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
		3771	<i class="icon-speech"></i> Activities </a>
		3772	</li>
		3773	<li class="divider"></li>
		3774	<li>
		3775	<a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
		3776	<i class="icon-settings"></i> Settings </a>
		3777	</li>
		3778	</ul>
		3779	</li>
		3780	</ul>
		3781	<div class="tab-content">
		3782	<div class="tab-pane active page-quick-sidebar-chat" id="quick_sidebar_tab_1">
		3783	<div class="page-quick-sidebar-chat-users" data-rail-color="#ddd" data-wrapper-class="page-quick-sidebar-list">
		3784	<h3 class="list-heading">Staff</h3>
		3785	<ul class="media-list list-items">
		3786	<li class="media">
		3787	<div class="media-status">
		3788	<span class="badge badge-success">8</span>
		3789	</div>
		3790	<img class="media-object" src="../assets/layouts/layout/img/avatar3.jpg" alt="...">
		3791	<div class="media-body">
		3792	<h4 class="media-heading">Bob Nilson</h4>
		3793	<div class="media-heading-sub"> Project Manager </div>
		3794	</div>
		3795	</li>
		3796	<li class="media">
		3797	<img class="media-object" src="../assets/layouts/layout/img/avatar1.jpg" alt="...">
		3798	<div class="media-body">
		3799	<h4 class="media-heading">Nick Larson</h4>
		3800	<div class="media-heading-sub"> Art Director </div>
		3801	</div>
		3802	</li>
		3803	<li class="media">
		3804	<div class="media-status">
		3805	<span class="badge badge-danger">3</span>
		3806	</div>
		3807	<img class="media-object" src="../assets/layouts/layout/img/avatar4.jpg" alt="...">
		3808	<div class="media-body">
		3809	<h4 class="media-heading">Deon Hubert</h4>
		3810	<div class="media-heading-sub"> CTO </div>
		3811	</div>
		3812	</li>
		3813	<li class="media">
		3814	<img class="media-object" src="../assets/layouts/layout/img/avatar2.jpg" alt="...">
		3815	<div class="media-body">
		3816	<h4 class="media-heading">Ella Wong</h4>
		3817	<div class="media-heading-sub"> CEO </div>
		3818	</div>
		3819	</li>
		3820	</ul>
		3821	<h3 class="list-heading">Customers</h3>
		3822	<ul class="media-list list-items">
		3823	<li class="media">
		3824	<div class="media-status">
		3825	<span class="badge badge-warning">2</span>
		3826	</div>
		3827	<img class="media-object" src="../assets/layouts/layout/img/avatar6.jpg" alt="...">
		3828	<div class="media-body">
		3829	<h4 class="media-heading">Lara Kunis</h4>
		3830	<div class="media-heading-sub"> CEO, Loop Inc </div>
		3831	<div class="media-heading-small"> Last seen 03:10 AM </div>
		3832	</div>
		3833	</li>
		3834	<li class="media">
		3835	<div class="media-status">
		3836	<span class="label label-sm label-success">new</span>
		3837	</div>
		3838	<img class="media-object" src="../assets/layouts/layout/img/avatar7.jpg" alt="...">
		3839	<div class="media-body">
		3840	<h4 class="media-heading">Ernie Kyllonen</h4>
		3841	<div class="media-heading-sub"> Project Manager,
		3842	<br> SmartBizz PTL </div>
		3843	</div>
		3844	</li>
		3845	<li class="media">
		3846	<img class="media-object" src="../assets/layouts/layout/img/avatar8.jpg" alt="...">
		3847	<div class="media-body">
		3848	<h4 class="media-heading">Lisa Stone</h4>
		3849	<div class="media-heading-sub"> CTO, Keort Inc </div>
		3850	<div class="media-heading-small"> Last seen 13:10 PM </div>
		3851	</div>
		3852	</li>
		3853	<li class="media">
		3854	<div class="media-status">
		3855	<span class="badge badge-success">7</span>
		3856	</div>
		3857	<img class="media-object" src="../assets/layouts/layout/img/avatar9.jpg" alt="...">
		3858	<div class="media-body">
		3859	<h4 class="media-heading">Deon Portalatin</h4>
		3860	<div class="media-heading-sub"> CFO, H&D LTD </div>
		3861	</div>
		3862	</li>
		3863	<li class="media">
		3864	<img class="media-object" src="../assets/layouts/layout/img/avatar10.jpg" alt="...">
		3865	<div class="media-body">
		3866	<h4 class="media-heading">Irina Savikova</h4>
		3867	<div class="media-heading-sub"> CEO, Tizda Motors Inc </div>
		3868	</div>
		3869	</li>
		3870	<li class="media">
		3871	<div class="media-status">
		3872	<span class="badge badge-danger">4</span>
		3873	</div>
		3874	<img class="media-object" src="../assets/layouts/layout/img/avatar11.jpg" alt="...">
		3875	<div class="media-body">
		3876	<h4 class="media-heading">Maria Gomez</h4>
		3877	<div class="media-heading-sub"> Manager, Infomatic Inc </div>
		3878	<div class="media-heading-small"> Last seen 03:10 AM </div>
		3879	</div>
		3880	</li>
		3881	</ul>
		3882	</div>
		3883	<div class="page-quick-sidebar-item">
		3884	<div class="page-quick-sidebar-chat-user">
		3885	<div class="page-quick-sidebar-nav">
		3886	<a href="javascript:;" class="page-quick-sidebar-back-to-list">
		3887	<i class="icon-arrow-left"></i>Back</a>
		3888	</div>
		3889	<div class="page-quick-sidebar-chat-user-messages">
		3890	<div class="post out">
		3891	<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
		3892	<div class="message">
		3893	<span class="arrow"></span>
		3894	<a href="javascript:;" class="name">Bob Nilson</a>
		3895	<span class="datetime">20:15</span>
		3896	<span class="body"> When could you send me the report ? </span>
		3897	</div>
		3898	</div>
		3899	<div class="post in">
		3900	<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
		3901	<div class="message">
		3902	<span class="arrow"></span>
		3903	<a href="javascript:;" class="name">Ella Wong</a>
		3904	<span class="datetime">20:15</span>
		3905	<span class="body"> Its almost done. I will be sending it shortly </span>
		3906	</div>
		3907	</div>
		3908	<div class="post out">
		3909	<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
		3910	<div class="message">
		3911	<span class="arrow"></span>
		3912	<a href="javascript:;" class="name">Bob Nilson</a>
		3913	<span class="datetime">20:15</span>
		3914	<span class="body"> Alright. Thanks! :) </span>
		3915	</div>
		3916	</div>
		3917	<div class="post in">
		3918	<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
		3919	<div class="message">
		3920	<span class="arrow"></span>
		3921	<a href="javascript:;" class="name">Ella Wong</a>
		3922	<span class="datetime">20:16</span>
		3923	<span class="body"> You are most welcome. Sorry for the delay. </span>
		3924	</div>
		3925	</div>
		3926	<div class="post out">
		3927	<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
		3928	<div class="message">
		3929	<span class="arrow"></span>
		3930	<a href="javascript:;" class="name">Bob Nilson</a>
		3931	<span class="datetime">20:17</span>
		3932	<span class="body"> No probs. Just take your time :) </span>
		3933	</div>
		3934	</div>
		3935	<div class="post in">
		3936	<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
		3937	<div class="message">
		3938	<span class="arrow"></span>
		3939	<a href="javascript:;" class="name">Ella Wong</a>
		3940	<span class="datetime">20:40</span>
		3941	<span class="body"> Alright. I just emailed it to you. </span>
		3942	</div>
		3943	</div>
		3944	<div class="post out">
		3945	<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
		3946	<div class="message">
		3947	<span class="arrow"></span>
		3948	<a href="javascript:;" class="name">Bob Nilson</a>
		3949	<span class="datetime">20:17</span>
		3950	<span class="body"> Great! Thanks. Will check it right away. </span>
		3951	</div>
		3952	</div>
		3953	<div class="post in">
		3954	<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
		3955	<div class="message">
		3956	<span class="arrow"></span>
		3957	<a href="javascript:;" class="name">Ella Wong</a>
		3958	<span class="datetime">20:40</span>
		3959	<span class="body"> Please let me know if you have any comment. </span>
		3960	</div>
		3961	</div>
		3962	<div class="post out">
		3963	<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
		3964	<div class="message">
		3965	<span class="arrow"></span>
		3966	<a href="javascript:;" class="name">Bob Nilson</a>
		3967	<span class="datetime">20:17</span>
		3968	<span class="body"> Sure. I will check and buzz you if anything needs to be corrected. </span>
		3969	</div>
		3970	</div>
		3971	</div>
		3972	<div class="page-quick-sidebar-chat-user-form">
		3973	<div class="input-group">
		3974	<input type="text" class="form-control" placeholder="Type a message here...">
		3975	<div class="input-group-btn">
		3976	<button type="button" class="btn green">
		3977	<i class="icon-paper-clip"></i>
		3978	</button>
		3979	</div>
		3980	</div>
		3981	</div>
		3982	</div>
		3983	</div>
		3984	</div>
		3985	<div class="tab-pane page-quick-sidebar-alerts" id="quick_sidebar_tab_2">
		3986	<div class="page-quick-sidebar-alerts-list">
		3987	<h3 class="list-heading">General</h3>
		3988	<ul class="feeds list-items">
		3989	<li>
		3990	<div class="col1">
		3991	<div class="cont">
		3992	<div class="cont-col1">
		3993	<div class="label label-sm label-info">
		3994	<i class="fa fa-check"></i>
		3995	</div>
		3996	</div>
		3997	<div class="cont-col2">
		3998	<div class="desc"> You have 4 pending tasks.
		3999	<span class="label label-sm label-warning "> Take action
		4000	<i class="fa fa-share"></i>
		4001	</span>
		4002	</div>
		4003	</div>
		4004	</div>
		4005	</div>
		4006	<div class="col2">
		4007	<div class="date"> Just now </div>
		4008	</div>
		4009	</li>
		4010	<li>
		4011	<a href="javascript:;">
		4012	<div class="col1">
		4013	<div class="cont">
		4014	<div class="cont-col1">
		4015	<div class="label label-sm label-success">
		4016	<i class="fa fa-bar-chart-o"></i>
		4017	</div>
		4018	</div>
		4019	<div class="cont-col2">
		4020	<div class="desc"> Finance Report for year 2013 has been released. </div>
		4021	</div>
		4022	</div>
		4023	</div>
		4024	<div class="col2">
		4025	<div class="date"> 20 mins </div>
		4026	</div>
		4027	</a>
		4028	</li>
		4029	<li>
		4030	<div class="col1">
		4031	<div class="cont">
		4032	<div class="cont-col1">
		4033	<div class="label label-sm label-danger">
		4034	<i class="fa fa-user"></i>
		4035	</div>
		4036	</div>
		4037	<div class="cont-col2">
		4038	<div class="desc"> You have 5 pending membership that requires a quick review. </div>
		4039	</div>
		4040	</div>
		4041	</div>
		4042	<div class="col2">
		4043	<div class="date"> 24 mins </div>
		4044	</div>
		4045	</li>
		4046	<li>
		4047	<div class="col1">
		4048	<div class="cont">
		4049	<div class="cont-col1">
		4050	<div class="label label-sm label-info">
		4051	<i class="fa fa-shopping-cart"></i>
		4052	</div>
		4053	</div>
		4054	<div class="cont-col2">
		4055	<div class="desc"> New order received with
		4056	<span class="label label-sm label-success"> Reference Number: DR23923 </span>
		4057	</div>
		4058	</div>
		4059	</div>
		4060	</div>
		4061	<div class="col2">
		4062	<div class="date"> 30 mins </div>
		4063	</div>
		4064	</li>
		4065	<li>
		4066	<div class="col1">
		4067	<div class="cont">
		4068	<div class="cont-col1">
		4069	<div class="label label-sm label-success">
		4070	<i class="fa fa-user"></i>
		4071	</div>
		4072	</div>
		4073	<div class="cont-col2">
		4074	<div class="desc"> You have 5 pending membership that requires a quick review. </div>
		4075	</div>
		4076	</div>
		4077	</div>
		4078	<div class="col2">
		4079	<div class="date"> 24 mins </div>
		4080	</div>
		4081	</li>
		4082	<li>
		4083	<div class="col1">
		4084	<div class="cont">
		4085	<div class="cont-col1">
		4086	<div class="label label-sm label-info">
		4087	<i class="fa fa-bell-o"></i>
		4088	</div>
		4089	</div>
		4090	<div class="cont-col2">
		4091	<div class="desc"> Web server hardware needs to be upgraded.
		4092	<span class="label label-sm label-warning"> Overdue </span>
		4093	</div>
		4094	</div>
		4095	</div>
		4096	</div>
		4097	<div class="col2">
		4098	<div class="date"> 2 hours </div>
		4099	</div>
		4100	</li>
		4101	<li>
		4102	<a href="javascript:;">
		4103	<div class="col1">
		4104	<div class="cont">
		4105	<div class="cont-col1">
		4106	<div class="label label-sm label-default">
		4107	<i class="fa fa-briefcase"></i>
		4108	</div>
		4109	</div>
		4110	<div class="cont-col2">
		4111	<div class="desc"> IPO Report for year 2013 has been released. </div>
		4112	</div>
		4113	</div>
		4114	</div>
		4115	<div class="col2">
		4116	<div class="date"> 20 mins </div>
		4117	</div>
		4118	</a>
		4119	</li>
		4120	</ul>
		4121	<h3 class="list-heading">System</h3>
		4122	<ul class="feeds list-items">
		4123	<li>
		4124	<div class="col1">
		4125	<div class="cont">
		4126	<div class="cont-col1">
		4127	<div class="label label-sm label-info">
		4128	<i class="fa fa-check"></i>
		4129	</div>
		4130	</div>
		4131	<div class="cont-col2">
		4132	<div class="desc"> You have 4 pending tasks.
		4133	<span class="label label-sm label-warning "> Take action
		4134	<i class="fa fa-share"></i>
		4135	</span>
		4136	</div>
		4137	</div>
		4138	</div>
		4139	</div>
		4140	<div class="col2">
		4141	<div class="date"> Just now </div>
		4142	</div>
		4143	</li>
		4144	<li>
		4145	<a href="javascript:;">
		4146	<div class="col1">
		4147	<div class="cont">
		4148	<div class="cont-col1">
		4149	<div class="label label-sm label-danger">
		4150	<i class="fa fa-bar-chart-o"></i>
		4151	</div>
		4152	</div>
		4153	<div class="cont-col2">
		4154	<div class="desc"> Finance Report for year 2013 has been released. </div>
		4155	</div>
		4156	</div>
		4157	</div>
		4158	<div class="col2">
		4159	<div class="date"> 20 mins </div>
		4160	</div>
		4161	</a>
		4162	</li>
		4163	<li>
		4164	<div class="col1">
		4165	<div class="cont">
		4166	<div class="cont-col1">
		4167	<div class="label label-sm label-default">
		4168	<i class="fa fa-user"></i>
		4169	</div>
		4170	</div>
		4171	<div class="cont-col2">
		4172	<div class="desc"> You have 5 pending membership that requires a quick review. </div>
		4173	</div>
		4174	</div>
		4175	</div>
		4176	<div class="col2">
		4177	<div class="date"> 24 mins </div>
		4178	</div>
		4179	</li>
		4180	<li>
		4181	<div class="col1">
		4182	<div class="cont">
		4183	<div class="cont-col1">
		4184	<div class="label label-sm label-info">
		4185	<i class="fa fa-shopping-cart"></i>
		4186	</div>
		4187	</div>
		4188	<div class="cont-col2">
		4189	<div class="desc"> New order received with
		4190	<span class="label label-sm label-success"> Reference Number: DR23923 </span>
		4191	</div>
		4192	</div>
		4193	</div>
		4194	</div>
		4195	<div class="col2">
		4196	<div class="date"> 30 mins </div>
		4197	</div>
		4198	</li>
		4199	<li>
		4200	<div class="col1">
		4201	<div class="cont">
		4202	<div class="cont-col1">
		4203	<div class="label label-sm label-success">
		4204	<i class="fa fa-user"></i>
		4205	</div>
		4206	</div>
		4207	<div class="cont-col2">
		4208	<div class="desc"> You have 5 pending membership that requires a quick review. </div>
		4209	</div>
		4210	</div>
		4211	</div>
		4212	<div class="col2">
		4213	<div class="date"> 24 mins </div>
		4214	</div>
		4215	</li>
		4216	<li>
		4217	<div class="col1">
		4218	<div class="cont">
		4219	<div class="cont-col1">
		4220	<div class="label label-sm label-warning">
		4221	<i class="fa fa-bell-o"></i>
		4222	</div>
		4223	</div>
		4224	<div class="cont-col2">
		4225	<div class="desc"> Web server hardware needs to be upgraded.
		4226	<span class="label label-sm label-default "> Overdue </span>
		4227	</div>
		4228	</div>
		4229	</div>
		4230	</div>
		4231	<div class="col2">
		4232	<div class="date"> 2 hours </div>
		4233	</div>
		4234	</li>
		4235	<li>
		4236	<a href="javascript:;">
		4237	<div class="col1">
		4238	<div class="cont">
		4239	<div class="cont-col1">
		4240	<div class="label label-sm label-info">
		4241	<i class="fa fa-briefcase"></i>
		4242	</div>
		4243	</div>
		4244	<div class="cont-col2">
		4245	<div class="desc"> IPO Report for year 2013 has been released. </div>
		4246	</div>
		4247	</div>
		4248	</div>
		4249	<div class="col2">
		4250	<div class="date"> 20 mins </div>
		4251	</div>
		4252	</a>
		4253	</li>
		4254	</ul>
		4255	</div>
		4256	</div>
		4257	<div class="tab-pane page-quick-sidebar-settings" id="quick_sidebar_tab_3">
		4258	<div class="page-quick-sidebar-settings-list">
		4259	<h3 class="list-heading">General Settings</h3>
		4260	<ul class="list-items borderless">
		4261	<li> Enable Notifications
		4262	<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>
		4263	<li> Allow Tracking
		4264	<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>
		4265	<li> Log Errors
		4266	<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>
		4267	<li> Auto Sumbit Issues
		4268	<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>
		4269	<li> Enable SMS Alerts
		4270	<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>
		4271	</ul>
		4272	<h3 class="list-heading">System Settings</h3>
		4273	<ul class="list-items borderless">
		4274	<li> Security Level
		4275	<select class="form-control input-inline input-sm input-small">
		4276	<option value="1">Normal</option>
		4277	<option value="2" selected>Medium</option>
		4278	<option value="e">High</option>
		4279	</select>
		4280	</li>
		4281	<li> Failed Email Attempts
		4282	<input class="form-control input-inline input-sm input-small" value="5" /> </li>
		4283	<li> Secondary SMTP Port
		4284	<input class="form-control input-inline input-sm input-small" value="3560" /> </li>
		4285	<li> Notify On System Error
		4286	<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>
		4287	<li> Notify On SMTP Error
		4288	<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>
		4289	</ul>
		4290	<div class="inner-content">
		4291	<button class="btn btn-success">
		4292	<i class="icon-settings"></i> Save Changes</button>
		4293	</div>
		4294	</div>
		4295	</div>
		4296	</div>
		4297	</div>
		4298	</div>
		4299	<!-- END QUICK SIDEBAR -->
		4300	</div>
		4301	<!-- END CONTAINER -->
		4302	<!-- BEGIN FOOTER -->
		4303	<div class="page-footer">
		4304	<div class="page-footer-inner"> 2016 © Metronic Theme By
		4305	<a target="_blank" href="http://keenthemes.com">Keenthemes</a>  \|
		4306	<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>
		4307	</div>
		4308	<div class="scroll-to-top">
		4309	<i class="icon-arrow-up"></i>
		4310	</div>
		4311	</div>
		4312	<!-- END FOOTER -->
		4313	</div>
		4314	<!--[if lt IE 9]>
		4315	<script src="../assets/global/plugins/respond.min.js"></script>
		4316	<script src="../assets/global/plugins/excanvas.min.js"></script>
		4317	<![endif]-->
		4318	<!-- BEGIN CORE PLUGINS -->
		4319	<script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
		4320	<script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
		4321	<script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
		4322	<script src="../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
		4323	<script src="../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
		4324	<script src="../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
		4325	<!-- END CORE PLUGINS -->
		4326	<!-- BEGIN PAGE LEVEL PLUGINS -->
		4327	<script src="../assets/global/scripts/datatable.js" type="text/javascript"></script>
		4328	<script src="../assets/global/plugins/datatables/datatables.min.js" type="text/javascript"></script>
		4329	<script src="../assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js" type="text/javascript"></script>
		4330	<!-- END PAGE LEVEL PLUGINS -->
		4331	<!-- BEGIN THEME GLOBAL SCRIPTS -->
		4332	<script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
		4333	<!-- END THEME GLOBAL SCRIPTS -->
		4334	<!-- BEGIN PAGE LEVEL SCRIPTS -->
		4335	<script src="../assets/pages/scripts/table-datatables-scroller.min.js" type="text/javascript"></script>
		4336	<!-- END PAGE LEVEL SCRIPTS -->
		4337	<!-- BEGIN THEME LAYOUT SCRIPTS -->
		4338	<script src="../assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>
		4339	<script src="../assets/layouts/layout/scripts/demo.min.js" type="text/javascript"></script>
		4340	<script src="../assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
		4341	<!-- END THEME LAYOUT SCRIPTS -->
		4342	</body>

Subversion Repositories Integrator Subversion

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