WebSVN - Integrator Subversion - Blame - Rev 1 - /PROJETOS ANTERIORES/PROJETO ANTERIOR COM TEMPLATE/theme/admin_1/form_controls

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 \| Material Design Form Controls</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 THEME GLOBAL STYLES -->
		37	<link href="../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
		38	<link href="../assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" />
		39	<!-- END THEME GLOBAL STYLES -->
		40	<!-- BEGIN THEME LAYOUT STYLES -->
		41	<link href="../assets/layouts/layout/css/layout.min.css" rel="stylesheet" type="text/css" />
		42	<link href="../assets/layouts/layout/css/themes/darkblue.min.css" rel="stylesheet" type="text/css" id="style_color" />
		43	<link href="../assets/layouts/layout/css/custom.min.css" rel="stylesheet" type="text/css" />
		44	<!-- END THEME LAYOUT STYLES -->
		45	<link rel="shortcut icon" href="favicon.ico" /> </head>
		46	<!-- END HEAD -->
		47
		48	<body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
		49	<div class="page-wrapper">
		50	<!-- BEGIN HEADER -->
		51	<div class="page-header navbar navbar-fixed-top">
		52	<!-- BEGIN HEADER INNER -->
		53	<div class="page-header-inner ">
		54	<!-- BEGIN LOGO -->
		55	<div class="page-logo">
		56	<a href="index.html">
		57	<img src="../assets/layouts/layout/img/logo.png" alt="logo" class="logo-default" /> </a>
		58	<div class="menu-toggler sidebar-toggler">
		59	<span></span>
		60	</div>
		61	</div>
		62	<!-- END LOGO -->
		63	<!-- BEGIN RESPONSIVE MENU TOGGLER -->
		64	<a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
		65	<span></span>
		66	</a>
		67	<!-- END RESPONSIVE MENU TOGGLER -->
		68	<!-- BEGIN TOP NAVIGATION MENU -->
		69	<div class="top-menu">
		70	<ul class="nav navbar-nav pull-right">
		71	<!-- BEGIN NOTIFICATION DROPDOWN -->
		72	<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
		73	<li class="dropdown dropdown-extended dropdown-notification" id="header_notification_bar">
		74	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		75	<i class="icon-bell"></i>
		76	<span class="badge badge-default"> 7 </span>
		77	</a>
		78	<ul class="dropdown-menu">
		79	<li class="external">
		80	<h3>
		81	<span class="bold">12 pending</span> notifications</h3>
		82	<a href="page_user_profile_1.html">view all</a>
		83	</li>
		84	<li>
		85	<ul class="dropdown-menu-list scroller" style="height: 250px;" data-handle-color="#637283">
		86	<li>
		87	<a href="javascript:;">
		88	<span class="time">just now</span>
		89	<span class="details">
		90	<span class="label label-sm label-icon label-success">
		91	<i class="fa fa-plus"></i>
		92	</span> New user registered. </span>
		93	</a>
		94	</li>
		95	<li>
		96	<a href="javascript:;">
		97	<span class="time">3 mins</span>
		98	<span class="details">
		99	<span class="label label-sm label-icon label-danger">
		100	<i class="fa fa-bolt"></i>
		101	</span> Server #12 overloaded. </span>
		102	</a>
		103	</li>
		104	<li>
		105	<a href="javascript:;">
		106	<span class="time">10 mins</span>
		107	<span class="details">
		108	<span class="label label-sm label-icon label-warning">
		109	<i class="fa fa-bell-o"></i>
		110	</span> Server #2 not responding. </span>
		111	</a>
		112	</li>
		113	<li>
		114	<a href="javascript:;">
		115	<span class="time">14 hrs</span>
		116	<span class="details">
		117	<span class="label label-sm label-icon label-info">
		118	<i class="fa fa-bullhorn"></i>
		119	</span> Application error. </span>
		120	</a>
		121	</li>
		122	<li>
		123	<a href="javascript:;">
		124	<span class="time">2 days</span>
		125	<span class="details">
		126	<span class="label label-sm label-icon label-danger">
		127	<i class="fa fa-bolt"></i>
		128	</span> Database overloaded 68%. </span>
		129	</a>
		130	</li>
		131	<li>
		132	<a href="javascript:;">
		133	<span class="time">3 days</span>
		134	<span class="details">
		135	<span class="label label-sm label-icon label-danger">
		136	<i class="fa fa-bolt"></i>
		137	</span> A user IP blocked. </span>
		138	</a>
		139	</li>
		140	<li>
		141	<a href="javascript:;">
		142	<span class="time">4 days</span>
		143	<span class="details">
		144	<span class="label label-sm label-icon label-warning">
		145	<i class="fa fa-bell-o"></i>
		146	</span> Storage Server #4 not responding dfdfdfd. </span>
		147	</a>
		148	</li>
		149	<li>
		150	<a href="javascript:;">
		151	<span class="time">5 days</span>
		152	<span class="details">
		153	<span class="label label-sm label-icon label-info">
		154	<i class="fa fa-bullhorn"></i>
		155	</span> System Error. </span>
		156	</a>
		157	</li>
		158	<li>
		159	<a href="javascript:;">
		160	<span class="time">9 days</span>
		161	<span class="details">
		162	<span class="label label-sm label-icon label-danger">
		163	<i class="fa fa-bolt"></i>
		164	</span> Storage server failed. </span>
		165	</a>
		166	</li>
		167	</ul>
		168	</li>
		169	</ul>
		170	</li>
		171	<!-- END NOTIFICATION DROPDOWN -->
		172	<!-- BEGIN INBOX DROPDOWN -->
		173	<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
		174	<li class="dropdown dropdown-extended dropdown-inbox" id="header_inbox_bar">
		175	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		176	<i class="icon-envelope-open"></i>
		177	<span class="badge badge-default"> 4 </span>
		178	</a>
		179	<ul class="dropdown-menu">
		180	<li class="external">
		181	<h3>You have
		182	<span class="bold">7 New</span> Messages</h3>
		183	<a href="app_inbox.html">view all</a>
		184	</li>
		185	<li>
		186	<ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
		187	<li>
		188	<a href="#">
		189	<span class="photo">
		190	<img src="../assets/layouts/layout3/img/avatar2.jpg" class="img-circle" alt=""> </span>
		191	<span class="subject">
		192	<span class="from"> Lisa Wong </span>
		193	<span class="time">Just Now </span>
		194	</span>
		195	<span class="message"> Vivamus sed auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		196	</a>
		197	</li>
		198	<li>
		199	<a href="#">
		200	<span class="photo">
		201	<img src="../assets/layouts/layout3/img/avatar3.jpg" class="img-circle" alt=""> </span>
		202	<span class="subject">
		203	<span class="from"> Richard Doe </span>
		204	<span class="time">16 mins </span>
		205	</span>
		206	<span class="message"> Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		207	</a>
		208	</li>
		209	<li>
		210	<a href="#">
		211	<span class="photo">
		212	<img src="../assets/layouts/layout3/img/avatar1.jpg" class="img-circle" alt=""> </span>
		213	<span class="subject">
		214	<span class="from"> Bob Nilson </span>
		215	<span class="time">2 hrs </span>
		216	</span>
		217	<span class="message"> Vivamus sed nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		218	</a>
		219	</li>
		220	<li>
		221	<a href="#">
		222	<span class="photo">
		223	<img src="../assets/layouts/layout3/img/avatar2.jpg" class="img-circle" alt=""> </span>
		224	<span class="subject">
		225	<span class="from"> Lisa Wong </span>
		226	<span class="time">40 mins </span>
		227	</span>
		228	<span class="message"> Vivamus sed auctor 40% nibh congue nibh... </span>
		229	</a>
		230	</li>
		231	<li>
		232	<a href="#">
		233	<span class="photo">
		234	<img src="../assets/layouts/layout3/img/avatar3.jpg" class="img-circle" alt=""> </span>
		235	<span class="subject">
		236	<span class="from"> Richard Doe </span>
		237	<span class="time">46 mins </span>
		238	</span>
		239	<span class="message"> Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		240	</a>
		241	</li>
		242	</ul>
		243	</li>
		244	</ul>
		245	</li>
		246	<!-- END INBOX DROPDOWN -->
		247	<!-- BEGIN TODO DROPDOWN -->
		248	<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
		249	<li class="dropdown dropdown-extended dropdown-tasks" id="header_task_bar">
		250	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		251	<i class="icon-calendar"></i>
		252	<span class="badge badge-default"> 3 </span>
		253	</a>
		254	<ul class="dropdown-menu extended tasks">
		255	<li class="external">
		256	<h3>You have
		257	<span class="bold">12 pending</span> tasks</h3>
		258	<a href="app_todo.html">view all</a>
		259	</li>
		260	<li>
		261	<ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
		262	<li>
		263	<a href="javascript:;">
		264	<span class="task">
		265	<span class="desc">New release v1.2 </span>
		266	<span class="percent">30%</span>
		267	</span>
		268	<span class="progress">
		269	<span style="width: 40%;" class="progress-bar progress-bar-success" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100">
		270	<span class="sr-only">40% Complete</span>
		271	</span>
		272	</span>
		273	</a>
		274	</li>
		275	<li>
		276	<a href="javascript:;">
		277	<span class="task">
		278	<span class="desc">Application deployment</span>
		279	<span class="percent">65%</span>
		280	</span>
		281	<span class="progress">
		282	<span style="width: 65%;" class="progress-bar progress-bar-danger" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100">
		283	<span class="sr-only">65% Complete</span>
		284	</span>
		285	</span>
		286	</a>
		287	</li>
		288	<li>
		289	<a href="javascript:;">
		290	<span class="task">
		291	<span class="desc">Mobile app release</span>
		292	<span class="percent">98%</span>
		293	</span>
		294	<span class="progress">
		295	<span style="width: 98%;" class="progress-bar progress-bar-success" aria-valuenow="98" aria-valuemin="0" aria-valuemax="100">
		296	<span class="sr-only">98% Complete</span>
		297	</span>
		298	</span>
		299	</a>
		300	</li>
		301	<li>
		302	<a href="javascript:;">
		303	<span class="task">
		304	<span class="desc">Database migration</span>
		305	<span class="percent">10%</span>
		306	</span>
		307	<span class="progress">
		308	<span style="width: 10%;" class="progress-bar progress-bar-warning" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100">
		309	<span class="sr-only">10% Complete</span>
		310	</span>
		311	</span>
		312	</a>
		313	</li>
		314	<li>
		315	<a href="javascript:;">
		316	<span class="task">
		317	<span class="desc">Web server upgrade</span>
		318	<span class="percent">58%</span>
		319	</span>
		320	<span class="progress">
		321	<span style="width: 58%;" class="progress-bar progress-bar-info" aria-valuenow="58" aria-valuemin="0" aria-valuemax="100">
		322	<span class="sr-only">58% Complete</span>
		323	</span>
		324	</span>
		325	</a>
		326	</li>
		327	<li>
		328	<a href="javascript:;">
		329	<span class="task">
		330	<span class="desc">Mobile development</span>
		331	<span class="percent">85%</span>
		332	</span>
		333	<span class="progress">
		334	<span style="width: 85%;" class="progress-bar progress-bar-success" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100">
		335	<span class="sr-only">85% Complete</span>
		336	</span>
		337	</span>
		338	</a>
		339	</li>
		340	<li>
		341	<a href="javascript:;">
		342	<span class="task">
		343	<span class="desc">New UI release</span>
		344	<span class="percent">38%</span>
		345	</span>
		346	<span class="progress progress-striped">
		347	<span style="width: 38%;" class="progress-bar progress-bar-important" aria-valuenow="18" aria-valuemin="0" aria-valuemax="100">
		348	<span class="sr-only">38% Complete</span>
		349	</span>
		350	</span>
		351	</a>
		352	</li>
		353	</ul>
		354	</li>
		355	</ul>
		356	</li>
		357	<!-- END TODO DROPDOWN -->
		358	<!-- BEGIN USER LOGIN DROPDOWN -->
		359	<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
		360	<li class="dropdown dropdown-user">
		361	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		362	<img alt="" class="img-circle" src="../assets/layouts/layout/img/avatar3_small.jpg" />
		363	<span class="username username-hide-on-mobile"> Nick </span>
		364	<i class="fa fa-angle-down"></i>
		365	</a>
		366	<ul class="dropdown-menu dropdown-menu-default">
		367	<li>
		368	<a href="page_user_profile_1.html">
		369	<i class="icon-user"></i> My Profile </a>
		370	</li>
		371	<li>
		372	<a href="app_calendar.html">
		373	<i class="icon-calendar"></i> My Calendar </a>
		374	</li>
		375	<li>
		376	<a href="app_inbox.html">
		377	<i class="icon-envelope-open"></i> My Inbox
		378	<span class="badge badge-danger"> 3 </span>
		379	</a>
		380	</li>
		381	<li>
		382	<a href="app_todo.html">
		383	<i class="icon-rocket"></i> My Tasks
		384	<span class="badge badge-success"> 7 </span>
		385	</a>
		386	</li>
		387	<li class="divider"> </li>
		388	<li>
		389	<a href="page_user_lock_1.html">
		390	<i class="icon-lock"></i> Lock Screen </a>
		391	</li>
		392	<li>
		393	<a href="page_user_login_1.html">
		394	<i class="icon-key"></i> Log Out </a>
		395	</li>
		396	</ul>
		397	</li>
		398	<!-- END USER LOGIN DROPDOWN -->
		399	<!-- BEGIN QUICK SIDEBAR TOGGLER -->
		400	<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
		401	<li class="dropdown dropdown-quick-sidebar-toggler">
		402	<a href="javascript:;" class="dropdown-toggle">
		403	<i class="icon-logout"></i>
		404	</a>
		405	</li>
		406	<!-- END QUICK SIDEBAR TOGGLER -->
		407	</ul>
		408	</div>
		409	<!-- END TOP NAVIGATION MENU -->
		410	</div>
		411	<!-- END HEADER INNER -->
		412	</div>
		413	<!-- END HEADER -->
		414	<!-- BEGIN HEADER & CONTENT DIVIDER -->
		415	<div class="clearfix"> </div>
		416	<!-- END HEADER & CONTENT DIVIDER -->
		417	<!-- BEGIN CONTAINER -->
		418	<div class="page-container">
		419	<!-- BEGIN SIDEBAR -->
		420	<div class="page-sidebar-wrapper">
		421	<!-- BEGIN SIDEBAR -->
		422	<!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
		423	<!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
		424	<div class="page-sidebar navbar-collapse collapse">
		425	<!-- BEGIN SIDEBAR MENU -->
		426	<!-- DOC: Apply "page-sidebar-menu-light" class right after "page-sidebar-menu" to enable light sidebar menu style(without borders) -->
		427	<!-- DOC: Apply "page-sidebar-menu-hover-submenu" class right after "page-sidebar-menu" to enable hoverable(hover vs accordion) sub menu mode -->
		428	<!-- 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 -->
		429	<!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
		430	<!-- DOC: Set data-keep-expand="true" to keep the submenues expanded -->
		431	<!-- DOC: Set data-auto-speed="200" to adjust the sub menu slide up/down speed -->
		432	<ul class="page-sidebar-menu page-header-fixed " data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200" style="padding-top: 20px">
		433	<!-- DOC: To remove the sidebar toggler from the sidebar you just need to completely remove the below "sidebar-toggler-wrapper" LI element -->
		434	<!-- BEGIN SIDEBAR TOGGLER BUTTON -->
		435	<li class="sidebar-toggler-wrapper hide">
		436	<div class="sidebar-toggler">
		437	<span></span>
		438	</div>
		439	</li>
		440	<!-- END SIDEBAR TOGGLER BUTTON -->
		441	<!-- DOC: To remove the search box from the sidebar you just need to completely remove the below "sidebar-search-wrapper" LI element -->
		442	<li class="sidebar-search-wrapper">
		443	<!-- BEGIN RESPONSIVE QUICK SEARCH FORM -->
		444	<!-- DOC: Apply "sidebar-search-bordered" class the below search form to have bordered search box -->
		445	<!-- DOC: Apply "sidebar-search-bordered sidebar-search-solid" class the below search form to have bordered & solid search box -->
		446	<form class="sidebar-search " action="page_general_search_3.html" method="POST">
		447	<a href="javascript:;" class="remove">
		448	<i class="icon-close"></i>
		449	</a>
		450	<div class="input-group">
		451	<input type="text" class="form-control" placeholder="Search...">
		452	<span class="input-group-btn">
		453	<a href="javascript:;" class="btn submit">
		454	<i class="icon-magnifier"></i>
		455	</a>
		456	</span>
		457	</div>
		458	</form>
		459	<!-- END RESPONSIVE QUICK SEARCH FORM -->
		460	</li>
		461	<li class="nav-item start ">
		462	<a href="javascript:;" class="nav-link nav-toggle">
		463	<i class="icon-home"></i>
		464	<span class="title">Dashboard</span>
		465	<span class="arrow"></span>
		466	</a>
		467	<ul class="sub-menu">
		468	<li class="nav-item start ">
		469	<a href="index.html" class="nav-link ">
		470	<i class="icon-bar-chart"></i>
		471	<span class="title">Dashboard 1</span>
		472	</a>
		473	</li>
		474	<li class="nav-item start ">
		475	<a href="dashboard_2.html" class="nav-link ">
		476	<i class="icon-bulb"></i>
		477	<span class="title">Dashboard 2</span>
		478	<span class="badge badge-success">1</span>
		479	</a>
		480	</li>
		481	<li class="nav-item start ">
		482	<a href="dashboard_3.html" class="nav-link ">
		483	<i class="icon-graph"></i>
		484	<span class="title">Dashboard 3</span>
		485	<span class="badge badge-danger">5</span>
		486	</a>
		487	</li>
		488	</ul>
		489	</li>
		490	<li class="heading">
		491	<h3 class="uppercase">Features</h3>
		492	</li>
		493	<li class="nav-item ">
		494	<a href="javascript:;" class="nav-link nav-toggle">
		495	<i class="icon-diamond"></i>
		496	<span class="title">UI Features</span>
		497	<span class="arrow"></span>
		498	</a>
		499	<ul class="sub-menu">
		500	<li class="nav-item ">
		501	<a href="ui_colors.html" class="nav-link ">
		502	<span class="title">Color Library</span>
		503	</a>
		504	</li>
		505	<li class="nav-item ">
		506	<a href="ui_general.html" class="nav-link ">
		507	<span class="title">General Components</span>
		508	</a>
		509	</li>
		510	<li class="nav-item ">
		511	<a href="ui_buttons.html" class="nav-link ">
		512	<span class="title">Buttons</span>
		513	</a>
		514	</li>
		515	<li class="nav-item ">
		516	<a href="ui_buttons_spinner.html" class="nav-link ">
		517	<span class="title">Spinner Buttons</span>
		518	</a>
		519	</li>
		520	<li class="nav-item ">
		521	<a href="ui_confirmations.html" class="nav-link ">
		522	<span class="title">Popover Confirmations</span>
		523	</a>
		524	</li>
		525	<li class="nav-item ">
		526	<a href="ui_icons.html" class="nav-link ">
		527	<span class="title">Font Icons</span>
		528	</a>
		529	</li>
		530	<li class="nav-item ">
		531	<a href="ui_socicons.html" class="nav-link ">
		532	<span class="title">Social Icons</span>
		533	</a>
		534	</li>
		535	<li class="nav-item ">
		536	<a href="ui_typography.html" class="nav-link ">
		537	<span class="title">Typography</span>
		538	</a>
		539	</li>
		540	<li class="nav-item ">
		541	<a href="ui_tabs_accordions_navs.html" class="nav-link ">
		542	<span class="title">Tabs, Accordions & Navs</span>
		543	</a>
		544	</li>
		545	<li class="nav-item ">
		546	<a href="ui_timeline.html" class="nav-link ">
		547	<span class="title">Timeline 1</span>
		548	</a>
		549	</li>
		550	<li class="nav-item ">
		551	<a href="ui_timeline_2.html" class="nav-link ">
		552	<span class="title">Timeline 2</span>
		553	</a>
		554	</li>
		555	<li class="nav-item ">
		556	<a href="ui_timeline_horizontal.html" class="nav-link ">
		557	<span class="title">Horizontal Timeline</span>
		558	</a>
		559	</li>
		560	<li class="nav-item ">
		561	<a href="ui_tree.html" class="nav-link ">
		562	<span class="title">Tree View</span>
		563	</a>
		564	</li>
		565	<li class="nav-item ">
		566	<a href="javascript:;" class="nav-link nav-toggle">
		567	<span class="title">Page Progress Bar</span>
		568	<span class="arrow"></span>
		569	</a>
		570	<ul class="sub-menu">
		571	<li class="nav-item ">
		572	<a href="ui_page_progress_style_1.html" class="nav-link "> Flash </a>
		573	</li>
		574	<li class="nav-item ">
		575	<a href="ui_page_progress_style_2.html" class="nav-link "> Big Counter </a>
		576	</li>
		577	</ul>
		578	</li>
		579	<li class="nav-item ">
		580	<a href="ui_blockui.html" class="nav-link ">
		581	<span class="title">Block UI</span>
		582	</a>
		583	</li>
		584	<li class="nav-item ">
		585	<a href="ui_bootstrap_growl.html" class="nav-link ">
		586	<span class="title">Bootstrap Growl Notifications</span>
		587	</a>
		588	</li>
		589	<li class="nav-item ">
		590	<a href="ui_notific8.html" class="nav-link ">
		591	<span class="title">Notific8 Notifications</span>
		592	</a>
		593	</li>
		594	<li class="nav-item ">
		595	<a href="ui_toastr.html" class="nav-link ">
		596	<span class="title">Toastr Notifications</span>
		597	</a>
		598	</li>
		599	<li class="nav-item ">
		600	<a href="ui_bootbox.html" class="nav-link ">
		601	<span class="title">Bootbox Dialogs</span>
		602	</a>
		603	</li>
		604	<li class="nav-item ">
		605	<a href="ui_alerts_api.html" class="nav-link ">
		606	<span class="title">Metronic Alerts API</span>
		607	</a>
		608	</li>
		609	<li class="nav-item ">
		610	<a href="ui_session_timeout.html" class="nav-link ">
		611	<span class="title">Session Timeout</span>
		612	</a>
		613	</li>
		614	<li class="nav-item ">
		615	<a href="ui_idle_timeout.html" class="nav-link ">
		616	<span class="title">User Idle Timeout</span>
		617	</a>
		618	</li>
		619	<li class="nav-item ">
		620	<a href="ui_modals.html" class="nav-link ">
		621	<span class="title">Modals</span>
		622	</a>
		623	</li>
		624	<li class="nav-item ">
		625	<a href="ui_extended_modals.html" class="nav-link ">
		626	<span class="title">Extended Modals</span>
		627	</a>
		628	</li>
		629	<li class="nav-item ">
		630	<a href="ui_tiles.html" class="nav-link ">
		631	<span class="title">Tiles</span>
		632	</a>
		633	</li>
		634	<li class="nav-item ">
		635	<a href="ui_datepaginator.html" class="nav-link ">
		636	<span class="title">Date Paginator</span>
		637	</a>
		638	</li>
		639	<li class="nav-item ">
		640	<a href="ui_nestable.html" class="nav-link ">
		641	<span class="title">Nestable List</span>
		642	</a>
		643	</li>
		644	</ul>
		645	</li>
		646	<li class="nav-item ">
		647	<a href="javascript:;" class="nav-link nav-toggle">
		648	<i class="icon-puzzle"></i>
		649	<span class="title">Components</span>
		650	<span class="arrow"></span>
		651	</a>
		652	<ul class="sub-menu">
		653	<li class="nav-item ">
		654	<a href="components_date_time_pickers.html" class="nav-link ">
		655	<span class="title">Date & Time Pickers</span>
		656	</a>
		657	</li>
		658	<li class="nav-item ">
		659	<a href="components_color_pickers.html" class="nav-link ">
		660	<span class="title">Color Pickers</span>
		661	<span class="badge badge-danger">2</span>
		662	</a>
		663	</li>
		664	<li class="nav-item ">
		665	<a href="components_select2.html" class="nav-link ">
		666	<span class="title">Select2 Dropdowns</span>
		667	</a>
		668	</li>
		669	<li class="nav-item ">
		670	<a href="components_bootstrap_select.html" class="nav-link ">
		671	<span class="title">Bootstrap Select</span>
		672	</a>
		673	</li>
		674	<li class="nav-item ">
		675	<a href="components_multi_select.html" class="nav-link ">
		676	<span class="title">Multi Select</span>
		677	</a>
		678	</li>
		679	<li class="nav-item ">
		680	<a href="components_bootstrap_select_splitter.html" class="nav-link ">
		681	<span class="title">Select Splitter</span>
		682	</a>
		683	</li>
		684	<li class="nav-item ">
		685	<a href="components_typeahead.html" class="nav-link ">
		686	<span class="title">Typeahead Autocomplete</span>
		687	</a>
		688	</li>
		689	<li class="nav-item ">
		690	<a href="components_bootstrap_tagsinput.html" class="nav-link ">
		691	<span class="title">Bootstrap Tagsinput</span>
		692	</a>
		693	</li>
		694	<li class="nav-item ">
		695	<a href="components_bootstrap_switch.html" class="nav-link ">
		696	<span class="title">Bootstrap Switch</span>
		697	<span class="badge badge-success">6</span>
		698	</a>
		699	</li>
		700	<li class="nav-item ">
		701	<a href="components_bootstrap_maxlength.html" class="nav-link ">
		702	<span class="title">Bootstrap Maxlength</span>
		703	</a>
		704	</li>
		705	<li class="nav-item ">
		706	<a href="components_bootstrap_fileinput.html" class="nav-link ">
		707	<span class="title">Bootstrap File Input</span>
		708	</a>
		709	</li>
		710	<li class="nav-item ">
		711	<a href="components_bootstrap_touchspin.html" class="nav-link ">
		712	<span class="title">Bootstrap Touchspin</span>
		713	</a>
		714	</li>
		715	<li class="nav-item ">
		716	<a href="components_form_tools.html" class="nav-link ">
		717	<span class="title">Form Widgets & Tools</span>
		718	</a>
		719	</li>
		720	<li class="nav-item ">
		721	<a href="components_context_menu.html" class="nav-link ">
		722	<span class="title">Context Menu</span>
		723	</a>
		724	</li>
		725	<li class="nav-item ">
		726	<a href="components_editors.html" class="nav-link ">
		727	<span class="title">Markdown & WYSIWYG Editors</span>
		728	</a>
		729	</li>
		730	<li class="nav-item ">
		731	<a href="components_code_editors.html" class="nav-link ">
		732	<span class="title">Code Editors</span>
		733	</a>
		734	</li>
		735	<li class="nav-item ">
		736	<a href="components_ion_sliders.html" class="nav-link ">
		737	<span class="title">Ion Range Sliders</span>
		738	</a>
		739	</li>
		740	<li class="nav-item ">
		741	<a href="components_noui_sliders.html" class="nav-link ">
		742	<span class="title">NoUI Range Sliders</span>
		743	</a>
		744	</li>
		745	<li class="nav-item ">
		746	<a href="components_knob_dials.html" class="nav-link ">
		747	<span class="title">Knob Circle Dials</span>
		748	</a>
		749	</li>
		750	</ul>
		751	</li>
		752	<li class="nav-item active open">
		753	<a href="javascript:;" class="nav-link nav-toggle">
		754	<i class="icon-settings"></i>
		755	<span class="title">Form Stuff</span>
		756	<span class="selected"></span>
		757	<span class="arrow open"></span>
		758	</a>
		759	<ul class="sub-menu">
		760	<li class="nav-item ">
		761	<a href="form_controls.html" class="nav-link ">
		762	<span class="title">Bootstrap Form
		763	<br>Controls</span>
		764	</a>
		765	</li>
		766	<li class="nav-item active open">
		767	<a href="form_controls_md.html" class="nav-link ">
		768	<span class="title">Material Design
		769	<br>Form Controls</span>
		770	<span class="selected"></span>
		771	</a>
		772	</li>
		773	<li class="nav-item ">
		774	<a href="form_validation.html" class="nav-link ">
		775	<span class="title">Form Validation</span>
		776	</a>
		777	</li>
		778	<li class="nav-item ">
		779	<a href="form_validation_states_md.html" class="nav-link ">
		780	<span class="title">Material Design
		781	<br>Form Validation States</span>
		782	</a>
		783	</li>
		784	<li class="nav-item ">
		785	<a href="form_validation_md.html" class="nav-link ">
		786	<span class="title">Material Design
		787	<br>Form Validation</span>
		788	</a>
		789	</li>
		790	<li class="nav-item ">
		791	<a href="form_layouts.html" class="nav-link ">
		792	<span class="title">Form Layouts</span>
		793	</a>
		794	</li>
		795	<li class="nav-item ">
		796	<a href="form_input_mask.html" class="nav-link ">
		797	<span class="title">Form Input Mask</span>
		798	</a>
		799	</li>
		800	<li class="nav-item ">
		801	<a href="form_editable.html" class="nav-link ">
		802	<span class="title">Form X-editable</span>
		803	</a>
		804	</li>
		805	<li class="nav-item ">
		806	<a href="form_wizard.html" class="nav-link ">
		807	<span class="title">Form Wizard</span>
		808	</a>
		809	</li>
		810	<li class="nav-item ">
		811	<a href="form_icheck.html" class="nav-link ">
		812	<span class="title">iCheck Controls</span>
		813	</a>
		814	</li>
		815	<li class="nav-item ">
		816	<a href="form_image_crop.html" class="nav-link ">
		817	<span class="title">Image Cropping</span>
		818	</a>
		819	</li>
		820	<li class="nav-item ">
		821	<a href="form_fileupload.html" class="nav-link ">
		822	<span class="title">Multiple File Upload</span>
		823	</a>
		824	</li>
		825	<li class="nav-item ">
		826	<a href="form_dropzone.html" class="nav-link ">
		827	<span class="title">Dropzone File Upload</span>
		828	</a>
		829	</li>
		830	</ul>
		831	</li>
		832	<li class="nav-item ">
		833	<a href="javascript:;" class="nav-link nav-toggle">
		834	<i class="icon-bulb"></i>
		835	<span class="title">Elements</span>
		836	<span class="arrow"></span>
		837	</a>
		838	<ul class="sub-menu">
		839	<li class="nav-item ">
		840	<a href="elements_steps.html" class="nav-link ">
		841	<span class="title">Steps</span>
		842	</a>
		843	</li>
		844	<li class="nav-item ">
		845	<a href="elements_lists.html" class="nav-link ">
		846	<span class="title">Lists</span>
		847	</a>
		848	</li>
		849	<li class="nav-item ">
		850	<a href="elements_ribbons.html" class="nav-link ">
		851	<span class="title">Ribbons</span>
		852	</a>
		853	</li>
		854	<li class="nav-item ">
		855	<a href="elements_overlay.html" class="nav-link ">
		856	<span class="title">Overlays</span>
		857	</a>
		858	</li>
		859	<li class="nav-item ">
		860	<a href="elements_cards.html" class="nav-link ">
		861	<span class="title">User Cards</span>
		862	</a>
		863	</li>
		864	</ul>
		865	</li>
		866	<li class="nav-item ">
		867	<a href="javascript:;" class="nav-link nav-toggle">
		868	<i class="icon-briefcase"></i>
		869	<span class="title">Tables</span>
		870	<span class="arrow"></span>
		871	</a>
		872	<ul class="sub-menu">
		873	<li class="nav-item ">
		874	<a href="table_static_basic.html" class="nav-link ">
		875	<span class="title">Basic Tables</span>
		876	</a>
		877	</li>
		878	<li class="nav-item ">
		879	<a href="table_static_responsive.html" class="nav-link ">
		880	<span class="title">Responsive Tables</span>
		881	</a>
		882	</li>
		883	<li class="nav-item ">
		884	<a href="table_bootstrap.html" class="nav-link ">
		885	<span class="title">Bootstrap Tables</span>
		886	</a>
		887	</li>
		888	<li class="nav-item ">
		889	<a href="javascript:;" class="nav-link nav-toggle">
		890	<span class="title">Datatables</span>
		891	<span class="arrow"></span>
		892	</a>
		893	<ul class="sub-menu">
		894	<li class="nav-item ">
		895	<a href="table_datatables_managed.html" class="nav-link "> Managed Datatables </a>
		896	</li>
		897	<li class="nav-item ">
		898	<a href="table_datatables_buttons.html" class="nav-link "> Buttons Extension </a>
		899	</li>
		900	<li class="nav-item ">
		901	<a href="table_datatables_colreorder.html" class="nav-link "> Colreorder Extension </a>
		902	</li>
		903	<li class="nav-item ">
		904	<a href="table_datatables_rowreorder.html" class="nav-link "> Rowreorder Extension </a>
		905	</li>
		906	<li class="nav-item ">
		907	<a href="table_datatables_scroller.html" class="nav-link "> Scroller Extension </a>
		908	</li>
		909	<li class="nav-item ">
		910	<a href="table_datatables_fixedheader.html" class="nav-link "> FixedHeader Extension </a>
		911	</li>
		912	<li class="nav-item ">
		913	<a href="table_datatables_responsive.html" class="nav-link "> Responsive Extension </a>
		914	</li>
		915	<li class="nav-item ">
		916	<a href="table_datatables_editable.html" class="nav-link "> Editable Datatables </a>
		917	</li>
		918	<li class="nav-item ">
		919	<a href="table_datatables_ajax.html" class="nav-link "> Ajax Datatables </a>
		920	</li>
		921	</ul>
		922	</li>
		923	</ul>
		924	</li>
		925	<li class="nav-item ">
		926	<a href="?p=" class="nav-link nav-toggle">
		927	<i class="icon-wallet"></i>
		928	<span class="title">Portlets</span>
		929	<span class="arrow"></span>
		930	</a>
		931	<ul class="sub-menu">
		932	<li class="nav-item ">
		933	<a href="portlet_boxed.html" class="nav-link ">
		934	<span class="title">Boxed Portlets</span>
		935	</a>
		936	</li>
		937	<li class="nav-item ">
		938	<a href="portlet_light.html" class="nav-link ">
		939	<span class="title">Light Portlets</span>
		940	</a>
		941	</li>
		942	<li class="nav-item ">
		943	<a href="portlet_solid.html" class="nav-link ">
		944	<span class="title">Solid Portlets</span>
		945	</a>
		946	</li>
		947	<li class="nav-item ">
		948	<a href="portlet_ajax.html" class="nav-link ">
		949	<span class="title">Ajax Portlets</span>
		950	</a>
		951	</li>
		952	<li class="nav-item ">
		953	<a href="portlet_draggable.html" class="nav-link ">
		954	<span class="title">Draggable Portlets</span>
		955	</a>
		956	</li>
		957	</ul>
		958	</li>
		959	<li class="nav-item ">
		960	<a href="javascript:;" class="nav-link nav-toggle">
		961	<i class="icon-bar-chart"></i>
		962	<span class="title">Charts</span>
		963	<span class="arrow"></span>
		964	</a>
		965	<ul class="sub-menu">
		966	<li class="nav-item ">
		967	<a href="charts_amcharts.html" class="nav-link ">
		968	<span class="title">amChart</span>
		969	</a>
		970	</li>
		971	<li class="nav-item ">
		972	<a href="charts_flotcharts.html" class="nav-link ">
		973	<span class="title">Flot Charts</span>
		974	</a>
		975	</li>
		976	<li class="nav-item ">
		977	<a href="charts_flowchart.html" class="nav-link ">
		978	<span class="title">Flow Charts</span>
		979	</a>
		980	</li>
		981	<li class="nav-item ">
		982	<a href="charts_google.html" class="nav-link ">
		983	<span class="title">Google Charts</span>
		984	</a>
		985	</li>
		986	<li class="nav-item ">
		987	<a href="charts_echarts.html" class="nav-link ">
		988	<span class="title">eCharts</span>
		989	</a>
		990	</li>
		991	<li class="nav-item ">
		992	<a href="charts_morris.html" class="nav-link ">
		993	<span class="title">Morris Charts</span>
		994	</a>
		995	</li>
		996	<li class="nav-item ">
		997	<a href="javascript:;" class="nav-link nav-toggle">
		998	<span class="title">HighCharts</span>
		999	<span class="arrow"></span>
		1000	</a>
		1001	<ul class="sub-menu">
		1002	<li class="nav-item ">
		1003	<a href="charts_highcharts.html" class="nav-link "> HighCharts </a>
		1004	</li>
		1005	<li class="nav-item ">
		1006	<a href="charts_highstock.html" class="nav-link "> HighStock </a>
		1007	</li>
		1008	<li class="nav-item ">
		1009	<a href="charts_highmaps.html" class="nav-link "> HighMaps </a>
		1010	</li>
		1011	</ul>
		1012	</li>
		1013	</ul>
		1014	</li>
		1015	<li class="nav-item ">
		1016	<a href="javascript:;" class="nav-link nav-toggle">
		1017	<i class="icon-pointer"></i>
		1018	<span class="title">Maps</span>
		1019	<span class="arrow"></span>
		1020	</a>
		1021	<ul class="sub-menu">
		1022	<li class="nav-item ">
		1023	<a href="maps_google.html" class="nav-link ">
		1024	<span class="title">Google Maps</span>
		1025	</a>
		1026	</li>
		1027	<li class="nav-item ">
		1028	<a href="maps_vector.html" class="nav-link ">
		1029	<span class="title">Vector Maps</span>
		1030	</a>
		1031	</li>
		1032	</ul>
		1033	</li>
		1034	<li class="heading">
		1035	<h3 class="uppercase">Layouts</h3>
		1036	</li>
		1037	<li class="nav-item ">
		1038	<a href="javascript:;" class="nav-link nav-toggle">
		1039	<i class="icon-layers"></i>
		1040	<span class="title">Page Layouts</span>
		1041	<span class="arrow"></span>
		1042	</a>
		1043	<ul class="sub-menu">
		1044	<li class="nav-item ">
		1045	<a href="layout_blank_page.html" class="nav-link ">
		1046	<span class="title">Blank Page</span>
		1047	</a>
		1048	</li>
		1049	<li class="nav-item ">
		1050	<a href="layout_ajax_page.html" class="nav-link ">
		1051	<span class="title">Ajax Content Layout</span>
		1052	</a>
		1053	</li>
		1054	<li class="nav-item ">
		1055	<a href="layout_offcanvas_mobile_menu.html" class="nav-link ">
		1056	<span class="title">Off-canvas Mobile Menu</span>
		1057	</a>
		1058	</li>
		1059	<li class="nav-item ">
		1060	<a href="layout_classic_page_head.html" class="nav-link ">
		1061	<span class="title">Classic Page Head</span>
		1062	</a>
		1063	</li>
		1064	<li class="nav-item ">
		1065	<a href="layout_light_page_head.html" class="nav-link ">
		1066	<span class="title">Light Page Head</span>
		1067	</a>
		1068	</li>
		1069	<li class="nav-item ">
		1070	<a href="layout_content_grey.html" class="nav-link ">
		1071	<span class="title">Grey Bg Content</span>
		1072	</a>
		1073	</li>
		1074	<li class="nav-item ">
		1075	<a href="layout_search_on_header_1.html" class="nav-link ">
		1076	<span class="title">Search Box On Header 1</span>
		1077	</a>
		1078	</li>
		1079	<li class="nav-item ">
		1080	<a href="layout_search_on_header_2.html" class="nav-link ">
		1081	<span class="title">Search Box On Header 2</span>
		1082	</a>
		1083	</li>
		1084	<li class="nav-item ">
		1085	<a href="layout_language_bar.html" class="nav-link ">
		1086	<span class="title">Header Language Bar</span>
		1087	</a>
		1088	</li>
		1089	<li class="nav-item ">
		1090	<a href="layout_footer_fixed.html" class="nav-link ">
		1091	<span class="title">Fixed Footer</span>
		1092	</a>
		1093	</li>
		1094	<li class="nav-item ">
		1095	<a href="layout_boxed_page.html" class="nav-link ">
		1096	<span class="title">Boxed Page</span>
		1097	</a>
		1098	</li>
		1099	</ul>
		1100	</li>
		1101	<li class="nav-item ">
		1102	<a href="javascript:;" class="nav-link nav-toggle">
		1103	<i class="icon-feed"></i>
		1104	<span class="title">Sidebar Layouts</span>
		1105	<span class="arrow"></span>
		1106	</a>
		1107	<ul class="sub-menu">
		1108	<li class="nav-item ">
		1109	<a href="layout_sidebar_menu_light.html" class="nav-link ">
		1110	<span class="title">Light Sidebar Menu</span>
		1111	</a>
		1112	</li>
		1113	<li class="nav-item ">
		1114	<a href="layout_sidebar_menu_hover.html" class="nav-link ">
		1115	<span class="title">Hover Sidebar Menu</span>
		1116	</a>
		1117	</li>
		1118	<li class="nav-item ">
		1119	<a href="layout_sidebar_search_1.html" class="nav-link ">
		1120	<span class="title">Sidebar Search Option 1</span>
		1121	</a>
		1122	</li>
		1123	<li class="nav-item ">
		1124	<a href="layout_sidebar_search_2.html" class="nav-link ">
		1125	<span class="title">Sidebar Search Option 2</span>
		1126	</a>
		1127	</li>
		1128	<li class="nav-item ">
		1129	<a href="layout_toggler_on_sidebar.html" class="nav-link ">
		1130	<span class="title">Sidebar Toggler On Sidebar</span>
		1131	</a>
		1132	</li>
		1133	<li class="nav-item ">
		1134	<a href="layout_sidebar_reversed.html" class="nav-link ">
		1135	<span class="title">Reversed Sidebar Page</span>
		1136	</a>
		1137	</li>
		1138	<li class="nav-item ">
		1139	<a href="layout_sidebar_fixed.html" class="nav-link ">
		1140	<span class="title">Fixed Sidebar Layout</span>
		1141	</a>
		1142	</li>
		1143	<li class="nav-item ">
		1144	<a href="layout_sidebar_closed.html" class="nav-link ">
		1145	<span class="title">Closed Sidebar Layout</span>
		1146	</a>
		1147	</li>
		1148	</ul>
		1149	</li>
		1150	<li class="nav-item ">
		1151	<a href="javascript:;" class="nav-link nav-toggle">
		1152	<i class="icon-paper-plane"></i>
		1153	<span class="title">Horizontal Menu</span>
		1154	<span class="arrow"></span>
		1155	</a>
		1156	<ul class="sub-menu">
		1157	<li class="nav-item ">
		1158	<a href="layout_mega_menu_light.html" class="nav-link ">
		1159	<span class="title">Light Mega Menu</span>
		1160	</a>
		1161	</li>
		1162	<li class="nav-item ">
		1163	<a href="layout_mega_menu_dark.html" class="nav-link ">
		1164	<span class="title">Dark Mega Menu</span>
		1165	</a>
		1166	</li>
		1167	<li class="nav-item ">
		1168	<a href="layout_full_width.html" class="nav-link ">
		1169	<span class="title">Full Width Layout</span>
		1170	</a>
		1171	</li>
		1172	</ul>
		1173	</li>
		1174	<li class="nav-item ">
		1175	<a href="javascript:;" class="nav-link nav-toggle">
		1176	<i class=" icon-wrench"></i>
		1177	<span class="title">Custom Layouts</span>
		1178	<span class="arrow"></span>
		1179	</a>
		1180	<ul class="sub-menu">
		1181	<li class="nav-item ">
		1182	<a href="layout_disabled_menu.html" class="nav-link ">
		1183	<span class="title">Disabled Menu Links</span>
		1184	</a>
		1185	</li>
		1186	<li class="nav-item ">
		1187	<a href="layout_full_height_portlet.html" class="nav-link ">
		1188	<span class="title">Full Height Portlet</span>
		1189	</a>
		1190	</li>
		1191	<li class="nav-item ">
		1192	<a href="layout_full_height_content.html" class="nav-link ">
		1193	<span class="title">Full Height Content</span>
		1194	</a>
		1195	</li>
		1196	</ul>
		1197	</li>
		1198	<li class="heading">
		1199	<h3 class="uppercase">Pages</h3>
		1200	</li>
		1201	<li class="nav-item ">
		1202	<a href="javascript:;" class="nav-link nav-toggle">
		1203	<i class="icon-basket"></i>
		1204	<span class="title">eCommerce</span>
		1205	<span class="arrow"></span>
		1206	</a>
		1207	<ul class="sub-menu">
		1208	<li class="nav-item ">
		1209	<a href="ecommerce_index.html" class="nav-link ">
		1210	<i class="icon-home"></i>
		1211	<span class="title">Dashboard</span>
		1212	</a>
		1213	</li>
		1214	<li class="nav-item ">
		1215	<a href="ecommerce_orders.html" class="nav-link ">
		1216	<i class="icon-basket"></i>
		1217	<span class="title">Orders</span>
		1218	</a>
		1219	</li>
		1220	<li class="nav-item ">
		1221	<a href="ecommerce_orders_view.html" class="nav-link ">
		1222	<i class="icon-tag"></i>
		1223	<span class="title">Order View</span>
		1224	</a>
		1225	</li>
		1226	<li class="nav-item ">
		1227	<a href="ecommerce_products.html" class="nav-link ">
		1228	<i class="icon-graph"></i>
		1229	<span class="title">Products</span>
		1230	</a>
		1231	</li>
		1232	<li class="nav-item ">
		1233	<a href="ecommerce_products_edit.html" class="nav-link ">
		1234	<i class="icon-graph"></i>
		1235	<span class="title">Product Edit</span>
		1236	</a>
		1237	</li>
		1238	</ul>
		1239	</li>
		1240	<li class="nav-item ">
		1241	<a href="javascript:;" class="nav-link nav-toggle">
		1242	<i class="icon-docs"></i>
		1243	<span class="title">Apps</span>
		1244	<span class="arrow"></span>
		1245	</a>
		1246	<ul class="sub-menu">
		1247	<li class="nav-item ">
		1248	<a href="app_todo.html" class="nav-link ">
		1249	<i class="icon-clock"></i>
		1250	<span class="title">Todo 1</span>
		1251	</a>
		1252	</li>
		1253	<li class="nav-item ">
		1254	<a href="app_todo_2.html" class="nav-link ">
		1255	<i class="icon-check"></i>
		1256	<span class="title">Todo 2</span>
		1257	</a>
		1258	</li>
		1259	<li class="nav-item ">
		1260	<a href="app_inbox.html" class="nav-link ">
		1261	<i class="icon-envelope"></i>
		1262	<span class="title">Inbox</span>
		1263	</a>
		1264	</li>
		1265	<li class="nav-item ">
		1266	<a href="app_calendar.html" class="nav-link ">
		1267	<i class="icon-calendar"></i>
		1268	<span class="title">Calendar</span>
		1269	</a>
		1270	</li>
		1271	<li class="nav-item ">
		1272	<a href="app_ticket.html" class="nav-link ">
		1273	<i class="icon-notebook"></i>
		1274	<span class="title">Support</span>
		1275	</a>
		1276	</li>
		1277	</ul>
		1278	</li>
		1279	<li class="nav-item ">
		1280	<a href="javascript:;" class="nav-link nav-toggle">
		1281	<i class="icon-user"></i>
		1282	<span class="title">User</span>
		1283	<span class="arrow"></span>
		1284	</a>
		1285	<ul class="sub-menu">
		1286	<li class="nav-item ">
		1287	<a href="page_user_profile_1.html" class="nav-link ">
		1288	<i class="icon-user"></i>
		1289	<span class="title">Profile 1</span>
		1290	</a>
		1291	</li>
		1292	<li class="nav-item ">
		1293	<a href="page_user_profile_1_account.html" class="nav-link ">
		1294	<i class="icon-user-female"></i>
		1295	<span class="title">Profile 1 Account</span>
		1296	</a>
		1297	</li>
		1298	<li class="nav-item ">
		1299	<a href="page_user_profile_1_help.html" class="nav-link ">
		1300	<i class="icon-user-following"></i>
		1301	<span class="title">Profile 1 Help</span>
		1302	</a>
		1303	</li>
		1304	<li class="nav-item ">
		1305	<a href="page_user_profile_2.html" class="nav-link ">
		1306	<i class="icon-users"></i>
		1307	<span class="title">Profile 2</span>
		1308	</a>
		1309	</li>
		1310	<li class="nav-item ">
		1311	<a href="javascript:;" class="nav-link nav-toggle">
		1312	<i class="icon-notebook"></i>
		1313	<span class="title">Login</span>
		1314	<span class="arrow"></span>
		1315	</a>
		1316	<ul class="sub-menu">
		1317	<li class="nav-item ">
		1318	<a href="page_user_login_1.html" class="nav-link " target="_blank"> Login Page 1 </a>
		1319	</li>
		1320	<li class="nav-item ">
		1321	<a href="page_user_login_2.html" class="nav-link " target="_blank"> Login Page 2 </a>
		1322	</li>
		1323	<li class="nav-item ">
		1324	<a href="page_user_login_3.html" class="nav-link " target="_blank"> Login Page 3 </a>
		1325	</li>
		1326	<li class="nav-item ">
		1327	<a href="page_user_login_4.html" class="nav-link " target="_blank"> Login Page 4 </a>
		1328	</li>
		1329	<li class="nav-item ">
		1330	<a href="page_user_login_5.html" class="nav-link " target="_blank"> Login Page 5 </a>
		1331	</li>
		1332	<li class="nav-item ">
		1333	<a href="page_user_login_6.html" class="nav-link " target="_blank"> Login Page 6 </a>
		1334	</li>
		1335	</ul>
		1336	</li>
		1337	<li class="nav-item ">
		1338	<a href="page_user_lock_1.html" class="nav-link " target="_blank">
		1339	<i class="icon-lock"></i>
		1340	<span class="title">Lock Screen 1</span>
		1341	</a>
		1342	</li>
		1343	<li class="nav-item ">
		1344	<a href="page_user_lock_2.html" class="nav-link " target="_blank">
		1345	<i class="icon-lock-open"></i>
		1346	<span class="title">Lock Screen 2</span>
		1347	</a>
		1348	</li>
		1349	</ul>
		1350	</li>
		1351	<li class="nav-item ">
		1352	<a href="javascript:;" class="nav-link nav-toggle">
		1353	<i class="icon-social-dribbble"></i>
		1354	<span class="title">General</span>
		1355	<span class="arrow"></span>
		1356	</a>
		1357	<ul class="sub-menu">
		1358	<li class="nav-item ">
		1359	<a href="page_general_about.html" class="nav-link ">
		1360	<i class="icon-info"></i>
		1361	<span class="title">About</span>
		1362	</a>
		1363	</li>
		1364	<li class="nav-item ">
		1365	<a href="page_general_contact.html" class="nav-link ">
		1366	<i class="icon-call-end"></i>
		1367	<span class="title">Contact</span>
		1368	</a>
		1369	</li>
		1370	<li class="nav-item ">
		1371	<a href="javascript:;" class="nav-link nav-toggle">
		1372	<i class="icon-notebook"></i>
		1373	<span class="title">Portfolio</span>
		1374	<span class="arrow"></span>
		1375	</a>
		1376	<ul class="sub-menu">
		1377	<li class="nav-item ">
		1378	<a href="page_general_portfolio_1.html" class="nav-link "> Portfolio 1 </a>
		1379	</li>
		1380	<li class="nav-item ">
		1381	<a href="page_general_portfolio_2.html" class="nav-link "> Portfolio 2 </a>
		1382	</li>
		1383	<li class="nav-item ">
		1384	<a href="page_general_portfolio_3.html" class="nav-link "> Portfolio 3 </a>
		1385	</li>
		1386	<li class="nav-item ">
		1387	<a href="page_general_portfolio_4.html" class="nav-link "> Portfolio 4 </a>
		1388	</li>
		1389	</ul>
		1390	</li>
		1391	<li class="nav-item ">
		1392	<a href="javascript:;" class="nav-link nav-toggle">
		1393	<i class="icon-magnifier"></i>
		1394	<span class="title">Search</span>
		1395	<span class="arrow"></span>
		1396	</a>
		1397	<ul class="sub-menu">
		1398	<li class="nav-item ">
		1399	<a href="page_general_search.html" class="nav-link "> Search 1 </a>
		1400	</li>
		1401	<li class="nav-item ">
		1402	<a href="page_general_search_2.html" class="nav-link "> Search 2 </a>
		1403	</li>
		1404	<li class="nav-item ">
		1405	<a href="page_general_search_3.html" class="nav-link "> Search 3 </a>
		1406	</li>
		1407	<li class="nav-item ">
		1408	<a href="page_general_search_4.html" class="nav-link "> Search 4 </a>
		1409	</li>
		1410	<li class="nav-item ">
		1411	<a href="page_general_search_5.html" class="nav-link "> Search 5 </a>
		1412	</li>
		1413	</ul>
		1414	</li>
		1415	<li class="nav-item ">
		1416	<a href="page_general_pricing.html" class="nav-link ">
		1417	<i class="icon-tag"></i>
		1418	<span class="title">Pricing</span>
		1419	</a>
		1420	</li>
		1421	<li class="nav-item ">
		1422	<a href="page_general_faq.html" class="nav-link ">
		1423	<i class="icon-wrench"></i>
		1424	<span class="title">FAQ</span>
		1425	</a>
		1426	</li>
		1427	<li class="nav-item ">
		1428	<a href="page_general_blog.html" class="nav-link ">
		1429	<i class="icon-pencil"></i>
		1430	<span class="title">Blog</span>
		1431	</a>
		1432	</li>
		1433	<li class="nav-item ">
		1434	<a href="page_general_blog_post.html" class="nav-link ">
		1435	<i class="icon-note"></i>
		1436	<span class="title">Blog Post</span>
		1437	</a>
		1438	</li>
		1439	<li class="nav-item ">
		1440	<a href="page_general_invoice.html" class="nav-link ">
		1441	<i class="icon-envelope"></i>
		1442	<span class="title">Invoice</span>
		1443	</a>
		1444	</li>
		1445	<li class="nav-item ">
		1446	<a href="page_general_invoice_2.html" class="nav-link ">
		1447	<i class="icon-envelope"></i>
		1448	<span class="title">Invoice 2</span>
		1449	</a>
		1450	</li>
		1451	</ul>
		1452	</li>
		1453	<li class="nav-item ">
		1454	<a href="javascript:;" class="nav-link nav-toggle">
		1455	<i class="icon-settings"></i>
		1456	<span class="title">System</span>
		1457	<span class="arrow"></span>
		1458	</a>
		1459	<ul class="sub-menu">
		1460	<li class="nav-item ">
		1461	<a href="page_cookie_consent_1.html" class="nav-link ">
		1462	<span class="title">Cookie Consent 1</span>
		1463	</a>
		1464	</li>
		1465	<li class="nav-item ">
		1466	<a href="page_cookie_consent_2.html" class="nav-link ">
		1467	<span class="title">Cookie Consent 2</span>
		1468	</a>
		1469	</li>
		1470	<li class="nav-item ">
		1471	<a href="page_system_coming_soon.html" class="nav-link " target="_blank">
		1472	<span class="title">Coming Soon</span>
		1473	</a>
		1474	</li>
		1475	<li class="nav-item ">
		1476	<a href="page_system_404_1.html" class="nav-link ">
		1477	<span class="title">404 Page 1</span>
		1478	</a>
		1479	</li>
		1480	<li class="nav-item ">
		1481	<a href="page_system_404_2.html" class="nav-link " target="_blank">
		1482	<span class="title">404 Page 2</span>
		1483	</a>
		1484	</li>
		1485	<li class="nav-item ">
		1486	<a href="page_system_404_3.html" class="nav-link " target="_blank">
		1487	<span class="title">404 Page 3</span>
		1488	</a>
		1489	</li>
		1490	<li class="nav-item ">
		1491	<a href="page_system_500_1.html" class="nav-link ">
		1492	<span class="title">500 Page 1</span>
		1493	</a>
		1494	</li>
		1495	<li class="nav-item ">
		1496	<a href="page_system_500_2.html" class="nav-link " target="_blank">
		1497	<span class="title">500 Page 2</span>
		1498	</a>
		1499	</li>
		1500	</ul>
		1501	</li>
		1502	<li class="nav-item">
		1503	<a href="javascript:;" class="nav-link nav-toggle">
		1504	<i class="icon-folder"></i>
		1505	<span class="title">Multi Level Menu</span>
		1506	<span class="arrow "></span>
		1507	</a>
		1508	<ul class="sub-menu">
		1509	<li class="nav-item">
		1510	<a href="javascript:;" class="nav-link nav-toggle">
		1511	<i class="icon-settings"></i> Item 1
		1512	<span class="arrow"></span>
		1513	</a>
		1514	<ul class="sub-menu">
		1515	<li class="nav-item">
		1516	<a href="javascript:;" target="_blank" class="nav-link">
		1517	<i class="icon-user"></i> Arrow Toggle
		1518	<span class="arrow nav-toggle"></span>
		1519	</a>
		1520	<ul class="sub-menu">
		1521	<li class="nav-item">
		1522	<a href="#" class="nav-link">
		1523	<i class="icon-power"></i> Sample Link 1</a>
		1524	</li>
		1525	<li class="nav-item">
		1526	<a href="#" class="nav-link">
		1527	<i class="icon-paper-plane"></i> Sample Link 1</a>
		1528	</li>
		1529	<li class="nav-item">
		1530	<a href="#" class="nav-link">
		1531	<i class="icon-star"></i> Sample Link 1</a>
		1532	</li>
		1533	</ul>
		1534	</li>
		1535	<li class="nav-item">
		1536	<a href="#" class="nav-link">
		1537	<i class="icon-camera"></i> Sample Link 1</a>
		1538	</li>
		1539	<li class="nav-item">
		1540	<a href="#" class="nav-link">
		1541	<i class="icon-link"></i> Sample Link 2</a>
		1542	</li>
		1543	<li class="nav-item">
		1544	<a href="#" class="nav-link">
		1545	<i class="icon-pointer"></i> Sample Link 3</a>
		1546	</li>
		1547	</ul>
		1548	</li>
		1549	<li class="nav-item">
		1550	<a href="javascript:;" target="_blank" class="nav-link">
		1551	<i class="icon-globe"></i> Arrow Toggle
		1552	<span class="arrow nav-toggle"></span>
		1553	</a>
		1554	<ul class="sub-menu">
		1555	<li class="nav-item">
		1556	<a href="#" class="nav-link">
		1557	<i class="icon-tag"></i> Sample Link 1</a>
		1558	</li>
		1559	<li class="nav-item">
		1560	<a href="#" class="nav-link">
		1561	<i class="icon-pencil"></i> Sample Link 1</a>
		1562	</li>
		1563	<li class="nav-item">
		1564	<a href="#" class="nav-link">
		1565	<i class="icon-graph"></i> Sample Link 1</a>
		1566	</li>
		1567	</ul>
		1568	</li>
		1569	<li class="nav-item">
		1570	<a href="#" class="nav-link">
		1571	<i class="icon-bar-chart"></i> Item 3 </a>
		1572	</li>
		1573	</ul>
		1574	</li>
		1575	</ul>
		1576	<!-- END SIDEBAR MENU -->
		1577	<!-- END SIDEBAR MENU -->
		1578	</div>
		1579	<!-- END SIDEBAR -->
		1580	</div>
		1581	<!-- END SIDEBAR -->
		1582	<!-- BEGIN CONTENT -->
		1583	<div class="page-content-wrapper">
		1584	<!-- BEGIN CONTENT BODY -->
		1585	<div class="page-content">
		1586	<!-- BEGIN PAGE HEADER-->
		1587	<!-- BEGIN THEME PANEL -->
		1588	<div class="theme-panel hidden-xs hidden-sm">
		1589	<div class="toggler"> </div>
		1590	<div class="toggler-close"> </div>
		1591	<div class="theme-options">
		1592	<div class="theme-option theme-colors clearfix">
		1593	<span> THEME COLOR </span>
		1594	<ul>
		1595	<li class="color-default current tooltips" data-style="default" data-container="body" data-original-title="Default"> </li>
		1596	<li class="color-darkblue tooltips" data-style="darkblue" data-container="body" data-original-title="Dark Blue"> </li>
		1597	<li class="color-blue tooltips" data-style="blue" data-container="body" data-original-title="Blue"> </li>
		1598	<li class="color-grey tooltips" data-style="grey" data-container="body" data-original-title="Grey"> </li>
		1599	<li class="color-light tooltips" data-style="light" data-container="body" data-original-title="Light"> </li>
		1600	<li class="color-light2 tooltips" data-style="light2" data-container="body" data-html="true" data-original-title="Light 2"> </li>
		1601	</ul>
		1602	</div>
		1603	<div class="theme-option">
		1604	<span> Theme Style </span>
		1605	<select class="layout-style-option form-control input-sm">
		1606	<option value="square" selected="selected">Square corners</option>
		1607	<option value="rounded">Rounded corners</option>
		1608	</select>
		1609	</div>
		1610	<div class="theme-option">
		1611	<span> Layout </span>
		1612	<select class="layout-option form-control input-sm">
		1613	<option value="fluid" selected="selected">Fluid</option>
		1614	<option value="boxed">Boxed</option>
		1615	</select>
		1616	</div>
		1617	<div class="theme-option">
		1618	<span> Header </span>
		1619	<select class="page-header-option form-control input-sm">
		1620	<option value="fixed" selected="selected">Fixed</option>
		1621	<option value="default">Default</option>
		1622	</select>
		1623	</div>
		1624	<div class="theme-option">
		1625	<span> Top Menu Dropdown</span>
		1626	<select class="page-header-top-dropdown-style-option form-control input-sm">
		1627	<option value="light" selected="selected">Light</option>
		1628	<option value="dark">Dark</option>
		1629	</select>
		1630	</div>
		1631	<div class="theme-option">
		1632	<span> Sidebar Mode</span>
		1633	<select class="sidebar-option form-control input-sm">
		1634	<option value="fixed">Fixed</option>
		1635	<option value="default" selected="selected">Default</option>
		1636	</select>
		1637	</div>
		1638	<div class="theme-option">
		1639	<span> Sidebar Menu </span>
		1640	<select class="sidebar-menu-option form-control input-sm">
		1641	<option value="accordion" selected="selected">Accordion</option>
		1642	<option value="hover">Hover</option>
		1643	</select>
		1644	</div>
		1645	<div class="theme-option">
		1646	<span> Sidebar Style </span>
		1647	<select class="sidebar-style-option form-control input-sm">
		1648	<option value="default" selected="selected">Default</option>
		1649	<option value="light">Light</option>
		1650	</select>
		1651	</div>
		1652	<div class="theme-option">
		1653	<span> Sidebar Position </span>
		1654	<select class="sidebar-pos-option form-control input-sm">
		1655	<option value="left" selected="selected">Left</option>
		1656	<option value="right">Right</option>
		1657	</select>
		1658	</div>
		1659	<div class="theme-option">
		1660	<span> Footer </span>
		1661	<select class="page-footer-option form-control input-sm">
		1662	<option value="fixed">Fixed</option>
		1663	<option value="default" selected="selected">Default</option>
		1664	</select>
		1665	</div>
		1666	</div>
		1667	</div>
		1668	<!-- END THEME PANEL -->
		1669	<!-- BEGIN PAGE BAR -->
		1670	<div class="page-bar">
		1671	<ul class="page-breadcrumb">
		1672	<li>
		1673	<a href="index.html">Home</a>
		1674	<i class="fa fa-circle"></i>
		1675	</li>
		1676	<li>
		1677	<span>Form Stuff</span>
		1678	</li>
		1679	</ul>
		1680	<div class="page-toolbar">
		1681	<div class="btn-group pull-right">
		1682	<button type="button" class="btn green btn-sm btn-outline dropdown-toggle" data-toggle="dropdown"> Actions
		1683	<i class="fa fa-angle-down"></i>
		1684	</button>
		1685	<ul class="dropdown-menu pull-right" role="menu">
		1686	<li>
		1687	<a href="#">
		1688	<i class="icon-bell"></i> Action</a>
		1689	</li>
		1690	<li>
		1691	<a href="#">
		1692	<i class="icon-shield"></i> Another action</a>
		1693	</li>
		1694	<li>
		1695	<a href="#">
		1696	<i class="icon-user"></i> Something else here</a>
		1697	</li>
		1698	<li class="divider"> </li>
		1699	<li>
		1700	<a href="#">
		1701	<i class="icon-bag"></i> Separated link</a>
		1702	</li>
		1703	</ul>
		1704	</div>
		1705	</div>
		1706	</div>
		1707	<!-- END PAGE BAR -->
		1708	<!-- BEGIN PAGE TITLE-->
		1709	<h1 class="page-title"> Material Design Form Controls
		1710	<small>material design form inputs, checkboxes and radios</small>
		1711	</h1>
		1712	<!-- END PAGE TITLE-->
		1713	<!-- END PAGE HEADER-->
		1714	<div class="row">
		1715	<div class="col-md-6 ">
		1716	<!-- BEGIN SAMPLE FORM PORTLET-->
		1717	<div class="portlet light bordered">
		1718	<div class="portlet-title">
		1719	<div class="caption font-red-sunglo">
		1720	<i class="icon-settings font-red-sunglo"></i>
		1721	<span class="caption-subject bold uppercase"> Line Inputs</span>
		1722	</div>
		1723	<div class="actions">
		1724	<div class="btn-group">
		1725	<a class="btn btn-sm green dropdown-toggle" href="javascript:;" data-toggle="dropdown"> Actions
		1726	<i class="fa fa-angle-down"></i>
		1727	</a>
		1728	<ul class="dropdown-menu pull-right">
		1729	<li>
		1730	<a href="javascript:;">
		1731	<i class="fa fa-pencil"></i> Edit </a>
		1732	</li>
		1733	<li>
		1734	<a href="javascript:;">
		1735	<i class="fa fa-trash-o"></i> Delete </a>
		1736	</li>
		1737	<li>
		1738	<a href="javascript:;">
		1739	<i class="fa fa-ban"></i> Ban </a>
		1740	</li>
		1741	<li class="divider"> </li>
		1742	<li>
		1743	<a href="javascript:;"> Make admin </a>
		1744	</li>
		1745	</ul>
		1746	</div>
		1747	</div>
		1748	</div>
		1749	<div class="portlet-body form">
		1750	<form role="form">
		1751	<div class="form-body">
		1752	<div class="form-group form-md-line-input">
		1753	<input type="text" class="form-control" id="form_control_1" placeholder="Enter your name">
		1754	<label for="form_control_1">Regular input</label>
		1755	<span class="help-block">Some help goes here...</span>
		1756	</div>
		1757	<div class="form-group form-md-line-input">
		1758	<input type="text" class="form-control" id="form_control_1" placeholder="Enter your email">
		1759	<label for="form_control_1">Input with help</label>
		1760	<span class="help-block">Some help goes here...</span>
		1761	</div>
		1762	<div class="form-group form-md-line-input has-success">
		1763	<input type="text" class="form-control" id="form_control_1" placeholder="Success state">
		1764	<label for="form_control_1">Success input</label>
		1765	</div>
		1766	<div class="form-group form-md-line-input has-warning">
		1767	<input type="text" class="form-control" id="form_control_1" placeholder="Warning state">
		1768	<label for="form_control_1">Warning input</label>
		1769	</div>
		1770	<div class="form-group form-md-line-input has-error">
		1771	<input type="text" class="form-control" id="form_control_1" placeholder="Error state">
		1772	<label for="form_control_1">Error input</label>
		1773	</div>
		1774	<div class="form-group form-md-line-input has-info">
		1775	<input type="text" class="form-control" id="form_control_1" placeholder="Info state">
		1776	<label for="form_control_1">Info input</label>
		1777	</div>
		1778	<div class="form-group form-md-line-input has-info">
		1779	<select class="form-control" id="form_control_1">
		1780	<option value=""></option>
		1781	<option value="1">Option 1</option>
		1782	<option value="2">Option 2</option>
		1783	<option value="3">Option 3</option>
		1784	<option value="4">Option 4</option>
		1785	</select>
		1786	<label for="form_control_1">Dropdown sample</label>
		1787	</div>
		1788	<div class="form-group form-md-line-input">
		1789	<textarea class="form-control" rows="3" placeholder="Enter more text"></textarea>
		1790	<label for="form_control_1">Textarea input</label>
		1791	</div>
		1792	<div class="form-group form-md-line-input has-error">
		1793	<input type="text" class="form-control" disabled id="form_control_1" placeholder="Disable">
		1794	<label for="form_control_1">Disabled</label>
		1795	</div>
		1796	<div class="form-group form-md-line-input has-error">
		1797	<input type="text" class="form-control" readonly value="You can't edit this" id="form_control_1">
		1798	<label for="form_control_1">Readonly</label>
		1799	</div>
		1800	<div class="form-group form-md-line-input">
		1801	<div class="form-control form-control-static"> email@example.com </div>
		1802	<label for="form_control_1">Static Control</label>
		1803	</div>
		1804	<div class="form-group form-md-line-input has-info">
		1805	<input type="text" class="form-control input-sm" id="form_control_1" placeholder=".input-sm">
		1806	<label for="form_control_1">Small input</label>
		1807	</div>
		1808	<div class="form-group form-md-line-input has-info">
		1809	<input type="text" class="form-control input-lg" id="form_control_1" placeholder=".input-lg">
		1810	<label for="form_control_1">Large input</label>
		1811	</div>
		1812	</div>
		1813	<div class="form-actions noborder">
		1814	<button type="button" class="btn blue">Submit</button>
		1815	<button type="button" class="btn default">Cancel</button>
		1816	</div>
		1817	</form>
		1818	</div>
		1819	</div>
		1820	<!-- END SAMPLE FORM PORTLET-->
		1821	<!-- BEGIN SAMPLE FORM PORTLET-->
		1822	<div class="portlet light bordered">
		1823	<div class="portlet-title">
		1824	<div class="caption font-red-sunglo">
		1825	<span class="caption-subject bold uppercase"> Input Groups & Icons</span>
		1826	</div>
		1827	<div class="actions">
		1828	<a class="btn btn-circle btn-icon-only blue" href="javascript:;">
		1829	<i class="icon-cloud-upload"></i>
		1830	</a>
		1831	<a class="btn btn-circle btn-icon-only green" href="javascript:;">
		1832	<i class="icon-wrench"></i>
		1833	</a>
		1834	<a class="btn btn-circle btn-icon-only red" href="javascript:;">
		1835	<i class="icon-trash"></i>
		1836	</a>
		1837	</div>
		1838	</div>
		1839	<div class="portlet-body form">
		1840	<form role="form">
		1841	<div class="form-body">
		1842	<div class="row">
		1843	<div class="col-md-4">
		1844	<div class="form-group form-md-line-input has-success">
		1845	<div class="input-icon">
		1846	<input type="text" class="form-control" placeholder="Left icon">
		1847	<label for="form_control_1">Regular input</label>
		1848	<span class="help-block">Some help goes here...</span>
		1849	<i class="fa fa-bell-o"></i>
		1850	</div>
		1851	</div>
		1852	</div>
		1853	<div class="col-md-4">
		1854	<div class="form-group form-md-line-input has-warning">
		1855	<input type="text" class="form-control" id="form_control_1" placeholder="Warning state">
		1856	<label for="form_control_1">Warning input</label>
		1857	</div>
		1858	</div>
		1859	<div class="col-md-4">
		1860	<div class="form-group form-md-line-input has-error">
		1861	<div class="input-group">
		1862	<input type="text" class="form-control" placeholder="Email Address">
		1863	<label for="form_control_1">Input Group</label>
		1864	<span class="input-group-addon">
		1865	<i class="fa fa-envelope"></i>
		1866	</span>
		1867	</div>
		1868	</div>
		1869	</div>
		1870	</div>
		1871	<div class="row">
		1872	<div class="col-md-4">
		1873	<div class="form-group form-md-line-input has-success">
		1874	<div class="input-icon">
		1875	<input type="text" class="form-control" placeholder="Left icon">
		1876	<label for="form_control_1">Regular input</label>
		1877	<span class="help-block">Some help goes here...</span>
		1878	<i class="fa fa-bell-o"></i>
		1879	</div>
		1880	</div>
		1881	</div>
		1882	<div class="col-md-4">
		1883	<div class="form-group form-md-line-input has-error">
		1884	<div class="input-group">
		1885	<input type="text" class="form-control" placeholder="Email Address">
		1886	<span class="help-block">Some help goes here...</span>
		1887	<label for="form_control_1">Input Group1</label>
		1888	<span class="input-group-addon">
		1889	<i class="fa fa-envelope"></i>
		1890	</span>
		1891	</div>
		1892	</div>
		1893	</div>
		1894	<div class="col-md-4">
		1895	<div class="form-group form-md-line-input has-error">
		1896	<div class="input-group">
		1897	<div class="input-group-control">
		1898	<input type="text" class="form-control" placeholder="Placeholder">
		1899	<label for="form_control_1">Input Group</label>
		1900	</div>
		1901	<span class="input-group-btn btn-right">
		1902	<button type="button" class="btn green-haze dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> Action
		1903	<i class="fa fa-angle-down"></i>
		1904	</button>
		1905	<ul class="dropdown-menu pull-right" role="menu">
		1906	<li>
		1907	<a href="javascript:;">Action</a>
		1908	</li>
		1909	<li>
		1910	<a href="javascript:;">Another action</a>
		1911	</li>
		1912	<li>
		1913	<a href="javascript:;">Something else here</a>
		1914	</li>
		1915	<li class="divider"> </li>
		1916	<li>
		1917	<a href="javascript:;">Separated link</a>
		1918	</li>
		1919	</ul>
		1920	</span>
		1921	</div>
		1922	</div>
		1923	</div>
		1924	</div>
		1925	<div class="form-group form-md-line-input has-success">
		1926	<div class="input-icon right">
		1927	<input type="text" class="form-control" placeholder="Right icon">
		1928	<label for="form_control_1">Input With Hint</label>
		1929	<span class="help-block">Some help goes here...</span>
		1930	<i class="icon-user"></i>
		1931	</div>
		1932	</div>
		1933	<div class="form-group form-md-line-input has-info">
		1934	<div class="input-group">
		1935	<span class="input-group-addon">
		1936	<i class="fa fa-envelope"></i>
		1937	</span>
		1938	<input type="text" class="form-control" placeholder="Email Address">
		1939	<label for="form_control_1">Input Group</label>
		1940	</div>
		1941	</div>
		1942	<div class="form-group form-md-line-input has-error">
		1943	<div class="input-group">
		1944	<input type="text" class="form-control" placeholder="Email Address">
		1945	<label for="form_control_1">Input Group</label>
		1946	<span class="input-group-addon">
		1947	<i class="fa fa-envelope"></i>
		1948	</span>
		1949	</div>
		1950	</div>
		1951	<div class="form-group form-md-line-input has-warning">
		1952	<div class="input-group">
		1953	<span class="input-group-addon">$</span>
		1954	<input type="text" class="form-control">
		1955	<span class="help-block">Some help goes here...</span>
		1956	<span class="input-group-addon">.00</span>
		1957	<label for="form_control_1">Input Group</label>
		1958	</div>
		1959	</div>
		1960	<div class="form-group form-md-line-input has-warning">
		1961	<div class="input-group">
		1962	<span class="input-group-btn btn-left">
		1963	<button class="btn blue-madison" type="button">Go!</button>
		1964	</span>
		1965	<div class="input-group-control">
		1966	<input type="text" class="form-control edited" placeholder="Placeholder">
		1967	<label for="form_control_1">Input Group</label>
		1968	</div>
		1969	</div>
		1970	</div>
		1971	<div class="form-group form-md-line-input has-error">
		1972	<div class="input-group">
		1973	<div class="input-group-control">
		1974	<input type="text" class="form-control" placeholder="Placeholder">
		1975	<label for="form_control_1">Input Group</label>
		1976	</div>
		1977	<span class="input-group-btn btn-right">
		1978	<button type="button" class="btn green-haze dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> Action
		1979	<i class="fa fa-angle-down"></i>
		1980	</button>
		1981	<ul class="dropdown-menu pull-right" role="menu">
		1982	<li>
		1983	<a href="javascript:;">Action</a>
		1984	</li>
		1985	<li>
		1986	<a href="javascript:;">Another action</a>
		1987	</li>
		1988	<li>
		1989	<a href="javascript:;">Something else here</a>
		1990	</li>
		1991	<li class="divider"> </li>
		1992	<li>
		1993	<a href="javascript:;">Separated link</a>
		1994	</li>
		1995	</ul>
		1996	</span>
		1997	</div>
		1998	</div>
		1999	<div class="form-group form-md-line-input has-info">
		2000	<div class="input-group">
		2001	<span class="input-group-btn btn-left">
		2002	<button class="btn red-intense" type="button">Go!</button>
		2003	</span>
		2004	<div class="input-group-control">
		2005	<input type="text" class="form-control" placeholder="Input group">
		2006	<span class="help-block">Some help goes here...</span>
		2007	<label for="form_control_1">Input Group</label>
		2008	</div>
		2009	<span class="input-group-btn btn-right">
		2010	<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> Action
		2011	<i class="fa fa-angle-down"></i>
		2012	</button>
		2013	<ul class="dropdown-menu pull-right" role="menu">
		2014	<li>
		2015	<a href="javascript:;">Action</a>
		2016	</li>
		2017	<li>
		2018	<a href="javascript:;">Another action</a>
		2019	</li>
		2020	<li>
		2021	<a href="javascript:;">Something else here</a>
		2022	</li>
		2023	<li class="divider"> </li>
		2024	<li>
		2025	<a href="javascript:;">Separated link</a>
		2026	</li>
		2027	</ul>
		2028	</span>
		2029	</div>
		2030	</div>
		2031	<div class="form-group form-md-line-input has-info">
		2032	<div class="input-group input-group-sm">
		2033	<span class="input-group-btn btn-left">
		2034	<button class="btn red-intense" type="button">Go!</button>
		2035	</span>
		2036	<div class="input-group-control">
		2037	<input type="text" class="form-control input-sm" placeholder=".input-sm">
		2038	<label for="form_control_1">Small Input Group</label>
		2039	</div>
		2040	<span class="input-group-btn btn-right">
		2041	<button class="btn green-haze" type="button">Go!</button>
		2042	</span>
		2043	</div>
		2044	</div>
		2045	<div class="form-group form-md-line-input has-info">
		2046	<div class="input-group input-group-lg">
		2047	<span class="input-group-btn btn-left">
		2048	<button class="btn red-intense" type="button">Go!</button>
		2049	</span>
		2050	<div class="input-group-control">
		2051	<input type="text" class="form-control input-lg" placeholder=".input-lg">
		2052	<label for="form_control_1">Large Input Group</label>
		2053	</div>
		2054	<span class="input-group-btn btn-right">
		2055	<button class="btn green-haze" type="button">Go!</button>
		2056	</span>
		2057	</div>
		2058	</div>
		2059	</div>
		2060	<div class="form-actions noborder">
		2061	<button type="button" class="btn blue">Submit</button>
		2062	<button type="button" class="btn default">Cancel</button>
		2063	</div>
		2064	</form>
		2065	</div>
		2066	</div>
		2067	<!-- END SAMPLE FORM PORTLET-->
		2068	<!-- BEGIN SAMPLE FORM PORTLET-->
		2069	<div class="portlet light bordered">
		2070	<div class="portlet-title">
		2071	<div class="caption font-red-sunglo">
		2072	<i class="icon-check font-red-sunglo"></i>
		2073	<span class="caption-subject bold uppercase"> Checkboxes</span>
		2074	</div>
		2075	<div class="actions">
		2076	<div class="btn-group">
		2077	<a class="btn btn-sm red dropdown-toggle" href="javascript:;" data-toggle="dropdown"> Settings
		2078	<i class="fa fa-angle-down"></i>
		2079	</a>
		2080	<ul class="dropdown-menu pull-right">
		2081	<li>
		2082	<a href="javascript:;">
		2083	<i class="fa fa-pencil"></i> Edit </a>
		2084	</li>
		2085	<li>
		2086	<a href="javascript:;">
		2087	<i class="fa fa-trash-o"></i> Delete </a>
		2088	</li>
		2089	<li>
		2090	<a href="javascript:;">
		2091	<i class="fa fa-ban"></i> Ban </a>
		2092	</li>
		2093	<li class="divider"> </li>
		2094	<li>
		2095	<a href="javascript:;"> Make admin </a>
		2096	</li>
		2097	</ul>
		2098	</div>
		2099	</div>
		2100	</div>
		2101	<div class="portlet-body form">
		2102	<form role="form">
		2103	<div class="form-group form-md-checkboxes">
		2104	<label>Checkboxes</label>
		2105	<div class="md-checkbox-list">
		2106	<div class="md-checkbox">
		2107	<input type="checkbox" id="checkbox1" class="md-check">
		2108	<label for="checkbox1">
		2109	<span></span>
		2110	<span class="check"></span>
		2111	<span class="box"></span> Option 1 </label>
		2112	</div>
		2113	<div class="md-checkbox">
		2114	<input type="checkbox" id="checkbox2" class="md-check" checked>
		2115	<label for="checkbox2">
		2116	<span></span>
		2117	<span class="check"></span>
		2118	<span class="box"></span> Option 2 </label>
		2119	</div>
		2120	<div class="md-checkbox">
		2121	<input type="checkbox" id="checkbox3" class="md-check">
		2122	<label for="checkbox3">
		2123	<span></span>
		2124	<span class="check"></span>
		2125	<span class="box"></span> Option 3 </label>
		2126	</div>
		2127	<div class="md-checkbox">
		2128	<input type="checkbox" id="checkbox4" disabled class="md-check">
		2129	<label for="checkbox4">
		2130	<span></span>
		2131	<span class="check"></span>
		2132	<span class="box"></span> Disabled </label>
		2133	</div>
		2134	</div>
		2135	</div>
		2136	<div class="form-group form-md-checkboxes">
		2137	<label>Inline Checkboxes</label>
		2138	<div class="md-checkbox-inline">
		2139	<div class="md-checkbox">
		2140	<input type="checkbox" id="checkbox6" class="md-check">
		2141	<label for="checkbox6">
		2142	<span></span>
		2143	<span class="check"></span>
		2144	<span class="box"></span> Option 1 </label>
		2145	</div>
		2146	<div class="md-checkbox">
		2147	<input type="checkbox" id="checkbox7" class="md-check" checked>
		2148	<label for="checkbox7">
		2149	<span></span>
		2150	<span class="check"></span>
		2151	<span class="box"></span> Option 2 </label>
		2152	</div>
		2153	<div class="md-checkbox">
		2154	<input type="checkbox" id="checkbox8" class="md-check">
		2155	<label for="checkbox8">
		2156	<span></span>
		2157	<span class="check"></span>
		2158	<span class="box"></span> Option 3 </label>
		2159	</div>
		2160	</div>
		2161	</div>
		2162	<div class="form-group form-md-checkboxes">
		2163	<label>Checkboxes</label>
		2164	<div class="md-checkbox-list">
		2165	<div class="md-checkbox has-success">
		2166	<input type="checkbox" id="checkbox9" class="md-check">
		2167	<label for="checkbox9">
		2168	<span></span>
		2169	<span class="check"></span>
		2170	<span class="box"></span> Option 1 </label>
		2171	</div>
		2172	<div class="md-checkbox has-error">
		2173	<input type="checkbox" id="checkbox10" class="md-check" checked>
		2174	<label for="checkbox10">
		2175	<span></span>
		2176	<span class="check"></span>
		2177	<span class="box"></span> Option 2 </label>
		2178	</div>
		2179	<div class="md-checkbox has-warning">
		2180	<input type="checkbox" id="checkbox11" class="md-check">
		2181	<label for="checkbox11">
		2182	<span></span>
		2183	<span class="check"></span>
		2184	<span class="box"></span> Option 3 </label>
		2185	</div>
		2186	<div class="md-checkbox has-info">
		2187	<input type="checkbox" id="checkbox12" disabled class="md-check">
		2188	<label for="checkbox12">
		2189	<span></span>
		2190	<span class="check"></span>
		2191	<span class="box"></span> Disabled </label>
		2192	</div>
		2193	</div>
		2194	</div>
		2195	<div class="form-group form-md-checkboxes">
		2196	<label>Inline Checkboxes</label>
		2197	<div class="md-checkbox-inline">
		2198	<div class="md-checkbox has-success">
		2199	<input type="checkbox" id="checkbox14" class="md-check">
		2200	<label for="checkbox14">
		2201	<span></span>
		2202	<span class="check"></span>
		2203	<span class="box"></span> Option 1 </label>
		2204	</div>
		2205	<div class="md-checkbox has-error">
		2206	<input type="checkbox" id="checkbox15" class="md-check" checked>
		2207	<label for="checkbox15">
		2208	<span></span>
		2209	<span class="check"></span>
		2210	<span class="box"></span> Option 2 </label>
		2211	</div>
		2212	<div class="md-checkbox has-info">
		2213	<input type="checkbox" id="checkbox16" class="md-check">
		2214	<label for="checkbox16">
		2215	<span></span>
		2216	<span class="check"></span>
		2217	<span class="box"></span> Option 3 </label>
		2218	</div>
		2219	</div>
		2220	</div>
		2221	</form>
		2222	</div>
		2223	</div>
		2224	<!-- END SAMPLE FORM PORTLET-->
		2225	</div>
		2226	<div class="col-md-6 ">
		2227	<!-- BEGIN SAMPLE FORM PORTLET-->
		2228	<div class="portlet light bordered">
		2229	<div class="portlet-title">
		2230	<div class="caption font-green">
		2231	<i class="icon-pin font-green"></i>
		2232	<span class="caption-subject bold uppercase"> Floating Labels</span>
		2233	</div>
		2234	<div class="actions">
		2235	<div class="btn-group">
		2236	<a class="btn btn-sm default dropdown-toggle" href="javascript:;" data-toggle="dropdown"> Settings
		2237	<i class="fa fa-angle-down"></i>
		2238	</a>
		2239	<ul class="dropdown-menu pull-right">
		2240	<li>
		2241	<a href="javascript:;">
		2242	<i class="fa fa-pencil"></i> Edit </a>
		2243	</li>
		2244	<li>
		2245	<a href="javascript:;">
		2246	<i class="fa fa-trash-o"></i> Delete </a>
		2247	</li>
		2248	<li>
		2249	<a href="javascript:;">
		2250	<i class="fa fa-ban"></i> Ban </a>
		2251	</li>
		2252	<li class="divider"> </li>
		2253	<li>
		2254	<a href="javascript:;"> Make admin </a>
		2255	</li>
		2256	</ul>
		2257	</div>
		2258	</div>
		2259	</div>
		2260	<div class="portlet-body form">
		2261	<form role="form">
		2262	<div class="form-body">
		2263	<div class="form-group form-md-line-input form-md-floating-label">
		2264	<input type="text" class="form-control" id="form_control_1" value="test">
		2265	<label for="form_control_1">Regular input</label>
		2266	<span class="help-block">Some help goes here...</span>
		2267	</div>
		2268	<div class="form-group form-md-line-input form-md-floating-label">
		2269	<input type="text" class="form-control" id="form_control_1">
		2270	<label for="form_control_1">Input with help</label>
		2271	<span class="help-block">Some help goes here...</span>
		2272	</div>
		2273	<div class="form-group form-md-line-input form-md-floating-label has-success">
		2274	<input type="text" class="form-control" id="form_control_1">
		2275	<label for="form_control_1">Success input</label>
		2276	</div>
		2277	<div class="form-group form-md-line-input form-md-floating-label has-warning">
		2278	<input type="text" class="form-control" id="form_control_1">
		2279	<label for="form_control_1">Warning input</label>
		2280	</div>
		2281	<div class="form-group form-md-line-input form-md-floating-label has-error">
		2282	<input type="text" class="form-control" id="form_control_1">
		2283	<label for="form_control_1">Error input</label>
		2284	</div>
		2285	<div class="form-group form-md-line-input form-md-floating-label has-info">
		2286	<input type="text" class="form-control" id="form_control_1">
		2287	<label for="form_control_1">Info input</label>
		2288	</div>
		2289	<div class="form-group form-md-line-input form-md-floating-label has-info">
		2290	<select class="form-control edited" id="form_control_1">
		2291	<option value=""></option>
		2292	<option value="1" selected>Option 1</option>
		2293	<option value="2">Option 2</option>
		2294	<option value="3">Option 3</option>
		2295	<option value="4">Option 4</option>
		2296	</select>
		2297	<label for="form_control_1">Dropdown sample</label>
		2298	</div>
		2299	<div class="form-group form-md-line-input form-md-floating-label">
		2300	<textarea class="form-control" rows="3"></textarea>
		2301	<label for="form_control_1">Textarea input</label>
		2302	</div>
		2303	<div class="form-group form-md-line-input form-md-floating-label has-error">
		2304	<input type="text" class="form-control" disabled id="form_control_1">
		2305	<label for="form_control_1">Disabled</label>
		2306	</div>
		2307	<div class="form-group form-md-line-input form-md-floating-label has-error">
		2308	<input type="text" class="form-control" readonly value="You can't edit this" id="form_control_1">
		2309	<label for="form_control_1">Readonly</label>
		2310	</div>
		2311	<div class="form-group form-md-line-input form-md-floating-label">
		2312	<div class="form-control form-control-static"> email@example.com </div>
		2313	<label for="form_control_1">Static Control</label>
		2314	</div>
		2315	<div class="form-group form-md-line-input form-md-floating-label has-info">
		2316	<input type="text" class="form-control input-sm" id="form_control_1">
		2317	<label for="form_control_1">Small input</label>
		2318	</div>
		2319	<div class="form-group form-md-line-input form-md-floating-label has-info">
		2320	<input type="text" class="form-control input-lg" id="form_control_1">
		2321	<label for="form_control_1">Large input</label>
		2322	</div>
		2323	</div>
		2324	<div class="form-actions noborder">
		2325	<button type="button" class="btn blue">Submit</button>
		2326	<button type="button" class="btn default">Cancel</button>
		2327	</div>
		2328	</form>
		2329	</div>
		2330	</div>
		2331	<!-- END SAMPLE FORM PORTLET-->
		2332	<!-- BEGIN SAMPLE FORM PORTLET-->
		2333	<div class="portlet light bordered">
		2334	<div class="portlet-title">
		2335	<div class="caption font-red-sunglo">
		2336	<span class="caption-subject bold uppercase">Input Groups & Icons</span>
		2337	</div>
		2338	<div class="actions">
		2339	<a class="btn btn-circle btn-icon-only blue" href="javascript:;">
		2340	<i class="icon-cloud-upload"></i>
		2341	</a>
		2342	<a class="btn btn-circle btn-icon-only green" href="javascript:;">
		2343	<i class="icon-wrench"></i>
		2344	</a>
		2345	<a class="btn btn-circle btn-icon-only red" href="javascript:;">
		2346	<i class="icon-trash"></i>
		2347	</a>
		2348	<a class="btn btn-circle btn-icon-only btn-default fullscreen" href="javascript:;" data-original-title="" title=""> </a>
		2349	</div>
		2350	</div>
		2351	<div class="portlet-body form">
		2352	<form role="form">
		2353	<div class="form-body">
		2354	<div class="row">
		2355	<div class="col-md-4">
		2356	<div class="form-group form-md-line-input has-success form-md-floating-label">
		2357	<div class="input-icon">
		2358	<input type="text" class="form-control">
		2359	<label for="form_control_1">Regular input</label>
		2360	<span class="help-block">Some help goes here...</span>
		2361	<i class="fa fa-bell-o"></i>
		2362	</div>
		2363	</div>
		2364	</div>
		2365	<div class="col-md-4">
		2366	<div class="form-group form-md-line-input has-warning form-md-floating-label">
		2367	<div class="input-group">
		2368	<span class="input-group-btn btn-left">
		2369	<button class="btn blue-madison" type="button">Go!</button>
		2370	</span>
		2371	<div class="input-group-control">
		2372	<input type="text" class="form-control edited" value="some value">
		2373	<label for="form_control_1">Input Group</label>
		2374	</div>
		2375	</div>
		2376	</div>
		2377	</div>
		2378	<div class="col-md-4">
		2379	<div class="form-group form-md-line-input form-md-floating-label">
		2380	<input type="text" class="form-control" id="form_control_1">
		2381	<label for="form_control_1">Regular input</label>
		2382	<span class="help-block">Some help goes here...</span>
		2383	</div>
		2384	</div>
		2385	</div>
		2386	<div class="form-group form-md-line-input has-success form-md-floating-label">
		2387	<div class="input-icon">
		2388	<input type="text" class="form-control">
		2389	<label for="form_control_1">Regular input</label>
		2390	<span class="help-block">Some help goes here...</span>
		2391	<i class="fa fa-bell-o"></i>
		2392	</div>
		2393	</div>
		2394	<div class="form-group form-md-line-input has-success form-md-floating-label">
		2395	<div class="input-icon right">
		2396	<input type="text" class="form-control">
		2397	<label for="form_control_1">Regular input</label>
		2398	<span class="help-block">Some help goes here...</span>
		2399	<i class="icon-user"></i>
		2400	</div>
		2401	</div>
		2402	<div class="form-group form-md-line-input has-info form-md-floating-label">
		2403	<div class="input-group left-addon">
		2404	<span class="input-group-addon">
		2405	<i class="fa fa-envelope"></i>
		2406	</span>
		2407	<input type="text" class="form-control">
		2408	<label for="form_control_1">Input Group</label>
		2409	</div>
		2410	</div>
		2411	<div class="form-group form-md-line-input has-error form-md-floating-label">
		2412	<div class="input-group right-addon">
		2413	<input type="text" class="form-control">
		2414	<label for="form_control_1">Input Group</label>
		2415	<span class="input-group-addon">
		2416	<i class="fa fa-envelope"></i>
		2417	</span>
		2418	</div>
		2419	</div>
		2420	<div class="form-group form-md-line-input has-warning form-md-floating-label">
		2421	<div class="input-group left-addon right-addon">
		2422	<span class="input-group-addon">$</span>
		2423	<input type="text" class="form-control">
		2424	<span class="input-group-addon">.00</span>
		2425	<label for="form_control_1">Input Group</label>
		2426	</div>
		2427	</div>
		2428	<div class="form-group form-md-line-input has-warning form-md-floating-label">
		2429	<div class="input-group">
		2430	<span class="input-group-btn btn-left">
		2431	<button class="btn blue-madison" type="button">Go!</button>
		2432	</span>
		2433	<div class="input-group-control">
		2434	<input type="text" class="form-control edited">
		2435	<label for="form_control_1">Input Group</label>
		2436	</div>
		2437	</div>
		2438	</div>
		2439	<div class="form-group form-md-line-input has-error form-md-floating-label">
		2440	<div class="input-group">
		2441	<div class="input-group-control">
		2442	<input type="text" class="form-control">
		2443	<label for="form_control_1">Input Group</label>
		2444	</div>
		2445	<span class="input-group-btn btn-right">
		2446	<button type="button" class="btn green-haze dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> Action
		2447	<i class="fa fa-angle-down"></i>
		2448	</button>
		2449	<ul class="dropdown-menu pull-right" role="menu">
		2450	<li>
		2451	<a href="javascript:;">Action</a>
		2452	</li>
		2453	<li>
		2454	<a href="javascript:;">Another action</a>
		2455	</li>
		2456	<li>
		2457	<a href="javascript:;">Something else here</a>
		2458	</li>
		2459	<li class="divider"> </li>
		2460	<li>
		2461	<a href="javascript:;">Separated link</a>
		2462	</li>
		2463	</ul>
		2464	</span>
		2465	</div>
		2466	</div>
		2467	<div class="form-group form-md-line-input has-info form-md-floating-label">
		2468	<div class="input-group">
		2469	<span class="input-group-btn btn-left">
		2470	<button class="btn red-intense" type="button">Go!</button>
		2471	</span>
		2472	<div class="input-group-control">
		2473	<input type="text" class="form-control">
		2474	<label for="form_control_1">Input Group</label>
		2475	</div>
		2476	<span class="input-group-btn btn-right">
		2477	<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> Action
		2478	<i class="fa fa-angle-down"></i>
		2479	</button>
		2480	<ul class="dropdown-menu pull-right" role="menu">
		2481	<li>
		2482	<a href="javascript:;">Action</a>
		2483	</li>
		2484	<li>
		2485	<a href="javascript:;">Another action</a>
		2486	</li>
		2487	<li>
		2488	<a href="javascript:;">Something else here</a>
		2489	</li>
		2490	<li class="divider"> </li>
		2491	<li>
		2492	<a href="javascript:;">Separated link</a>
		2493	</li>
		2494	</ul>
		2495	</span>
		2496	</div>
		2497	</div>
		2498	<div class="form-group form-md-line-input has-info form-md-floating-label">
		2499	<div class="input-group input-group-sm">
		2500	<span class="input-group-btn btn-left">
		2501	<button class="btn red-intense" type="button">Go!</button>
		2502	</span>
		2503	<div class="input-group-control">
		2504	<input type="text" class="form-control input-sm">
		2505	<label for="form_control_1">Input Group</label>
		2506	</div>
		2507	<span class="input-group-btn btn-right">
		2508	<button class="btn green-haze" type="button">Go!</button>
		2509	</span>
		2510	</div>
		2511	</div>
		2512	<div class="form-group form-md-line-input has-info form-md-floating-label">
		2513	<div class="input-group input-group-lg">
		2514	<span class="input-group-btn btn-left">
		2515	<button class="btn red-intense" type="button">Go!</button>
		2516	</span>
		2517	<div class="input-group-control">
		2518	<input type="text" class="form-control input-lg">
		2519	<label for="form_control_1">Input Group</label>
		2520	</div>
		2521	<span class="input-group-btn btn-right">
		2522	<button class="btn green-haze" type="button">Go!</button>
		2523	</span>
		2524	</div>
		2525	</div>
		2526	</div>
		2527	<div class="form-actions noborder">
		2528	<button type="button" class="btn blue">Submit</button>
		2529	<button type="button" class="btn default">Cancel</button>
		2530	</div>
		2531	</form>
		2532	</div>
		2533	</div>
		2534	<!-- END SAMPLE FORM PORTLET-->
		2535	<!-- BEGIN SAMPLE FORM PORTLET-->
		2536	<div class="portlet light bordered">
		2537	<div class="portlet-title">
		2538	<div class="caption font-red-sunglo">
		2539	<i class="icon-drop font-red-sunglo"></i>
		2540	<span class="caption-subject bold uppercase"> Radios</span>
		2541	</div>
		2542	<div class="actions">
		2543	<a class="btn btn-circle btn-icon-only blue" href="javascript:;">
		2544	<i class="icon-cloud-upload"></i>
		2545	</a>
		2546	<a class="btn btn-circle btn-icon-only green" href="javascript:;">
		2547	<i class="icon-wrench"></i>
		2548	</a>
		2549	<a class="btn btn-circle btn-icon-only red" href="javascript:;">
		2550	<i class="icon-trash"></i>
		2551	</a>
		2552	<a class="btn btn-circle btn-icon-only btn-default fullscreen" href="javascript:;" data-original-title="" title=""> </a>
		2553	</div>
		2554	</div>
		2555	<div class="portlet-body form">
		2556	<form role="form">
		2557	<div class="form-group form-md-radios">
		2558	<label>Checkboxes</label>
		2559	<div class="md-radio-list">
		2560	<div class="md-radio">
		2561	<input type="radio" id="radio1" name="radio1" class="md-radiobtn">
		2562	<label for="radio1">
		2563	<span></span>
		2564	<span class="check"></span>
		2565	<span class="box"></span> Option 1 </label>
		2566	</div>
		2567	<div class="md-radio">
		2568	<input type="radio" id="radio2" name="radio1" class="md-radiobtn" checked>
		2569	<label for="radio2">
		2570	<span></span>
		2571	<span class="check"></span>
		2572	<span class="box"></span> Option 2 </label>
		2573	</div>
		2574	<div class="md-radio">
		2575	<input type="radio" id="radio3" name="radio1" class="md-radiobtn">
		2576	<label for="radio3">
		2577	<span></span>
		2578	<span class="check"></span>
		2579	<span class="box"></span> Option 3 </label>
		2580	</div>
		2581	<div class="md-radio">
		2582	<input type="radio" id="radio5" name="radio1" disabled class="md-radiobtn">
		2583	<label for="radio5">
		2584	<span></span>
		2585	<span class="check"></span>
		2586	<span class="box"></span> Disabled </label>
		2587	</div>
		2588	</div>
		2589	</div>
		2590	<div class="form-group form-md-radios">
		2591	<label>Checkboxes</label>
		2592	<div class="md-radio-inline">
		2593	<div class="md-radio">
		2594	<input type="radio" id="radio6" name="radio2" class="md-radiobtn">
		2595	<label for="radio6">
		2596	<span></span>
		2597	<span class="check"></span>
		2598	<span class="box"></span> Option 1 </label>
		2599	</div>
		2600	<div class="md-radio">
		2601	<input type="radio" id="radio7" name="radio2" class="md-radiobtn" checked>
		2602	<label for="radio7">
		2603	<span></span>
		2604	<span class="check"></span>
		2605	<span class="box"></span> Option 2 </label>
		2606	</div>
		2607	<div class="md-radio">
		2608	<input type="radio" id="radio8" name="radio2" class="md-radiobtn">
		2609	<label for="radio8">
		2610	<span></span>
		2611	<span class="check"></span>
		2612	<span class="box"></span> Option 3 </label>
		2613	</div>
		2614	</div>
		2615	</div>
		2616	<div class="form-group form-md-radios">
		2617	<label>Checkboxes</label>
		2618	<div class="md-radio-list">
		2619	<div class="md-radio">
		2620	<input type="radio" id="radio9" name="radio1" class="md-radiobtn">
		2621	<label for="radio9">
		2622	<span></span>
		2623	<span class="check"></span>
		2624	<span class="box"></span> Option 1 </label>
		2625	</div>
		2626	<div class="md-radio has-error">
		2627	<input type="radio" id="radio10" name="radio1" class="md-radiobtn" checked>
		2628	<label for="radio10">
		2629	<span></span>
		2630	<span class="check"></span>
		2631	<span class="box"></span> Option 2 </label>
		2632	</div>
		2633	<div class="md-radio has-warning">
		2634	<input type="radio" id="radio11" name="radio1" class="md-radiobtn">
		2635	<label for="radio11">
		2636	<span></span>
		2637	<span class="check"></span>
		2638	<span class="box"></span> Option 3 </label>
		2639	</div>
		2640	<div class="md-radio has-success">
		2641	<input type="radio" id="radio13" name="radio1" disabled class="md-radiobtn">
		2642	<label for="radio13">
		2643	<span></span>
		2644	<span class="check"></span>
		2645	<span class="box"></span> Disabled </label>
		2646	</div>
		2647	</div>
		2648	</div>
		2649	<div class="form-group form-md-radios">
		2650	<label>Checkboxes</label>
		2651	<div class="md-radio-inline">
		2652	<div class="md-radio">
		2653	<input type="radio" id="radio14" name="radio2" class="md-radiobtn">
		2654	<label for="radio14">
		2655	<span></span>
		2656	<span class="check"></span>
		2657	<span class="box"></span> Option 1 </label>
		2658	</div>
		2659	<div class="md-radio has-error">
		2660	<input type="radio" id="radio15" name="radio2" class="md-radiobtn" checked>
		2661	<label for="radio15">
		2662	<span></span>
		2663	<span class="check"></span>
		2664	<span class="box"></span> Option 2 </label>
		2665	</div>
		2666	<div class="md-radio has-warning">
		2667	<input type="radio" id="radio16" name="radio2" class="md-radiobtn">
		2668	<label for="radio16">
		2669	<span></span>
		2670	<span class="check"></span>
		2671	<span class="box"></span> Option 3 </label>
		2672	</div>
		2673	</div>
		2674	</div>
		2675	</form>
		2676	</div>
		2677	</div>
		2678	<!-- END SAMPLE FORM PORTLET-->
		2679	</div>
		2680	</div>
		2681	<div class="row">
		2682	<div class="col-md-12">
		2683	<!-- BEGIN SAMPLE FORM PORTLET-->
		2684	<div class="portlet light bordered">
		2685	<div class="portlet-title">
		2686	<div class="caption font-green-haze">
		2687	<i class="icon-settings font-green-haze"></i>
		2688	<span class="caption-subject bold uppercase"> Horizontal Form</span>
		2689	</div>
		2690	<div class="actions">
		2691	<a class="btn btn-circle btn-icon-only blue" href="javascript:;">
		2692	<i class="icon-cloud-upload"></i>
		2693	</a>
		2694	<a class="btn btn-circle btn-icon-only green" href="javascript:;">
		2695	<i class="icon-wrench"></i>
		2696	</a>
		2697	<a class="btn btn-circle btn-icon-only red" href="javascript:;">
		2698	<i class="icon-trash"></i>
		2699	</a>
		2700	<a class="btn btn-circle btn-icon-only btn-default fullscreen" href="javascript:;" data-original-title="" title=""> </a>
		2701	</div>
		2702	</div>
		2703	<div class="portlet-body form">
		2704	<form role="form" class="form-horizontal">
		2705	<div class="form-body">
		2706	<div class="form-group form-md-line-input">
		2707	<label class="col-md-2 control-label" for="form_control_1">Regular input</label>
		2708	<div class="col-md-10">
		2709	<input type="text" class="form-control" id="form_control_1" placeholder="Enter your name">
		2710	<div class="form-control-focus"> </div>
		2711	</div>
		2712	</div>
		2713	<div class="form-group form-md-line-input">
		2714	<label class="col-md-2 control-label" for="form_control_1">Input with hint</label>
		2715	<div class="col-md-10">
		2716	<input type="text" class="form-control" id="form_control_1" placeholder="Enter your email">
		2717	<div class="form-control-focus"> </div>
		2718	<span class="help-block">Some help goes here...</span>
		2719	</div>
		2720	</div>
		2721	<div class="form-group form-md-line-input has-success">
		2722	<label class="col-md-2 control-label" for="form_control_1">Success Input</label>
		2723	<div class="col-md-10">
		2724	<input type="text" class="form-control" id="form_control_1" placeholder="Success state">
		2725	<div class="form-control-focus"> </div>
		2726	</div>
		2727	</div>
		2728	<div class="form-group form-md-line-input has-warning">
		2729	<label class="col-md-2 control-label" for="form_control_1">Warning Input</label>
		2730	<div class="col-md-10">
		2731	<input type="text" class="form-control" id="form_control_1" placeholder="Warning state">
		2732	<div class="form-control-focus"> </div>
		2733	</div>
		2734	</div>
		2735	<div class="form-group form-md-line-input has-error">
		2736	<label class="col-md-2 control-label" for="form_control_1">Error State</label>
		2737	<div class="col-md-10">
		2738	<input type="text" class="form-control" id="form_control_1" placeholder="Error state">
		2739	<div class="form-control-focus"> </div>
		2740	</div>
		2741	</div>
		2742	<div class="form-group form-md-line-input">
		2743	<label class="col-md-2 control-label" for="form_control_1">Dropdown Input</label>
		2744	<div class="col-md-10">
		2745	<select class="form-control" id="form_control_1">
		2746	<option value=""></option>
		2747	<option value="">Option 1</option>
		2748	<option value="">Option 2</option>
		2749	<option value="">Option 3</option>
		2750	<option value="">Option 4</option>
		2751	</select>
		2752	<div class="form-control-focus"> </div>
		2753	</div>
		2754	</div>
		2755	<div class="form-group form-md-line-input has-success">
		2756	<label class="col-md-2 control-label" for="form_control_1">Textarea</label>
		2757	<div class="col-md-10">
		2758	<textarea class="form-control" rows="3" placeholder="Enter more text"></textarea>
		2759	<div class="form-control-focus"> </div>
		2760	</div>
		2761	</div>
		2762	<div class="form-group form-md-line-input">
		2763	<label class="col-md-2 control-label" for="form_control_1">Disabled</label>
		2764	<div class="col-md-10">
		2765	<input type="text" class="form-control" disabled id="form_control_1" placeholder="Placeholder...">
		2766	<div class="form-control-focus"> </div>
		2767	</div>
		2768	</div>
		2769	<div class="form-group form-md-line-input">
		2770	<label class="col-md-2 control-label" for="form_control_1">Readonly</label>
		2771	<div class="col-md-10">
		2772	<input type="text" class="form-control" readonly value="Some value" id="form_control_1" placeholder="Placeholder...">
		2773	<div class="form-control-focus"> </div>
		2774	</div>
		2775	</div>
		2776	<div class="form-group form-md-line-input">
		2777	<label class="col-md-2 control-label" for="form_control_1">Readonly</label>
		2778	<div class="col-md-10">
		2779	<div class="form-control form-control-static"> email@example.com </div>
		2780	<div class="form-control-focus"> </div>
		2781	</div>
		2782	</div>
		2783	<div class="form-group form-md-line-input">
		2784	<label class="col-md-2 control-label" for="form_control_1">Small</label>
		2785	<div class="col-md-10">
		2786	<input type="text" class="form-control input-sm" id="form_control_1" placeholder=".input-sm">
		2787	<div class="form-control-focus"> </div>
		2788	</div>
		2789	</div>
		2790	<div class="form-group form-md-line-input">
		2791	<label class="col-md-2 control-label" for="form_control_1">Large</label>
		2792	<div class="col-md-10">
		2793	<input type="text" class="form-control input-lg" id="form_control_1" placeholder=".input-lg">
		2794	<div class="form-control-focus"> </div>
		2795	</div>
		2796	</div>
		2797	</div>
		2798	<div class="form-actions">
		2799	<div class="row">
		2800	<div class="col-md-offset-2 col-md-10">
		2801	<button type="button" class="btn default">Cancel</button>
		2802	<button type="button" class="btn blue">Submit</button>
		2803	</div>
		2804	</div>
		2805	</div>
		2806	</form>
		2807	</div>
		2808	</div>
		2809	<!-- END SAMPLE FORM PORTLET-->
		2810	<!-- BEGIN SAMPLE FORM PORTLET-->
		2811	<div class="portlet light bordered">
		2812	<div class="portlet-title">
		2813	<div class="caption font-green-haze">
		2814	<i class="icon-settings font-green-haze"></i>
		2815	<span class="caption-subject bold uppercase"> Checkbox & Radios</span>
		2816	</div>
		2817	<div class="actions">
		2818	<a class="btn btn-circle btn-icon-only blue" href="javascript:;">
		2819	<i class="icon-cloud-upload"></i>
		2820	</a>
		2821	<a class="btn btn-circle btn-icon-only green" href="javascript:;">
		2822	<i class="icon-wrench"></i>
		2823	</a>
		2824	<a class="btn btn-circle btn-icon-only red" href="javascript:;">
		2825	<i class="icon-trash"></i>
		2826	</a>
		2827	<a class="btn btn-circle btn-icon-only btn-default fullscreen" href="javascript:;" data-original-title="" title=""> </a>
		2828	</div>
		2829	</div>
		2830	<div class="portlet-body form">
		2831	<form role="form" class="form-horizontal">
		2832	<div class="form-body">
		2833	<div class="form-group form-md-line-input">
		2834	<label class="col-md-2 control-label" for="form_control_1">Checkboxes</label>
		2835	<div class="col-md-10">
		2836	<div class="md-checkbox-list">
		2837	<div class="md-checkbox">
		2838	<input type="checkbox" id="checkbox30" class="md-check">
		2839	<label for="checkbox30">
		2840	<span></span>
		2841	<span class="check"></span>
		2842	<span class="box"></span> Option 1 </label>
		2843	</div>
		2844	<div class="md-checkbox has-error">
		2845	<input type="checkbox" id="checkbox31" class="md-check" checked>
		2846	<label for="checkbox31">
		2847	<span></span>
		2848	<span class="check"></span>
		2849	<span class="box"></span> Option 2 </label>
		2850	</div>
		2851	<div class="md-checkbox has-warning">
		2852	<input type="checkbox" id="checkbox32" class="md-check">
		2853	<label for="checkbox32">
		2854	<span></span>
		2855	<span class="check"></span>
		2856	<span class="box"></span> Option 3 </label>
		2857	</div>
		2858	</div>
		2859	</div>
		2860	</div>
		2861	<div class="form-group form-md-line-input">
		2862	<label class="col-md-2 control-label" for="form_control_1">Inline Checkboxes</label>
		2863	<div class="col-md-10">
		2864	<div class="md-checkbox-inline">
		2865	<div class="md-checkbox">
		2866	<input type="checkbox" id="checkbox33" class="md-check">
		2867	<label for="checkbox33">
		2868	<span></span>
		2869	<span class="check"></span>
		2870	<span class="box"></span> Option 1 </label>
		2871	</div>
		2872	<div class="md-checkbox has-error">
		2873	<input type="checkbox" id="checkbox34" class="md-check" checked>
		2874	<label for="checkbox34">
		2875	<span></span>
		2876	<span class="check"></span>
		2877	<span class="box"></span> Option 2 </label>
		2878	</div>
		2879	<div class="md-checkbox has-info">
		2880	<input type="checkbox" id="checkbox35" class="md-check">
		2881	<label for="checkbox35">
		2882	<span></span>
		2883	<span class="check"></span>
		2884	<span class="box"></span> Option 3 </label>
		2885	</div>
		2886	</div>
		2887	</div>
		2888	</div>
		2889	<div class="form-group form-md-line-input">
		2890	<label class="col-md-2 control-label" for="form_control_1">Radios</label>
		2891	<div class="col-md-10">
		2892	<div class="md-radio-list">
		2893	<div class="md-radio">
		2894	<input type="radio" id="radio50" name="radio211" class="md-radiobtn">
		2895	<label for="radio50">
		2896	<span></span>
		2897	<span class="check"></span>
		2898	<span class="box"></span> Option 1 </label>
		2899	</div>
		2900	<div class="md-radio has-error">
		2901	<input type="radio" id="radio51" name="radio211" class="md-radiobtn" checked>
		2902	<label for="radio51">
		2903	<span></span>
		2904	<span class="check"></span>
		2905	<span class="box"></span> Option 2 </label>
		2906	</div>
		2907	<div class="md-radio has-warning">
		2908	<input type="radio" id="radio52" name="radio231" class="md-radiobtn">
		2909	<label for="radio52">
		2910	<span></span>
		2911	<span class="check"></span>
		2912	<span class="box"></span> Option 3 </label>
		2913	</div>
		2914	</div>
		2915	</div>
		2916	</div>
		2917	<div class="form-group form-md-line-input">
		2918	<label class="col-md-2 control-label" for="form_control_1">Inline Radios</label>
		2919	<div class="col-md-10">
		2920	<div class="md-radio-inline">
		2921	<div class="md-radio">
		2922	<input type="radio" id="radio53" name="radio2" class="md-radiobtn">
		2923	<label for="radio53">
		2924	<span></span>
		2925	<span class="check"></span>
		2926	<span class="box"></span> Option 1 </label>
		2927	</div>
		2928	<div class="md-radio has-error">
		2929	<input type="radio" id="radio54" name="radio2" class="md-radiobtn" checked>
		2930	<label for="radio54">
		2931	<span></span>
		2932	<span class="check"></span>
		2933	<span class="box"></span> Option 2 </label>
		2934	</div>
		2935	<div class="md-radio has-warning">
		2936	<input type="radio" id="radio55" name="radio2" class="md-radiobtn">
		2937	<label for="radio55">
		2938	<span></span>
		2939	<span class="check"></span>
		2940	<span class="box"></span> Option 3 </label>
		2941	</div>
		2942	</div>
		2943	</div>
		2944	</div>
		2945	</div>
		2946	<div class="form-actions">
		2947	<div class="row">
		2948	<div class="col-md-offset-2 col-md-10">
		2949	<button type="button" class="btn default">Cancel</button>
		2950	<button type="button" class="btn blue">Submit</button>
		2951	</div>
		2952	</div>
		2953	</div>
		2954	</form>
		2955	</div>
		2956	</div>
		2957	<!-- END SAMPLE FORM PORTLET-->
		2958	<!-- BEGIN SAMPLE FORM PORTLET-->
		2959	<div class="portlet light bordered">
		2960	<div class="portlet-title">
		2961	<div class="caption font-green-haze">
		2962	<i class="icon-settings font-green-haze"></i>
		2963	<span class="caption-subject bold uppercase"> Input Groups & Icons</span>
		2964	</div>
		2965	<div class="actions">
		2966	<a class="btn btn-circle btn-icon-only blue" href="javascript:;">
		2967	<i class="icon-cloud-upload"></i>
		2968	</a>
		2969	<a class="btn btn-circle btn-icon-only green" href="javascript:;">
		2970	<i class="icon-wrench"></i>
		2971	</a>
		2972	<a class="btn btn-circle btn-icon-only red" href="javascript:;">
		2973	<i class="icon-trash"></i>
		2974	</a>
		2975	<a class="btn btn-circle btn-icon-only btn-default fullscreen" href="javascript:;" data-original-title="" title=""> </a>
		2976	</div>
		2977	</div>
		2978	<div class="portlet-body form">
		2979	<form role="form" class="form-horizontal">
		2980	<div class="form-body">
		2981	<div class="form-group form-md-line-input has-danger">
		2982	<label class="col-md-2 control-label" for="form_control_1">Left icon</label>
		2983	<div class="col-md-10">
		2984	<div class="input-icon">
		2985	<input type="text" class="form-control" placeholder="Left icon">
		2986	<div class="form-control-focus"> </div>
		2987	<span class="help-block">Some help goes here...</span>
		2988	<i class="fa fa-bell-o"></i>
		2989	</div>
		2990	</div>
		2991	</div>
		2992	<div class="form-group form-md-line-input has-success">
		2993	<label class="col-md-2 control-label" for="form_control_1">Right icon</label>
		2994	<div class="col-md-10">
		2995	<div class="input-icon right">
		2996	<input type="text" class="form-control" placeholder="Right icon">
		2997	<div class="form-control-focus"> </div>
		2998	<span class="help-block">Some help goes here...</span>
		2999	<i class="icon-user"></i>
		3000	</div>
		3001	</div>
		3002	</div>
		3003	<div class="form-group form-md-line-input">
		3004	<label class="col-md-2 control-label" for="form_control_1">Input Group</label>
		3005	<div class="col-md-10">
		3006	<div class="input-group has-success">
		3007	<span class="input-group-addon">
		3008	<i class="fa fa-envelope"></i>
		3009	</span>
		3010	<input type="text" class="form-control" placeholder="Email Address">
		3011	<div class="form-control-focus"> </div>
		3012	</div>
		3013	</div>
		3014	</div>
		3015	<div class="form-group form-md-line-input has-info">
		3016	<label class="col-md-2 control-label" for="form_control_1">Input Group</label>
		3017	<div class="col-md-10">
		3018	<div class="input-group">
		3019	<input type="text" class="form-control" placeholder="Email Address">
		3020	<span class="help-block">Some help goes here...</span>
		3021	<div class="form-control-focus"> </div>
		3022	<span class="input-group-addon">
		3023	<i class="fa fa-envelope"></i>
		3024	</span>
		3025	</div>
		3026	</div>
		3027	</div>
		3028	<div class="form-group form-md-line-input">
		3029	<label class="col-md-2 control-label" for="form_control_1">Both Addons</label>
		3030	<div class="col-md-10">
		3031	<div class="input-group">
		3032	<span class="input-group-addon">$</span>
		3033	<input type="text" class="form-control" placeholder="Enter amount">
		3034	<div class="form-control-focus"> </div>
		3035	<span class="input-group-addon">.00</span>
		3036	</div>
		3037	</div>
		3038	</div>
		3039	<div class="form-group form-md-line-input">
		3040	<label class="col-md-2 control-label" for="form_control_1">Action Button</label>
		3041	<div class="col-md-10">
		3042	<div class="input-group">
		3043	<span class="input-group-btn btn-left">
		3044	<button class="btn blue-madison" type="button">Go!</button>
		3045	</span>
		3046	<div class="input-group-control">
		3047	<input type="text" class="form-control" placeholder="Placeholder">
		3048	<div class="form-control-focus"> </div>
		3049	</div>
		3050	</div>
		3051	</div>
		3052	</div>
		3053	<div class="form-group form-md-line-input">
		3054	<label class="col-md-2 control-label" for="form_control_1">Dropdowm Menu</label>
		3055	<div class="col-md-10">
		3056	<div class="input-group">
		3057	<div class="input-group-control">
		3058	<input type="text" class="form-control" placeholder="Placeholder">
		3059	<div class="form-control-focus"> </div>
		3060	</div>
		3061	<span class="input-group-btn btn-right">
		3062	<button type="button" class="btn green-haze dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> Action
		3063	<i class="fa fa-angle-down"></i>
		3064	</button>
		3065	<ul class="dropdown-menu pull-right" role="menu">
		3066	<li>
		3067	<a href="javascript:;">Action</a>
		3068	</li>
		3069	<li>
		3070	<a href="javascript:;">Another action</a>
		3071	</li>
		3072	<li>
		3073	<a href="javascript:;">Something else here</a>
		3074	</li>
		3075	<li class="divider"> </li>
		3076	<li>
		3077	<a href="javascript:;">Separated link</a>
		3078	</li>
		3079	</ul>
		3080	</span>
		3081	</div>
		3082	</div>
		3083	</div>
		3084	<div class="form-group form-md-line-input">
		3085	<label class="col-md-2 control-label" for="form_control_1">Action Buttons(small size)</label>
		3086	<div class="col-md-10">
		3087	<div class="input-group input-group-sm">
		3088	<span class="input-group-btn btn-left">
		3089	<button class="btn red-intense" type="button">Go!</button>
		3090	</span>
		3091	<div class="input-group-control">
		3092	<input type="text" class="form-control input-sm" placeholder=".input-sm">
		3093	<span class="help-block">Some help goes here...</span>
		3094	<div class="form-control-focus"> </div>
		3095	</div>
		3096	<span class="input-group-btn btn-right">
		3097	<button class="btn green-haze" type="button">Go!</button>
		3098	</span>
		3099	</div>
		3100	</div>
		3101	</div>
		3102	<div class="form-group form-md-line-input">
		3103	<label class="col-md-2 control-label" for="form_control_1">Action Buttons(large size)</label>
		3104	<div class="col-md-10">
		3105	<div class="input-group input-group-lg">
		3106	<span class="input-group-btn btn-left">
		3107	<button class="btn red-intense" type="button">Go!</button>
		3108	</span>
		3109	<div class="input-group-control">
		3110	<input type="text" class="form-control input-lg" placeholder=".input-lg">
		3111	<span class="help-block">Some help goes here...</span>
		3112	<div class="form-control-focus"> </div>
		3113	</div>
		3114	<span class="input-group-btn btn-right">
		3115	<button class="btn green-haze" type="button">Go!</button>
		3116	</span>
		3117	</div>
		3118	</div>
		3119	</div>
		3120	</div>
		3121	<div class="form-actions margin-top-10">
		3122	<div class="row">
		3123	<div class="col-md-offset-2 col-md-10">
		3124	<button type="button" class="btn default">Cancel</button>
		3125	<button type="button" class="btn blue">Submit</button>
		3126	</div>
		3127	</div>
		3128	</div>
		3129	</form>
		3130	</div>
		3131	</div>
		3132	<!-- END SAMPLE FORM PORTLET-->
		3133	</div>
		3134	</div>
		3135	<div class="row">
		3136	<div class="col-md-12">
		3137	<!-- BEGIN SAMPLE FORM PORTLET-->
		3138	<div class="portlet light bordered">
		3139	<div class="portlet-title">
		3140	<div class="caption font-green-haze">
		3141	<i class="icon-settings font-green-haze"></i>
		3142	<span class="caption-subject bold uppercase"> Form Layouts</span>
		3143	</div>
		3144	<div class="actions">
		3145	<a class="btn btn-circle btn-icon-only blue" href="javascript:;">
		3146	<i class="icon-cloud-upload"></i>
		3147	</a>
		3148	<a class="btn btn-circle btn-icon-only green" href="javascript:;">
		3149	<i class="icon-wrench"></i>
		3150	</a>
		3151	<a class="btn btn-circle btn-icon-only red" href="javascript:;">
		3152	<i class="icon-trash"></i>
		3153	</a>
		3154	<a class="btn btn-circle btn-icon-only btn-default fullscreen" href="javascript:;" data-original-title="" title=""> </a>
		3155	</div>
		3156	</div>
		3157	<div class="portlet-body">
		3158	<h4>Inline Form</h4>
		3159	<form class="form-inline margin-bottom-40" role="form">
		3160	<div class="form-group form-md-line-input has-success">
		3161	<input type="text" class="form-control" id="form_control_1" placeholder="Email email">
		3162	<div class="form-control-focus"> </div>
		3163	</div>
		3164	<div class="form-group form-md-line-input has-success">
		3165	<input type="text" class="form-control" id="form_control_1" placeholder="Enter password">
		3166	<div class="form-control-focus"> </div>
		3167	</div>
		3168	<div class="md-checkbox md-checkbox-inline has-success">
		3169	<input type="checkbox" id="checkbox113" class="md-check">
		3170	<label for="checkbox113">
		3171	<span></span>
		3172	<span class="check"></span>
		3173	<span class="box"></span> Remember me </label>
		3174	</div>
		3175	<button type="button" class="btn btn-warning">Sign in</button>
		3176	</form>
		3177	<h4>Inline Form With Icons</h4>
		3178	<form class="form-inline margin-bottom-40" role="form">
		3179	<div class="form-group form-md-line-input has-error">
		3180	<div class="input-icon">
		3181	<input type="email" class="form-control" placeholder="Email">
		3182	<div class="form-control-focus"> </div>
		3183	<span class="help-block">Some help goes here...</span>
		3184	<i class="fa fa-envelope-o"></i>
		3185	</div>
		3186	</div>
		3187	<div class="form-group form-md-line-input has-error">
		3188	<div class="input-icon">
		3189	<input type="password" class="form-control" placeholder="Password">
		3190	<div class="form-control-focus"> </div>
		3191	<span class="help-block">Some help goes here...</span>
		3192	<i class="fa fa-key"></i>
		3193	</div>
		3194	</div>
		3195	<div class="md-checkbox md-checkbox-inline has-success">
		3196	<input type="checkbox" id="checkbox111" class="md-check">
		3197	<label for="checkbox111">
		3198	<span></span>
		3199	<span class="check"></span>
		3200	<span class="box"></span> Remember me </label>
		3201	</div>
		3202	<button type="button" class="btn btn-success">Sign in</button>
		3203	</form>
		3204	<h4>Horizontal Form</h4>
		3205	<form class="form-horizontal margin-bottom-40" role="form">
		3206	<div class="form-group form-md-line-input">
		3207	<label for="inputEmail1" class="col-md-2 control-label">Email</label>
		3208	<div class="col-md-4">
		3209	<input type="email" class="form-control" id="form_control_1" placeholder="Email">
		3210	<div class="form-control-focus"> </div>
		3211	</div>
		3212	</div>
		3213	<div class="form-group form-md-line-input">
		3214	<label for="inputPassword12" class="col-md-2 control-label">Password</label>
		3215	<div class="col-md-4">
		3216	<input type="password" class="form-control" id="form_control_1" placeholder="Password">
		3217	<div class="form-control-focus"> </div>
		3218	</div>
		3219	</div>
		3220	<div class="form-group form-md-line-input">
		3221	<div class="col-md-offset-2 col-md-4">
		3222	<div class="md-checkbox-list">
		3223	<div class="md-checkbox">
		3224	<input type="checkbox" id="checkbox1111" class="md-check">
		3225	<label for="checkbox1111">
		3226	<span></span>
		3227	<span class="check"></span>
		3228	<span class="box"></span> Remember me </label>
		3229	</div>
		3230	</div>
		3231	</div>
		3232	</div>
		3233	<div class="form-group">
		3234	<div class="col-md-offset-2 col-md-10">
		3235	<button type="button" class="btn blue">Sign in</button>
		3236	</div>
		3237	</div>
		3238	</form>
		3239	<h4>Horizontal Form With Icons</h4>
		3240	<form class="form-horizontal margin-bottom-40" role="form">
		3241	<div class="form-group form-md-line-input">
		3242	<label for="inputEmail12" class="col-md-2 control-label">Email</label>
		3243	<div class="col-md-4">
		3244	<div class="input-icon">
		3245	<input type="email" class="form-control" placeholder="Email">
		3246	<div class="form-control-focus"> </div>
		3247	<i class="fa fa-envelope-o"></i>
		3248	</div>
		3249	</div>
		3250	</div>
		3251	<div class="form-group form-md-line-input">
		3252	<label for="inputPassword1" class="col-md-2 control-label">Password</label>
		3253	<div class="col-md-4">
		3254	<div class="input-icon right">
		3255	<input type="password" class="form-control" placeholder="Password">
		3256	<div class="form-control-focus"> </div>
		3257	<i class="fa fa-key"></i>
		3258	</div>
		3259	<div class="help-block"> with right aligned icon </div>
		3260	</div>
		3261	</div>
		3262	<div class="form-group form-md-line-input">
		3263	<div class="col-md-offset-2 col-md-4">
		3264	<div class="md-checkbox-list">
		3265	<div class="md-checkbox">
		3266	<input type="checkbox" id="checkbox11111" class="md-check">
		3267	<label for="checkbox11111">
		3268	<span></span>
		3269	<span class="check"></span>
		3270	<span class="box"></span> Remember me </label>
		3271	</div>
		3272	</div>
		3273	</div>
		3274	</div>
		3275	<div class="form-group">
		3276	<div class="col-md-offset-2 col-md-10">
		3277	<button type="button" class="btn green">Sign in</button>
		3278	</div>
		3279	</div>
		3280	</form>
		3281	<h4>Column Sizing</h4>
		3282	<form role="form" class="margin-bottom-40">
		3283	<div class="row">
		3284	<div class="col-md-2">
		3285	<div class="form-group form-md-line-input has-success">
		3286	<input type="text" class="form-control" id="form_control_1" placeholder=".col-md-2">
		3287	<div class="form-control-focus"> </div>
		3288	</div>
		3289	</div>
		3290	<div class="col-md-3">
		3291	<div class="form-group form-md-line-input has-warning">
		3292	<input type="text" class="form-control" id="form_control_1" placeholder=".col-md-3">
		3293	<div class="form-control-focus"> </div>
		3294	</div>
		3295	</div>
		3296	<div class="col-md-4">
		3297	<div class="form-group form-md-line-input has-info">
		3298	<input type="text" class="form-control" id="form_control_1" placeholder=".col-md-4">
		3299	<div class="form-control-focus"> </div>
		3300	</div>
		3301	</div>
		3302	<div class="col-md-3">
		3303	<div class="form-group form-md-line-input has-error">
		3304	<input type="text" class="form-control" id="form_control_1" placeholder=".col-md-3">
		3305	<div class="form-control-focus"> </div>
		3306	</div>
		3307	</div>
		3308	</div>
		3309	</form>
		3310	</div>
		3311	</div>
		3312	</div>
		3313	<!-- END SAMPLE FORM PORTLET-->
		3314	</div>
		3315	</div>
		3316	<!-- END CONTENT BODY -->
		3317	</div>
		3318	<!-- END CONTENT -->
		3319	<!-- BEGIN QUICK SIDEBAR -->
		3320	<a href="javascript:;" class="page-quick-sidebar-toggler">
		3321	<i class="icon-login"></i>
		3322	</a>
		3323	<div class="page-quick-sidebar-wrapper" data-close-on-body-click="false">
		3324	<div class="page-quick-sidebar">
		3325	<ul class="nav nav-tabs">
		3326	<li class="active">
		3327	<a href="javascript:;" data-target="#quick_sidebar_tab_1" data-toggle="tab"> Users
		3328	<span class="badge badge-danger">2</span>
		3329	</a>
		3330	</li>
		3331	<li>
		3332	<a href="javascript:;" data-target="#quick_sidebar_tab_2" data-toggle="tab"> Alerts
		3333	<span class="badge badge-success">7</span>
		3334	</a>
		3335	</li>
		3336	<li class="dropdown">
		3337	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"> More
		3338	<i class="fa fa-angle-down"></i>
		3339	</a>
		3340	<ul class="dropdown-menu pull-right">
		3341	<li>
		3342	<a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
		3343	<i class="icon-bell"></i> Alerts </a>
		3344	</li>
		3345	<li>
		3346	<a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
		3347	<i class="icon-info"></i> Notifications </a>
		3348	</li>
		3349	<li>
		3350	<a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
		3351	<i class="icon-speech"></i> Activities </a>
		3352	</li>
		3353	<li class="divider"></li>
		3354	<li>
		3355	<a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
		3356	<i class="icon-settings"></i> Settings </a>
		3357	</li>
		3358	</ul>
		3359	</li>
		3360	</ul>
		3361	<div class="tab-content">
		3362	<div class="tab-pane active page-quick-sidebar-chat" id="quick_sidebar_tab_1">
		3363	<div class="page-quick-sidebar-chat-users" data-rail-color="#ddd" data-wrapper-class="page-quick-sidebar-list">
		3364	<h3 class="list-heading">Staff</h3>
		3365	<ul class="media-list list-items">
		3366	<li class="media">
		3367	<div class="media-status">
		3368	<span class="badge badge-success">8</span>
		3369	</div>
		3370	<img class="media-object" src="../assets/layouts/layout/img/avatar3.jpg" alt="...">
		3371	<div class="media-body">
		3372	<h4 class="media-heading">Bob Nilson</h4>
		3373	<div class="media-heading-sub"> Project Manager </div>
		3374	</div>
		3375	</li>
		3376	<li class="media">
		3377	<img class="media-object" src="../assets/layouts/layout/img/avatar1.jpg" alt="...">
		3378	<div class="media-body">
		3379	<h4 class="media-heading">Nick Larson</h4>
		3380	<div class="media-heading-sub"> Art Director </div>
		3381	</div>
		3382	</li>
		3383	<li class="media">
		3384	<div class="media-status">
		3385	<span class="badge badge-danger">3</span>
		3386	</div>
		3387	<img class="media-object" src="../assets/layouts/layout/img/avatar4.jpg" alt="...">
		3388	<div class="media-body">
		3389	<h4 class="media-heading">Deon Hubert</h4>
		3390	<div class="media-heading-sub"> CTO </div>
		3391	</div>
		3392	</li>
		3393	<li class="media">
		3394	<img class="media-object" src="../assets/layouts/layout/img/avatar2.jpg" alt="...">
		3395	<div class="media-body">
		3396	<h4 class="media-heading">Ella Wong</h4>
		3397	<div class="media-heading-sub"> CEO </div>
		3398	</div>
		3399	</li>
		3400	</ul>
		3401	<h3 class="list-heading">Customers</h3>
		3402	<ul class="media-list list-items">
		3403	<li class="media">
		3404	<div class="media-status">
		3405	<span class="badge badge-warning">2</span>
		3406	</div>
		3407	<img class="media-object" src="../assets/layouts/layout/img/avatar6.jpg" alt="...">
		3408	<div class="media-body">
		3409	<h4 class="media-heading">Lara Kunis</h4>
		3410	<div class="media-heading-sub"> CEO, Loop Inc </div>
		3411	<div class="media-heading-small"> Last seen 03:10 AM </div>
		3412	</div>
		3413	</li>
		3414	<li class="media">
		3415	<div class="media-status">
		3416	<span class="label label-sm label-success">new</span>
		3417	</div>
		3418	<img class="media-object" src="../assets/layouts/layout/img/avatar7.jpg" alt="...">
		3419	<div class="media-body">
		3420	<h4 class="media-heading">Ernie Kyllonen</h4>
		3421	<div class="media-heading-sub"> Project Manager,
		3422	<br> SmartBizz PTL </div>
		3423	</div>
		3424	</li>
		3425	<li class="media">
		3426	<img class="media-object" src="../assets/layouts/layout/img/avatar8.jpg" alt="...">
		3427	<div class="media-body">
		3428	<h4 class="media-heading">Lisa Stone</h4>
		3429	<div class="media-heading-sub"> CTO, Keort Inc </div>
		3430	<div class="media-heading-small"> Last seen 13:10 PM </div>
		3431	</div>
		3432	</li>
		3433	<li class="media">
		3434	<div class="media-status">
		3435	<span class="badge badge-success">7</span>
		3436	</div>
		3437	<img class="media-object" src="../assets/layouts/layout/img/avatar9.jpg" alt="...">
		3438	<div class="media-body">
		3439	<h4 class="media-heading">Deon Portalatin</h4>
		3440	<div class="media-heading-sub"> CFO, H&D LTD </div>
		3441	</div>
		3442	</li>
		3443	<li class="media">
		3444	<img class="media-object" src="../assets/layouts/layout/img/avatar10.jpg" alt="...">
		3445	<div class="media-body">
		3446	<h4 class="media-heading">Irina Savikova</h4>
		3447	<div class="media-heading-sub"> CEO, Tizda Motors Inc </div>
		3448	</div>
		3449	</li>
		3450	<li class="media">
		3451	<div class="media-status">
		3452	<span class="badge badge-danger">4</span>
		3453	</div>
		3454	<img class="media-object" src="../assets/layouts/layout/img/avatar11.jpg" alt="...">
		3455	<div class="media-body">
		3456	<h4 class="media-heading">Maria Gomez</h4>
		3457	<div class="media-heading-sub"> Manager, Infomatic Inc </div>
		3458	<div class="media-heading-small"> Last seen 03:10 AM </div>
		3459	</div>
		3460	</li>
		3461	</ul>
		3462	</div>
		3463	<div class="page-quick-sidebar-item">
		3464	<div class="page-quick-sidebar-chat-user">
		3465	<div class="page-quick-sidebar-nav">
		3466	<a href="javascript:;" class="page-quick-sidebar-back-to-list">
		3467	<i class="icon-arrow-left"></i>Back</a>
		3468	</div>
		3469	<div class="page-quick-sidebar-chat-user-messages">
		3470	<div class="post out">
		3471	<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
		3472	<div class="message">
		3473	<span class="arrow"></span>
		3474	<a href="javascript:;" class="name">Bob Nilson</a>
		3475	<span class="datetime">20:15</span>
		3476	<span class="body"> When could you send me the report ? </span>
		3477	</div>
		3478	</div>
		3479	<div class="post in">
		3480	<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
		3481	<div class="message">
		3482	<span class="arrow"></span>
		3483	<a href="javascript:;" class="name">Ella Wong</a>
		3484	<span class="datetime">20:15</span>
		3485	<span class="body"> Its almost done. I will be sending it shortly </span>
		3486	</div>
		3487	</div>
		3488	<div class="post out">
		3489	<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
		3490	<div class="message">
		3491	<span class="arrow"></span>
		3492	<a href="javascript:;" class="name">Bob Nilson</a>
		3493	<span class="datetime">20:15</span>
		3494	<span class="body"> Alright. Thanks! :) </span>
		3495	</div>
		3496	</div>
		3497	<div class="post in">
		3498	<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
		3499	<div class="message">
		3500	<span class="arrow"></span>
		3501	<a href="javascript:;" class="name">Ella Wong</a>
		3502	<span class="datetime">20:16</span>
		3503	<span class="body"> You are most welcome. Sorry for the delay. </span>
		3504	</div>
		3505	</div>
		3506	<div class="post out">
		3507	<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
		3508	<div class="message">
		3509	<span class="arrow"></span>
		3510	<a href="javascript:;" class="name">Bob Nilson</a>
		3511	<span class="datetime">20:17</span>
		3512	<span class="body"> No probs. Just take your time :) </span>
		3513	</div>
		3514	</div>
		3515	<div class="post in">
		3516	<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
		3517	<div class="message">
		3518	<span class="arrow"></span>
		3519	<a href="javascript:;" class="name">Ella Wong</a>
		3520	<span class="datetime">20:40</span>
		3521	<span class="body"> Alright. I just emailed it to you. </span>
		3522	</div>
		3523	</div>
		3524	<div class="post out">
		3525	<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
		3526	<div class="message">
		3527	<span class="arrow"></span>
		3528	<a href="javascript:;" class="name">Bob Nilson</a>
		3529	<span class="datetime">20:17</span>
		3530	<span class="body"> Great! Thanks. Will check it right away. </span>
		3531	</div>
		3532	</div>
		3533	<div class="post in">
		3534	<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
		3535	<div class="message">
		3536	<span class="arrow"></span>
		3537	<a href="javascript:;" class="name">Ella Wong</a>
		3538	<span class="datetime">20:40</span>
		3539	<span class="body"> Please let me know if you have any comment. </span>
		3540	</div>
		3541	</div>
		3542	<div class="post out">
		3543	<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
		3544	<div class="message">
		3545	<span class="arrow"></span>
		3546	<a href="javascript:;" class="name">Bob Nilson</a>
		3547	<span class="datetime">20:17</span>
		3548	<span class="body"> Sure. I will check and buzz you if anything needs to be corrected. </span>
		3549	</div>
		3550	</div>
		3551	</div>
		3552	<div class="page-quick-sidebar-chat-user-form">
		3553	<div class="input-group">
		3554	<input type="text" class="form-control" placeholder="Type a message here...">
		3555	<div class="input-group-btn">
		3556	<button type="button" class="btn green">
		3557	<i class="icon-paper-clip"></i>
		3558	</button>
		3559	</div>
		3560	</div>
		3561	</div>
		3562	</div>
		3563	</div>
		3564	</div>
		3565	<div class="tab-pane page-quick-sidebar-alerts" id="quick_sidebar_tab_2">
		3566	<div class="page-quick-sidebar-alerts-list">
		3567	<h3 class="list-heading">General</h3>
		3568	<ul class="feeds list-items">
		3569	<li>
		3570	<div class="col1">
		3571	<div class="cont">
		3572	<div class="cont-col1">
		3573	<div class="label label-sm label-info">
		3574	<i class="fa fa-check"></i>
		3575	</div>
		3576	</div>
		3577	<div class="cont-col2">
		3578	<div class="desc"> You have 4 pending tasks.
		3579	<span class="label label-sm label-warning "> Take action
		3580	<i class="fa fa-share"></i>
		3581	</span>
		3582	</div>
		3583	</div>
		3584	</div>
		3585	</div>
		3586	<div class="col2">
		3587	<div class="date"> Just now </div>
		3588	</div>
		3589	</li>
		3590	<li>
		3591	<a href="javascript:;">
		3592	<div class="col1">
		3593	<div class="cont">
		3594	<div class="cont-col1">
		3595	<div class="label label-sm label-success">
		3596	<i class="fa fa-bar-chart-o"></i>
		3597	</div>
		3598	</div>
		3599	<div class="cont-col2">
		3600	<div class="desc"> Finance Report for year 2013 has been released. </div>
		3601	</div>
		3602	</div>
		3603	</div>
		3604	<div class="col2">
		3605	<div class="date"> 20 mins </div>
		3606	</div>
		3607	</a>
		3608	</li>
		3609	<li>
		3610	<div class="col1">
		3611	<div class="cont">
		3612	<div class="cont-col1">
		3613	<div class="label label-sm label-danger">
		3614	<i class="fa fa-user"></i>
		3615	</div>
		3616	</div>
		3617	<div class="cont-col2">
		3618	<div class="desc"> You have 5 pending membership that requires a quick review. </div>
		3619	</div>
		3620	</div>
		3621	</div>
		3622	<div class="col2">
		3623	<div class="date"> 24 mins </div>
		3624	</div>
		3625	</li>
		3626	<li>
		3627	<div class="col1">
		3628	<div class="cont">
		3629	<div class="cont-col1">
		3630	<div class="label label-sm label-info">
		3631	<i class="fa fa-shopping-cart"></i>
		3632	</div>
		3633	</div>
		3634	<div class="cont-col2">
		3635	<div class="desc"> New order received with
		3636	<span class="label label-sm label-success"> Reference Number: DR23923 </span>
		3637	</div>
		3638	</div>
		3639	</div>
		3640	</div>
		3641	<div class="col2">
		3642	<div class="date"> 30 mins </div>
		3643	</div>
		3644	</li>
		3645	<li>
		3646	<div class="col1">
		3647	<div class="cont">
		3648	<div class="cont-col1">
		3649	<div class="label label-sm label-success">
		3650	<i class="fa fa-user"></i>
		3651	</div>
		3652	</div>
		3653	<div class="cont-col2">
		3654	<div class="desc"> You have 5 pending membership that requires a quick review. </div>
		3655	</div>
		3656	</div>
		3657	</div>
		3658	<div class="col2">
		3659	<div class="date"> 24 mins </div>
		3660	</div>
		3661	</li>
		3662	<li>
		3663	<div class="col1">
		3664	<div class="cont">
		3665	<div class="cont-col1">
		3666	<div class="label label-sm label-info">
		3667	<i class="fa fa-bell-o"></i>
		3668	</div>
		3669	</div>
		3670	<div class="cont-col2">
		3671	<div class="desc"> Web server hardware needs to be upgraded.
		3672	<span class="label label-sm label-warning"> Overdue </span>
		3673	</div>
		3674	</div>
		3675	</div>
		3676	</div>
		3677	<div class="col2">
		3678	<div class="date"> 2 hours </div>
		3679	</div>
		3680	</li>
		3681	<li>
		3682	<a href="javascript:;">
		3683	<div class="col1">
		3684	<div class="cont">
		3685	<div class="cont-col1">
		3686	<div class="label label-sm label-default">
		3687	<i class="fa fa-briefcase"></i>
		3688	</div>
		3689	</div>
		3690	<div class="cont-col2">
		3691	<div class="desc"> IPO Report for year 2013 has been released. </div>
		3692	</div>
		3693	</div>
		3694	</div>
		3695	<div class="col2">
		3696	<div class="date"> 20 mins </div>
		3697	</div>
		3698	</a>
		3699	</li>
		3700	</ul>
		3701	<h3 class="list-heading">System</h3>
		3702	<ul class="feeds list-items">
		3703	<li>
		3704	<div class="col1">
		3705	<div class="cont">
		3706	<div class="cont-col1">
		3707	<div class="label label-sm label-info">
		3708	<i class="fa fa-check"></i>
		3709	</div>
		3710	</div>
		3711	<div class="cont-col2">
		3712	<div class="desc"> You have 4 pending tasks.
		3713	<span class="label label-sm label-warning "> Take action
		3714	<i class="fa fa-share"></i>
		3715	</span>
		3716	</div>
		3717	</div>
		3718	</div>
		3719	</div>
		3720	<div class="col2">
		3721	<div class="date"> Just now </div>
		3722	</div>
		3723	</li>
		3724	<li>
		3725	<a href="javascript:;">
		3726	<div class="col1">
		3727	<div class="cont">
		3728	<div class="cont-col1">
		3729	<div class="label label-sm label-danger">
		3730	<i class="fa fa-bar-chart-o"></i>
		3731	</div>
		3732	</div>
		3733	<div class="cont-col2">
		3734	<div class="desc"> Finance Report for year 2013 has been released. </div>
		3735	</div>
		3736	</div>
		3737	</div>
		3738	<div class="col2">
		3739	<div class="date"> 20 mins </div>
		3740	</div>
		3741	</a>
		3742	</li>
		3743	<li>
		3744	<div class="col1">
		3745	<div class="cont">
		3746	<div class="cont-col1">
		3747	<div class="label label-sm label-default">
		3748	<i class="fa fa-user"></i>
		3749	</div>
		3750	</div>
		3751	<div class="cont-col2">
		3752	<div class="desc"> You have 5 pending membership that requires a quick review. </div>
		3753	</div>
		3754	</div>
		3755	</div>
		3756	<div class="col2">
		3757	<div class="date"> 24 mins </div>
		3758	</div>
		3759	</li>
		3760	<li>
		3761	<div class="col1">
		3762	<div class="cont">
		3763	<div class="cont-col1">
		3764	<div class="label label-sm label-info">
		3765	<i class="fa fa-shopping-cart"></i>
		3766	</div>
		3767	</div>
		3768	<div class="cont-col2">
		3769	<div class="desc"> New order received with
		3770	<span class="label label-sm label-success"> Reference Number: DR23923 </span>
		3771	</div>
		3772	</div>
		3773	</div>
		3774	</div>
		3775	<div class="col2">
		3776	<div class="date"> 30 mins </div>
		3777	</div>
		3778	</li>
		3779	<li>
		3780	<div class="col1">
		3781	<div class="cont">
		3782	<div class="cont-col1">
		3783	<div class="label label-sm label-success">
		3784	<i class="fa fa-user"></i>
		3785	</div>
		3786	</div>
		3787	<div class="cont-col2">
		3788	<div class="desc"> You have 5 pending membership that requires a quick review. </div>
		3789	</div>
		3790	</div>
		3791	</div>
		3792	<div class="col2">
		3793	<div class="date"> 24 mins </div>
		3794	</div>
		3795	</li>
		3796	<li>
		3797	<div class="col1">
		3798	<div class="cont">
		3799	<div class="cont-col1">
		3800	<div class="label label-sm label-warning">
		3801	<i class="fa fa-bell-o"></i>
		3802	</div>
		3803	</div>
		3804	<div class="cont-col2">
		3805	<div class="desc"> Web server hardware needs to be upgraded.
		3806	<span class="label label-sm label-default "> Overdue </span>
		3807	</div>
		3808	</div>
		3809	</div>
		3810	</div>
		3811	<div class="col2">
		3812	<div class="date"> 2 hours </div>
		3813	</div>
		3814	</li>
		3815	<li>
		3816	<a href="javascript:;">
		3817	<div class="col1">
		3818	<div class="cont">
		3819	<div class="cont-col1">
		3820	<div class="label label-sm label-info">
		3821	<i class="fa fa-briefcase"></i>
		3822	</div>
		3823	</div>
		3824	<div class="cont-col2">
		3825	<div class="desc"> IPO Report for year 2013 has been released. </div>
		3826	</div>
		3827	</div>
		3828	</div>
		3829	<div class="col2">
		3830	<div class="date"> 20 mins </div>
		3831	</div>
		3832	</a>
		3833	</li>
		3834	</ul>
		3835	</div>
		3836	</div>
		3837	<div class="tab-pane page-quick-sidebar-settings" id="quick_sidebar_tab_3">
		3838	<div class="page-quick-sidebar-settings-list">
		3839	<h3 class="list-heading">General Settings</h3>
		3840	<ul class="list-items borderless">
		3841	<li> Enable Notifications
		3842	<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>
		3843	<li> Allow Tracking
		3844	<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>
		3845	<li> Log Errors
		3846	<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>
		3847	<li> Auto Sumbit Issues
		3848	<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>
		3849	<li> Enable SMS Alerts
		3850	<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>
		3851	</ul>
		3852	<h3 class="list-heading">System Settings</h3>
		3853	<ul class="list-items borderless">
		3854	<li> Security Level
		3855	<select class="form-control input-inline input-sm input-small">
		3856	<option value="1">Normal</option>
		3857	<option value="2" selected>Medium</option>
		3858	<option value="e">High</option>
		3859	</select>
		3860	</li>
		3861	<li> Failed Email Attempts
		3862	<input class="form-control input-inline input-sm input-small" value="5" /> </li>
		3863	<li> Secondary SMTP Port
		3864	<input class="form-control input-inline input-sm input-small" value="3560" /> </li>
		3865	<li> Notify On System Error
		3866	<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>
		3867	<li> Notify On SMTP Error
		3868	<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>
		3869	</ul>
		3870	<div class="inner-content">
		3871	<button class="btn btn-success">
		3872	<i class="icon-settings"></i> Save Changes</button>
		3873	</div>
		3874	</div>
		3875	</div>
		3876	</div>
		3877	</div>
		3878	</div>
		3879	<!-- END QUICK SIDEBAR -->
		3880	</div>
		3881	<!-- END CONTAINER -->
		3882	<!-- BEGIN FOOTER -->
		3883	<div class="page-footer">
		3884	<div class="page-footer-inner"> 2016 © Metronic Theme By
		3885	<a target="_blank" href="http://keenthemes.com">Keenthemes</a>  \|
		3886	<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>
		3887	</div>
		3888	<div class="scroll-to-top">
		3889	<i class="icon-arrow-up"></i>
		3890	</div>
		3891	</div>
		3892	<!-- END FOOTER -->
		3893	</div>
		3894	<!--[if lt IE 9]>
		3895	<script src="../assets/global/plugins/respond.min.js"></script>
		3896	<script src="../assets/global/plugins/excanvas.min.js"></script>
		3897	<![endif]-->
		3898	<!-- BEGIN CORE PLUGINS -->
		3899	<script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
		3900	<script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
		3901	<script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
		3902	<script src="../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
		3903	<script src="../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
		3904	<script src="../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
		3905	<!-- END CORE PLUGINS -->
		3906	<!-- BEGIN THEME GLOBAL SCRIPTS -->
		3907	<script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
		3908	<!-- END THEME GLOBAL SCRIPTS -->
		3909	<!-- BEGIN THEME LAYOUT SCRIPTS -->
		3910	<script src="../assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>
		3911	<script src="../assets/layouts/layout/scripts/demo.min.js" type="text/javascript"></script>
		3912	<script src="../assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
		3913	<!-- END THEME LAYOUT SCRIPTS -->
		3914	</body>

Subversion Repositories Integrator Subversion

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