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

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

Subversion Repositories Integrator Subversion

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