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

Subversion Repositories Integrator Subversion

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