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

Rev	Author	Line No.	Line
1	espaco	1	<!DOCTYPE html>
		2	<!--
		3	Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.3.2
		4	Version: 3.6.2
		5	Author: KeenThemes
		6	Website: http://www.keenthemes.com/
		7	Contact: support@keenthemes.com
		8	Follow: www.twitter.com/keenthemes
		9	Like: www.facebook.com/keenthemes
		10	Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
		11	License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
		12	-->
		13	<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
		14	<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
		15	<!--[if !IE]><!-->
		16	<html lang="en">
		17	<!--<![endif]-->
		18	<!-- BEGIN HEAD -->
		19	<head>
		20	<meta charset="utf-8"/>
		21	<title>Metronic \| Form Stuff - Form Validation</title>
		22	<meta http-equiv="X-UA-Compatible" content="IE=edge">
		23	<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
		24	<meta http-equiv="Content-type" content="text/html; charset=utf-8">
		25	<meta content="" name="description"/>
		26	<meta content="" name="author"/>
		27	<!-- BEGIN GLOBAL MANDATORY STYLES -->
		28	<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css">
		29	<link href="../../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
		30	<link href="../../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css">
		31	<link href="../../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css">
		32	<link href="../../assets/global/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css">
		33	<link href="../../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css"/>
		34	<!-- END GLOBAL MANDATORY STYLES -->
		35	<!-- BEGIN PAGE LEVEL STYLES -->
		36	<link rel="stylesheet" type="text/css" href="../../assets/global/plugins/select2/select2.css"/>
		37	<link rel="stylesheet" type="text/css" href="../../assets/global/plugins/bootstrap-wysihtml5/bootstrap-wysihtml5.css"/>
		38	<link rel="stylesheet" type="text/css" href="../../assets/global/plugins/bootstrap-markdown/css/bootstrap-markdown.min.css">
		39	<link rel="stylesheet" type="text/css" href="../../assets/global/plugins/bootstrap-datepicker/css/datepicker.css"/>
		40	<!-- END PAGE LEVEL SCRIPTS -->
		41	<!-- BEGIN THEME STYLES -->
		42	<link href="../../assets/global/css/components.css" id="style_components" rel="stylesheet" type="text/css"/>
		43	<link href="../../assets/global/css/plugins.css" rel="stylesheet" type="text/css"/>
		44	<link href="../../assets/admin/layout2/css/layout.css" rel="stylesheet" type="text/css"/>
		45	<link id="style_color" href="../../assets/admin/layout2/css/themes/grey.css" rel="stylesheet" type="text/css"/>
		46	<link href="../../assets/admin/layout2/css/custom.css" rel="stylesheet" type="text/css"/>
		47	<!-- END THEME STYLES -->
		48	<link rel="shortcut icon" href="favicon.ico"/>
		49	</head>
		50	<!-- END HEAD -->
		51	<!-- BEGIN BODY -->
		52	<!-- DOC: Apply "page-header-fixed-mobile" and "page-footer-fixed-mobile" class to body element to force fixed header or footer in mobile devices -->
		53	<!-- DOC: Apply "page-sidebar-closed" class to the body and "page-sidebar-menu-closed" class to the sidebar menu element to hide the sidebar by default -->
		54	<!-- DOC: Apply "page-sidebar-hide" class to the body to make the sidebar completely hidden on toggle -->
		55	<!-- DOC: Apply "page-sidebar-closed-hide-logo" class to the body element to make the logo hidden on sidebar toggle -->
		56	<!-- DOC: Apply "page-sidebar-hide" class to body element to completely hide the sidebar on sidebar toggle -->
		57	<!-- DOC: Apply "page-sidebar-fixed" class to have fixed sidebar -->
		58	<!-- DOC: Apply "page-footer-fixed" class to the body element to have fixed footer -->
		59	<!-- DOC: Apply "page-sidebar-reversed" class to put the sidebar on the right side -->
		60	<!-- DOC: Apply "page-full-width" class to the body element to have full width page without the sidebar menu -->
		61	<body class="page-boxed page-header-fixed page-container-bg-solid page-sidebar-closed-hide-logo ">
		62	<!-- BEGIN HEADER -->
		63	<div class="page-header navbar navbar-fixed-top">
		64	<!-- BEGIN HEADER INNER -->
		65	<div class="page-header-inner container">
		66	<!-- BEGIN LOGO -->
		67	<div class="page-logo">
		68	<a href="index.html">
		69	<img src="../../assets/admin/layout2/img/logo-default.png" alt="logo" class="logo-default"/>
		70	</a>
		71	<div class="menu-toggler sidebar-toggler">
		72	<!-- DOC: Remove the above "hide" to enable the sidebar toggler button on header -->
		73	</div>
		74	</div>
		75	<!-- END LOGO -->
		76	<!-- BEGIN RESPONSIVE MENU TOGGLER -->
		77	<a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
		78	</a>
		79	<!-- END RESPONSIVE MENU TOGGLER -->
		80	<!-- BEGIN PAGE ACTIONS -->
		81	<!-- DOC: Remove "hide" class to enable the page header actions -->
		82	<div class="page-actions hide">
		83	<div class="btn-group">
		84	<button type="button" class="btn btn-circle red-pink dropdown-toggle" data-toggle="dropdown">
		85	<i class="icon-bar-chart"></i> <span class="hidden-sm hidden-xs">New </span> <i class="fa fa-angle-down"></i>
		86	</button>
		87	<ul class="dropdown-menu" role="menu">
		88	<li>
		89	<a href="#">
		90	<i class="icon-user"></i> New User </a>
		91	</li>
		92	<li>
		93	<a href="#">
		94	<i class="icon-present"></i> New Event <span class="badge badge-success">4</span>
		95	</a>
		96	</li>
		97	<li>
		98	<a href="#">
		99	<i class="icon-basket"></i> New order </a>
		100	</li>
		101	<li class="divider">
		102	</li>
		103	<li>
		104	<a href="#">
		105	<i class="icon-flag"></i> Pending Orders <span class="badge badge-danger">4</span>
		106	</a>
		107	</li>
		108	<li>
		109	<a href="#">
		110	<i class="icon-users"></i> Pending Users <span class="badge badge-warning">12</span>
		111	</a>
		112	</li>
		113	</ul>
		114	</div>
		115	<div class="btn-group">
		116	<button type="button" class="btn btn-circle green-haze dropdown-toggle" data-toggle="dropdown">
		117	<i class="icon-bell"></i> <span class="hidden-sm hidden-xs">Post </span> <i class="fa fa-angle-down"></i>
		118	</button>
		119	<ul class="dropdown-menu" role="menu">
		120	<li>
		121	<a href="#">
		122	<i class="icon-docs"></i> New Post </a>
		123	</li>
		124	<li>
		125	<a href="#">
		126	<i class="icon-tag"></i> New Comment </a>
		127	</li>
		128	<li>
		129	<a href="#">
		130	<i class="icon-share"></i> Share </a>
		131	</li>
		132	<li class="divider">
		133	</li>
		134	<li>
		135	<a href="#">
		136	<i class="icon-flag"></i> Comments <span class="badge badge-success">4</span>
		137	</a>
		138	</li>
		139	<li>
		140	<a href="#">
		141	<i class="icon-users"></i> Feedbacks <span class="badge badge-danger">2</span>
		142	</a>
		143	</li>
		144	</ul>
		145	</div>
		146	</div>
		147	<!-- END PAGE ACTIONS -->
		148	<!-- BEGIN PAGE TOP -->
		149	<div class="page-top">
		150	<!-- BEGIN HEADER SEARCH BOX -->
		151	<!-- DOC: Apply "search-form-expanded" right after the "search-form" class to have half expanded search box -->
		152	<form class="search-form search-form-expanded" action="extra_search.html" method="GET">
		153	<div class="input-group">
		154	<input type="text" class="form-control" placeholder="Search..." name="query">
		155	<span class="input-group-btn">
		156	<a href="javascript:;" class="btn submit"><i class="icon-magnifier"></i></a>
		157	</span>
		158	</div>
		159	</form>
		160	<!-- END HEADER SEARCH BOX -->
		161	<!-- BEGIN TOP NAVIGATION MENU -->
		162	<div class="top-menu">
		163	<ul class="nav navbar-nav pull-right">
		164	<!-- BEGIN NOTIFICATION DROPDOWN -->
		165	<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
		166	<li class="dropdown dropdown-extended dropdown-notification" id="header_notification_bar">
		167	<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		168	<i class="icon-bell"></i>
		169	<span class="badge badge-default">
		170	7 </span>
		171	</a>
		172	<ul class="dropdown-menu">
		173	<li class="external">
		174	<h3><span class="bold">12 pending</span> notifications</h3>
		175	<a href="extra_profile.html">view all</a>
		176	</li>
		177	<li>
		178	<ul class="dropdown-menu-list scroller" style="height: 250px;" data-handle-color="#637283">
		179	<li>
		180	<a href="javascript:;">
		181	<span class="time">just now</span>
		182	<span class="details">
		183	<span class="label label-sm label-icon label-success">
		184	<i class="fa fa-plus"></i>
		185	</span>
		186	New user registered. </span>
		187	</a>
		188	</li>
		189	<li>
		190	<a href="javascript:;">
		191	<span class="time">3 mins</span>
		192	<span class="details">
		193	<span class="label label-sm label-icon label-danger">
		194	<i class="fa fa-bolt"></i>
		195	</span>
		196	Server #12 overloaded. </span>
		197	</a>
		198	</li>
		199	<li>
		200	<a href="javascript:;">
		201	<span class="time">10 mins</span>
		202	<span class="details">
		203	<span class="label label-sm label-icon label-warning">
		204	<i class="fa fa-bell-o"></i>
		205	</span>
		206	Server #2 not responding. </span>
		207	</a>
		208	</li>
		209	<li>
		210	<a href="javascript:;">
		211	<span class="time">14 hrs</span>
		212	<span class="details">
		213	<span class="label label-sm label-icon label-info">
		214	<i class="fa fa-bullhorn"></i>
		215	</span>
		216	Application error. </span>
		217	</a>
		218	</li>
		219	<li>
		220	<a href="javascript:;">
		221	<span class="time">2 days</span>
		222	<span class="details">
		223	<span class="label label-sm label-icon label-danger">
		224	<i class="fa fa-bolt"></i>
		225	</span>
		226	Database overloaded 68%. </span>
		227	</a>
		228	</li>
		229	<li>
		230	<a href="javascript:;">
		231	<span class="time">3 days</span>
		232	<span class="details">
		233	<span class="label label-sm label-icon label-danger">
		234	<i class="fa fa-bolt"></i>
		235	</span>
		236	A user IP blocked. </span>
		237	</a>
		238	</li>
		239	<li>
		240	<a href="javascript:;">
		241	<span class="time">4 days</span>
		242	<span class="details">
		243	<span class="label label-sm label-icon label-warning">
		244	<i class="fa fa-bell-o"></i>
		245	</span>
		246	Storage Server #4 not responding dfdfdfd. </span>
		247	</a>
		248	</li>
		249	<li>
		250	<a href="javascript:;">
		251	<span class="time">5 days</span>
		252	<span class="details">
		253	<span class="label label-sm label-icon label-info">
		254	<i class="fa fa-bullhorn"></i>
		255	</span>
		256	System Error. </span>
		257	</a>
		258	</li>
		259	<li>
		260	<a href="javascript:;">
		261	<span class="time">9 days</span>
		262	<span class="details">
		263	<span class="label label-sm label-icon label-danger">
		264	<i class="fa fa-bolt"></i>
		265	</span>
		266	Storage server failed. </span>
		267	</a>
		268	</li>
		269	</ul>
		270	</li>
		271	</ul>
		272	</li>
		273	<!-- END NOTIFICATION DROPDOWN -->
		274	<!-- BEGIN INBOX DROPDOWN -->
		275	<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
		276	<li class="dropdown dropdown-extended dropdown-inbox" id="header_inbox_bar">
		277	<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		278	<i class="icon-envelope-open"></i>
		279	<span class="badge badge-default">
		280	4 </span>
		281	</a>
		282	<ul class="dropdown-menu">
		283	<li class="external">
		284	<h3>You have <span class="bold">7 New</span> Messages</h3>
		285	<a href="page_inbox.html">view all</a>
		286	</li>
		287	<li>
		288	<ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
		289	<li>
		290	<a href="inbox.html?a=view">
		291	<span class="photo">
		292	<img src="../../assets/admin/layout3/img/avatar2.jpg" class="img-circle" alt="">
		293	</span>
		294	<span class="subject">
		295	<span class="from">
		296	Lisa Wong </span>
		297	<span class="time">Just Now </span>
		298	</span>
		299	<span class="message">
		300	Vivamus sed auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		301	</a>
		302	</li>
		303	<li>
		304	<a href="inbox.html?a=view">
		305	<span class="photo">
		306	<img src="../../assets/admin/layout3/img/avatar3.jpg" class="img-circle" alt="">
		307	</span>
		308	<span class="subject">
		309	<span class="from">
		310	Richard Doe </span>
		311	<span class="time">16 mins </span>
		312	</span>
		313	<span class="message">
		314	Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		315	</a>
		316	</li>
		317	<li>
		318	<a href="inbox.html?a=view">
		319	<span class="photo">
		320	<img src="../../assets/admin/layout3/img/avatar1.jpg" class="img-circle" alt="">
		321	</span>
		322	<span class="subject">
		323	<span class="from">
		324	Bob Nilson </span>
		325	<span class="time">2 hrs </span>
		326	</span>
		327	<span class="message">
		328	Vivamus sed nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		329	</a>
		330	</li>
		331	<li>
		332	<a href="inbox.html?a=view">
		333	<span class="photo">
		334	<img src="../../assets/admin/layout3/img/avatar2.jpg" class="img-circle" alt="">
		335	</span>
		336	<span class="subject">
		337	<span class="from">
		338	Lisa Wong </span>
		339	<span class="time">40 mins </span>
		340	</span>
		341	<span class="message">
		342	Vivamus sed auctor 40% nibh congue nibh... </span>
		343	</a>
		344	</li>
		345	<li>
		346	<a href="inbox.html?a=view">
		347	<span class="photo">
		348	<img src="../../assets/admin/layout3/img/avatar3.jpg" class="img-circle" alt="">
		349	</span>
		350	<span class="subject">
		351	<span class="from">
		352	Richard Doe </span>
		353	<span class="time">46 mins </span>
		354	</span>
		355	<span class="message">
		356	Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		357	</a>
		358	</li>
		359	</ul>
		360	</li>
		361	</ul>
		362	</li>
		363	<!-- END INBOX DROPDOWN -->
		364	<!-- BEGIN TODO DROPDOWN -->
		365	<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
		366	<li class="dropdown dropdown-extended dropdown-tasks" id="header_task_bar">
		367	<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		368	<i class="icon-calendar"></i>
		369	<span class="badge badge-default">
		370	3 </span>
		371	</a>
		372	<ul class="dropdown-menu extended tasks">
		373	<li class="external">
		374	<h3>You have <span class="bold">12 pending</span> tasks</h3>
		375	<a href="page_todo.html">view all</a>
		376	</li>
		377	<li>
		378	<ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
		379	<li>
		380	<a href="javascript:;">
		381	<span class="task">
		382	<span class="desc">New release v1.2 </span>
		383	<span class="percent">30%</span>
		384	</span>
		385	<span class="progress">
		386	<span style="width: 40%;" class="progress-bar progress-bar-success" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">40% Complete</span></span>
		387	</span>
		388	</a>
		389	</li>
		390	<li>
		391	<a href="javascript:;">
		392	<span class="task">
		393	<span class="desc">Application deployment</span>
		394	<span class="percent">65%</span>
		395	</span>
		396	<span class="progress">
		397	<span style="width: 65%;" class="progress-bar progress-bar-danger" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">65% Complete</span></span>
		398	</span>
		399	</a>
		400	</li>
		401	<li>
		402	<a href="javascript:;">
		403	<span class="task">
		404	<span class="desc">Mobile app release</span>
		405	<span class="percent">98%</span>
		406	</span>
		407	<span class="progress">
		408	<span style="width: 98%;" class="progress-bar progress-bar-success" aria-valuenow="98" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">98% Complete</span></span>
		409	</span>
		410	</a>
		411	</li>
		412	<li>
		413	<a href="javascript:;">
		414	<span class="task">
		415	<span class="desc">Database migration</span>
		416	<span class="percent">10%</span>
		417	</span>
		418	<span class="progress">
		419	<span style="width: 10%;" class="progress-bar progress-bar-warning" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">10% Complete</span></span>
		420	</span>
		421	</a>
		422	</li>
		423	<li>
		424	<a href="javascript:;">
		425	<span class="task">
		426	<span class="desc">Web server upgrade</span>
		427	<span class="percent">58%</span>
		428	</span>
		429	<span class="progress">
		430	<span style="width: 58%;" class="progress-bar progress-bar-info" aria-valuenow="58" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">58% Complete</span></span>
		431	</span>
		432	</a>
		433	</li>
		434	<li>
		435	<a href="javascript:;">
		436	<span class="task">
		437	<span class="desc">Mobile development</span>
		438	<span class="percent">85%</span>
		439	</span>
		440	<span class="progress">
		441	<span style="width: 85%;" class="progress-bar progress-bar-success" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">85% Complete</span></span>
		442	</span>
		443	</a>
		444	</li>
		445	<li>
		446	<a href="javascript:;">
		447	<span class="task">
		448	<span class="desc">New UI release</span>
		449	<span class="percent">38%</span>
		450	</span>
		451	<span class="progress progress-striped">
		452	<span style="width: 38%;" class="progress-bar progress-bar-important" aria-valuenow="18" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">38% Complete</span></span>
		453	</span>
		454	</a>
		455	</li>
		456	</ul>
		457	</li>
		458	</ul>
		459	</li>
		460	<!-- END TODO DROPDOWN -->
		461	<!-- BEGIN USER LOGIN DROPDOWN -->
		462	<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
		463	<li class="dropdown dropdown-user">
		464	<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		465	<img alt="" class="img-circle" src="../../assets/admin/layout2/img/avatar3_small.jpg"/>
		466	<span class="username username-hide-on-mobile">
		467	Nick </span>
		468	<i class="fa fa-angle-down"></i>
		469	</a>
		470	<ul class="dropdown-menu dropdown-menu-default">
		471	<li>
		472	<a href="extra_profile.html">
		473	<i class="icon-user"></i> My Profile </a>
		474	</li>
		475	<li>
		476	<a href="page_calendar.html">
		477	<i class="icon-calendar"></i> My Calendar </a>
		478	</li>
		479	<li>
		480	<a href="inbox.html">
		481	<i class="icon-envelope-open"></i> My Inbox <span class="badge badge-danger">
		482	3 </span>
		483	</a>
		484	</li>
		485	<li>
		486	<a href="page_todo.html">
		487	<i class="icon-rocket"></i> My Tasks <span class="badge badge-success">
		488	7 </span>
		489	</a>
		490	</li>
		491	<li class="divider">
		492	</li>
		493	<li>
		494	<a href="extra_lock.html">
		495	<i class="icon-lock"></i> Lock Screen </a>
		496	</li>
		497	<li>
		498	<a href="login.html">
		499	<i class="icon-key"></i> Log Out </a>
		500	</li>
		501	</ul>
		502	</li>
		503	<!-- END USER LOGIN DROPDOWN -->
		504	</ul>
		505	</div>
		506	<!-- END TOP NAVIGATION MENU -->
		507	</div>
		508	<!-- END PAGE TOP -->
		509	</div>
		510	<!-- END HEADER INNER -->
		511	</div>
		512	<!-- END HEADER -->
		513	<div class="clearfix">
		514	</div>
		515	<div class="container">
		516	<!-- BEGIN CONTAINER -->
		517	<div class="page-container">
		518	<!-- BEGIN SIDEBAR -->
		519	<div class="page-sidebar-wrapper">
		520	<!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
		521	<!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
		522	<div class="page-sidebar navbar-collapse collapse">
		523	<!-- BEGIN SIDEBAR MENU -->
		524	<!-- DOC: Apply "page-sidebar-menu-light" class right after "page-sidebar-menu" to enable light sidebar menu style(without borders) -->
		525	<!-- DOC: Apply "page-sidebar-menu-hover-submenu" class right after "page-sidebar-menu" to enable hoverable(hover vs accordion) sub menu mode -->
		526	<!-- 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 -->
		527	<!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
		528	<!-- DOC: Set data-keep-expand="true" to keep the submenues expanded -->
		529	<!-- DOC: Set data-auto-speed="200" to adjust the sub menu slide up/down speed -->
		530	<ul class="page-sidebar-menu page-sidebar-menu-hover-submenu " data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200">
		531	<li class="start ">
		532	<a href="index.html">
		533	<i class="icon-home"></i>
		534	<span class="title">Dashboard</span>
		535	</a>
		536	</li>
		537	<li>
		538	<a href="javascript:;">
		539	<i class="icon-basket"></i>
		540	<span class="title">eCommerce</span>
		541	<span class="arrow "></span>
		542	</a>
		543	<ul class="sub-menu">
		544	<li>
		545	<a href="ecommerce_index.html">
		546	<i class="icon-home"></i>
		547	Dashboard</a>
		548	</li>
		549	<li>
		550	<a href="ecommerce_orders.html">
		551	<i class="icon-basket"></i>
		552	Orders</a>
		553	</li>
		554	<li>
		555	<a href="ecommerce_orders_view.html">
		556	<i class="icon-tag"></i>
		557	Order View</a>
		558	</li>
		559	<li>
		560	<a href="ecommerce_products.html">
		561	<i class="icon-handbag"></i>
		562	Products</a>
		563	</li>
		564	<li>
		565	<a href="ecommerce_products_edit.html">
		566	<i class="icon-pencil"></i>
		567	Product Edit</a>
		568	</li>
		569	</ul>
		570	</li>
		571	<li>
		572	<a href="javascript:;">
		573	<i class="icon-rocket"></i>
		574	<span class="title">Page Layouts</span>
		575	<span class="arrow "></span>
		576	</a>
		577	<ul class="sub-menu">
		578	<li>
		579	<a href="layout_fontawesome_icons.html">
		580	<span class="badge badge-roundless badge-danger">new</span>Layout with Fontawesome Icons</a>
		581	</li>
		582	<li>
		583	<a href="layout_glyphicons.html">
		584	Layout with Glyphicon</a>
		585	</li>
		586	<li>
		587	<a href="layout_full_height_content.html">
		588	<span class="badge badge-roundless badge-warning">new</span>Full Height Content</a>
		589	</li>
		590	<li>
		591	<a href="layout_sidebar_reversed.html">
		592	<span class="badge badge-roundless badge-warning">new</span>Right Sidebar Page</a>
		593	</li>
		594	<li>
		595	<a href="layout_sidebar_fixed.html">
		596	Sidebar Fixed Page</a>
		597	</li>
		598	<li>
		599	<a href="layout_sidebar_closed.html">
		600	Sidebar Closed Page</a>
		601	</li>
		602	<li>
		603	<a href="layout_ajax.html">
		604	Content Loading via Ajax</a>
		605	</li>
		606	<li>
		607	<a href="layout_disabled_menu.html">
		608	Disabled Menu Links</a>
		609	</li>
		610	<li>
		611	<a href="layout_blank_page.html">
		612	Blank Page</a>
		613	</li>
		614	<li>
		615	<a href="layout_fluid_page.html">
		616	Fluid Page</a>
		617	</li>
		618	<li>
		619	<a href="layout_language_bar.html">
		620	Language Switch Bar</a>
		621	</li>
		622	</ul>
		623	</li>
		624	<li>
		625	<a href="javascript:;">
		626	<i class="icon-diamond"></i>
		627	<span class="title">UI Features</span>
		628	<span class="arrow "></span>
		629	</a>
		630	<ul class="sub-menu">
		631	<li>
		632	<a href="ui_general.html">
		633	General Components</a>
		634	</li>
		635	<li>
		636	<a href="ui_buttons.html">
		637	Buttons</a>
		638	</li>
		639	<li>
		640	<a href="ui_icons.html">
		641	<span class="badge badge-roundless badge-danger">new</span>Font Icons</a>
		642	</li>
		643	<li>
		644	<a href="ui_colors.html">
		645	Flat UI Colors</a>
		646	</li>
		647	<li>
		648	<a href="ui_typography.html">
		649	Typography</a>
		650	</li>
		651	<li>
		652	<a href="ui_tabs_accordions_navs.html">
		653	Tabs, Accordions & Navs</a>
		654	</li>
		655	<li>
		656	<a href="ui_tree.html">
		657	<span class="badge badge-roundless badge-danger">new</span>Tree View</a>
		658	</li>
		659	<li>
		660	<a href="ui_page_progress_style_1.html">
		661	<span class="badge badge-roundless badge-warning">new</span>Page Progress Bar</a>
		662	</li>
		663	<li>
		664	<a href="ui_blockui.html">
		665	Block UI</a>
		666	</li>
		667	<li>
		668	<a href="ui_notific8.html">
		669	Notific8 Notifications</a>
		670	</li>
		671	<li>
		672	<a href="ui_toastr.html">
		673	Toastr Notifications</a>
		674	</li>
		675	<li>
		676	<a href="ui_alert_dialog_api.html">
		677	<span class="badge badge-roundless badge-danger">new</span>Alerts & Dialogs API</a>
		678	</li>
		679	<li>
		680	<a href="ui_session_timeout.html">
		681	Session Timeout</a>
		682	</li>
		683	<li>
		684	<a href="ui_idle_timeout.html">
		685	User Idle Timeout</a>
		686	</li>
		687	<li>
		688	<a href="ui_modals.html">
		689	Modals</a>
		690	</li>
		691	<li>
		692	<a href="ui_extended_modals.html">
		693	Extended Modals</a>
		694	</li>
		695	<li>
		696	<a href="ui_tiles.html">
		697	Tiles</a>
		698	</li>
		699	<li>
		700	<a href="ui_datepaginator.html">
		701	<span class="badge badge-roundless badge-success">new</span>Date Paginator</a>
		702	</li>
		703	<li>
		704	<a href="ui_nestable.html">
		705	Nestable List</a>
		706	</li>
		707	</ul>
		708	</li>
		709	<li>
		710	<a href="javascript:;">
		711	<i class="icon-puzzle"></i>
		712	<span class="title">UI Components</span>
		713	<span class="arrow "></span>
		714	</a>
		715	<ul class="sub-menu">
		716	<li>
		717	<a href="components_pickers.html">
		718	Date & Time Pickers</a>
		719	</li>
		720	<li>
		721	<a href="components_context_menu.html">
		722	Context Menu</a>
		723	</li>
		724	<li>
		725	<a href="components_dropdowns.html">
		726	Custom Dropdowns</a>
		727	</li>
		728	<li>
		729	<a href="components_form_tools.html">
		730	Form Tools</a>
		731	</li>
		732	<li>
		733	<a href="components_editors.html">
		734	Markdown & WYSIWYG Editors</a>
		735	</li>
		736	<li>
		737	<a href="components_ion_sliders.html">
		738	Ion Range Sliders</a>
		739	</li>
		740	<li>
		741	<a href="components_noui_sliders.html">
		742	NoUI Range Sliders</a>
		743	</li>
		744	<li>
		745	<a href="components_jqueryui_sliders.html">
		746	jQuery UI Sliders</a>
		747	</li>
		748	<li>
		749	<a href="components_knob_dials.html">
		750	Knob Circle Dials</a>
		751	</li>
		752	</ul>
		753	</li>
		754	<!-- BEGIN ANGULARJS LINK -->
		755	<li class="tooltips" data-container="body" data-placement="right" data-html="true" data-original-title="AngularJS version demo">
		756	<a href="angularjs" target="_blank">
		757	<i class="icon-paper-plane"></i>
		758	<span class="title">
		759	AngularJS Version </span>
		760	</a>
		761	</li>
		762	<!-- END ANGULARJS LINK -->
		763	<li class="active open">
		764	<a href="javascript:;">
		765	<i class="icon-settings"></i>
		766	<span class="title">Form Stuff</span>
		767	<span class="selected"></span>
		768	<span class="arrow open"></span>
		769	</a>
		770	<ul class="sub-menu">
		771	<li>
		772	<a href="form_controls.html">
		773	Form Controls</a>
		774	</li>
		775	<li>
		776	<a href="form_icheck.html">
		777	iCheck Controls</a>
		778	</li>
		779	<li>
		780	<a href="form_layouts.html">
		781	Form Layouts</a>
		782	</li>
		783	<li>
		784	<a href="form_editable.html">
		785	<span class="badge badge-roundless badge-warning">new</span>Form X-editable</a>
		786	</li>
		787	<li>
		788	<a href="form_wizard.html">
		789	Form Wizard</a>
		790	</li>
		791	<li class="active">
		792	<a href="form_validation.html">
		793	Form Validation</a>
		794	</li>
		795	<li>
		796	<a href="form_image_crop.html">
		797	<span class="badge badge-roundless badge-danger">new</span>Image Cropping</a>
		798	</li>
		799	<li>
		800	<a href="form_fileupload.html">
		801	Multiple File Upload</a>
		802	</li>
		803	<li>
		804	<a href="form_dropzone.html">
		805	Dropzone File Upload</a>
		806	</li>
		807	</ul>
		808	</li>
		809	<li>
		810	<a href="javascript:;">
		811	<i class="icon-briefcase"></i>
		812	<span class="title">Data Tables</span>
		813	<span class="arrow "></span>
		814	</a>
		815	<ul class="sub-menu">
		816	<li>
		817	<a href="table_basic.html">
		818	Basic Datatables</a>
		819	</li>
		820	<li>
		821	<a href="table_tree.html">
		822	Tree Datatables</a>
		823	</li>
		824	<li>
		825	<a href="table_responsive.html">
		826	Responsive Datatables</a>
		827	</li>
		828	<li>
		829	<a href="table_managed.html">
		830	Managed Datatables</a>
		831	</li>
		832	<li>
		833	<a href="table_editable.html">
		834	Editable Datatables</a>
		835	</li>
		836	<li>
		837	<a href="table_advanced.html">
		838	Advanced Datatables</a>
		839	</li>
		840	<li>
		841	<a href="table_ajax.html">
		842	Ajax Datatables</a>
		843	</li>
		844	</ul>
		845	</li>
		846	<li>
		847	<a href="javascript:;">
		848	<i class="icon-wallet"></i>
		849	<span class="title">Portlets</span>
		850	<span class="arrow "></span>
		851	</a>
		852	<ul class="sub-menu">
		853	<li>
		854	<a href="portlet_general.html">
		855	General Portlets</a>
		856	</li>
		857	<li>
		858	<a href="portlet_general2.html">
		859	<span class="badge badge-roundless badge-danger">new</span>New Portlets #1</a>
		860	</li>
		861	<li>
		862	<a href="portlet_general3.html">
		863	<span class="badge badge-roundless badge-danger">new</span>New Portlets #2</a>
		864	</li>
		865	<li>
		866	<a href="portlet_ajax.html">
		867	Ajax Portlets</a>
		868	</li>
		869	<li>
		870	<a href="portlet_draggable.html">
		871	Draggable Portlets</a>
		872	</li>
		873	</ul>
		874	</li>
		875	<li>
		876	<a href="javascript:;">
		877	<i class="icon-bar-chart"></i>
		878	<span class="title">Charts</span>
		879	<span class="arrow "></span>
		880	</a>
		881	<ul class="sub-menu">
		882	<li>
		883	<a href="charts_amcharts.html">
		884	amChart</a>
		885	</li>
		886	<li>
		887	<a href="charts_flotcharts.html">
		888	Flotchart</a>
		889	</li>
		890	</ul>
		891	</li>
		892	<li>
		893	<a href="javascript:;">
		894	<i class="icon-docs"></i>
		895	<span class="title">Pages</span>
		896	<span class="arrow "></span>
		897	</a>
		898	<ul class="sub-menu">
		899	<li>
		900	<a href="page_timeline.html">
		901	<i class="icon-paper-plane"></i>
		902	<span class="badge badge-warning">2</span>New Timeline</a>
		903	</li>
		904	<li>
		905	<a href="extra_profile.html">
		906	<i class="icon-user-following"></i>
		907	<span class="badge badge-success badge-roundless">new</span>New User Profile</a>
		908	</li>
		909	<li>
		910	<a href="page_todo.html">
		911	<i class="icon-hourglass"></i>
		912	<span class="badge badge-danger">4</span>Todo</a>
		913	</li>
		914	<li>
		915	<a href="inbox.html">
		916	<i class="icon-envelope"></i>
		917	<span class="badge badge-danger">4</span>Inbox</a>
		918	</li>
		919	<li>
		920	<a href="extra_faq.html">
		921	<i class="icon-info"></i>
		922	FAQ</a>
		923	</li>
		924	<li>
		925	<a href="page_portfolio.html">
		926	<i class="icon-feed"></i>
		927	Portfolio</a>
		928	</li>
		929	<li>
		930	<a href="page_coming_soon.html">
		931	<i class="icon-flag"></i>
		932	Coming Soon</a>
		933	</li>
		934	<li>
		935	<a href="page_calendar.html">
		936	<i class="icon-calendar"></i>
		937	<span class="badge badge-danger">14</span>Calendar</a>
		938	</li>
		939	<li>
		940	<a href="extra_invoice.html">
		941	<i class="icon-flag"></i>
		942	Invoice</a>
		943	</li>
		944	<li>
		945	<a href="page_blog.html">
		946	<i class="icon-speech"></i>
		947	Blog</a>
		948	</li>
		949	<li>
		950	<a href="page_blog_item.html">
		951	<i class="icon-link"></i>
		952	Blog Post</a>
		953	</li>
		954	<li>
		955	<a href="page_news.html">
		956	<i class="icon-eye"></i>
		957	<span class="badge badge-success">9</span>News</a>
		958	</li>
		959	<li>
		960	<a href="page_news_item.html">
		961	<i class="icon-bell"></i>
		962	News View</a>
		963	</li>
		964	<li>
		965	<a href="page_timeline_old.html">
		966	<i class="icon-paper-plane"></i>
		967	<span class="badge badge-warning">2</span>Old Timeline</a>
		968	</li>
		969	<li>
		970	<a href="extra_profile_old.html">
		971	<i class="icon-user"></i>
		972	Old User Profile</a>
		973	</li>
		974	</ul>
		975	</li>
		976	<li>
		977	<a href="javascript:;">
		978	<i class="icon-present"></i>
		979	<span class="title">Extra</span>
		980	<span class="arrow "></span>
		981	</a>
		982	<ul class="sub-menu">
		983	<li>
		984	<a href="page_about.html">
		985	About Us</a>
		986	</li>
		987	<li>
		988	<a href="page_contact.html">
		989	Contact Us</a>
		990	</li>
		991	<li>
		992	<a href="extra_search.html">
		993	Search Results</a>
		994	</li>
		995	<li>
		996	<a href="extra_pricing_table.html">
		997	Pricing Tables</a>
		998	</li>
		999	<li>
		1000	<a href="extra_404_option1.html">
		1001	404 Page Option 1</a>
		1002	</li>
		1003	<li>
		1004	<a href="extra_404_option2.html">
		1005	404 Page Option 2</a>
		1006	</li>
		1007	<li>
		1008	<a href="extra_404_option3.html">
		1009	404 Page Option 3</a>
		1010	</li>
		1011	<li>
		1012	<a href="extra_500_option1.html">
		1013	500 Page Option 1</a>
		1014	</li>
		1015	<li>
		1016	<a href="extra_500_option2.html">
		1017	500 Page Option 2</a>
		1018	</li>
		1019	</ul>
		1020	</li>
		1021	<li>
		1022	<a href="javascript:;">
		1023	<i class="icon-folder"></i>
		1024	<span class="title">Multi Level Menu</span>
		1025	<span class="arrow "></span>
		1026	</a>
		1027	<ul class="sub-menu">
		1028	<li>
		1029	<a href="javascript:;">
		1030	<i class="icon-settings"></i> Item 1 <span class="arrow"></span>
		1031	</a>
		1032	<ul class="sub-menu">
		1033	<li>
		1034	<a href="javascript:;">
		1035	<i class="icon-user"></i>
		1036	Sample Link 1 <span class="arrow"></span>
		1037	</a>
		1038	<ul class="sub-menu">
		1039	<li>
		1040	<a href="#"><i class="icon-power"></i> Sample Link 1</a>
		1041	</li>
		1042	<li>
		1043	<a href="#"><i class="icon-paper-plane"></i> Sample Link 1</a>
		1044	</li>
		1045	<li>
		1046	<a href="#"><i class="icon-star"></i> Sample Link 1</a>
		1047	</li>
		1048	</ul>
		1049	</li>
		1050	<li>
		1051	<a href="#"><i class="icon-camera"></i> Sample Link 1</a>
		1052	</li>
		1053	<li>
		1054	<a href="#"><i class="icon-link"></i> Sample Link 2</a>
		1055	</li>
		1056	<li>
		1057	<a href="#"><i class="icon-pointer"></i> Sample Link 3</a>
		1058	</li>
		1059	</ul>
		1060	</li>
		1061	<li>
		1062	<a href="javascript:;">
		1063	<i class="icon-globe"></i> Item 2 <span class="arrow"></span>
		1064	</a>
		1065	<ul class="sub-menu">
		1066	<li>
		1067	<a href="#"><i class="icon-tag"></i> Sample Link 1</a>
		1068	</li>
		1069	<li>
		1070	<a href="#"><i class="icon-pencil"></i> Sample Link 1</a>
		1071	</li>
		1072	<li>
		1073	<a href="#"><i class="icon-graph"></i> Sample Link 1</a>
		1074	</li>
		1075	</ul>
		1076	</li>
		1077	<li>
		1078	<a href="#">
		1079	<i class="icon-bar-chart"></i>
		1080	Item 3 </a>
		1081	</li>
		1082	</ul>
		1083	</li>
		1084	<li>
		1085	<a href="javascript:;">
		1086	<i class="icon-user"></i>
		1087	<span class="title">Login Options</span>
		1088	<span class="arrow "></span>
		1089	</a>
		1090	<ul class="sub-menu">
		1091	<li>
		1092	<a href="login.html">
		1093	Login Form 1</a>
		1094	</li>
		1095	<li>
		1096	<a href="login_2.html">
		1097	Login Form 2</a>
		1098	</li>
		1099	<li>
		1100	<a href="login_3.html">
		1101	Login Form 3</a>
		1102	</li>
		1103	<li>
		1104	<a href="login_soft.html">
		1105	Login Form 4</a>
		1106	</li>
		1107	<li>
		1108	<a href="extra_lock.html">
		1109	Lock Screen 1</a>
		1110	</li>
		1111	<li>
		1112	<a href="extra_lock2.html">
		1113	Lock Screen 2</a>
		1114	</li>
		1115	</ul>
		1116	</li>
		1117	<li>
		1118	<a href="javascript:;">
		1119	<i class="icon-envelope-open"></i>
		1120	<span class="title">Email Templates</span>
		1121	<span class="arrow "></span>
		1122	</a>
		1123	<ul class="sub-menu">
		1124	<li>
		1125	<a href="email_newsletter.html">
		1126	Responsive Newsletter<br>
		1127	Email Template</a>
		1128	</li>
		1129	<li>
		1130	<a href="email_system.html">
		1131	Responsive System<br>
		1132	Email Template</a>
		1133	</li>
		1134	</ul>
		1135	</li>
		1136	<li class="last ">
		1137	<a href="javascript:;">
		1138	<i class="icon-pointer"></i>
		1139	<span class="title">Maps</span>
		1140	<span class="arrow "></span>
		1141	</a>
		1142	<ul class="sub-menu">
		1143	<li>
		1144	<a href="maps_google.html">
		1145	Google Maps</a>
		1146	</li>
		1147	<li>
		1148	<a href="maps_vector.html">
		1149	Vector Maps</a>
		1150	</li>
		1151	</ul>
		1152	</li>
		1153	</ul>
		1154	<!-- END SIDEBAR MENU -->
		1155	</div>
		1156	</div>
		1157	<!-- END SIDEBAR -->
		1158	<!-- BEGIN CONTENT -->
		1159	<div class="page-content-wrapper">
		1160	<div class="page-content">
		1161	<!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM-->
		1162	<div class="modal fade" id="portlet-config" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		1163	<div class="modal-dialog">
		1164	<div class="modal-content">
		1165	<div class="modal-header">
		1166	<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
		1167	<h4 class="modal-title">Modal title</h4>
		1168	</div>
		1169	<div class="modal-body">
		1170	Widget settings form goes here
		1171	</div>
		1172	<div class="modal-footer">
		1173	<button type="button" class="btn blue">Save changes</button>
		1174	<button type="button" class="btn default" data-dismiss="modal">Close</button>
		1175	</div>
		1176	</div>
		1177	<!-- /.modal-content -->
		1178	</div>
		1179	<!-- /.modal-dialog -->
		1180	</div>
		1181	<!-- /.modal -->
		1182	<!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM-->
		1183	<!-- BEGIN STYLE CUSTOMIZER -->
		1184	<div class="theme-panel">
		1185	<div class="toggler tooltips" data-container="body" data-placement="left" data-html="true" data-original-title="Click to open advance theme customizer panel">
		1186	<i class="icon-settings"></i>
		1187	</div>
		1188	<div class="toggler-close">
		1189	<i class="icon-close"></i>
		1190	</div>
		1191	<div class="theme-options">
		1192	<div class="theme-option theme-colors clearfix">
		1193	<span>
		1194	THEME COLOR </span>
		1195	<ul>
		1196	<li class="color-default current tooltips" data-style="default" data-container="body" data-original-title="Default">
		1197	</li>
		1198	<li class="color-grey tooltips" data-style="grey" data-container="body" data-original-title="Grey">
		1199	</li>
		1200	<li class="color-blue tooltips" data-style="blue" data-container="body" data-original-title="Blue">
		1201	</li>
		1202	<li class="color-dark tooltips" data-style="dark" data-container="body" data-original-title="Dark">
		1203	</li>
		1204	<li class="color-light tooltips" data-style="light" data-container="body" data-original-title="Light">
		1205	</li>
		1206	</ul>
		1207	</div>
		1208	<div class="theme-option">
		1209	<span>
		1210	Theme Style </span>
		1211	<select class="layout-style-option form-control input-small">
		1212	<option value="square" selected="selected">Square corners</option>
		1213	<option value="rounded">Rounded corners</option>
		1214	</select>
		1215	</div>
		1216	<div class="theme-option">
		1217	<span>
		1218	Layout </span>
		1219	<select class="layout-option form-control input-small">
		1220	<option value="fluid" selected="selected">Fluid</option>
		1221	<option value="boxed">Boxed</option>
		1222	</select>
		1223	</div>
		1224	<div class="theme-option">
		1225	<span>
		1226	Header </span>
		1227	<select class="page-header-option form-control input-small">
		1228	<option value="fixed" selected="selected">Fixed</option>
		1229	<option value="default">Default</option>
		1230	</select>
		1231	</div>
		1232	<div class="theme-option">
		1233	<span>
		1234	Top Dropdown</span>
		1235	<select class="page-header-top-dropdown-style-option form-control input-small">
		1236	<option value="light" selected="selected">Light</option>
		1237	<option value="dark">Dark</option>
		1238	</select>
		1239	</div>
		1240	<div class="theme-option">
		1241	<span>
		1242	Sidebar Mode</span>
		1243	<select class="sidebar-option form-control input-small">
		1244	<option value="fixed">Fixed</option>
		1245	<option value="default" selected="selected">Default</option>
		1246	</select>
		1247	</div>
		1248	<div class="theme-option">
		1249	<span>
		1250	Sidebar Style</span>
		1251	<select class="sidebar-style-option form-control input-small">
		1252	<option value="default" selected="selected">Default</option>
		1253	<option value="compact">Compact</option>
		1254	</select>
		1255	</div>
		1256	<div class="theme-option">
		1257	<span>
		1258	Sidebar Menu </span>
		1259	<select class="sidebar-menu-option form-control input-small">
		1260	<option value="accordion" selected="selected">Accordion</option>
		1261	<option value="hover">Hover</option>
		1262	</select>
		1263	</div>
		1264	<div class="theme-option">
		1265	<span>
		1266	Sidebar Position </span>
		1267	<select class="sidebar-pos-option form-control input-small">
		1268	<option value="left" selected="selected">Left</option>
		1269	<option value="right">Right</option>
		1270	</select>
		1271	</div>
		1272	<div class="theme-option">
		1273	<span>
		1274	Footer </span>
		1275	<select class="page-footer-option form-control input-small">
		1276	<option value="fixed">Fixed</option>
		1277	<option value="default" selected="selected">Default</option>
		1278	</select>
		1279	</div>
		1280	</div>
		1281	</div>
		1282	<!-- END STYLE CUSTOMIZER -->
		1283	<!-- BEGIN PAGE HEADER-->
		1284	<h3 class="page-title">
		1285	Form Validation <small>form validation</small>
		1286	</h3>
		1287	<div class="page-bar">
		1288	<ul class="page-breadcrumb">
		1289	<li>
		1290	<i class="fa fa-home"></i>
		1291	<a href="index.html">Home</a>
		1292	<i class="fa fa-angle-right"></i>
		1293	</li>
		1294	<li>
		1295	<a href="#">Form Stuff</a>
		1296	<i class="fa fa-angle-right"></i>
		1297	</li>
		1298	<li>
		1299	<a href="#">Form Validation</a>
		1300	</li>
		1301	</ul>
		1302	<div class="page-toolbar">
		1303	<div class="btn-group pull-right">
		1304	<button type="button" class="btn btn-fit-height grey-salt dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="1000" data-close-others="true">
		1305	Actions <i class="fa fa-angle-down"></i>
		1306	</button>
		1307	<ul class="dropdown-menu pull-right" role="menu">
		1308	<li>
		1309	<a href="#">Action</a>
		1310	</li>
		1311	<li>
		1312	<a href="#">Another action</a>
		1313	</li>
		1314	<li>
		1315	<a href="#">Something else here</a>
		1316	</li>
		1317	<li class="divider">
		1318	</li>
		1319	<li>
		1320	<a href="#">Separated link</a>
		1321	</li>
		1322	</ul>
		1323	</div>
		1324	</div>
		1325	</div>
		1326	<!-- END PAGE HEADER-->
		1327	<!-- BEGIN PAGE CONTENT-->
		1328	<div class="row">
		1329	<div class="col-md-12">
		1330	<!-- BEGIN VALIDATION STATES-->
		1331	<div class="portlet box blue">
		1332	<div class="portlet-title">
		1333	<div class="caption">
		1334	<i class="fa fa-gift"></i>Validation States
		1335	</div>
		1336	<div class="tools">
		1337	<a href="javascript:;" class="collapse">
		1338	</a>
		1339	<a href="#portlet-config" data-toggle="modal" class="config">
		1340	</a>
		1341	<a href="javascript:;" class="reload">
		1342	</a>
		1343	<a href="javascript:;" class="remove">
		1344	</a>
		1345	</div>
		1346	</div>
		1347	<div class="portlet-body form">
		1348	<!-- BEGIN FORM-->
		1349	<form action="#" class="form-horizontal">
		1350	<div class="form-body">
		1351	<h3 class="form-section">Basic validation States</h3>
		1352	<div class="form-group has-warning">
		1353	<label class="control-label col-md-3" for="inputWarning">Input with warning</label>
		1354	<div class="col-md-4">
		1355	<input type="text" class="form-control" id="inputWarning"/>
		1356	<span class="help-block">
		1357	Something may have gone wrong </span>
		1358	</div>
		1359	</div>
		1360	<div class="form-group has-error">
		1361	<label class="control-label col-md-3" for="inputError">Input with error</label>
		1362	<div class="col-md-4">
		1363	<input type="text" class="form-control" id="inputError"/>
		1364	<span class="help-block">
		1365	Please correct the error </span>
		1366	</div>
		1367	</div>
		1368	<div class="form-group has-success">
		1369	<label class="control-label col-md-3" for="inputSuccess">Input with success</label>
		1370	<div class="col-md-4">
		1371	<input type="text" class="form-control" id="inputSuccess"/>
		1372	</div>
		1373	</div>
		1374	<h3 class="form-section">Validation States With Icons</h3>
		1375	<div class="form-group has-warning">
		1376	<label class="control-label col-md-3">Input with warning</label>
		1377	<div class="col-md-4">
		1378	<div class="input-icon right">
		1379	<i class="fa fa-exclamation tooltips" data-original-title="please write a valid email"></i>
		1380	<input type="text" class="form-control"/>
		1381	</div>
		1382	</div>
		1383	</div>
		1384	<div class="form-group has-error">
		1385	<label class="control-label col-md-3">Input with error</label>
		1386	<div class="col-md-4">
		1387	<div class="input-icon right">
		1388	<i class="fa fa-warning tooltips" data-original-title="please write a valid email"></i>
		1389	<input type="text" class="form-control"/>
		1390	</div>
		1391	</div>
		1392	</div>
		1393	<div class="form-group has-success">
		1394	<label class="control-label col-md-3">Input with success</label>
		1395	<div class="col-md-4">
		1396	<div class="input-icon right">
		1397	<i class="fa fa-check tooltips" data-original-title="success input!"></i>
		1398	<input type="text" class="form-control"/>
		1399	</div>
		1400	</div>
		1401	</div>
		1402	</div>
		1403	<div class="form-actions">
		1404	<div class="row">
		1405	<div class="col-md-offset-3 col-md-9">
		1406	<button type="submit" class="btn green">Submit</button>
		1407	<button type="button" class="btn default">Cancel</button>
		1408	</div>
		1409	</div>
		1410	</div>
		1411	</form>
		1412	<!-- END FORM-->
		1413	</div>
		1414	</div>
		1415	<!-- END VALIDATION STATES-->
		1416	</div>
		1417	</div>
		1418	<div class="row">
		1419	<div class="col-md-12">
		1420	<!-- BEGIN VALIDATION STATES-->
		1421	<div class="portlet box purple">
		1422	<div class="portlet-title">
		1423	<div class="caption">
		1424	<i class="fa fa-gift"></i>Basic Validation
		1425	</div>
		1426	<div class="tools">
		1427	<a href="javascript:;" class="collapse">
		1428	</a>
		1429	<a href="#portlet-config" data-toggle="modal" class="config">
		1430	</a>
		1431	<a href="javascript:;" class="reload">
		1432	</a>
		1433	<a href="javascript:;" class="remove">
		1434	</a>
		1435	</div>
		1436	</div>
		1437	<div class="portlet-body form">
		1438	<!-- BEGIN FORM-->
		1439	<form action="#" id="form_sample_1" class="form-horizontal">
		1440	<div class="form-body">
		1441	<div class="alert alert-danger display-hide">
		1442	<button class="close" data-close="alert"></button>
		1443	You have some form errors. Please check below.
		1444	</div>
		1445	<div class="alert alert-success display-hide">
		1446	<button class="close" data-close="alert"></button>
		1447	Your form validation is successful!
		1448	</div>
		1449	<div class="form-group">
		1450	<label class="control-label col-md-3">Name <span class="required">
		1451	* </span>
		1452	</label>
		1453	<div class="col-md-4">
		1454	<input type="text" name="name" data-required="1" class="form-control"/>
		1455	</div>
		1456	</div>
		1457	<div class="form-group">
		1458	<label class="control-label col-md-3">Email <span class="required">
		1459	* </span>
		1460	</label>
		1461	<div class="col-md-4">
		1462	<input name="email" type="text" class="form-control"/>
		1463	</div>
		1464	</div>
		1465	<div class="form-group">
		1466	<label class="control-label col-md-3">URL <span class="required">
		1467	* </span>
		1468	</label>
		1469	<div class="col-md-4">
		1470	<input name="url" type="text" class="form-control"/>
		1471	<span class="help-block">
		1472	e.g: http://www.demo.com or http://demo.com </span>
		1473	</div>
		1474	</div>
		1475	<div class="form-group">
		1476	<label class="control-label col-md-3">Number <span class="required">
		1477	* </span>
		1478	</label>
		1479	<div class="col-md-4">
		1480	<input name="number" type="text" class="form-control"/>
		1481	</div>
		1482	</div>
		1483	<div class="form-group">
		1484	<label class="control-label col-md-3">Digits <span class="required">
		1485	* </span>
		1486	</label>
		1487	<div class="col-md-4">
		1488	<input name="digits" type="text" class="form-control"/>
		1489	</div>
		1490	</div>
		1491	<div class="form-group">
		1492	<label class="control-label col-md-3">Credit Card <span class="required">
		1493	* </span>
		1494	</label>
		1495	<div class="col-md-4">
		1496	<input name="creditcard" type="text" class="form-control"/>
		1497	<span class="help-block">
		1498	e.g: 5500 0000 0000 0004 </span>
		1499	</div>
		1500	</div>
		1501	<div class="form-group">
		1502	<label class="control-label col-md-3">Occupation  </label>
		1503	<div class="col-md-4">
		1504	<input name="occupation" type="text" class="form-control"/>
		1505	<span class="help-block">
		1506	optional field </span>
		1507	</div>
		1508	</div>
		1509	<div class="form-group">
		1510	<label class="control-label col-md-3">Select <span class="required">
		1511	* </span>
		1512	</label>
		1513	<div class="col-md-4">
		1514	<select class="form-control" name="select">
		1515	<option value="">Select...</option>
		1516	<option value="Category 1">Category 1</option>
		1517	<option value="Category 2">Category 2</option>
		1518	<option value="Category 3">Category 5</option>
		1519	<option value="Category 4">Category 4</option>
		1520	</select>
		1521	</div>
		1522	</div>
		1523	<div class="form-group">
		1524	<label class="control-label col-md-3">Multi Select <span class="required">
		1525	* </span>
		1526	</label>
		1527	<div class="col-md-4">
		1528	<select class="form-control" name="select_multi" multiple>
		1529	<option value="Category 1">Category 1</option>
		1530	<option value="Category 2">Category 2</option>
		1531	<option value="Category 3">Category 3</option>
		1532	<option value="Category 4">Category 4</option>
		1533	<option value="Category 5">Category 5</option>
		1534	</select>
		1535	<span class="help-block">
		1536	select max 3 options, min 1 option </span>
		1537	</div>
		1538	</div>
		1539	</div>
		1540	<div class="form-actions">
		1541	<div class="row">
		1542	<div class="col-md-offset-3 col-md-9">
		1543	<button type="submit" class="btn green">Submit</button>
		1544	<button type="button" class="btn default">Cancel</button>
		1545	</div>
		1546	</div>
		1547	</div>
		1548	</form>
		1549	<!-- END FORM-->
		1550	</div>
		1551	</div>
		1552	<!-- END VALIDATION STATES-->
		1553	</div>
		1554	</div>
		1555	<div class="row">
		1556	<div class="col-md-12">
		1557	<!-- BEGIN VALIDATION STATES-->
		1558	<div class="portlet box yellow">
		1559	<div class="portlet-title">
		1560	<div class="caption">
		1561	<i class="fa fa-gift"></i>Validation Using Icons
		1562	</div>
		1563	<div class="tools">
		1564	<a href="javascript:;" class="collapse">
		1565	</a>
		1566	<a href="#portlet-config" data-toggle="modal" class="config">
		1567	</a>
		1568	<a href="javascript:;" class="reload">
		1569	</a>
		1570	<a href="javascript:;" class="remove">
		1571	</a>
		1572	</div>
		1573	</div>
		1574	<div class="portlet-body form">
		1575	<!-- BEGIN FORM-->
		1576	<form action="#" id="form_sample_2" class="form-horizontal">
		1577	<div class="form-body">
		1578	<div class="alert alert-danger display-hide">
		1579	<button class="close" data-close="alert"></button>
		1580	You have some form errors. Please check below.
		1581	</div>
		1582	<div class="alert alert-success display-hide">
		1583	<button class="close" data-close="alert"></button>
		1584	Your form validation is successful!
		1585	</div>
		1586	<div class="form-group">
		1587	<label class="control-label col-md-3">Name <span class="required">
		1588	* </span>
		1589	</label>
		1590	<div class="col-md-4">
		1591	<div class="input-icon right">
		1592	<i class="fa"></i>
		1593	<input type="text" class="form-control" name="name"/>
		1594	</div>
		1595	</div>
		1596	</div>
		1597	<div class="form-group">
		1598	<label class="control-label col-md-3">Email <span class="required">
		1599	* </span>
		1600	</label>
		1601	<div class="col-md-4">
		1602	<div class="input-icon right">
		1603	<i class="fa"></i>
		1604	<input type="text" class="form-control" name="email"/>
		1605	</div>
		1606	</div>
		1607	</div>
		1608	<div class="form-group">
		1609	<label class="control-label col-md-3">URL <span class="required">
		1610	* </span>
		1611	</label>
		1612	<div class="col-md-4">
		1613	<div class="input-icon right">
		1614	<i class="fa"></i>
		1615	<input type="text" class="form-control" name="url"/>
		1616	</div>
		1617	<span class="help-block">
		1618	e.g: http://www.demo.com or http://demo.com </span>
		1619	</div>
		1620	</div>
		1621	<div class="form-group">
		1622	<label class="control-label col-md-3">Number <span class="required">
		1623	* </span>
		1624	</label>
		1625	<div class="col-md-4">
		1626	<div class="input-icon right">
		1627	<i class="fa"></i>
		1628	<input type="text" class="form-control" name="number"/>
		1629	</div>
		1630	</div>
		1631	</div>
		1632	<div class="form-group">
		1633	<label class="control-label col-md-3">Digits <span class="required">
		1634	* </span>
		1635	</label>
		1636	<div class="col-md-4">
		1637	<div class="input-icon right">
		1638	<i class="fa"></i>
		1639	<input type="text" class="form-control" name="digits"/>
		1640	</div>
		1641	</div>
		1642	</div>
		1643	<div class="form-group">
		1644	<label class="control-label col-md-3">Credit Card <span class="required">
		1645	* </span>
		1646	</label>
		1647	<div class="col-md-4">
		1648	<div class="input-icon right">
		1649	<i class="fa"></i>
		1650	<input type="text" class="form-control" name="creditcard"/>
		1651	</div>
		1652	<span class="help-block">
		1653	e.g: 5500 0000 0000 0004 </span>
		1654	</div>
		1655	</div>
		1656	</div>
		1657	<div class="form-actions">
		1658	<div class="row">
		1659	<div class="col-md-offset-3 col-md-9">
		1660	<button type="submit" class="btn green">Submit</button>
		1661	<button type="button" class="btn default">Cancel</button>
		1662	</div>
		1663	</div>
		1664	</div>
		1665	</form>
		1666	<!-- END FORM-->
		1667	</div>
		1668	</div>
		1669	<!-- END VALIDATION STATES-->
		1670	</div>
		1671	</div>
		1672	<div class="row">
		1673	<div class="col-md-12">
		1674	<!-- BEGIN VALIDATION STATES-->
		1675	<div class="portlet box green">
		1676	<div class="portlet-title">
		1677	<div class="caption">
		1678	<i class="fa fa-gift"></i>Advance Validation
		1679	</div>
		1680	<div class="tools">
		1681	<a href="javascript:;" class="collapse">
		1682	</a>
		1683	<a href="#portlet-config" data-toggle="modal" class="config">
		1684	</a>
		1685	<a href="javascript:;" class="reload">
		1686	</a>
		1687	<a href="javascript:;" class="remove">
		1688	</a>
		1689	</div>
		1690	</div>
		1691	<div class="portlet-body form">
		1692	<!-- BEGIN FORM-->
		1693	<form action="#" id="form_sample_3" class="form-horizontal">
		1694	<div class="form-body">
		1695	<h3 class="form-section">Advance validation. <small>Custom radio buttons, checkboxes and Select2 dropdowns</small></h3>
		1696	<div class="alert alert-danger display-hide">
		1697	<button class="close" data-close="alert"></button>
		1698	You have some form errors. Please check below.
		1699	</div>
		1700	<div class="alert alert-success display-hide">
		1701	<button class="close" data-close="alert"></button>
		1702	Your form validation is successful!
		1703	</div>
		1704	<div class="form-group">
		1705	<label class="control-label col-md-3">Name <span class="required">
		1706	* </span>
		1707	</label>
		1708	<div class="col-md-4">
		1709	<input type="text" name="name" data-required="1" class="form-control"/>
		1710	</div>
		1711	</div>
		1712	<div class="form-group">
		1713	<label class="col-md-3 control-label">Email Address <span class="required">
		1714	* </span>
		1715	</label>
		1716	<div class="col-md-4">
		1717	<div class="input-group">
		1718	<span class="input-group-addon">
		1719	<i class="fa fa-envelope"></i>
		1720	</span>
		1721	<input type="email" name="email" class="form-control" placeholder="Email Address">
		1722	</div>
		1723	</div>
		1724	</div>
		1725	<div class="form-group">
		1726	<label class="control-label col-md-3">Occupation  </label>
		1727	<div class="col-md-4">
		1728	<input name="occupation" type="text" class="form-control"/>
		1729	</div>
		1730	</div>
		1731	<div class="form-group">
		1732	<label class="control-label col-md-3">Select2 Dropdown <span class="required">
		1733	* </span>
		1734	</label>
		1735	<div class="col-md-4">
		1736	<select class="form-control select2me" name="options2">
		1737	<option value="">Select...</option>
		1738	<option value="Option 1">Option 1</option>
		1739	<option value="Option 2">Option 2</option>
		1740	<option value="Option 3">Option 3</option>
		1741	<option value="Option 4">Option 4</option>
		1742	</select>
		1743	</div>
		1744	</div>
		1745	<div class="form-group">
		1746	<label class="control-label col-md-3">Select2 Tags <span class="required">
		1747	* </span>
		1748	</label>
		1749	<div class="col-md-4">
		1750	<input type="hidden" class="form-control" id="select2_tags" value="" name="select2tags">
		1751	<span class="help-block">
		1752	select tags </span>
		1753	</div>
		1754	</div>
		1755	<div class="form-group">
		1756	<label class="control-label col-md-3">Datepicker</label>
		1757	<div class="col-md-4">
		1758	<div class="input-group date date-picker" data-date-format="dd-mm-yyyy">
		1759	<input type="text" class="form-control" readonly name="datepicker">
		1760	<span class="input-group-btn">
		1761	<button class="btn default" type="button"><i class="fa fa-calendar"></i></button>
		1762	</span>
		1763	</div>
		1764	<!-- /input-group -->
		1765	<span class="help-block">
		1766	select a date </span>
		1767	</div>
		1768	</div>
		1769	<div class="form-group">
		1770	<label class="control-label col-md-3">Membership <span class="required">
		1771	* </span>
		1772	</label>
		1773	<div class="col-md-4">
		1774	<div class="radio-list" data-error-container="#form_2_membership_error">
		1775	<label>
		1776	<input type="radio" name="membership" value="1"/>
		1777	Fee </label>
		1778	<label>
		1779	<input type="radio" name="membership" value="2"/>
		1780	Professional </label>
		1781	</div>
		1782	<div id="form_2_membership_error">
		1783	</div>
		1784	</div>
		1785	</div>
		1786	<div class="form-group">
		1787	<label class="control-label col-md-3">Services <span class="required">
		1788	* </span>
		1789	</label>
		1790	<div class="col-md-4">
		1791	<div class="checkbox-list" data-error-container="#form_2_services_error">
		1792	<label>
		1793	<input type="checkbox" value="1" name="service"/> Service 1 </label>
		1794	<label>
		1795	<input type="checkbox" value="2" name="service"/> Service 2 </label>
		1796	<label>
		1797	<input type="checkbox" value="3" name="service"/> Service 3 </label>
		1798	</div>
		1799	<span class="help-block">
		1800	(select at least two) </span>
		1801	<div id="form_2_services_error">
		1802	</div>
		1803	</div>
		1804	</div>
		1805	<div class="form-group">
		1806	<label class="control-label col-md-3">Markdown</label>
		1807	<div class="col-md-9">
		1808	<textarea name="markdown" data-provide="markdown" rows="10" data-error-container="#editor_error"></textarea>
		1809	<div id="editor_error">
		1810	</div>
		1811	</div>
		1812	</div>
		1813	<div class="form-group">
		1814	<label class="control-label col-md-3">WYSIHTML5 Editor <span class="required">
		1815	* </span>
		1816	</label>
		1817	<div class="col-md-9">
		1818	<textarea class="wysihtml5 form-control" rows="6" name="editor1" data-error-container="#editor1_error"></textarea>
		1819	<div id="editor1_error">
		1820	</div>
		1821	</div>
		1822	</div>
		1823	<div class="form-group last">
		1824	<label class="control-label col-md-3">CKEditor <span class="required">
		1825	* </span>
		1826	</label>
		1827	<div class="col-md-9">
		1828	<textarea class="ckeditor form-control" name="editor2" rows="6" data-error-container="#editor2_error"></textarea>
		1829	<div id="editor2_error">
		1830	</div>
		1831	</div>
		1832	</div>
		1833	</div>
		1834	<div class="form-actions">
		1835	<div class="row">
		1836	<div class="col-md-offset-3 col-md-9">
		1837	<button type="submit" class="btn green">Submit</button>
		1838	<button type="button" class="btn default">Cancel</button>
		1839	</div>
		1840	</div>
		1841	</div>
		1842	</form>
		1843	<!-- END FORM-->
		1844	</div>
		1845	<!-- END VALIDATION STATES-->
		1846	</div>
		1847	</div>
		1848	</div>
		1849	<!-- END PAGE CONTENT-->
		1850	</div>
		1851	</div>
		1852	<!-- END CONTENT -->
		1853	<!-- BEGIN QUICK SIDEBAR -->
		1854	<!--Cooming Soon...-->
		1855	<!-- END QUICK SIDEBAR -->
		1856	</div>
		1857	<!-- END CONTAINER -->
		1858	<!-- BEGIN FOOTER -->
		1859	<div class="page-footer">
		1860	<div class="page-footer-inner">
		1861	2014 © Metronic by keenthemes.
		1862	</div>
		1863	<div class="scroll-to-top">
		1864	<i class="icon-arrow-up"></i>
		1865	</div>
		1866	</div>
		1867	<!-- END FOOTER -->
		1868	</div>
		1869	<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
		1870	<!-- BEGIN CORE PLUGINS -->
		1871	<!--[if lt IE 9]>
		1872	<script src="../../assets/global/plugins/respond.min.js"></script>
		1873	<script src="../../assets/global/plugins/excanvas.min.js"></script>
		1874	<![endif]-->
		1875	<script src="../../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
		1876	<script src="../../assets/global/plugins/jquery-migrate.min.js" type="text/javascript"></script>
		1877	<!-- IMPORTANT! Load jquery-ui.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
		1878	<script src="../../assets/global/plugins/jquery-ui/jquery-ui.min.js" type="text/javascript"></script>
		1879	<script src="../../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
		1880	<script src="../../assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js" type="text/javascript"></script>
		1881	<script src="../../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
		1882	<script src="../../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
		1883	<script src="../../assets/global/plugins/jquery.cokie.min.js" type="text/javascript"></script>
		1884	<script src="../../assets/global/plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>
		1885	<script src="../../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
		1886	<!-- END CORE PLUGINS -->
		1887	<!-- BEGIN PAGE LEVEL PLUGINS -->
		1888	<script type="text/javascript" src="../../assets/global/plugins/jquery-validation/js/jquery.validate.min.js"></script>
		1889	<script type="text/javascript" src="../../assets/global/plugins/jquery-validation/js/additional-methods.min.js"></script>
		1890	<script type="text/javascript" src="../../assets/global/plugins/select2/select2.min.js"></script>
		1891	<script type="text/javascript" src="../../assets/global/plugins/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
		1892	<script type="text/javascript" src="../../assets/global/plugins/bootstrap-wysihtml5/wysihtml5-0.3.0.js"></script>
		1893	<script type="text/javascript" src="../../assets/global/plugins/bootstrap-wysihtml5/bootstrap-wysihtml5.js"></script>
		1894	<script type="text/javascript" src="../../assets/global/plugins/ckeditor/ckeditor.js"></script>
		1895	<script type="text/javascript" src="../../assets/global/plugins/bootstrap-markdown/js/bootstrap-markdown.js"></script>
		1896	<script type="text/javascript" src="../../assets/global/plugins/bootstrap-markdown/lib/markdown.js"></script>
		1897	<!-- END PAGE LEVEL PLUGINS -->
		1898	<!-- BEGIN PAGE LEVEL STYLES -->
		1899	<script src="../../assets/global/scripts/metronic.js" type="text/javascript"></script>
		1900	<script src="../../assets/admin/layout2/scripts/layout.js" type="text/javascript"></script>
		1901	<script src="../../assets/admin/layout2/scripts/demo.js" type="text/javascript"></script>
		1902	<script src="../../assets/admin/pages/scripts/form-validation.js"></script>
		1903	<!-- END PAGE LEVEL STYLES -->
		1904	<script>
		1905	jQuery(document).ready(function() {
		1906	// initiate layout and plugins
		1907	Metronic.init(); // init metronic core components
		1908	Layout.init(); // init current layout
		1909	Demo.init(); // init demo features
		1910	FormValidation.init();
		1911	});
		1912	</script>
		1913	<!-- END JAVASCRIPTS -->
		1914	</body>
		1915	<!-- END BODY -->
		1916	</html>

Subversion Repositories Integrator Subversion

(root)/DOCUMENTOS E ANALISE/telas/templates/admin2/form_validation.html - Rev 1