WebSVN - Integrator Subversion - Blame - Rev 1 - /DOCUMENTOS E ANALISE/telas/templates/admin3/table

Rev	Author	Line No.	Line
1	espaco	1	<!DOCTYPE html>
		2	<!--
		3	Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.3.2
		4	Version: 3.2.0
		5	Author: KeenThemes
		6	Website: http://www.keenthemes.com/
		7	Contact: support@keenthemes.com
		8	Follow: www.twitter.com/keenthemes
		9	Like: www.facebook.com/keenthemes
		10	Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
		11	License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
		12	-->
		13	<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
		14	<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
		15	<!--[if !IE]><!-->
		16	<html lang="en">
		17	<!--<![endif]-->
		18	<!-- BEGIN HEAD -->
		19	<head>
		20	<meta charset="utf-8"/>
		21	<title>Metronic \| Managed Datatables</title>
		22	<meta http-equiv="X-UA-Compatible" content="IE=edge">
		23	<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
		24	<meta http-equiv="Content-type" content="text/html; charset=utf-8">
		25	<meta content="" name="description"/>
		26	<meta content="" name="author"/>
		27	<!-- BEGIN GLOBAL MANDATORY STYLES -->
		28	<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css">
		29	<link href="../../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
		30	<link href="../../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css">
		31	<link href="../../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css">
		32	<link href="../../assets/global/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css">
		33	<!-- END GLOBAL MANDATORY STYLES -->
		34	<!-- BEGIN PAGE LEVEL STYLES -->
		35	<link rel="stylesheet" type="text/css" href="../../assets/global/plugins/select2/select2.css"/>
		36	<link rel="stylesheet" type="text/css" href="../../assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.css"/>
		37	<!-- END PAGE LEVEL STYLES -->
		38	<!-- BEGIN THEME STYLES -->
		39	<link href="../../assets/global/css/components-rounded.css" id="style_components" rel="stylesheet" type="text/css">
		40	<link href="../../assets/global/css/plugins.css" rel="stylesheet" type="text/css">
		41	<link href="../../assets/admin/layout3/css/layout.css" rel="stylesheet" type="text/css">
		42	<link href="../../assets/admin/layout3/css/themes/default.css" rel="stylesheet" type="text/css" id="style_color">
		43	<link href="../../assets/admin/layout3/css/custom.css" rel="stylesheet" type="text/css">
		44	<!-- END THEME STYLES -->
		45	<link rel="shortcut icon" href="favicon.ico"/>
		46	</head>
		47	<!-- END HEAD -->
		48	<!-- BEGIN BODY -->
		49	<!-- DOC: Apply "page-header-menu-fixed" class to set the mega menu fixed -->
		50	<!-- DOC: Apply "page-header-top-fixed" class to set the top menu fixed -->
		51	<body>
		52	<!-- BEGIN HEADER -->
		53	<div class="page-header">
		54	<!-- BEGIN HEADER TOP -->
		55	<div class="page-header-top">
		56	<div class="container">
		57	<!-- BEGIN LOGO -->
		58	<div class="page-logo">
		59	<a href="index.html"><img src="../../assets/admin/layout3/img/logo-default.png" alt="logo" class="logo-default"></a>
		60	</div>
		61	<!-- END LOGO -->
		62	<!-- BEGIN RESPONSIVE MENU TOGGLER -->
		63	<a href="javascript:;" class="menu-toggler"></a>
		64	<!-- END RESPONSIVE MENU TOGGLER -->
		65	<!-- BEGIN TOP NAVIGATION MENU -->
		66	<div class="top-menu">
		67	<ul class="nav navbar-nav pull-right">
		68	<!-- BEGIN NOTIFICATION DROPDOWN -->
		69	<li class="dropdown dropdown-extended dropdown-dark dropdown-notification" id="header_notification_bar">
		70	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		71	<i class="icon-bell"></i>
		72	<span class="badge badge-default">7</span>
		73	</a>
		74	<ul class="dropdown-menu">
		75	<li class="external">
		76	<h3>You have <strong>12 pending</strong> tasks</h3>
		77	<a href="javascript:;">view all</a>
		78	</li>
		79	<li>
		80	<ul class="dropdown-menu-list scroller" style="height: 250px;" data-handle-color="#637283">
		81	<li>
		82	<a href="javascript:;">
		83	<span class="time">just now</span>
		84	<span class="details">
		85	<span class="label label-sm label-icon label-success">
		86	<i class="fa fa-plus"></i>
		87	</span>
		88	New user registered. </span>
		89	</a>
		90	</li>
		91	<li>
		92	<a href="javascript:;">
		93	<span class="time">3 mins</span>
		94	<span class="details">
		95	<span class="label label-sm label-icon label-danger">
		96	<i class="fa fa-bolt"></i>
		97	</span>
		98	Server #12 overloaded. </span>
		99	</a>
		100	</li>
		101	<li>
		102	<a href="javascript:;">
		103	<span class="time">10 mins</span>
		104	<span class="details">
		105	<span class="label label-sm label-icon label-warning">
		106	<i class="fa fa-bell-o"></i>
		107	</span>
		108	Server #2 not responding. </span>
		109	</a>
		110	</li>
		111	<li>
		112	<a href="javascript:;">
		113	<span class="time">14 hrs</span>
		114	<span class="details">
		115	<span class="label label-sm label-icon label-info">
		116	<i class="fa fa-bullhorn"></i>
		117	</span>
		118	Application error. </span>
		119	</a>
		120	</li>
		121	<li>
		122	<a href="javascript:;">
		123	<span class="time">2 days</span>
		124	<span class="details">
		125	<span class="label label-sm label-icon label-danger">
		126	<i class="fa fa-bolt"></i>
		127	</span>
		128	Database overloaded 68%. </span>
		129	</a>
		130	</li>
		131	<li>
		132	<a href="javascript:;">
		133	<span class="time">3 days</span>
		134	<span class="details">
		135	<span class="label label-sm label-icon label-danger">
		136	<i class="fa fa-bolt"></i>
		137	</span>
		138	A user IP blocked. </span>
		139	</a>
		140	</li>
		141	<li>
		142	<a href="javascript:;">
		143	<span class="time">4 days</span>
		144	<span class="details">
		145	<span class="label label-sm label-icon label-warning">
		146	<i class="fa fa-bell-o"></i>
		147	</span>
		148	Storage Server #4 not responding dfdfdfd. </span>
		149	</a>
		150	</li>
		151	<li>
		152	<a href="javascript:;">
		153	<span class="time">5 days</span>
		154	<span class="details">
		155	<span class="label label-sm label-icon label-info">
		156	<i class="fa fa-bullhorn"></i>
		157	</span>
		158	System Error. </span>
		159	</a>
		160	</li>
		161	<li>
		162	<a href="javascript:;">
		163	<span class="time">9 days</span>
		164	<span class="details">
		165	<span class="label label-sm label-icon label-danger">
		166	<i class="fa fa-bolt"></i>
		167	</span>
		168	Storage server failed. </span>
		169	</a>
		170	</li>
		171	</ul>
		172	</li>
		173	</ul>
		174	</li>
		175	<!-- END NOTIFICATION DROPDOWN -->
		176	<!-- BEGIN TODO DROPDOWN -->
		177	<li class="dropdown dropdown-extended dropdown-dark dropdown-tasks" id="header_task_bar">
		178	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		179	<i class="icon-calendar"></i>
		180	<span class="badge badge-default">3</span>
		181	</a>
		182	<ul class="dropdown-menu extended tasks">
		183	<li class="external">
		184	<h3>You have <strong>12 pending</strong> tasks</h3>
		185	<a href="javascript:;">view all</a>
		186	</li>
		187	<li>
		188	<ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
		189	<li>
		190	<a href="javascript:;">
		191	<span class="task">
		192	<span class="desc">New release v1.2 </span>
		193	<span class="percent">30%</span>
		194	</span>
		195	<span class="progress">
		196	<span style="width: 40%;" class="progress-bar progress-bar-success" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">40% Complete</span></span>
		197	</span>
		198	</a>
		199	</li>
		200	<li>
		201	<a href="javascript:;">
		202	<span class="task">
		203	<span class="desc">Application deployment</span>
		204	<span class="percent">65%</span>
		205	</span>
		206	<span class="progress">
		207	<span style="width: 65%;" class="progress-bar progress-bar-danger" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">65% Complete</span></span>
		208	</span>
		209	</a>
		210	</li>
		211	<li>
		212	<a href="javascript:;">
		213	<span class="task">
		214	<span class="desc">Mobile app release</span>
		215	<span class="percent">98%</span>
		216	</span>
		217	<span class="progress">
		218	<span style="width: 98%;" class="progress-bar progress-bar-success" aria-valuenow="98" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">98% Complete</span></span>
		219	</span>
		220	</a>
		221	</li>
		222	<li>
		223	<a href="javascript:;">
		224	<span class="task">
		225	<span class="desc">Database migration</span>
		226	<span class="percent">10%</span>
		227	</span>
		228	<span class="progress">
		229	<span style="width: 10%;" class="progress-bar progress-bar-warning" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">10% Complete</span></span>
		230	</span>
		231	</a>
		232	</li>
		233	<li>
		234	<a href="javascript:;">
		235	<span class="task">
		236	<span class="desc">Web server upgrade</span>
		237	<span class="percent">58%</span>
		238	</span>
		239	<span class="progress">
		240	<span style="width: 58%;" class="progress-bar progress-bar-info" aria-valuenow="58" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">58% Complete</span></span>
		241	</span>
		242	</a>
		243	</li>
		244	<li>
		245	<a href="javascript:;">
		246	<span class="task">
		247	<span class="desc">Mobile development</span>
		248	<span class="percent">85%</span>
		249	</span>
		250	<span class="progress">
		251	<span style="width: 85%;" class="progress-bar progress-bar-success" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">85% Complete</span></span>
		252	</span>
		253	</a>
		254	</li>
		255	<li>
		256	<a href="javascript:;">
		257	<span class="task">
		258	<span class="desc">New UI release</span>
		259	<span class="percent">38%</span>
		260	</span>
		261	<span class="progress progress-striped">
		262	<span style="width: 38%;" class="progress-bar progress-bar-important" aria-valuenow="18" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">38% Complete</span></span>
		263	</span>
		264	</a>
		265	</li>
		266	</ul>
		267	</li>
		268	</ul>
		269	</li>
		270	<!-- END TODO DROPDOWN -->
		271	<li class="droddown dropdown-separator">
		272	<span class="separator"></span>
		273	</li>
		274	<!-- BEGIN INBOX DROPDOWN -->
		275	<li class="dropdown dropdown-extended dropdown-dark dropdown-inbox" id="header_inbox_bar">
		276	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		277	<span class="circle">3</span>
		278	<span class="corner"></span>
		279	</a>
		280	<ul class="dropdown-menu">
		281	<li class="external">
		282	<h3>You have <strong>7 New</strong> Messages</h3>
		283	<a href="javascript:;">view all</a>
		284	</li>
		285	<li>
		286	<ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
		287	<li>
		288	<a href="inbox.html?a=view">
		289	<span class="photo">
		290	<img src="../../assets/admin/layout3/img/avatar2.jpg" class="img-circle" alt="">
		291	</span>
		292	<span class="subject">
		293	<span class="from">
		294	Lisa Wong </span>
		295	<span class="time">Just Now </span>
		296	</span>
		297	<span class="message">
		298	Vivamus sed auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		299	</a>
		300	</li>
		301	<li>
		302	<a href="inbox.html?a=view">
		303	<span class="photo">
		304	<img src="../../assets/admin/layout3/img/avatar3.jpg" class="img-circle" alt="">
		305	</span>
		306	<span class="subject">
		307	<span class="from">
		308	Richard Doe </span>
		309	<span class="time">16 mins </span>
		310	</span>
		311	<span class="message">
		312	Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		313	</a>
		314	</li>
		315	<li>
		316	<a href="inbox.html?a=view">
		317	<span class="photo">
		318	<img src="../../assets/admin/layout3/img/avatar1.jpg" class="img-circle" alt="">
		319	</span>
		320	<span class="subject">
		321	<span class="from">
		322	Bob Nilson </span>
		323	<span class="time">2 hrs </span>
		324	</span>
		325	<span class="message">
		326	Vivamus sed nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		327	</a>
		328	</li>
		329	<li>
		330	<a href="inbox.html?a=view">
		331	<span class="photo">
		332	<img src="../../assets/admin/layout3/img/avatar2.jpg" class="img-circle" alt="">
		333	</span>
		334	<span class="subject">
		335	<span class="from">
		336	Lisa Wong </span>
		337	<span class="time">40 mins </span>
		338	</span>
		339	<span class="message">
		340	Vivamus sed auctor 40% nibh congue nibh... </span>
		341	</a>
		342	</li>
		343	<li>
		344	<a href="inbox.html?a=view">
		345	<span class="photo">
		346	<img src="../../assets/admin/layout3/img/avatar3.jpg" class="img-circle" alt="">
		347	</span>
		348	<span class="subject">
		349	<span class="from">
		350	Richard Doe </span>
		351	<span class="time">46 mins </span>
		352	</span>
		353	<span class="message">
		354	Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		355	</a>
		356	</li>
		357	</ul>
		358	</li>
		359	</ul>
		360	</li>
		361	<!-- END INBOX DROPDOWN -->
		362	<!-- BEGIN USER LOGIN DROPDOWN -->
		363	<li class="dropdown dropdown-user dropdown-dark">
		364	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		365	<img alt="" class="img-circle" src="../../assets/admin/layout3/img/avatar9.jpg">
		366	<span class="username username-hide-mobile">Nick</span>
		367	</a>
		368	<ul class="dropdown-menu dropdown-menu-default">
		369	<li>
		370	<a href="extra_profile.html">
		371	<i class="icon-user"></i> My Profile </a>
		372	</li>
		373	<li>
		374	<a href="page_calendar.html">
		375	<i class="icon-calendar"></i> My Calendar </a>
		376	</li>
		377	<li>
		378	<a href="inbox.html">
		379	<i class="icon-envelope-open"></i> My Inbox <span class="badge badge-danger">
		380	3 </span>
		381	</a>
		382	</li>
		383	<li>
		384	<a href="javascript:;">
		385	<i class="icon-rocket"></i> My Tasks <span class="badge badge-success">
		386	7 </span>
		387	</a>
		388	</li>
		389	<li class="divider">
		390	</li>
		391	<li>
		392	<a href="extra_lock.html">
		393	<i class="icon-lock"></i> Lock Screen </a>
		394	</li>
		395	<li>
		396	<a href="login.html">
		397	<i class="icon-key"></i> Log Out </a>
		398	</li>
		399	</ul>
		400	</li>
		401	<!-- END USER LOGIN DROPDOWN -->
		402	</ul>
		403	</div>
		404	<!-- END TOP NAVIGATION MENU -->
		405	</div>
		406	</div>
		407	<!-- END HEADER TOP -->
		408	<!-- BEGIN HEADER MENU -->
		409	<div class="page-header-menu">
		410	<div class="container">
		411	<!-- BEGIN HEADER SEARCH BOX -->
		412	<form class="search-form" action="extra_search.html" method="GET">
		413	<div class="input-group">
		414	<input type="text" class="form-control" placeholder="Search" name="query">
		415	<span class="input-group-btn">
		416	<a href="javascript:;" class="btn submit"><i class="icon-magnifier"></i></a>
		417	</span>
		418	</div>
		419	</form>
		420	<!-- END HEADER SEARCH BOX -->
		421	<!-- BEGIN MEGA MENU -->
		422	<!-- DOC: Apply "hor-menu-light" class after the "hor-menu" class below to have a horizontal menu with white background -->
		423	<!-- DOC: Remove data-hover="dropdown" and data-close-others="true" attributes below to disable the dropdown opening on mouse hover -->
		424	<div class="hor-menu ">
		425	<ul class="nav navbar-nav">
		426	<li>
		427	<a href="index.html">Dashboard</a>
		428	</li>
		429	<li class="menu-dropdown mega-menu-dropdown ">
		430	<a data-hover="megamenu-dropdown" data-close-others="true" data-toggle="dropdown" href="javascript:;" class="dropdown-toggle">
		431	Features <i class="fa fa-angle-down"></i>
		432	</a>
		433	<ul class="dropdown-menu" style="min-width: 710px">
		434	<li>
		435	<div class="mega-menu-content">
		436	<div class="row">
		437	<div class="col-md-4">
		438	<ul class="mega-menu-submenu">
		439	<li>
		440	<h3>eCommerce</h3>
		441	</li>
		442	<li>
		443	<a href="ecommerce_index.html" class="iconify">
		444	<i class="icon-home"></i>
		445	eCommerce </a>
		446	</li>
		447	<li>
		448	<a href="ecommerce_orders.html" class="iconify">
		449	<i class="icon-basket"></i>
		450	Manage Orders </a>
		451	</li>
		452	<li>
		453	<a href="ecommerce_orders_view.html" class="iconify">
		454	<i class="icon-tag"></i>
		455	Order View </a>
		456	</li>
		457	<li>
		458	<a href="ecommerce_products.html" class="iconify">
		459	<i class="icon-handbag"></i>
		460	Manage Products </a>
		461	</li>
		462	<li>
		463	<a href="ecommerce_products_edit.html" class="iconify">
		464	<i class="icon-pencil"></i>
		465	Product Edit </a>
		466	</li>
		467	</ul>
		468	</div>
		469	<div class="col-md-4">
		470	<ul class="mega-menu-submenu">
		471	<li>
		472	<h3>Layouts</h3>
		473	</li>
		474	<li>
		475	<a href="layout_fluid.html" class="iconify">
		476	<i class="icon-cursor-move"></i>
		477	Fluid Layout </a>
		478	</li>
		479	<li>
		480	<a href="layout_mega_menu_fixed.html" class="iconify">
		481	<i class="icon-pin"></i>
		482	Fixed Mega Menu </a>
		483	</li>
		484	<li>
		485	<a href="layout_top_bar_fixed.html" class="iconify">
		486	<i class="icon-bar-chart"></i>
		487	Fixed Top Bar </a>
		488	</li>
		489	<li>
		490	<a href="layout_light_header.html" class="iconify">
		491	<i class="icon-paper-plane"></i>
		492	Light Header Dropdowns </a>
		493	</li>
		494	<li>
		495	<a href="layout_blank_page.html" class="iconify">
		496	<i class="icon-doc"></i>
		497	Blank Page Layout </a>
		498	</li>
		499	</ul>
		500	</div>
		501	<div class="col-md-4">
		502	<ul class="mega-menu-submenu">
		503	<li>
		504	<h3>More Layouts</h3>
		505	</li>
		506	<li>
		507	<a href="layout_click_dropdowns.html" class="iconify">
		508	<i class="icon-speech"></i>
		509	Click vs. Hover Dropdowns </a>
		510	</li>
		511	<li>
		512	<a href="layout_fontawesome_icons.html" class="iconify">
		513	<i class="icon-link"></i>
		514	Layout with Fontawesome </a>
		515	</li>
		516	<li>
		517	<a href="layout_glyphicons.html" class="iconify">
		518	<i class="icon-settings"></i>
		519	Layout with Glyphicon </a>
		520	</li>
		521	<li>
		522	<a href="layout_language_bar.html" class="iconify">
		523	<i class="icon-globe"></i>
		524	Language Switch Bar </a>
		525	</li>
		526	<li>
		527	<a href="layout_disabled_menu.html" class="iconify">
		528	<i class=" icon-lock"></i>
		529	Disabled Menu Links </a>
		530	</li>
		531	</ul>
		532	</div>
		533	</div>
		534	</div>
		535	</li>
		536	</ul>
		537	</li>
		538	<li class="menu-dropdown mega-menu-dropdown mega-menu-full ">
		539	<a data-hover="megamenu-dropdown" data-close-others="true" data-toggle="dropdown" href="javascript:;" class="dropdown-toggle">
		540	UI Components <i class="fa fa-angle-down"></i>
		541	</a>
		542	<ul class="dropdown-menu">
		543	<li>
		544	<div class="mega-menu-content">
		545	<div class="row">
		546	<div class="col-md-3">
		547	<ul class="mega-menu-submenu">
		548	<li>
		549	<h3>UI Components</h3>
		550	</li>
		551	<li>
		552	<a href="ui_general.html">
		553	<i class="fa fa-angle-right"></i>
		554	General </a>
		555	</li>
		556	<li>
		557	<a href="ui_buttons.html">
		558	<i class="fa fa-angle-right"></i>
		559	Buttons </a>
		560	</li>
		561	<li>
		562	<a href="ui_icons.html">
		563	<i class="fa fa-angle-right"></i>
		564	Font Icons </a>
		565	</li>
		566	<li>
		567	<a href="ui_colors.html">
		568	<i class="fa fa-angle-right"></i>
		569	Flat UI Colors </a>
		570	</li>
		571	<li>
		572	<a href="ui_typography.html">
		573	<i class="fa fa-angle-right"></i>
		574	Typography </a>
		575	</li>
		576	<li>
		577	<a href="ui_tabs_accordions_navs.html">
		578	<i class="fa fa-angle-right"></i>
		579	Tabs, Accordions & Navs </a>
		580	</li>
		581	<li>
		582	<a href="ui_tree.html">
		583	<i class="fa fa-angle-right"></i>
		584	Tree View </a>
		585	</li>
		586	<li>
		587	<a href="ui_page_progress_style_1.html">
		588	<i class="fa fa-angle-right"></i>
		589	Page Progress Bar <span class="badge badge-roundless badge-warning">new</span></a>
		590	</li>
		591	<li>
		592	<a href="ui_blockui.html">
		593	<i class="fa fa-angle-right"></i>
		594	Block UI </a>
		595	</li>
		596	<li>
		597	<a href="ui_notific8.html">
		598	<i class="fa fa-angle-right"></i>
		599	Notific8 Notifications </a>
		600	</li>
		601	</ul>
		602	</div>
		603	<div class="col-md-3">
		604	<ul class="mega-menu-submenu">
		605	<li>
		606	<h3>More UI Components</h3>
		607	</li>
		608	<li>
		609	<a href="ui_toastr.html">
		610	<i class="fa fa-angle-right"></i>
		611	Toastr Notifications </a>
		612	</li>
		613	<li>
		614	<a href="ui_alert_dialog_api.html">
		615	<i class="fa fa-angle-right"></i>
		616	Alerts & Dialogs API <span class="badge badge-roundless badge-danger">new</span></a>
		617	</li>
		618	<li>
		619	<a href="ui_session_timeout.html">
		620	<i class="fa fa-angle-right"></i>
		621	Session Timeout </a>
		622	</li>
		623	<li>
		624	<a href="ui_idle_timeout.html">
		625	<i class="fa fa-angle-right"></i>
		626	User Idle Timeout </a>
		627	</li>
		628	<li>
		629	<a href="ui_modals.html">
		630	<i class="fa fa-angle-right"></i>
		631	Modals </a>
		632	</li>
		633	<li>
		634	<a href="ui_extended_modals.html">
		635	<i class="fa fa-angle-right"></i>
		636	Extended Modals </a>
		637	</li>
		638	<li>
		639	<a href="ui_tiles.html">
		640	<i class="fa fa-angle-right"></i>
		641	Tiles </a>
		642	</li>
		643	<li>
		644	<a href="ui_datepaginator.html">
		645	<i class="fa fa-angle-right"></i>
		646	Date Paginator </a>
		647	</li>
		648	<li>
		649	<a href="ui_nestable.html">
		650	<i class="fa fa-angle-right"></i>
		651	Nestable List </a>
		652	</li>
		653	</ul>
		654	</div>
		655	<div class="col-md-3">
		656	<ul class="mega-menu-submenu">
		657	<li>
		658	<h3>Form Stuff</h3>
		659	</li>
		660	<li>
		661	<a href="form_controls.html">
		662	<i class="fa fa-angle-right"></i>
		663	Form Controls </a>
		664	</li>
		665	<li>
		666	<a href="form_icheck.html">
		667	<i class="fa fa-angle-right"></i>
		668	iCheck Controls </a>
		669	</li>
		670	<li>
		671	<a href="form_layouts.html">
		672	<i class="fa fa-angle-right"></i>
		673	Form Layouts </a>
		674	</li>
		675	<li>
		676	<a href="form_editable.html">
		677	<i class="fa fa-angle-right"></i>
		678	Form X-editable <span class="badge badge-roundless badge-success">new</span></a>
		679	</li>
		680	<li>
		681	<a href="form_wizard.html">
		682	<i class="fa fa-angle-right"></i>
		683	Form Wizard </a>
		684	</li>
		685	<li>
		686	<a href="form_validation.html">
		687	<i class="fa fa-angle-right"></i>
		688	Form Validation </a>
		689	</li>
		690	<li>
		691	<a href="form_image_crop.html">
		692	<i class="fa fa-angle-right"></i>
		693	Image Cropping </a>
		694	</li>
		695	<li>
		696	<a href="form_fileupload.html">
		697	<i class="fa fa-angle-right"></i>
		698	Multiple File Upload </a>
		699	</li>
		700	<li>
		701	<a href="form_dropzone.html">
		702	<i class="fa fa-angle-right"></i>
		703	Dropzone File Upload </a>
		704	</li>
		705	</ul>
		706	</div>
		707	<div class="col-md-3">
		708	<ul class="mega-menu-submenu">
		709	<li>
		710	<h3>Form Components</h3>
		711	</li>
		712	<li>
		713	<a href="components_pickers.html">
		714	<i class="fa fa-angle-right"></i>
		715	Date & Time Pickers </a>
		716	</li>
		717	<li>
		718	<a href="components_context_menu.html">
		719	<i class="fa fa-angle-right"></i>
		720	Context Menu </a>
		721	</li>
		722	<li>
		723	<a href="components_dropdowns.html">
		724	<i class="fa fa-angle-right"></i>
		725	Custom Dropdowns </a>
		726	</li>
		727	<li>
		728	<a href="components_form_tools.html">
		729	<i class="fa fa-angle-right"></i>
		730	Form Tools </a>
		731	</li>
		732	<li>
		733	<a href="components_editors.html">
		734	<i class="fa fa-angle-right"></i>
		735	Markdown & WYSIWYG Editors </a>
		736	</li>
		737	<li>
		738	<a href="components_ion_sliders.html">
		739	<i class="fa fa-angle-right"></i>
		740	Ion Range Sliders </a>
		741	</li>
		742	<li>
		743	<a href="components_noui_sliders.html">
		744	<i class="fa fa-angle-right"></i>
		745	NoUI Range Sliders </a>
		746	</li>
		747	<li>
		748	<a href="components_jqueryui_sliders.html">
		749	<i class="fa fa-angle-right"></i>
		750	jQuery UI Sliders </a>
		751	</li>
		752	<li>
		753	<a href="components_knob_dials.html">
		754	<i class="fa fa-angle-right"></i>
		755	Knob Circle Dials </a>
		756	</li>
		757	</ul>
		758	</div>
		759	</div>
		760	</div>
		761	</li>
		762	</ul>
		763	</li>
		764	<li class="menu-dropdown classic-menu-dropdown active">
		765	<a data-hover="megamenu-dropdown" data-close-others="true" data-toggle="dropdown" href="javascript:;">
		766	Extra <i class="fa fa-angle-down"></i>
		767	</a>
		768	<ul class="dropdown-menu pull-left">
		769	<li class="active dropdown-submenu">
		770	<a href=":;">
		771	<i class="icon-briefcase"></i>
		772	Data Tables </a>
		773	<ul class="dropdown-menu">
		774	<li class=" ">
		775	<a href="table_basic.html">
		776	Basic Datatables </a>
		777	</li>
		778	<li class=" ">
		779	<a href="table_tree.html">
		780	Tree Datatables </a>
		781	</li>
		782	<li class=" ">
		783	<a href="table_responsive.html">
		784	Responsive Datatables </a>
		785	</li>
		786	<li class="active ">
		787	<a href="table_managed.html">
		788	Managed Datatables </a>
		789	</li>
		790	<li class=" ">
		791	<a href="table_editable.html">
		792	Editable Datatables </a>
		793	</li>
		794	<li class=" ">
		795	<a href="table_advanced.html">
		796	Advanced Datatables </a>
		797	</li>
		798	<li class=" ">
		799	<a href="table_ajax.html">
		800	Ajax Datatables </a>
		801	</li>
		802	</ul>
		803	</li>
		804	<li class=" dropdown-submenu">
		805	<a href=":;">
		806	<i class="icon-wallet"></i>
		807	Portlets </a>
		808	<ul class="dropdown-menu">
		809	<li class=" ">
		810	<a href="portlet_general.html">
		811	General Portlets </a>
		812	</li>
		813	<li class=" ">
		814	<a href="portlet_general2.html">
		815	New Portlets #1 <span class="badge badge-roundless badge-danger">new</span>
		816	</a>
		817	</li>
		818	<li class=" ">
		819	<a href="portlet_general3.html">
		820	New Portlets #2 <span class="badge badge-roundless badge-danger">new</span>
		821	</a>
		822	</li>
		823	<li class=" ">
		824	<a href="portlet_ajax.html">
		825	Ajax Portlets </a>
		826	</li>
		827	<li class=" ">
		828	<a href="portlet_draggable.html">
		829	Draggable Portlets </a>
		830	</li>
		831	</ul>
		832	</li>
		833	<li class=" dropdown-submenu">
		834	<a href=":;">
		835	<i class="icon-bar-chart"></i>
		836	Charts </a>
		837	<ul class="dropdown-menu">
		838	<li class=" ">
		839	<a href="charts_amcharts.html">
		840	amChart </a>
		841	</li>
		842	<li class=" ">
		843	<a href="charts_flotcharts.html">
		844	Flotchart </a>
		845	</li>
		846	</ul>
		847	</li>
		848	<li class=" dropdown-submenu">
		849	<a href=":;">
		850	<i class="icon-pointer"></i>
		851	Maps </a>
		852	<ul class="dropdown-menu">
		853	<li class=" ">
		854	<a href="maps_google.html">
		855	Google Maps </a>
		856	</li>
		857	<li class=" ">
		858	<a href="maps_vector.html">
		859	Vector Maps </a>
		860	</li>
		861	</ul>
		862	</li>
		863	<li class=" dropdown-submenu">
		864	<a href=":;">
		865	<i class="icon-puzzle"></i>
		866	Multi Level </a>
		867	<ul class="dropdown-menu">
		868	<li class=" ">
		869	<a href="javascript:;">
		870	<i class="icon-settings"></i>
		871	Item 1 </a>
		872	</li>
		873	<li class=" ">
		874	<a href="javascript:;">
		875	<i class="icon-user"></i>
		876	Item 2 </a>
		877	</li>
		878	<li class=" ">
		879	<a href="javascript:;">
		880	<i class="icon-globe"></i>
		881	Item 3 </a>
		882	</li>
		883	<li class=" dropdown-submenu">
		884	<a href="#">
		885	<i class="icon-folder"></i>
		886	Sub Items </a>
		887	<ul class="dropdown-menu">
		888	<li class=" ">
		889	<a href="javascript:;">
		890	Item 1 </a>
		891	</li>
		892	<li class=" ">
		893	<a href="javascript:;">
		894	Item 2 </a>
		895	</li>
		896	<li class=" ">
		897	<a href="javascript:;">
		898	Item 3 </a>
		899	</li>
		900	<li class=" ">
		901	<a href="javascript:;">
		902	Item 4 </a>
		903	</li>
		904	</ul>
		905	</li>
		906	<li class=" ">
		907	<a href="javascript:;">
		908	<i class="icon-share"></i>
		909	Item 4 </a>
		910	</li>
		911	<li class=" ">
		912	<a href="javascript:;">
		913	<i class="icon-bar-chart"></i>
		914	Item 5 </a>
		915	</li>
		916	</ul>
		917	</li>
		918	</ul>
		919	</li>
		920	<li class="menu-dropdown mega-menu-dropdown mega-menu-full ">
		921	<a data-hover="megamenu-dropdown" data-close-others="true" data-toggle="dropdown" href="javascript:;" class="dropdown-toggle">
		922	Pages <i class="fa fa-angle-down"></i>
		923	</a>
		924	<ul class="dropdown-menu">
		925	<li>
		926	<div class="mega-menu-content">
		927	<div class="row">
		928	<div class="col-md-3">
		929	<ul class="mega-menu-submenu">
		930	<li>
		931	<h3>User Pages</h3>
		932	</li>
		933	<li>
		934	<a href="page_timeline.html">
		935	<i class="fa fa-angle-right"></i>
		936	New Timeline <span class="badge badge-warning">2</span></a>
		937	</li>
		938	<li>
		939	<a href="extra_profile.html">
		940	<i class="fa fa-angle-right"></i>
		941	New User Profile <span class="badge badge-success badge-roundless">new</span></a>
		942	</li>
		943	<li>
		944	<a href="page_todo.html">
		945	<i class="fa fa-angle-right"></i>
		946	Todo & Tasks <span class="badge badge-danger">4</span></a>
		947	</li>
		948	<li>
		949	<a href="inbox.html">
		950	<i class="fa fa-angle-right"></i>
		951	User Inbox <span class="badge badge-success">4</span></a>
		952	</li>
		953	<li>
		954	<a href="page_calendar.html">
		955	<i class="fa fa-angle-right"></i>
		956	User Calendar <span class="badge badge-warning">14</span></a>
		957	</li>
		958	<li>
		959	<a href="page_timeline_old.html">
		960	<i class="fa fa-angle-right"></i>
		961	Old Timeline <span class="badge badge-warning">2</span></a>
		962	</li>
		963	<li>
		964	<a href="extra_profile_old.html">
		965	<i class="fa fa-angle-right"></i>
		966	Old User Profile </a>
		967	</li>
		968	</ul>
		969	</div>
		970	<div class="col-md-3">
		971	<ul class="mega-menu-submenu">
		972	<li>
		973	<h3>General Pages</h3>
		974	</li>
		975	<li>
		976	<a href="extra_faq.html">
		977	<i class="fa fa-angle-right"></i>
		978	FAQ Page </a>
		979	</li>
		980	<li>
		981	<a href="page_portfolio.html">
		982	<i class="fa fa-angle-right"></i>
		983	Portfolio </a>
		984	</li>
		985	<li>
		986	<a href="page_timeline.html">
		987	<i class="fa fa-angle-right"></i>
		988	Timeline <span class="badge badge-info">4</span></a>
		989	</li>
		990	<li>
		991	<a href="page_coming_soon.html">
		992	<i class="fa fa-angle-right"></i>
		993	Coming Soon </a>
		994	</li>
		995	<li>
		996	<a href="extra_invoice.html">
		997	<i class="fa fa-angle-right"></i>
		998	Invoice </a>
		999	</li>
		1000	<li>
		1001	<a href="page_blog.html">
		1002	<i class="fa fa-angle-right"></i>
		1003	Blog </a>
		1004	</li>
		1005	<li>
		1006	<a href="page_blog_item.html">
		1007	<i class="fa fa-angle-right"></i>
		1008	Blog Post </a>
		1009	</li>
		1010	</ul>
		1011	</div>
		1012	<div class="col-md-3">
		1013	<ul class="mega-menu-submenu">
		1014	<li>
		1015	<h3>Custom Pages</h3>
		1016	</li>
		1017	<li>
		1018	<a href="page_news.html">
		1019	<i class="fa fa-angle-right"></i>
		1020	News <span class="badge badge-success">9</span></a>
		1021	</li>
		1022	<li>
		1023	<a href="page_news_item.html">
		1024	<i class="fa fa-angle-right"></i>
		1025	News View </a>
		1026	</li>
		1027	<li>
		1028	<a href="page_about.html">
		1029	<i class="fa fa-angle-right"></i>
		1030	About Us </a>
		1031	</li>
		1032	<li>
		1033	<a href="page_contact.html">
		1034	<i class="fa fa-angle-right"></i>
		1035	Contact Us </a>
		1036	</li>
		1037	<li>
		1038	<a href="extra_search.html">
		1039	<i class="fa fa-angle-right"></i>
		1040	Search Results </a>
		1041	</li>
		1042	<li>
		1043	<a href="extra_pricing_table.html">
		1044	<i class="fa fa-angle-right"></i>
		1045	Pricing Tables </a>
		1046	</li>
		1047	<li>
		1048	<a href="login.html">
		1049	<i class="fa fa-angle-right"></i>
		1050	Login Form 1 </a>
		1051	</li>
		1052	<li>
		1053	<a href="login_2.html">
		1054	<i class="fa fa-angle-right"></i>
		1055	Login Form 2 </a>
		1056	</li>
		1057	<li>
		1058	<a href="login_3.html">
		1059	<i class="fa fa-angle-right"></i>
		1060	Login Form 3 </a>
		1061	</li>
		1062	<li>
		1063	<a href="login_soft.html">
		1064	<i class="fa fa-angle-right"></i>
		1065	Login Form 4 </a>
		1066	</li>
		1067	</ul>
		1068	</div>
		1069	<div class="col-md-3">
		1070	<ul class="mega-menu-submenu">
		1071	<li>
		1072	<h3>Miscellaneous</h3>
		1073	</li>
		1074	<li>
		1075	<a href="extra_lock.html">
		1076	<i class="fa fa-angle-right"></i>
		1077	Lock Screen 1 </a>
		1078	</li>
		1079	<li>
		1080	<a href="extra_lock2.html">
		1081	<i class="fa fa-angle-right"></i>
		1082	Lock Screen 2 </a>
		1083	</li>
		1084	<li>
		1085	<a href="extra_404_option1.html">
		1086	<i class="fa fa-angle-right"></i>
		1087	404 Page Option 1 </a>
		1088	</li>
		1089	<li>
		1090	<a href="extra_404_option2.html">
		1091	<i class="fa fa-angle-right"></i>
		1092	404 Page Option 2 </a>
		1093	</li>
		1094	<li>
		1095	<a href="extra_404_option3.html">
		1096	<i class="fa fa-angle-right"></i>
		1097	404 Page Option 3 </a>
		1098	</li>
		1099	<li>
		1100	<a href="extra_500_option1.html">
		1101	<i class="fa fa-angle-right"></i>
		1102	500 Page Option 1 </a>
		1103	</li>
		1104	<li>
		1105	<a href="extra_500_option2.html">
		1106	<i class="fa fa-angle-right"></i>
		1107	500 Page Option 2 </a>
		1108	</li>
		1109	<li>
		1110	<a href="email_newsletter.html">
		1111	<i class="fa fa-angle-right"></i>
		1112	Newsletter Email Template </a>
		1113	</li>
		1114	<li>
		1115	<a href="email_system.html">
		1116	<i class="fa fa-angle-right"></i>
		1117	System Email Template </a>
		1118	</li>
		1119	</ul>
		1120	</div>
		1121	</div>
		1122	</div>
		1123	</li>
		1124	</ul>
		1125	</li>
		1126	<li class="menu-dropdown">
		1127	<a href="angularjs" target="_blank" class="tooltips" data-container="body" data-placement="bottom" data-html="true" data-original-title="AngularJS version demo">
		1128	AngularJS Version </a>
		1129	</li>
		1130	</ul>
		1131	</div>
		1132	<!-- END MEGA MENU -->
		1133	</div>
		1134	</div>
		1135	<!-- END HEADER MENU -->
		1136	</div>
		1137	<!-- END HEADER -->
		1138	<!-- BEGIN PAGE CONTAINER -->
		1139	<div class="page-container">
		1140	<!-- BEGIN PAGE HEAD -->
		1141	<div class="page-head">
		1142	<div class="container">
		1143	<!-- BEGIN PAGE TITLE -->
		1144	<div class="page-title">
		1145	<h1>Managed Datatables <small>managed datatable samples</small></h1>
		1146	</div>
		1147	<!-- END PAGE TITLE -->
		1148	<!-- BEGIN PAGE TOOLBAR -->
		1149	<div class="page-toolbar">
		1150	<!-- BEGIN THEME PANEL -->
		1151	<div class="btn-group btn-theme-panel">
		1152	<a href="javascript:;" class="btn dropdown-toggle" data-toggle="dropdown">
		1153	<i class="icon-settings"></i>
		1154	</a>
		1155	<div class="dropdown-menu theme-panel pull-right dropdown-custom hold-on-click">
		1156	<div class="row">
		1157	<div class="col-md-6 col-sm-6 col-xs-12">
		1158	<h3>THEME COLORS</h3>
		1159	<div class="row">
		1160	<div class="col-md-6 col-sm-6 col-xs-12">
		1161	<ul class="theme-colors">
		1162	<li class="theme-color theme-color-default" data-theme="default">
		1163	<span class="theme-color-view"></span>
		1164	<span class="theme-color-name">Default</span>
		1165	</li>
		1166	<li class="theme-color theme-color-blue-hoki" data-theme="blue-hoki">
		1167	<span class="theme-color-view"></span>
		1168	<span class="theme-color-name">Blue Hoki</span>
		1169	</li>
		1170	<li class="theme-color theme-color-blue-steel" data-theme="blue-steel">
		1171	<span class="theme-color-view"></span>
		1172	<span class="theme-color-name">Blue Steel</span>
		1173	</li>
		1174	<li class="theme-color theme-color-yellow-orange" data-theme="yellow-orange">
		1175	<span class="theme-color-view"></span>
		1176	<span class="theme-color-name">Orange</span>
		1177	</li>
		1178	<li class="theme-color theme-color-yellow-crusta" data-theme="yellow-crusta">
		1179	<span class="theme-color-view"></span>
		1180	<span class="theme-color-name">Yellow Crusta</span>
		1181	</li>
		1182	</ul>
		1183	</div>
		1184	<div class="col-md-6 col-sm-6 col-xs-12">
		1185	<ul class="theme-colors">
		1186	<li class="theme-color theme-color-green-haze" data-theme="green-haze">
		1187	<span class="theme-color-view"></span>
		1188	<span class="theme-color-name">Green Haze</span>
		1189	</li>
		1190	<li class="theme-color theme-color-red-sunglo" data-theme="red-sunglo">
		1191	<span class="theme-color-view"></span>
		1192	<span class="theme-color-name">Red Sunglo</span>
		1193	</li>
		1194	<li class="theme-color theme-color-red-intense" data-theme="red-intense">
		1195	<span class="theme-color-view"></span>
		1196	<span class="theme-color-name">Red Intense</span>
		1197	</li>
		1198	<li class="theme-color theme-color-purple-plum" data-theme="purple-plum">
		1199	<span class="theme-color-view"></span>
		1200	<span class="theme-color-name">Purple Plum</span>
		1201	</li>
		1202	<li class="theme-color theme-color-purple-studio" data-theme="purple-studio">
		1203	<span class="theme-color-view"></span>
		1204	<span class="theme-color-name">Purple Studio</span>
		1205	</li>
		1206	</ul>
		1207	</div>
		1208	</div>
		1209	</div>
		1210	<div class="col-md-6 col-sm-6 col-xs-12 seperator">
		1211	<h3>LAYOUT</h3>
		1212	<ul class="theme-settings">
		1213	<li>
		1214	Theme Style
		1215	<select class="theme-setting theme-setting-style form-control input-sm input-small input-inline tooltips" data-original-title="Change theme style" data-container="body" data-placement="left">
		1216	<option value="boxed" selected="selected">Square corners</option>
		1217	<option value="rounded">Rounded corners</option>
		1218	</select>
		1219	</li>
		1220	<li>
		1221	Layout
		1222	<select class="theme-setting theme-setting-layout form-control input-sm input-small input-inline tooltips" data-original-title="Change layout type" data-container="body" data-placement="left">
		1223	<option value="boxed" selected="selected">Boxed</option>
		1224	<option value="fluid">Fluid</option>
		1225	</select>
		1226	</li>
		1227	<li>
		1228	Top Menu Style
		1229	<select class="theme-setting theme-setting-top-menu-style form-control input-sm input-small input-inline tooltips" data-original-title="Change top menu dropdowns style" data-container="body" data-placement="left">
		1230	<option value="dark" selected="selected">Dark</option>
		1231	<option value="light">Light</option>
		1232	</select>
		1233	</li>
		1234	<li>
		1235	Top Menu Mode
		1236	<select class="theme-setting theme-setting-top-menu-mode form-control input-sm input-small input-inline tooltips" data-original-title="Enable fixed(sticky) top menu" data-container="body" data-placement="left">
		1237	<option value="fixed">Fixed</option>
		1238	<option value="not-fixed" selected="selected">Not Fixed</option>
		1239	</select>
		1240	</li>
		1241	<li>
		1242	Mega Menu Style
		1243	<select class="theme-setting theme-setting-mega-menu-style form-control input-sm input-small input-inline tooltips" data-original-title="Change mega menu dropdowns style" data-container="body" data-placement="left">
		1244	<option value="dark" selected="selected">Dark</option>
		1245	<option value="light">Light</option>
		1246	</select>
		1247	</li>
		1248	<li>
		1249	Mega Menu Mode
		1250	<select class="theme-setting theme-setting-mega-menu-mode form-control input-sm input-small input-inline tooltips" data-original-title="Enable fixed(sticky) mega menu" data-container="body" data-placement="left">
		1251	<option value="fixed" selected="selected">Fixed</option>
		1252	<option value="not-fixed">Not Fixed</option>
		1253	</select>
		1254	</li>
		1255	</ul>
		1256	</div>
		1257	</div>
		1258	</div>
		1259	</div>
		1260	<!-- END THEME PANEL -->
		1261	</div>
		1262	<!-- END PAGE TOOLBAR -->
		1263	</div>
		1264	</div>
		1265	<!-- END PAGE HEAD -->
		1266	<!-- BEGIN PAGE CONTENT -->
		1267	<div class="page-content">
		1268	<div class="container">
		1269	<!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM-->
		1270	<div class="modal fade" id="portlet-config" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		1271	<div class="modal-dialog">
		1272	<div class="modal-content">
		1273	<div class="modal-header">
		1274	<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
		1275	<h4 class="modal-title">Modal title</h4>
		1276	</div>
		1277	<div class="modal-body">
		1278	Widget settings form goes here
		1279	</div>
		1280	<div class="modal-footer">
		1281	<button type="button" class="btn blue">Save changes</button>
		1282	<button type="button" class="btn default" data-dismiss="modal">Close</button>
		1283	</div>
		1284	</div>
		1285	<!-- /.modal-content -->
		1286	</div>
		1287	<!-- /.modal-dialog -->
		1288	</div>
		1289	<!-- /.modal -->
		1290	<!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM-->
		1291	<!-- BEGIN PAGE BREADCRUMB -->
		1292	<ul class="page-breadcrumb breadcrumb">
		1293	<li>
		1294	<a href="#">Home</a><i class="fa fa-circle"></i>
		1295	</li>
		1296	<li>
		1297	<a href="table_managed.html">Extra</a>
		1298	<i class="fa fa-circle"></i>
		1299	</li>
		1300	<li>
		1301	<a href="table_managed.html">Data Tables</a>
		1302	<i class="fa fa-circle"></i>
		1303	</li>
		1304	<li class="active">
		1305	Managed Datatables
		1306	</li>
		1307	</ul>
		1308	<!-- END PAGE BREADCRUMB -->
		1309	<!-- BEGIN PAGE CONTENT INNER -->
		1310	<div class="row">
		1311	<div class="col-md-12">
		1312	<!-- BEGIN EXAMPLE TABLE PORTLET-->
		1313	<div class="portlet light">
		1314	<div class="portlet-title">
		1315	<div class="caption">
		1316	<i class="fa fa-cogs font-green-sharp"></i>
		1317	<span class="caption-subject font-green-sharp bold uppercase">Managed Table</span>
		1318	</div>
		1319	<div class="tools">
		1320	<a href="javascript:;" class="collapse">
		1321	</a>
		1322	<a href="#portlet-config" data-toggle="modal" class="config">
		1323	</a>
		1324	<a href="javascript:;" class="reload">
		1325	</a>
		1326	<a href="javascript:;" class="remove">
		1327	</a>
		1328	</div>
		1329	</div>
		1330	<div class="portlet-body">
		1331	<div class="table-toolbar">
		1332	<div class="row">
		1333	<div class="col-md-6">
		1334	<div class="btn-group">
		1335	<button id="sample_editable_1_new" class="btn green">
		1336	Add New <i class="fa fa-plus"></i>
		1337	</button>
		1338	</div>
		1339	</div>
		1340	<div class="col-md-6">
		1341	<div class="btn-group pull-right">
		1342	<button class="btn dropdown-toggle" data-toggle="dropdown">Tools <i class="fa fa-angle-down"></i>
		1343	</button>
		1344	<ul class="dropdown-menu pull-right">
		1345	<li>
		1346	<a href="javascript:;">
		1347	Print </a>
		1348	</li>
		1349	<li>
		1350	<a href="javascript:;">
		1351	Save as PDF </a>
		1352	</li>
		1353	<li>
		1354	<a href="javascript:;">
		1355	Export to Excel </a>
		1356	</li>
		1357	</ul>
		1358	</div>
		1359	</div>
		1360	</div>
		1361	</div>
		1362	<table class="table table-striped table-bordered table-hover" id="sample_1">
		1363	<thead>
		1364	<tr>
		1365	<th class="table-checkbox">
		1366	<input type="checkbox" class="group-checkable" data-set="#sample_1 .checkboxes"/>
		1367	</th>
		1368	<th>
		1369	Username
		1370	</th>
		1371	<th>
		1372	Email
		1373	</th>
		1374	<th>
		1375	Points
		1376	</th>
		1377	<th>
		1378	Joined
		1379	</th>
		1380	<th>
		1381	Status
		1382	</th>
		1383	</tr>
		1384	</thead>
		1385	<tbody>
		1386	<tr class="odd gradeX">
		1387	<td>
		1388	<input type="checkbox" class="checkboxes" value="1"/>
		1389	</td>
		1390	<td>
		1391	shuxer
		1392	</td>
		1393	<td>
		1394	<a href="mailto:shuxer@gmail.com">
		1395	shuxer@gmail.com </a>
		1396	</td>
		1397	<td>
		1398	120
		1399	</td>
		1400	<td class="center">
		1401	12 Jan 2012
		1402	</td>
		1403	<td>
		1404	<span class="label label-sm label-success">
		1405	Approved </span>
		1406	</td>
		1407	</tr>
		1408	<tr class="odd gradeX">
		1409	<td>
		1410	<input type="checkbox" class="checkboxes" value="1"/>
		1411	</td>
		1412	<td>
		1413	looper
		1414	</td>
		1415	<td>
		1416	<a href="mailto:looper90@gmail.com">
		1417	looper90@gmail.com </a>
		1418	</td>
		1419	<td>
		1420	120
		1421	</td>
		1422	<td class="center">
		1423	12.12.2011
		1424	</td>
		1425	<td>
		1426	<span class="label label-sm label-warning">
		1427	Suspended </span>
		1428	</td>
		1429	</tr>
		1430	<tr class="odd gradeX">
		1431	<td>
		1432	<input type="checkbox" class="checkboxes" value="1"/>
		1433	</td>
		1434	<td>
		1435	userwow
		1436	</td>
		1437	<td>
		1438	<a href="mailto:userwow@yahoo.com">
		1439	userwow@yahoo.com </a>
		1440	</td>
		1441	<td>
		1442	20
		1443	</td>
		1444	<td class="center">
		1445	12.12.2012
		1446	</td>
		1447	<td>
		1448	<span class="label label-sm label-success">
		1449	Approved </span>
		1450	</td>
		1451	</tr>
		1452	<tr class="odd gradeX">
		1453	<td>
		1454	<input type="checkbox" class="checkboxes" value="1"/>
		1455	</td>
		1456	<td>
		1457	user1wow
		1458	</td>
		1459	<td>
		1460	<a href="mailto:userwow@gmail.com">
		1461	userwow@gmail.com </a>
		1462	</td>
		1463	<td>
		1464	20
		1465	</td>
		1466	<td class="center">
		1467	12.12.2012
		1468	</td>
		1469	<td>
		1470	<span class="label label-sm label-default">
		1471	Blocked </span>
		1472	</td>
		1473	</tr>
		1474	<tr class="odd gradeX">
		1475	<td>
		1476	<input type="checkbox" class="checkboxes" value="1"/>
		1477	</td>
		1478	<td>
		1479	restest
		1480	</td>
		1481	<td>
		1482	<a href="mailto:userwow@gmail.com">
		1483	test@gmail.com </a>
		1484	</td>
		1485	<td>
		1486	20
		1487	</td>
		1488	<td class="center">
		1489	12.12.2012
		1490	</td>
		1491	<td>
		1492	<span class="label label-sm label-success">
		1493	Approved </span>
		1494	</td>
		1495	</tr>
		1496	<tr class="odd gradeX">
		1497	<td>
		1498	<input type="checkbox" class="checkboxes" value="1"/>
		1499	</td>
		1500	<td>
		1501	foopl
		1502	</td>
		1503	<td>
		1504	<a href="mailto:userwow@gmail.com">
		1505	good@gmail.com </a>
		1506	</td>
		1507	<td>
		1508	20
		1509	</td>
		1510	<td class="center">
		1511	19.11.2010
		1512	</td>
		1513	<td>
		1514	<span class="label label-sm label-success">
		1515	Approved </span>
		1516	</td>
		1517	</tr>
		1518	<tr class="odd gradeX">
		1519	<td>
		1520	<input type="checkbox" class="checkboxes" value="1"/>
		1521	</td>
		1522	<td>
		1523	weep
		1524	</td>
		1525	<td>
		1526	<a href="mailto:userwow@gmail.com">
		1527	good@gmail.com </a>
		1528	</td>
		1529	<td>
		1530	20
		1531	</td>
		1532	<td class="center">
		1533	19.11.2010
		1534	</td>
		1535	<td>
		1536	<span class="label label-sm label-success">
		1537	Approved </span>
		1538	</td>
		1539	</tr>
		1540	<tr class="odd gradeX">
		1541	<td>
		1542	<input type="checkbox" class="checkboxes" value="1"/>
		1543	</td>
		1544	<td>
		1545	coop
		1546	</td>
		1547	<td>
		1548	<a href="mailto:userwow@gmail.com">
		1549	good@gmail.com </a>
		1550	</td>
		1551	<td>
		1552	20
		1553	</td>
		1554	<td class="center">
		1555	19.11.2010
		1556	</td>
		1557	<td>
		1558	<span class="label label-sm label-success">
		1559	Approved </span>
		1560	</td>
		1561	</tr>
		1562	<tr class="odd gradeX">
		1563	<td>
		1564	<input type="checkbox" class="checkboxes" value="1"/>
		1565	</td>
		1566	<td>
		1567	pppol
		1568	</td>
		1569	<td>
		1570	<a href="mailto:userwow@gmail.com">
		1571	good@gmail.com </a>
		1572	</td>
		1573	<td>
		1574	20
		1575	</td>
		1576	<td class="center">
		1577	19.11.2010
		1578	</td>
		1579	<td>
		1580	<span class="label label-sm label-success">
		1581	Approved </span>
		1582	</td>
		1583	</tr>
		1584	<tr class="odd gradeX">
		1585	<td>
		1586	<input type="checkbox" class="checkboxes" value="1"/>
		1587	</td>
		1588	<td>
		1589	test
		1590	</td>
		1591	<td>
		1592	<a href="mailto:userwow@gmail.com">
		1593	good@gmail.com </a>
		1594	</td>
		1595	<td>
		1596	20
		1597	</td>
		1598	<td class="center">
		1599	19.11.2010
		1600	</td>
		1601	<td>
		1602	<span class="label label-sm label-success">
		1603	Approved </span>
		1604	</td>
		1605	</tr>
		1606	<tr class="odd gradeX">
		1607	<td>
		1608	<input type="checkbox" class="checkboxes" value="1"/>
		1609	</td>
		1610	<td>
		1611	userwow
		1612	</td>
		1613	<td>
		1614	<a href="mailto:userwow@gmail.com">
		1615	userwow@gmail.com </a>
		1616	</td>
		1617	<td>
		1618	20
		1619	</td>
		1620	<td class="center">
		1621	12.12.2012
		1622	</td>
		1623	<td>
		1624	<span class="label label-sm label-default">
		1625	Blocked </span>
		1626	</td>
		1627	</tr>
		1628	<tr class="odd gradeX">
		1629	<td>
		1630	<input type="checkbox" class="checkboxes" value="1"/>
		1631	</td>
		1632	<td>
		1633	test
		1634	</td>
		1635	<td>
		1636	<a href="mailto:userwow@gmail.com">
		1637	test@gmail.com </a>
		1638	</td>
		1639	<td>
		1640	20
		1641	</td>
		1642	<td class="center">
		1643	12.12.2012
		1644	</td>
		1645	<td>
		1646	<span class="label label-sm label-success">
		1647	Approved </span>
		1648	</td>
		1649	</tr>
		1650	<tr class="odd gradeX">
		1651	<td>
		1652	<input type="checkbox" class="checkboxes" value="1"/>
		1653	</td>
		1654	<td>
		1655	goop
		1656	</td>
		1657	<td>
		1658	<a href="mailto:userwow@gmail.com">
		1659	good@gmail.com </a>
		1660	</td>
		1661	<td>
		1662	20
		1663	</td>
		1664	<td class="center">
		1665	12.11.2010
		1666	</td>
		1667	<td>
		1668	<span class="label label-sm label-success">
		1669	Approved </span>
		1670	</td>
		1671	</tr>
		1672	<tr class="odd gradeX">
		1673	<td>
		1674	<input type="checkbox" class="checkboxes" value="1"/>
		1675	</td>
		1676	<td>
		1677	weep
		1678	</td>
		1679	<td>
		1680	<a href="mailto:userwow@gmail.com">
		1681	good@gmail.com </a>
		1682	</td>
		1683	<td>
		1684	20
		1685	</td>
		1686	<td class="center">
		1687	15.11.2011
		1688	</td>
		1689	<td>
		1690	<span class="label label-sm label-default">
		1691	Blocked </span>
		1692	</td>
		1693	</tr>
		1694	<tr class="odd gradeX">
		1695	<td>
		1696	<input type="checkbox" class="checkboxes" value="1"/>
		1697	</td>
		1698	<td>
		1699	toopl
		1700	</td>
		1701	<td>
		1702	<a href="mailto:userwow@gmail.com">
		1703	good@gmail.com </a>
		1704	</td>
		1705	<td>
		1706	20
		1707	</td>
		1708	<td class="center">
		1709	16.11.2010
		1710	</td>
		1711	<td>
		1712	<span class="label label-sm label-success">
		1713	Approved </span>
		1714	</td>
		1715	</tr>
		1716	<tr class="odd gradeX">
		1717	<td>
		1718	<input type="checkbox" class="checkboxes" value="1"/>
		1719	</td>
		1720	<td>
		1721	userwow
		1722	</td>
		1723	<td>
		1724	<a href="mailto:userwow@gmail.com">
		1725	userwow@gmail.com </a>
		1726	</td>
		1727	<td>
		1728	20
		1729	</td>
		1730	<td class="center">
		1731	9.12.2012
		1732	</td>
		1733	<td>
		1734	<span class="label label-sm label-default">
		1735	Blocked </span>
		1736	</td>
		1737	</tr>
		1738	<tr class="odd gradeX">
		1739	<td>
		1740	<input type="checkbox" class="checkboxes" value="1"/>
		1741	</td>
		1742	<td>
		1743	tes21t
		1744	</td>
		1745	<td>
		1746	<a href="mailto:userwow@gmail.com">
		1747	test@gmail.com </a>
		1748	</td>
		1749	<td>
		1750	20
		1751	</td>
		1752	<td class="center">
		1753	14.12.2012
		1754	</td>
		1755	<td>
		1756	<span class="label label-sm label-success">
		1757	Approved </span>
		1758	</td>
		1759	</tr>
		1760	<tr class="odd gradeX">
		1761	<td>
		1762	<input type="checkbox" class="checkboxes" value="1"/>
		1763	</td>
		1764	<td>
		1765	fop
		1766	</td>
		1767	<td>
		1768	<a href="mailto:userwow@gmail.com">
		1769	good@gmail.com </a>
		1770	</td>
		1771	<td>
		1772	20
		1773	</td>
		1774	<td class="center">
		1775	13.11.2010
		1776	</td>
		1777	<td>
		1778	<span class="label label-sm label-warning">
		1779	Suspended </span>
		1780	</td>
		1781	</tr>
		1782	<tr class="odd gradeX">
		1783	<td>
		1784	<input type="checkbox" class="checkboxes" value="1"/>
		1785	</td>
		1786	<td>
		1787	kop
		1788	</td>
		1789	<td>
		1790	<a href="mailto:userwow@gmail.com">
		1791	good@gmail.com </a>
		1792	</td>
		1793	<td>
		1794	20
		1795	</td>
		1796	<td class="center">
		1797	17.11.2010
		1798	</td>
		1799	<td>
		1800	<span class="label label-sm label-success">
		1801	Approved </span>
		1802	</td>
		1803	</tr>
		1804	<tr class="odd gradeX">
		1805	<td>
		1806	<input type="checkbox" class="checkboxes" value="1"/>
		1807	</td>
		1808	<td>
		1809	vopl
		1810	</td>
		1811	<td>
		1812	<a href="mailto:userwow@gmail.com">
		1813	good@gmail.com </a>
		1814	</td>
		1815	<td>
		1816	20
		1817	</td>
		1818	<td class="center">
		1819	19.11.2010
		1820	</td>
		1821	<td>
		1822	<span class="label label-sm label-success">
		1823	Approved </span>
		1824	</td>
		1825	</tr>
		1826	<tr class="odd gradeX">
		1827	<td>
		1828	<input type="checkbox" class="checkboxes" value="1"/>
		1829	</td>
		1830	<td>
		1831	userwow
		1832	</td>
		1833	<td>
		1834	<a href="mailto:userwow@gmail.com">
		1835	userwow@gmail.com </a>
		1836	</td>
		1837	<td>
		1838	20
		1839	</td>
		1840	<td class="center">
		1841	12.12.2012
		1842	</td>
		1843	<td>
		1844	<span class="label label-sm label-default">
		1845	Blocked </span>
		1846	</td>
		1847	</tr>
		1848	<tr class="odd gradeX">
		1849	<td>
		1850	<input type="checkbox" class="checkboxes" value="1"/>
		1851	</td>
		1852	<td>
		1853	wap
		1854	</td>
		1855	<td>
		1856	<a href="mailto:userwow@gmail.com">
		1857	test@gmail.com </a>
		1858	</td>
		1859	<td>
		1860	20
		1861	</td>
		1862	<td class="center">
		1863	12.12.2012
		1864	</td>
		1865	<td>
		1866	<span class="label label-sm label-success">
		1867	Approved </span>
		1868	</td>
		1869	</tr>
		1870	<tr class="odd gradeX">
		1871	<td>
		1872	<input type="checkbox" class="checkboxes" value="1"/>
		1873	</td>
		1874	<td>
		1875	test
		1876	</td>
		1877	<td>
		1878	<a href="mailto:userwow@gmail.com">
		1879	good@gmail.com </a>
		1880	</td>
		1881	<td>
		1882	20
		1883	</td>
		1884	<td class="center">
		1885	19.12.2010
		1886	</td>
		1887	<td>
		1888	<span class="label label-sm label-success">
		1889	Approved </span>
		1890	</td>
		1891	</tr>
		1892	<tr class="odd gradeX">
		1893	<td>
		1894	<input type="checkbox" class="checkboxes" value="1"/>
		1895	</td>
		1896	<td>
		1897	toop
		1898	</td>
		1899	<td>
		1900	<a href="mailto:userwow@gmail.com">
		1901	good@gmail.com </a>
		1902	</td>
		1903	<td>
		1904	20
		1905	</td>
		1906	<td class="center">
		1907	17.12.2010
		1908	</td>
		1909	<td>
		1910	<span class="label label-sm label-success">
		1911	Approved </span>
		1912	</td>
		1913	</tr>
		1914	<tr class="odd gradeX">
		1915	<td>
		1916	<input type="checkbox" class="checkboxes" value="1"/>
		1917	</td>
		1918	<td>
		1919	weep
		1920	</td>
		1921	<td>
		1922	<a href="mailto:userwow@gmail.com">
		1923	good@gmail.com </a>
		1924	</td>
		1925	<td>
		1926	20
		1927	</td>
		1928	<td class="center">
		1929	15.11.2011
		1930	</td>
		1931	<td>
		1932	<span class="label label-sm label-success">
		1933	Approved </span>
		1934	</td>
		1935	</tr>
		1936	</tbody>
		1937	</table>
		1938	</div>
		1939	</div>
		1940	<!-- END EXAMPLE TABLE PORTLET-->
		1941	</div>
		1942	</div>
		1943	<div class="row">
		1944	<div class="col-md-6 col-sm-12">
		1945	<!-- BEGIN EXAMPLE TABLE PORTLET-->
		1946	<div class="portlet light">
		1947	<div class="portlet-title">
		1948	<div class="caption">
		1949	<i class="fa fa-cogs font-green-sharp"></i>
		1950	<span class="caption-subject font-green-sharp bold uppercase">Table</span>
		1951	</div>
		1952	<div class="actions btn-set">
		1953	<button class="btn green-haze btn-circle"><i class="fa fa-check"></i> Add</button>
		1954	<div class="btn-group">
		1955	<a class="btn yellow btn-circle" href="javascript:;" data-toggle="dropdown">
		1956	<i class="fa fa-check-circle"></i> Edit <i class="fa fa-angle-down"></i>
		1957	</a>
		1958	<ul class="dropdown-menu pull-right">
		1959	<li>
		1960	<a href="javascript:;">
		1961	Duplicate </a>
		1962	</li>
		1963	<li>
		1964	<a href="javascript:;">
		1965	Delete </a>
		1966	</li>
		1967	<li class="divider">
		1968	</li>
		1969	<li>
		1970	<a href="javascript:;">
		1971	Print </a>
		1972	</li>
		1973	</ul>
		1974	</div>
		1975	</div>
		1976	</div>
		1977	<div class="portlet-body">
		1978	<table class="table table-striped table-bordered table-hover" id="sample_2">
		1979	<thead>
		1980	<tr>
		1981	<th class="table-checkbox">
		1982	<input type="checkbox" class="group-checkable" data-set="#sample_2 .checkboxes"/>
		1983	</th>
		1984	<th>
		1985	Username
		1986	</th>
		1987	<th>
		1988	Email
		1989	</th>
		1990	<th>
		1991	Status
		1992	</th>
		1993	</tr>
		1994	</thead>
		1995	<tbody>
		1996	<tr class="odd gradeX">
		1997	<td>
		1998	<input type="checkbox" class="checkboxes" value="1"/>
		1999	</td>
		2000	<td>
		2001	shuxer
		2002	</td>
		2003	<td>
		2004	<a href="mailto:shuxer@gmail.com">
		2005	shuxer@gmail.com </a>
		2006	</td>
		2007	<td>
		2008	<span class="label label-sm label-success">
		2009	Approved </span>
		2010	</td>
		2011	</tr>
		2012	<tr class="odd gradeX">
		2013	<td>
		2014	<input type="checkbox" class="checkboxes" value="1"/>
		2015	</td>
		2016	<td>
		2017	looper
		2018	</td>
		2019	<td>
		2020	<a href="mailto:looper90@gmail.com">
		2021	looper90@gmail.com </a>
		2022	</td>
		2023	<td>
		2024	<span class="label label-sm label-warning">
		2025	Suspended </span>
		2026	</td>
		2027	</tr>
		2028	<tr class="odd gradeX">
		2029	<td>
		2030	<input type="checkbox" class="checkboxes" value="1"/>
		2031	</td>
		2032	<td>
		2033	userwow
		2034	</td>
		2035	<td>
		2036	<a href="mailto:userwow@yahoo.com">
		2037	userwow@yahoo.com </a>
		2038	</td>
		2039	<td>
		2040	<span class="label label-sm label-success">
		2041	Approved </span>
		2042	</td>
		2043	</tr>
		2044	<tr class="odd gradeX">
		2045	<td>
		2046	<input type="checkbox" class="checkboxes" value="1"/>
		2047	</td>
		2048	<td>
		2049	user1wow
		2050	</td>
		2051	<td>
		2052	<a href="mailto:userwow@gmail.com">
		2053	userwow@gmail.com </a>
		2054	</td>
		2055	<td>
		2056	<span class="label label-sm label-default">
		2057	Blocked </span>
		2058	</td>
		2059	</tr>
		2060	<tr class="odd gradeX">
		2061	<td>
		2062	<input type="checkbox" class="checkboxes" value="1"/>
		2063	</td>
		2064	<td>
		2065	restest
		2066	</td>
		2067	<td>
		2068	<a href="mailto:userwow@gmail.com">
		2069	test@gmail.com </a>
		2070	</td>
		2071	<td>
		2072	<span class="label label-sm label-success">
		2073	Approved </span>
		2074	</td>
		2075	</tr>
		2076	<tr class="odd gradeX">
		2077	<td>
		2078	<input type="checkbox" class="checkboxes" value="1"/>
		2079	</td>
		2080	<td>
		2081	foopl
		2082	</td>
		2083	<td>
		2084	<a href="mailto:userwow@gmail.com">
		2085	good@gmail.com </a>
		2086	</td>
		2087	<td>
		2088	<span class="label label-sm label-success">
		2089	Approved </span>
		2090	</td>
		2091	</tr>
		2092	<tr class="odd gradeX">
		2093	<td>
		2094	<input type="checkbox" class="checkboxes" value="1"/>
		2095	</td>
		2096	<td>
		2097	weep
		2098	</td>
		2099	<td>
		2100	<a href="mailto:userwow@gmail.com">
		2101	good@gmail.com </a>
		2102	</td>
		2103	<td>
		2104	<span class="label label-sm label-success">
		2105	Approved </span>
		2106	</td>
		2107	</tr>
		2108	<tr class="odd gradeX">
		2109	<td>
		2110	<input type="checkbox" class="checkboxes" value="1"/>
		2111	</td>
		2112	<td>
		2113	coop
		2114	</td>
		2115	<td>
		2116	<a href="mailto:userwow@gmail.com">
		2117	good@gmail.com </a>
		2118	</td>
		2119	<td>
		2120	<span class="label label-sm label-success">
		2121	Approved </span>
		2122	</td>
		2123	</tr>
		2124	<tr class="odd gradeX">
		2125	<td>
		2126	<input type="checkbox" class="checkboxes" value="1"/>
		2127	</td>
		2128	<td>
		2129	pppol
		2130	</td>
		2131	<td>
		2132	<a href="mailto:userwow@gmail.com">
		2133	good@gmail.com </a>
		2134	</td>
		2135	<td>
		2136	<span class="label label-sm label-success">
		2137	Approved </span>
		2138	</td>
		2139	</tr>
		2140	<tr class="odd gradeX">
		2141	<td>
		2142	<input type="checkbox" class="checkboxes" value="1"/>
		2143	</td>
		2144	<td>
		2145	test
		2146	</td>
		2147	<td>
		2148	<a href="mailto:userwow@gmail.com">
		2149	good@gmail.com </a>
		2150	</td>
		2151	<td>
		2152	<span class="label label-sm label-success">
		2153	Approved </span>
		2154	</td>
		2155	</tr>
		2156	<tr class="odd gradeX">
		2157	<td>
		2158	<input type="checkbox" class="checkboxes" value="1"/>
		2159	</td>
		2160	<td>
		2161	userwow
		2162	</td>
		2163	<td>
		2164	<a href="mailto:userwow@gmail.com">
		2165	userwow@gmail.com </a>
		2166	</td>
		2167	<td>
		2168	<span class="label label-sm label-default">
		2169	Blocked </span>
		2170	</td>
		2171	</tr>
		2172	<tr class="odd gradeX">
		2173	<td>
		2174	<input type="checkbox" class="checkboxes" value="1"/>
		2175	</td>
		2176	<td>
		2177	test
		2178	</td>
		2179	<td>
		2180	<a href="mailto:userwow@gmail.com">
		2181	test@gmail.com </a>
		2182	</td>
		2183	<td>
		2184	<span class="label label-sm label-success">
		2185	Approved </span>
		2186	</td>
		2187	</tr>
		2188	</tbody>
		2189	</table>
		2190	</div>
		2191	</div>
		2192	<!-- END EXAMPLE TABLE PORTLET-->
		2193	</div>
		2194	<div class="col-md-6 col-sm-12">
		2195	<!-- BEGIN EXAMPLE TABLE PORTLET-->
		2196	<div class="portlet light">
		2197	<div class="portlet-title">
		2198	<div class="caption">
		2199	<i class="fa fa-cogs font-green-sharp"></i>
		2200	<span class="caption-subject font-green-sharp bold uppercase">Table</span>
		2201	</div>
		2202	<div class="actions btn-set">
		2203	<button class="btn green-haze btn-circle"><i class="fa fa-check"></i> Add</button>
		2204	<div class="btn-group">
		2205	<a class="btn yellow btn-circle" href="javascript:;" data-toggle="dropdown">
		2206	<i class="fa fa-check-circle"></i> Edit <i class="fa fa-angle-down"></i>
		2207	</a>
		2208	<ul class="dropdown-menu pull-right">
		2209	<li>
		2210	<a href="javascript:;">
		2211	Duplicate </a>
		2212	</li>
		2213	<li>
		2214	<a href="javascript:;">
		2215	Delete </a>
		2216	</li>
		2217	<li class="divider">
		2218	</li>
		2219	<li>
		2220	<a href="javascript:;">
		2221	Print </a>
		2222	</li>
		2223	</ul>
		2224	</div>
		2225	</div>
		2226	</div>
		2227	<div class="portlet-body">
		2228	<table class="table table-striped table-bordered table-hover" id="sample_3">
		2229	<thead>
		2230	<tr>
		2231	<th class="table-checkbox">
		2232	<input type="checkbox" class="group-checkable" data-set="#sample_3 .checkboxes"/>
		2233	</th>
		2234	<th>
		2235	Username
		2236	</th>
		2237	<th>
		2238	Email
		2239	</th>
		2240	<th>
		2241	Status
		2242	</th>
		2243	</tr>
		2244	</thead>
		2245	<tbody>
		2246	<tr class="odd gradeX">
		2247	<td>
		2248	<input type="checkbox" class="checkboxes" value="1"/>
		2249	</td>
		2250	<td>
		2251	shuxer
		2252	</td>
		2253	<td>
		2254	<a href="mailto:shuxer@gmail.com">
		2255	shuxer@gmail.com </a>
		2256	</td>
		2257	<td>
		2258	<span class="label label-sm label-success">
		2259	Approved </span>
		2260	</td>
		2261	</tr>
		2262	<tr class="odd gradeX">
		2263	<td>
		2264	<input type="checkbox" class="checkboxes" value="1"/>
		2265	</td>
		2266	<td>
		2267	looper
		2268	</td>
		2269	<td>
		2270	<a href="mailto:looper90@gmail.com">
		2271	looper90@gmail.com </a>
		2272	</td>
		2273	<td>
		2274	<span class="label label-sm label-warning">
		2275	Suspended </span>
		2276	</td>
		2277	</tr>
		2278	<tr class="odd gradeX">
		2279	<td>
		2280	<input type="checkbox" class="checkboxes" value="1"/>
		2281	</td>
		2282	<td>
		2283	userwow
		2284	</td>
		2285	<td>
		2286	<a href="mailto:userwow@yahoo.com">
		2287	userwow@yahoo.com </a>
		2288	</td>
		2289	<td>
		2290	<span class="label label-sm label-success">
		2291	Approved </span>
		2292	</td>
		2293	</tr>
		2294	<tr class="odd gradeX">
		2295	<td>
		2296	<input type="checkbox" class="checkboxes" value="1"/>
		2297	</td>
		2298	<td>
		2299	user1wow
		2300	</td>
		2301	<td>
		2302	<a href="mailto:userwow@gmail.com">
		2303	userwow@gmail.com </a>
		2304	</td>
		2305	<td>
		2306	<span class="label label-sm label-default">
		2307	Blocked </span>
		2308	</td>
		2309	</tr>
		2310	<tr class="odd gradeX">
		2311	<td>
		2312	<input type="checkbox" class="checkboxes" value="1"/>
		2313	</td>
		2314	<td>
		2315	restest
		2316	</td>
		2317	<td>
		2318	<a href="mailto:userwow@gmail.com">
		2319	test@gmail.com </a>
		2320	</td>
		2321	<td>
		2322	<span class="label label-sm label-success">
		2323	Approved </span>
		2324	</td>
		2325	</tr>
		2326	<tr class="odd gradeX">
		2327	<td>
		2328	<input type="checkbox" class="checkboxes" value="1"/>
		2329	</td>
		2330	<td>
		2331	foopl
		2332	</td>
		2333	<td>
		2334	<a href="mailto:userwow@gmail.com">
		2335	good@gmail.com </a>
		2336	</td>
		2337	<td>
		2338	<span class="label label-sm label-success">
		2339	Approved </span>
		2340	</td>
		2341	</tr>
		2342	<tr class="odd gradeX">
		2343	<td>
		2344	<input type="checkbox" class="checkboxes" value="1"/>
		2345	</td>
		2346	<td>
		2347	weep
		2348	</td>
		2349	<td>
		2350	<a href="mailto:userwow@gmail.com">
		2351	good@gmail.com </a>
		2352	</td>
		2353	<td>
		2354	<span class="label label-sm label-success">
		2355	Approved </span>
		2356	</td>
		2357	</tr>
		2358	<tr class="odd gradeX">
		2359	<td>
		2360	<input type="checkbox" class="checkboxes" value="1"/>
		2361	</td>
		2362	<td>
		2363	coop
		2364	</td>
		2365	<td>
		2366	<a href="mailto:userwow@gmail.com">
		2367	good@gmail.com </a>
		2368	</td>
		2369	<td>
		2370	<span class="label label-sm label-success">
		2371	Approved </span>
		2372	</td>
		2373	</tr>
		2374	<tr class="odd gradeX">
		2375	<td>
		2376	<input type="checkbox" class="checkboxes" value="1"/>
		2377	</td>
		2378	<td>
		2379	pppol
		2380	</td>
		2381	<td>
		2382	<a href="mailto:userwow@gmail.com">
		2383	good@gmail.com </a>
		2384	</td>
		2385	<td>
		2386	<span class="label label-sm label-success">
		2387	Approved </span>
		2388	</td>
		2389	</tr>
		2390	<tr class="odd gradeX">
		2391	<td>
		2392	<input type="checkbox" class="checkboxes" value="1"/>
		2393	</td>
		2394	<td>
		2395	test
		2396	</td>
		2397	<td>
		2398	<a href="mailto:userwow@gmail.com">
		2399	good@gmail.com </a>
		2400	</td>
		2401	<td>
		2402	<span class="label label-sm label-success">
		2403	Approved </span>
		2404	</td>
		2405	</tr>
		2406	<tr class="odd gradeX">
		2407	<td>
		2408	<input type="checkbox" class="checkboxes" value="1"/>
		2409	</td>
		2410	<td>
		2411	userwow
		2412	</td>
		2413	<td>
		2414	<a href="mailto:userwow@gmail.com">
		2415	userwow@gmail.com </a>
		2416	</td>
		2417	<td>
		2418	<span class="label label-sm label-default">
		2419	Blocked </span>
		2420	</td>
		2421	</tr>
		2422	<tr class="odd gradeX">
		2423	<td>
		2424	<input type="checkbox" class="checkboxes" value="1"/>
		2425	</td>
		2426	<td>
		2427	test
		2428	</td>
		2429	<td>
		2430	<a href="mailto:userwow@gmail.com">
		2431	test@gmail.com </a>
		2432	</td>
		2433	<td>
		2434	<span class="label label-sm label-success">
		2435	Approved </span>
		2436	</td>
		2437	</tr>
		2438	</tbody>
		2439	</table>
		2440	</div>
		2441	</div>
		2442	<!-- END EXAMPLE TABLE PORTLET-->
		2443	</div>
		2444	</div>
		2445	<!-- END PAGE CONTENT INNER -->
		2446	</div>
		2447	</div>
		2448	<!-- END PAGE CONTENT -->
		2449	</div>
		2450	<!-- END PAGE CONTAINER -->
		2451	<!-- BEGIN PRE-FOOTER -->
		2452	<div class="page-prefooter">
		2453	<div class="container">
		2454	<div class="row">
		2455	<div class="col-md-3 col-sm-6 col-xs-12 footer-block">
		2456	<h2>About</h2>
		2457	<p>
		2458	Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam dolore.
		2459	</p>
		2460	</div>
		2461	<div class="col-md-3 col-sm-6 col-xs12 footer-block">
		2462	<h2>Subscribe Email</h2>
		2463	<div class="subscribe-form">
		2464	<form action="javascript:;">
		2465	<div class="input-group">
		2466	<input type="text" placeholder="mail@email.com" class="form-control">
		2467	<span class="input-group-btn">
		2468	<button class="btn" type="submit">Submit</button>
		2469	</span>
		2470	</div>
		2471	</form>
		2472	</div>
		2473	</div>
		2474	<div class="col-md-3 col-sm-6 col-xs-12 footer-block">
		2475	<h2>Follow Us On</h2>
		2476	<ul class="social-icons">
		2477	<li>
		2478	<a href="javascript:;" data-original-title="rss" class="rss"></a>
		2479	</li>
		2480	<li>
		2481	<a href="javascript:;" data-original-title="facebook" class="facebook"></a>
		2482	</li>
		2483	<li>
		2484	<a href="javascript:;" data-original-title="twitter" class="twitter"></a>
		2485	</li>
		2486	<li>
		2487	<a href="javascript:;" data-original-title="googleplus" class="googleplus"></a>
		2488	</li>
		2489	<li>
		2490	<a href="javascript:;" data-original-title="linkedin" class="linkedin"></a>
		2491	</li>
		2492	<li>
		2493	<a href="javascript:;" data-original-title="youtube" class="youtube"></a>
		2494	</li>
		2495	<li>
		2496	<a href="javascript:;" data-original-title="vimeo" class="vimeo"></a>
		2497	</li>
		2498	</ul>
		2499	</div>
		2500	<div class="col-md-3 col-sm-6 col-xs-12 footer-block">
		2501	<h2>Contacts</h2>
		2502	<address class="margin-bottom-40">
		2503	Phone: 800 123 3456<br>
		2504	Email: <a href="mailto:info@metronic.com">info@metronic.com</a>
		2505	</address>
		2506	</div>
		2507	</div>
		2508	</div>
		2509	</div>
		2510	<!-- END PRE-FOOTER -->
		2511	<!-- BEGIN FOOTER -->
		2512	<div class="page-footer">
		2513	<div class="container">
		2514	2014 © Metronic. All Rights Reserved.
		2515	</div>
		2516	</div>
		2517	<div class="scroll-to-top">
		2518	<i class="icon-arrow-up"></i>
		2519	</div>
		2520	<!-- END FOOTER -->
		2521	<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
		2522	<!-- BEGIN CORE PLUGINS -->
		2523	<!--[if lt IE 9]>
		2524	<script src="../../assets/global/plugins/respond.min.js"></script>
		2525	<script src="../../assets/global/plugins/excanvas.min.js"></script>
		2526	<![endif]-->
		2527	<script src="../../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
		2528	<script src="../../assets/global/plugins/jquery-migrate.min.js" type="text/javascript"></script>
		2529	<!-- IMPORTANT! Load jquery-ui.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
		2530	<script src="../../assets/global/plugins/jquery-ui/jquery-ui.min.js" type="text/javascript"></script>
		2531	<script src="../../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
		2532	<script src="../../assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js" type="text/javascript"></script>
		2533	<script src="../../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
		2534	<script src="../../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
		2535	<script src="../../assets/global/plugins/jquery.cokie.min.js" type="text/javascript"></script>
		2536	<script src="../../assets/global/plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>
		2537	<!-- END CORE PLUGINS -->
		2538	<!-- BEGIN PAGE LEVEL PLUGINS -->
		2539	<script type="text/javascript" src="../../assets/global/plugins/select2/select2.min.js"></script>
		2540	<script type="text/javascript" src="../../assets/global/plugins/datatables/media/js/jquery.dataTables.min.js"></script>
		2541	<script type="text/javascript" src="../../assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.js"></script>
		2542	<!-- END PAGE LEVEL PLUGINS -->
		2543	<!-- BEGIN PAGE LEVEL SCRIPTS -->
		2544	<script src="../../assets/global/scripts/metronic.js" type="text/javascript"></script>
		2545	<script src="../../assets/admin/layout3/scripts/layout.js" type="text/javascript"></script>
		2546	<script src="../../assets/admin/layout3/scripts/demo.js" type="text/javascript"></script>
		2547	<script src="../../assets/admin/pages/scripts/table-managed.js"></script>
		2548	<script>
		2549	jQuery(document).ready(function() {
		2550	Metronic.init(); // init metronic core components
		2551	Layout.init(); // init current layout
		2552	Demo.init(); // init demo features
		2553	TableManaged.init();
		2554	});
		2555	</script>
		2556	</body>
		2557	<!-- END BODY -->
		2558	</html>

Subversion Repositories Integrator Subversion

(root)/DOCUMENTOS E ANALISE/telas/templates/admin3/table_managed.html - Rev 1