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

Rev	Author	Line No.	Line
1	espaco	1	<!DOCTYPE html>
		2	<!--
		3	Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.3.2
		4	Version: 3.2.0
		5	Author: KeenThemes
		6	Website: http://www.keenthemes.com/
		7	Contact: support@keenthemes.com
		8	Follow: www.twitter.com/keenthemes
		9	Like: www.facebook.com/keenthemes
		10	Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
		11	License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
		12	-->
		13	<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
		14	<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
		15	<!--[if !IE]><!-->
		16	<html lang="en">
		17	<!--<![endif]-->
		18	<!-- BEGIN HEAD -->
		19	<head>
		20	<meta charset="utf-8"/>
		21	<title>Metronic \| Form Layouts</title>
		22	<meta http-equiv="X-UA-Compatible" content="IE=edge">
		23	<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
		24	<meta http-equiv="Content-type" content="text/html; charset=utf-8">
		25	<meta content="" name="description"/>
		26	<meta content="" name="author"/>
		27	<!-- BEGIN GLOBAL MANDATORY STYLES -->
		28	<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css">
		29	<link href="../../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
		30	<link href="../../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css">
		31	<link href="../../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css">
		32	<link href="../../assets/global/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css">
		33	<!-- END GLOBAL MANDATORY STYLES -->
		34	<!-- BEGIN PAGE LEVEL STYLES -->
		35	<link rel="stylesheet" type="text/css" href="../../assets/global/plugins/select2/select2.css"/>
		36	<!-- END PAGE LEVEL SCRIPTS -->
		37	<!-- BEGIN THEME STYLES -->
		38	<link href="../../assets/global/css/components-rounded.css" id="style_components" rel="stylesheet" type="text/css">
		39	<link href="../../assets/global/css/plugins.css" rel="stylesheet" type="text/css">
		40	<link href="../../assets/admin/layout3/css/layout.css" rel="stylesheet" type="text/css">
		41	<link href="../../assets/admin/layout3/css/themes/default.css" rel="stylesheet" type="text/css" id="style_color">
		42	<link href="../../assets/admin/layout3/css/custom.css" rel="stylesheet" type="text/css">
		43	<!-- END THEME STYLES -->
		44	<link rel="shortcut icon" href="favicon.ico"/>
		45	</head>
		46	<!-- END HEAD -->
		47	<!-- BEGIN BODY -->
		48	<!-- DOC: Apply "page-header-menu-fixed" class to set the mega menu fixed -->
		49	<!-- DOC: Apply "page-header-top-fixed" class to set the top menu fixed -->
		50	<body>
		51	<!-- BEGIN HEADER -->
		52	<div class="page-header">
		53	<!-- BEGIN HEADER TOP -->
		54	<div class="page-header-top">
		55	<div class="container">
		56	<!-- BEGIN LOGO -->
		57	<div class="page-logo">
		58	<a href="index.html"><img src="../../assets/admin/layout3/img/logo-default.png" alt="logo" class="logo-default"></a>
		59	</div>
		60	<!-- END LOGO -->
		61	<!-- BEGIN RESPONSIVE MENU TOGGLER -->
		62	<a href="javascript:;" class="menu-toggler"></a>
		63	<!-- END RESPONSIVE MENU TOGGLER -->
		64	<!-- BEGIN TOP NAVIGATION MENU -->
		65	<div class="top-menu">
		66	<ul class="nav navbar-nav pull-right">
		67	<!-- BEGIN NOTIFICATION DROPDOWN -->
		68	<li class="dropdown dropdown-extended dropdown-dark dropdown-notification" id="header_notification_bar">
		69	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		70	<i class="icon-bell"></i>
		71	<span class="badge badge-default">7</span>
		72	</a>
		73	<ul class="dropdown-menu">
		74	<li class="external">
		75	<h3>You have <strong>12 pending</strong> tasks</h3>
		76	<a href="javascript:;">view all</a>
		77	</li>
		78	<li>
		79	<ul class="dropdown-menu-list scroller" style="height: 250px;" data-handle-color="#637283">
		80	<li>
		81	<a href="javascript:;">
		82	<span class="time">just now</span>
		83	<span class="details">
		84	<span class="label label-sm label-icon label-success">
		85	<i class="fa fa-plus"></i>
		86	</span>
		87	New user registered. </span>
		88	</a>
		89	</li>
		90	<li>
		91	<a href="javascript:;">
		92	<span class="time">3 mins</span>
		93	<span class="details">
		94	<span class="label label-sm label-icon label-danger">
		95	<i class="fa fa-bolt"></i>
		96	</span>
		97	Server #12 overloaded. </span>
		98	</a>
		99	</li>
		100	<li>
		101	<a href="javascript:;">
		102	<span class="time">10 mins</span>
		103	<span class="details">
		104	<span class="label label-sm label-icon label-warning">
		105	<i class="fa fa-bell-o"></i>
		106	</span>
		107	Server #2 not responding. </span>
		108	</a>
		109	</li>
		110	<li>
		111	<a href="javascript:;">
		112	<span class="time">14 hrs</span>
		113	<span class="details">
		114	<span class="label label-sm label-icon label-info">
		115	<i class="fa fa-bullhorn"></i>
		116	</span>
		117	Application error. </span>
		118	</a>
		119	</li>
		120	<li>
		121	<a href="javascript:;">
		122	<span class="time">2 days</span>
		123	<span class="details">
		124	<span class="label label-sm label-icon label-danger">
		125	<i class="fa fa-bolt"></i>
		126	</span>
		127	Database overloaded 68%. </span>
		128	</a>
		129	</li>
		130	<li>
		131	<a href="javascript:;">
		132	<span class="time">3 days</span>
		133	<span class="details">
		134	<span class="label label-sm label-icon label-danger">
		135	<i class="fa fa-bolt"></i>
		136	</span>
		137	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>
		147	Storage Server #4 not responding dfdfdfd. </span>
		148	</a>
		149	</li>
		150	<li>
		151	<a href="javascript:;">
		152	<span class="time">5 days</span>
		153	<span class="details">
		154	<span class="label label-sm label-icon label-info">
		155	<i class="fa fa-bullhorn"></i>
		156	</span>
		157	System Error. </span>
		158	</a>
		159	</li>
		160	<li>
		161	<a href="javascript:;">
		162	<span class="time">9 days</span>
		163	<span class="details">
		164	<span class="label label-sm label-icon label-danger">
		165	<i class="fa fa-bolt"></i>
		166	</span>
		167	Storage server failed. </span>
		168	</a>
		169	</li>
		170	</ul>
		171	</li>
		172	</ul>
		173	</li>
		174	<!-- END NOTIFICATION DROPDOWN -->
		175	<!-- BEGIN TODO DROPDOWN -->
		176	<li class="dropdown dropdown-extended dropdown-dark dropdown-tasks" id="header_task_bar">
		177	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		178	<i class="icon-calendar"></i>
		179	<span class="badge badge-default">3</span>
		180	</a>
		181	<ul class="dropdown-menu extended tasks">
		182	<li class="external">
		183	<h3>You have <strong>12 pending</strong> tasks</h3>
		184	<a href="javascript:;">view all</a>
		185	</li>
		186	<li>
		187	<ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
		188	<li>
		189	<a href="javascript:;">
		190	<span class="task">
		191	<span class="desc">New release v1.2 </span>
		192	<span class="percent">30%</span>
		193	</span>
		194	<span class="progress">
		195	<span style="width: 40%;" class="progress-bar progress-bar-success" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">40% Complete</span></span>
		196	</span>
		197	</a>
		198	</li>
		199	<li>
		200	<a href="javascript:;">
		201	<span class="task">
		202	<span class="desc">Application deployment</span>
		203	<span class="percent">65%</span>
		204	</span>
		205	<span class="progress">
		206	<span style="width: 65%;" class="progress-bar progress-bar-danger" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">65% Complete</span></span>
		207	</span>
		208	</a>
		209	</li>
		210	<li>
		211	<a href="javascript:;">
		212	<span class="task">
		213	<span class="desc">Mobile app release</span>
		214	<span class="percent">98%</span>
		215	</span>
		216	<span class="progress">
		217	<span style="width: 98%;" class="progress-bar progress-bar-success" aria-valuenow="98" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">98% Complete</span></span>
		218	</span>
		219	</a>
		220	</li>
		221	<li>
		222	<a href="javascript:;">
		223	<span class="task">
		224	<span class="desc">Database migration</span>
		225	<span class="percent">10%</span>
		226	</span>
		227	<span class="progress">
		228	<span style="width: 10%;" class="progress-bar progress-bar-warning" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">10% Complete</span></span>
		229	</span>
		230	</a>
		231	</li>
		232	<li>
		233	<a href="javascript:;">
		234	<span class="task">
		235	<span class="desc">Web server upgrade</span>
		236	<span class="percent">58%</span>
		237	</span>
		238	<span class="progress">
		239	<span style="width: 58%;" class="progress-bar progress-bar-info" aria-valuenow="58" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">58% Complete</span></span>
		240	</span>
		241	</a>
		242	</li>
		243	<li>
		244	<a href="javascript:;">
		245	<span class="task">
		246	<span class="desc">Mobile development</span>
		247	<span class="percent">85%</span>
		248	</span>
		249	<span class="progress">
		250	<span style="width: 85%;" class="progress-bar progress-bar-success" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">85% Complete</span></span>
		251	</span>
		252	</a>
		253	</li>
		254	<li>
		255	<a href="javascript:;">
		256	<span class="task">
		257	<span class="desc">New UI release</span>
		258	<span class="percent">38%</span>
		259	</span>
		260	<span class="progress progress-striped">
		261	<span style="width: 38%;" class="progress-bar progress-bar-important" aria-valuenow="18" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">38% Complete</span></span>
		262	</span>
		263	</a>
		264	</li>
		265	</ul>
		266	</li>
		267	</ul>
		268	</li>
		269	<!-- END TODO DROPDOWN -->
		270	<li class="droddown dropdown-separator">
		271	<span class="separator"></span>
		272	</li>
		273	<!-- BEGIN INBOX DROPDOWN -->
		274	<li class="dropdown dropdown-extended dropdown-dark dropdown-inbox" id="header_inbox_bar">
		275	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		276	<span class="circle">3</span>
		277	<span class="corner"></span>
		278	</a>
		279	<ul class="dropdown-menu">
		280	<li class="external">
		281	<h3>You have <strong>7 New</strong> Messages</h3>
		282	<a href="javascript:;">view all</a>
		283	</li>
		284	<li>
		285	<ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
		286	<li>
		287	<a href="inbox.html?a=view">
		288	<span class="photo">
		289	<img src="../../assets/admin/layout3/img/avatar2.jpg" class="img-circle" alt="">
		290	</span>
		291	<span class="subject">
		292	<span class="from">
		293	Lisa Wong </span>
		294	<span class="time">Just Now </span>
		295	</span>
		296	<span class="message">
		297	Vivamus sed auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		298	</a>
		299	</li>
		300	<li>
		301	<a href="inbox.html?a=view">
		302	<span class="photo">
		303	<img src="../../assets/admin/layout3/img/avatar3.jpg" class="img-circle" alt="">
		304	</span>
		305	<span class="subject">
		306	<span class="from">
		307	Richard Doe </span>
		308	<span class="time">16 mins </span>
		309	</span>
		310	<span class="message">
		311	Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		312	</a>
		313	</li>
		314	<li>
		315	<a href="inbox.html?a=view">
		316	<span class="photo">
		317	<img src="../../assets/admin/layout3/img/avatar1.jpg" class="img-circle" alt="">
		318	</span>
		319	<span class="subject">
		320	<span class="from">
		321	Bob Nilson </span>
		322	<span class="time">2 hrs </span>
		323	</span>
		324	<span class="message">
		325	Vivamus sed nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		326	</a>
		327	</li>
		328	<li>
		329	<a href="inbox.html?a=view">
		330	<span class="photo">
		331	<img src="../../assets/admin/layout3/img/avatar2.jpg" class="img-circle" alt="">
		332	</span>
		333	<span class="subject">
		334	<span class="from">
		335	Lisa Wong </span>
		336	<span class="time">40 mins </span>
		337	</span>
		338	<span class="message">
		339	Vivamus sed auctor 40% nibh congue nibh... </span>
		340	</a>
		341	</li>
		342	<li>
		343	<a href="inbox.html?a=view">
		344	<span class="photo">
		345	<img src="../../assets/admin/layout3/img/avatar3.jpg" class="img-circle" alt="">
		346	</span>
		347	<span class="subject">
		348	<span class="from">
		349	Richard Doe </span>
		350	<span class="time">46 mins </span>
		351	</span>
		352	<span class="message">
		353	Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		354	</a>
		355	</li>
		356	</ul>
		357	</li>
		358	</ul>
		359	</li>
		360	<!-- END INBOX DROPDOWN -->
		361	<!-- BEGIN USER LOGIN DROPDOWN -->
		362	<li class="dropdown dropdown-user dropdown-dark">
		363	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		364	<img alt="" class="img-circle" src="../../assets/admin/layout3/img/avatar9.jpg">
		365	<span class="username username-hide-mobile">Nick</span>
		366	</a>
		367	<ul class="dropdown-menu dropdown-menu-default">
		368	<li>
		369	<a href="extra_profile.html">
		370	<i class="icon-user"></i> My Profile </a>
		371	</li>
		372	<li>
		373	<a href="page_calendar.html">
		374	<i class="icon-calendar"></i> My Calendar </a>
		375	</li>
		376	<li>
		377	<a href="inbox.html">
		378	<i class="icon-envelope-open"></i> My Inbox <span class="badge badge-danger">
		379	3 </span>
		380	</a>
		381	</li>
		382	<li>
		383	<a href="javascript:;">
		384	<i class="icon-rocket"></i> My Tasks <span class="badge badge-success">
		385	7 </span>
		386	</a>
		387	</li>
		388	<li class="divider">
		389	</li>
		390	<li>
		391	<a href="extra_lock.html">
		392	<i class="icon-lock"></i> Lock Screen </a>
		393	</li>
		394	<li>
		395	<a href="login.html">
		396	<i class="icon-key"></i> Log Out </a>
		397	</li>
		398	</ul>
		399	</li>
		400	<!-- END USER LOGIN DROPDOWN -->
		401	</ul>
		402	</div>
		403	<!-- END TOP NAVIGATION MENU -->
		404	</div>
		405	</div>
		406	<!-- END HEADER TOP -->
		407	<!-- BEGIN HEADER MENU -->
		408	<div class="page-header-menu">
		409	<div class="container">
		410	<!-- BEGIN HEADER SEARCH BOX -->
		411	<form class="search-form" action="extra_search.html" method="GET">
		412	<div class="input-group">
		413	<input type="text" class="form-control" placeholder="Search" name="query">
		414	<span class="input-group-btn">
		415	<a href="javascript:;" class="btn submit"><i class="icon-magnifier"></i></a>
		416	</span>
		417	</div>
		418	</form>
		419	<!-- END HEADER SEARCH BOX -->
		420	<!-- BEGIN MEGA MENU -->
		421	<!-- DOC: Apply "hor-menu-light" class after the "hor-menu" class below to have a horizontal menu with white background -->
		422	<!-- DOC: Remove data-hover="dropdown" and data-close-others="true" attributes below to disable the dropdown opening on mouse hover -->
		423	<div class="hor-menu ">
		424	<ul class="nav navbar-nav">
		425	<li>
		426	<a href="index.html">Dashboard</a>
		427	</li>
		428	<li class="menu-dropdown mega-menu-dropdown ">
		429	<a data-hover="megamenu-dropdown" data-close-others="true" data-toggle="dropdown" href="javascript:;" class="dropdown-toggle">
		430	Features <i class="fa fa-angle-down"></i>
		431	</a>
		432	<ul class="dropdown-menu" style="min-width: 710px">
		433	<li>
		434	<div class="mega-menu-content">
		435	<div class="row">
		436	<div class="col-md-4">
		437	<ul class="mega-menu-submenu">
		438	<li>
		439	<h3>eCommerce</h3>
		440	</li>
		441	<li>
		442	<a href="ecommerce_index.html" class="iconify">
		443	<i class="icon-home"></i>
		444	eCommerce </a>
		445	</li>
		446	<li>
		447	<a href="ecommerce_orders.html" class="iconify">
		448	<i class="icon-basket"></i>
		449	Manage Orders </a>
		450	</li>
		451	<li>
		452	<a href="ecommerce_orders_view.html" class="iconify">
		453	<i class="icon-tag"></i>
		454	Order View </a>
		455	</li>
		456	<li>
		457	<a href="ecommerce_products.html" class="iconify">
		458	<i class="icon-handbag"></i>
		459	Manage Products </a>
		460	</li>
		461	<li>
		462	<a href="ecommerce_products_edit.html" class="iconify">
		463	<i class="icon-pencil"></i>
		464	Product Edit </a>
		465	</li>
		466	</ul>
		467	</div>
		468	<div class="col-md-4">
		469	<ul class="mega-menu-submenu">
		470	<li>
		471	<h3>Layouts</h3>
		472	</li>
		473	<li>
		474	<a href="layout_fluid.html" class="iconify">
		475	<i class="icon-cursor-move"></i>
		476	Fluid Layout </a>
		477	</li>
		478	<li>
		479	<a href="layout_mega_menu_fixed.html" class="iconify">
		480	<i class="icon-pin"></i>
		481	Fixed Mega Menu </a>
		482	</li>
		483	<li>
		484	<a href="layout_top_bar_fixed.html" class="iconify">
		485	<i class="icon-bar-chart"></i>
		486	Fixed Top Bar </a>
		487	</li>
		488	<li>
		489	<a href="layout_light_header.html" class="iconify">
		490	<i class="icon-paper-plane"></i>
		491	Light Header Dropdowns </a>
		492	</li>
		493	<li>
		494	<a href="layout_blank_page.html" class="iconify">
		495	<i class="icon-doc"></i>
		496	Blank Page Layout </a>
		497	</li>
		498	</ul>
		499	</div>
		500	<div class="col-md-4">
		501	<ul class="mega-menu-submenu">
		502	<li>
		503	<h3>More Layouts</h3>
		504	</li>
		505	<li>
		506	<a href="layout_click_dropdowns.html" class="iconify">
		507	<i class="icon-speech"></i>
		508	Click vs. Hover Dropdowns </a>
		509	</li>
		510	<li>
		511	<a href="layout_fontawesome_icons.html" class="iconify">
		512	<i class="icon-link"></i>
		513	Layout with Fontawesome </a>
		514	</li>
		515	<li>
		516	<a href="layout_glyphicons.html" class="iconify">
		517	<i class="icon-settings"></i>
		518	Layout with Glyphicon </a>
		519	</li>
		520	<li>
		521	<a href="layout_language_bar.html" class="iconify">
		522	<i class="icon-globe"></i>
		523	Language Switch Bar </a>
		524	</li>
		525	<li>
		526	<a href="layout_disabled_menu.html" class="iconify">
		527	<i class=" icon-lock"></i>
		528	Disabled Menu Links </a>
		529	</li>
		530	</ul>
		531	</div>
		532	</div>
		533	</div>
		534	</li>
		535	</ul>
		536	</li>
		537	<li class="menu-dropdown mega-menu-dropdown mega-menu-full active">
		538	<a data-hover="megamenu-dropdown" data-close-others="true" data-toggle="dropdown" href="javascript:;" class="dropdown-toggle">
		539	UI Components <i class="fa fa-angle-down"></i>
		540	</a>
		541	<ul class="dropdown-menu">
		542	<li>
		543	<div class="mega-menu-content">
		544	<div class="row">
		545	<div class="col-md-3">
		546	<ul class="mega-menu-submenu">
		547	<li>
		548	<h3>UI Components</h3>
		549	</li>
		550	<li>
		551	<a href="ui_general.html">
		552	<i class="fa fa-angle-right"></i>
		553	General </a>
		554	</li>
		555	<li>
		556	<a href="ui_buttons.html">
		557	<i class="fa fa-angle-right"></i>
		558	Buttons </a>
		559	</li>
		560	<li>
		561	<a href="ui_icons.html">
		562	<i class="fa fa-angle-right"></i>
		563	Font Icons </a>
		564	</li>
		565	<li>
		566	<a href="ui_colors.html">
		567	<i class="fa fa-angle-right"></i>
		568	Flat UI Colors </a>
		569	</li>
		570	<li>
		571	<a href="ui_typography.html">
		572	<i class="fa fa-angle-right"></i>
		573	Typography </a>
		574	</li>
		575	<li>
		576	<a href="ui_tabs_accordions_navs.html">
		577	<i class="fa fa-angle-right"></i>
		578	Tabs, Accordions & Navs </a>
		579	</li>
		580	<li>
		581	<a href="ui_tree.html">
		582	<i class="fa fa-angle-right"></i>
		583	Tree View </a>
		584	</li>
		585	<li>
		586	<a href="ui_page_progress_style_1.html">
		587	<i class="fa fa-angle-right"></i>
		588	Page Progress Bar <span class="badge badge-roundless badge-warning">new</span></a>
		589	</li>
		590	<li>
		591	<a href="ui_blockui.html">
		592	<i class="fa fa-angle-right"></i>
		593	Block UI </a>
		594	</li>
		595	<li>
		596	<a href="ui_notific8.html">
		597	<i class="fa fa-angle-right"></i>
		598	Notific8 Notifications </a>
		599	</li>
		600	</ul>
		601	</div>
		602	<div class="col-md-3">
		603	<ul class="mega-menu-submenu">
		604	<li>
		605	<h3>More UI Components</h3>
		606	</li>
		607	<li>
		608	<a href="ui_toastr.html">
		609	<i class="fa fa-angle-right"></i>
		610	Toastr Notifications </a>
		611	</li>
		612	<li>
		613	<a href="ui_alert_dialog_api.html">
		614	<i class="fa fa-angle-right"></i>
		615	Alerts & Dialogs API <span class="badge badge-roundless badge-danger">new</span></a>
		616	</li>
		617	<li>
		618	<a href="ui_session_timeout.html">
		619	<i class="fa fa-angle-right"></i>
		620	Session Timeout </a>
		621	</li>
		622	<li>
		623	<a href="ui_idle_timeout.html">
		624	<i class="fa fa-angle-right"></i>
		625	User Idle Timeout </a>
		626	</li>
		627	<li>
		628	<a href="ui_modals.html">
		629	<i class="fa fa-angle-right"></i>
		630	Modals </a>
		631	</li>
		632	<li>
		633	<a href="ui_extended_modals.html">
		634	<i class="fa fa-angle-right"></i>
		635	Extended Modals </a>
		636	</li>
		637	<li>
		638	<a href="ui_tiles.html">
		639	<i class="fa fa-angle-right"></i>
		640	Tiles </a>
		641	</li>
		642	<li>
		643	<a href="ui_datepaginator.html">
		644	<i class="fa fa-angle-right"></i>
		645	Date Paginator </a>
		646	</li>
		647	<li>
		648	<a href="ui_nestable.html">
		649	<i class="fa fa-angle-right"></i>
		650	Nestable List </a>
		651	</li>
		652	</ul>
		653	</div>
		654	<div class="col-md-3">
		655	<ul class="mega-menu-submenu">
		656	<li>
		657	<h3>Form Stuff</h3>
		658	</li>
		659	<li>
		660	<a href="form_controls.html">
		661	<i class="fa fa-angle-right"></i>
		662	Form Controls </a>
		663	</li>
		664	<li>
		665	<a href="form_icheck.html">
		666	<i class="fa fa-angle-right"></i>
		667	iCheck Controls </a>
		668	</li>
		669	<li class="active">
		670	<a href="form_layouts.html">
		671	<i class="fa fa-angle-right"></i>
		672	Form Layouts </a>
		673	</li>
		674	<li>
		675	<a href="form_editable.html">
		676	<i class="fa fa-angle-right"></i>
		677	Form X-editable <span class="badge badge-roundless badge-success">new</span></a>
		678	</li>
		679	<li>
		680	<a href="form_wizard.html">
		681	<i class="fa fa-angle-right"></i>
		682	Form Wizard </a>
		683	</li>
		684	<li>
		685	<a href="form_validation.html">
		686	<i class="fa fa-angle-right"></i>
		687	Form Validation </a>
		688	</li>
		689	<li>
		690	<a href="form_image_crop.html">
		691	<i class="fa fa-angle-right"></i>
		692	Image Cropping </a>
		693	</li>
		694	<li>
		695	<a href="form_fileupload.html">
		696	<i class="fa fa-angle-right"></i>
		697	Multiple File Upload </a>
		698	</li>
		699	<li>
		700	<a href="form_dropzone.html">
		701	<i class="fa fa-angle-right"></i>
		702	Dropzone File Upload </a>
		703	</li>
		704	</ul>
		705	</div>
		706	<div class="col-md-3">
		707	<ul class="mega-menu-submenu">
		708	<li>
		709	<h3>Form Components</h3>
		710	</li>
		711	<li>
		712	<a href="components_pickers.html">
		713	<i class="fa fa-angle-right"></i>
		714	Date & Time Pickers </a>
		715	</li>
		716	<li>
		717	<a href="components_context_menu.html">
		718	<i class="fa fa-angle-right"></i>
		719	Context Menu </a>
		720	</li>
		721	<li>
		722	<a href="components_dropdowns.html">
		723	<i class="fa fa-angle-right"></i>
		724	Custom Dropdowns </a>
		725	</li>
		726	<li>
		727	<a href="components_form_tools.html">
		728	<i class="fa fa-angle-right"></i>
		729	Form Tools </a>
		730	</li>
		731	<li>
		732	<a href="components_editors.html">
		733	<i class="fa fa-angle-right"></i>
		734	Markdown & WYSIWYG Editors </a>
		735	</li>
		736	<li>
		737	<a href="components_ion_sliders.html">
		738	<i class="fa fa-angle-right"></i>
		739	Ion Range Sliders </a>
		740	</li>
		741	<li>
		742	<a href="components_noui_sliders.html">
		743	<i class="fa fa-angle-right"></i>
		744	NoUI Range Sliders </a>
		745	</li>
		746	<li>
		747	<a href="components_jqueryui_sliders.html">
		748	<i class="fa fa-angle-right"></i>
		749	jQuery UI Sliders </a>
		750	</li>
		751	<li>
		752	<a href="components_knob_dials.html">
		753	<i class="fa fa-angle-right"></i>
		754	Knob Circle Dials </a>
		755	</li>
		756	</ul>
		757	</div>
		758	</div>
		759	</div>
		760	</li>
		761	</ul>
		762	</li>
		763	<li class="menu-dropdown classic-menu-dropdown ">
		764	<a data-hover="megamenu-dropdown" data-close-others="true" data-toggle="dropdown" href="javascript:;">
		765	Extra <i class="fa fa-angle-down"></i>
		766	</a>
		767	<ul class="dropdown-menu pull-left">
		768	<li class=" dropdown-submenu">
		769	<a href=":;">
		770	<i class="icon-briefcase"></i>
		771	Data Tables </a>
		772	<ul class="dropdown-menu">
		773	<li class=" ">
		774	<a href="table_basic.html">
		775	Basic Datatables </a>
		776	</li>
		777	<li class=" ">
		778	<a href="table_tree.html">
		779	Tree Datatables </a>
		780	</li>
		781	<li class=" ">
		782	<a href="table_responsive.html">
		783	Responsive Datatables </a>
		784	</li>
		785	<li class=" ">
		786	<a href="table_managed.html">
		787	Managed Datatables </a>
		788	</li>
		789	<li class=" ">
		790	<a href="table_editable.html">
		791	Editable Datatables </a>
		792	</li>
		793	<li class=" ">
		794	<a href="table_advanced.html">
		795	Advanced Datatables </a>
		796	</li>
		797	<li class=" ">
		798	<a href="table_ajax.html">
		799	Ajax Datatables </a>
		800	</li>
		801	</ul>
		802	</li>
		803	<li class=" dropdown-submenu">
		804	<a href=":;">
		805	<i class="icon-wallet"></i>
		806	Portlets </a>
		807	<ul class="dropdown-menu">
		808	<li class=" ">
		809	<a href="portlet_general.html">
		810	General Portlets </a>
		811	</li>
		812	<li class=" ">
		813	<a href="portlet_general2.html">
		814	New Portlets #1 <span class="badge badge-roundless badge-danger">new</span>
		815	</a>
		816	</li>
		817	<li class=" ">
		818	<a href="portlet_general3.html">
		819	New Portlets #2 <span class="badge badge-roundless badge-danger">new</span>
		820	</a>
		821	</li>
		822	<li class=" ">
		823	<a href="portlet_ajax.html">
		824	Ajax Portlets </a>
		825	</li>
		826	<li class=" ">
		827	<a href="portlet_draggable.html">
		828	Draggable Portlets </a>
		829	</li>
		830	</ul>
		831	</li>
		832	<li class=" dropdown-submenu">
		833	<a href=":;">
		834	<i class="icon-bar-chart"></i>
		835	Charts </a>
		836	<ul class="dropdown-menu">
		837	<li class=" ">
		838	<a href="charts_amcharts.html">
		839	amChart </a>
		840	</li>
		841	<li class=" ">
		842	<a href="charts_flotcharts.html">
		843	Flotchart </a>
		844	</li>
		845	</ul>
		846	</li>
		847	<li class=" dropdown-submenu">
		848	<a href=":;">
		849	<i class="icon-pointer"></i>
		850	Maps </a>
		851	<ul class="dropdown-menu">
		852	<li class=" ">
		853	<a href="maps_google.html">
		854	Google Maps </a>
		855	</li>
		856	<li class=" ">
		857	<a href="maps_vector.html">
		858	Vector Maps </a>
		859	</li>
		860	</ul>
		861	</li>
		862	<li class=" dropdown-submenu">
		863	<a href=":;">
		864	<i class="icon-puzzle"></i>
		865	Multi Level </a>
		866	<ul class="dropdown-menu">
		867	<li class=" ">
		868	<a href="javascript:;">
		869	<i class="icon-settings"></i>
		870	Item 1 </a>
		871	</li>
		872	<li class=" ">
		873	<a href="javascript:;">
		874	<i class="icon-user"></i>
		875	Item 2 </a>
		876	</li>
		877	<li class=" ">
		878	<a href="javascript:;">
		879	<i class="icon-globe"></i>
		880	Item 3 </a>
		881	</li>
		882	<li class=" dropdown-submenu">
		883	<a href="#">
		884	<i class="icon-folder"></i>
		885	Sub Items </a>
		886	<ul class="dropdown-menu">
		887	<li class=" ">
		888	<a href="javascript:;">
		889	Item 1 </a>
		890	</li>
		891	<li class=" ">
		892	<a href="javascript:;">
		893	Item 2 </a>
		894	</li>
		895	<li class=" ">
		896	<a href="javascript:;">
		897	Item 3 </a>
		898	</li>
		899	<li class=" ">
		900	<a href="javascript:;">
		901	Item 4 </a>
		902	</li>
		903	</ul>
		904	</li>
		905	<li class=" ">
		906	<a href="javascript:;">
		907	<i class="icon-share"></i>
		908	Item 4 </a>
		909	</li>
		910	<li class=" ">
		911	<a href="javascript:;">
		912	<i class="icon-bar-chart"></i>
		913	Item 5 </a>
		914	</li>
		915	</ul>
		916	</li>
		917	</ul>
		918	</li>
		919	<li class="menu-dropdown mega-menu-dropdown mega-menu-full ">
		920	<a data-hover="megamenu-dropdown" data-close-others="true" data-toggle="dropdown" href="javascript:;" class="dropdown-toggle">
		921	Pages <i class="fa fa-angle-down"></i>
		922	</a>
		923	<ul class="dropdown-menu">
		924	<li>
		925	<div class="mega-menu-content">
		926	<div class="row">
		927	<div class="col-md-3">
		928	<ul class="mega-menu-submenu">
		929	<li>
		930	<h3>User Pages</h3>
		931	</li>
		932	<li>
		933	<a href="page_timeline.html">
		934	<i class="fa fa-angle-right"></i>
		935	New Timeline <span class="badge badge-warning">2</span></a>
		936	</li>
		937	<li>
		938	<a href="extra_profile.html">
		939	<i class="fa fa-angle-right"></i>
		940	New User Profile <span class="badge badge-success badge-roundless">new</span></a>
		941	</li>
		942	<li>
		943	<a href="page_todo.html">
		944	<i class="fa fa-angle-right"></i>
		945	Todo & Tasks <span class="badge badge-danger">4</span></a>
		946	</li>
		947	<li>
		948	<a href="inbox.html">
		949	<i class="fa fa-angle-right"></i>
		950	User Inbox <span class="badge badge-success">4</span></a>
		951	</li>
		952	<li>
		953	<a href="page_calendar.html">
		954	<i class="fa fa-angle-right"></i>
		955	User Calendar <span class="badge badge-warning">14</span></a>
		956	</li>
		957	<li>
		958	<a href="page_timeline_old.html">
		959	<i class="fa fa-angle-right"></i>
		960	Old Timeline <span class="badge badge-warning">2</span></a>
		961	</li>
		962	<li>
		963	<a href="extra_profile_old.html">
		964	<i class="fa fa-angle-right"></i>
		965	Old User Profile </a>
		966	</li>
		967	</ul>
		968	</div>
		969	<div class="col-md-3">
		970	<ul class="mega-menu-submenu">
		971	<li>
		972	<h3>General Pages</h3>
		973	</li>
		974	<li>
		975	<a href="extra_faq.html">
		976	<i class="fa fa-angle-right"></i>
		977	FAQ Page </a>
		978	</li>
		979	<li>
		980	<a href="page_portfolio.html">
		981	<i class="fa fa-angle-right"></i>
		982	Portfolio </a>
		983	</li>
		984	<li>
		985	<a href="page_timeline.html">
		986	<i class="fa fa-angle-right"></i>
		987	Timeline <span class="badge badge-info">4</span></a>
		988	</li>
		989	<li>
		990	<a href="page_coming_soon.html">
		991	<i class="fa fa-angle-right"></i>
		992	Coming Soon </a>
		993	</li>
		994	<li>
		995	<a href="extra_invoice.html">
		996	<i class="fa fa-angle-right"></i>
		997	Invoice </a>
		998	</li>
		999	<li>
		1000	<a href="page_blog.html">
		1001	<i class="fa fa-angle-right"></i>
		1002	Blog </a>
		1003	</li>
		1004	<li>
		1005	<a href="page_blog_item.html">
		1006	<i class="fa fa-angle-right"></i>
		1007	Blog Post </a>
		1008	</li>
		1009	</ul>
		1010	</div>
		1011	<div class="col-md-3">
		1012	<ul class="mega-menu-submenu">
		1013	<li>
		1014	<h3>Custom Pages</h3>
		1015	</li>
		1016	<li>
		1017	<a href="page_news.html">
		1018	<i class="fa fa-angle-right"></i>
		1019	News <span class="badge badge-success">9</span></a>
		1020	</li>
		1021	<li>
		1022	<a href="page_news_item.html">
		1023	<i class="fa fa-angle-right"></i>
		1024	News View </a>
		1025	</li>
		1026	<li>
		1027	<a href="page_about.html">
		1028	<i class="fa fa-angle-right"></i>
		1029	About Us </a>
		1030	</li>
		1031	<li>
		1032	<a href="page_contact.html">
		1033	<i class="fa fa-angle-right"></i>
		1034	Contact Us </a>
		1035	</li>
		1036	<li>
		1037	<a href="extra_search.html">
		1038	<i class="fa fa-angle-right"></i>
		1039	Search Results </a>
		1040	</li>
		1041	<li>
		1042	<a href="extra_pricing_table.html">
		1043	<i class="fa fa-angle-right"></i>
		1044	Pricing Tables </a>
		1045	</li>
		1046	<li>
		1047	<a href="login.html">
		1048	<i class="fa fa-angle-right"></i>
		1049	Login Form 1 </a>
		1050	</li>
		1051	<li>
		1052	<a href="login_2.html">
		1053	<i class="fa fa-angle-right"></i>
		1054	Login Form 2 </a>
		1055	</li>
		1056	<li>
		1057	<a href="login_3.html">
		1058	<i class="fa fa-angle-right"></i>
		1059	Login Form 3 </a>
		1060	</li>
		1061	<li>
		1062	<a href="login_soft.html">
		1063	<i class="fa fa-angle-right"></i>
		1064	Login Form 4 </a>
		1065	</li>
		1066	</ul>
		1067	</div>
		1068	<div class="col-md-3">
		1069	<ul class="mega-menu-submenu">
		1070	<li>
		1071	<h3>Miscellaneous</h3>
		1072	</li>
		1073	<li>
		1074	<a href="extra_lock.html">
		1075	<i class="fa fa-angle-right"></i>
		1076	Lock Screen 1 </a>
		1077	</li>
		1078	<li>
		1079	<a href="extra_lock2.html">
		1080	<i class="fa fa-angle-right"></i>
		1081	Lock Screen 2 </a>
		1082	</li>
		1083	<li>
		1084	<a href="extra_404_option1.html">
		1085	<i class="fa fa-angle-right"></i>
		1086	404 Page Option 1 </a>
		1087	</li>
		1088	<li>
		1089	<a href="extra_404_option2.html">
		1090	<i class="fa fa-angle-right"></i>
		1091	404 Page Option 2 </a>
		1092	</li>
		1093	<li>
		1094	<a href="extra_404_option3.html">
		1095	<i class="fa fa-angle-right"></i>
		1096	404 Page Option 3 </a>
		1097	</li>
		1098	<li>
		1099	<a href="extra_500_option1.html">
		1100	<i class="fa fa-angle-right"></i>
		1101	500 Page Option 1 </a>
		1102	</li>
		1103	<li>
		1104	<a href="extra_500_option2.html">
		1105	<i class="fa fa-angle-right"></i>
		1106	500 Page Option 2 </a>
		1107	</li>
		1108	<li>
		1109	<a href="email_newsletter.html">
		1110	<i class="fa fa-angle-right"></i>
		1111	Newsletter Email Template </a>
		1112	</li>
		1113	<li>
		1114	<a href="email_system.html">
		1115	<i class="fa fa-angle-right"></i>
		1116	System Email Template </a>
		1117	</li>
		1118	</ul>
		1119	</div>
		1120	</div>
		1121	</div>
		1122	</li>
		1123	</ul>
		1124	</li>
		1125	<li class="menu-dropdown">
		1126	<a href="angularjs" target="_blank" class="tooltips" data-container="body" data-placement="bottom" data-html="true" data-original-title="AngularJS version demo">
		1127	AngularJS Version </a>
		1128	</li>
		1129	</ul>
		1130	</div>
		1131	<!-- END MEGA MENU -->
		1132	</div>
		1133	</div>
		1134	<!-- END HEADER MENU -->
		1135	</div>
		1136	<!-- END HEADER -->
		1137	<!-- BEGIN PAGE CONTAINER -->
		1138	<div class="page-container">
		1139	<!-- BEGIN PAGE HEAD -->
		1140	<div class="page-head">
		1141	<div class="container">
		1142	<!-- BEGIN PAGE TITLE -->
		1143	<div class="page-title">
		1144	<h1>Form Layouts <small>form layouts</small></h1>
		1145	</div>
		1146	<!-- END PAGE TITLE -->
		1147	<!-- BEGIN PAGE TOOLBAR -->
		1148	<div class="page-toolbar">
		1149	<!-- BEGIN THEME PANEL -->
		1150	<div class="btn-group btn-theme-panel">
		1151	<a href="javascript:;" class="btn dropdown-toggle" data-toggle="dropdown">
		1152	<i class="icon-settings"></i>
		1153	</a>
		1154	<div class="dropdown-menu theme-panel pull-right dropdown-custom hold-on-click">
		1155	<div class="row">
		1156	<div class="col-md-6 col-sm-6 col-xs-12">
		1157	<h3>THEME COLORS</h3>
		1158	<div class="row">
		1159	<div class="col-md-6 col-sm-6 col-xs-12">
		1160	<ul class="theme-colors">
		1161	<li class="theme-color theme-color-default" data-theme="default">
		1162	<span class="theme-color-view"></span>
		1163	<span class="theme-color-name">Default</span>
		1164	</li>
		1165	<li class="theme-color theme-color-blue-hoki" data-theme="blue-hoki">
		1166	<span class="theme-color-view"></span>
		1167	<span class="theme-color-name">Blue Hoki</span>
		1168	</li>
		1169	<li class="theme-color theme-color-blue-steel" data-theme="blue-steel">
		1170	<span class="theme-color-view"></span>
		1171	<span class="theme-color-name">Blue Steel</span>
		1172	</li>
		1173	<li class="theme-color theme-color-yellow-orange" data-theme="yellow-orange">
		1174	<span class="theme-color-view"></span>
		1175	<span class="theme-color-name">Orange</span>
		1176	</li>
		1177	<li class="theme-color theme-color-yellow-crusta" data-theme="yellow-crusta">
		1178	<span class="theme-color-view"></span>
		1179	<span class="theme-color-name">Yellow Crusta</span>
		1180	</li>
		1181	</ul>
		1182	</div>
		1183	<div class="col-md-6 col-sm-6 col-xs-12">
		1184	<ul class="theme-colors">
		1185	<li class="theme-color theme-color-green-haze" data-theme="green-haze">
		1186	<span class="theme-color-view"></span>
		1187	<span class="theme-color-name">Green Haze</span>
		1188	</li>
		1189	<li class="theme-color theme-color-red-sunglo" data-theme="red-sunglo">
		1190	<span class="theme-color-view"></span>
		1191	<span class="theme-color-name">Red Sunglo</span>
		1192	</li>
		1193	<li class="theme-color theme-color-red-intense" data-theme="red-intense">
		1194	<span class="theme-color-view"></span>
		1195	<span class="theme-color-name">Red Intense</span>
		1196	</li>
		1197	<li class="theme-color theme-color-purple-plum" data-theme="purple-plum">
		1198	<span class="theme-color-view"></span>
		1199	<span class="theme-color-name">Purple Plum</span>
		1200	</li>
		1201	<li class="theme-color theme-color-purple-studio" data-theme="purple-studio">
		1202	<span class="theme-color-view"></span>
		1203	<span class="theme-color-name">Purple Studio</span>
		1204	</li>
		1205	</ul>
		1206	</div>
		1207	</div>
		1208	</div>
		1209	<div class="col-md-6 col-sm-6 col-xs-12 seperator">
		1210	<h3>LAYOUT</h3>
		1211	<ul class="theme-settings">
		1212	<li>
		1213	Theme Style
		1214	<select class="theme-setting theme-setting-style form-control input-sm input-small input-inline tooltips" data-original-title="Change theme style" data-container="body" data-placement="left">
		1215	<option value="boxed" selected="selected">Square corners</option>
		1216	<option value="rounded">Rounded corners</option>
		1217	</select>
		1218	</li>
		1219	<li>
		1220	Layout
		1221	<select class="theme-setting theme-setting-layout form-control input-sm input-small input-inline tooltips" data-original-title="Change layout type" data-container="body" data-placement="left">
		1222	<option value="boxed" selected="selected">Boxed</option>
		1223	<option value="fluid">Fluid</option>
		1224	</select>
		1225	</li>
		1226	<li>
		1227	Top Menu Style
		1228	<select class="theme-setting theme-setting-top-menu-style form-control input-sm input-small input-inline tooltips" data-original-title="Change top menu dropdowns style" data-container="body" data-placement="left">
		1229	<option value="dark" selected="selected">Dark</option>
		1230	<option value="light">Light</option>
		1231	</select>
		1232	</li>
		1233	<li>
		1234	Top Menu Mode
		1235	<select class="theme-setting theme-setting-top-menu-mode form-control input-sm input-small input-inline tooltips" data-original-title="Enable fixed(sticky) top menu" data-container="body" data-placement="left">
		1236	<option value="fixed">Fixed</option>
		1237	<option value="not-fixed" selected="selected">Not Fixed</option>
		1238	</select>
		1239	</li>
		1240	<li>
		1241	Mega Menu Style
		1242	<select class="theme-setting theme-setting-mega-menu-style form-control input-sm input-small input-inline tooltips" data-original-title="Change mega menu dropdowns style" data-container="body" data-placement="left">
		1243	<option value="dark" selected="selected">Dark</option>
		1244	<option value="light">Light</option>
		1245	</select>
		1246	</li>
		1247	<li>
		1248	Mega Menu Mode
		1249	<select class="theme-setting theme-setting-mega-menu-mode form-control input-sm input-small input-inline tooltips" data-original-title="Enable fixed(sticky) mega menu" data-container="body" data-placement="left">
		1250	<option value="fixed" selected="selected">Fixed</option>
		1251	<option value="not-fixed">Not Fixed</option>
		1252	</select>
		1253	</li>
		1254	</ul>
		1255	</div>
		1256	</div>
		1257	</div>
		1258	</div>
		1259	<!-- END THEME PANEL -->
		1260	</div>
		1261	<!-- END PAGE TOOLBAR -->
		1262	</div>
		1263	</div>
		1264	<!-- END PAGE HEAD -->
		1265	<!-- BEGIN PAGE CONTENT -->
		1266	<div class="page-content">
		1267	<div class="container">
		1268	<!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM-->
		1269	<div class="modal fade" id="portlet-config" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		1270	<div class="modal-dialog">
		1271	<div class="modal-content">
		1272	<div class="modal-header">
		1273	<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
		1274	<h4 class="modal-title">Modal title</h4>
		1275	</div>
		1276	<div class="modal-body">
		1277	Widget settings form goes here
		1278	</div>
		1279	<div class="modal-footer">
		1280	<button type="button" class="btn blue">Save changes</button>
		1281	<button type="button" class="btn default" data-dismiss="modal">Close</button>
		1282	</div>
		1283	</div>
		1284	<!-- /.modal-content -->
		1285	</div>
		1286	<!-- /.modal-dialog -->
		1287	</div>
		1288	<!-- /.modal -->
		1289	<!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM-->
		1290	<!-- BEGIN PAGE BREADCRUMB -->
		1291	<ul class="page-breadcrumb breadcrumb">
		1292	<li>
		1293	<a href="#">Home</a><i class="fa fa-circle"></i>
		1294	</li>
		1295	<li>
		1296	<a href="form_layouts.html">UI Components</a>
		1297	<i class="fa fa-circle"></i>
		1298	</li>
		1299	<li class="active">
		1300	Form Layouts
		1301	</li>
		1302	</ul>
		1303	<!-- END PAGE BREADCRUMB -->
		1304	<!-- BEGIN PAGE CONTENT INNER -->
		1305	<div class="row">
		1306	<div class="col-md-12">
		1307	<div class="tabbable tabbable-custom tabbable-noborder tabbable-reversed">
		1308	<ul class="nav nav-tabs">
		1309	<li class="active">
		1310	<a href="#tab_0" data-toggle="tab">
		1311	Form Actions </a>
		1312	</li>
		1313	<li>
		1314	<a href="#tab_1" data-toggle="tab">
		1315	2 Cols </a>
		1316	</li>
		1317	<li>
		1318	<a href="#tab_2" data-toggle="tab">
		1319	2 Cols Horizontal </a>
		1320	</li>
		1321	<li>
		1322	<a href="#tab_3" data-toggle="tab">
		1323	2 Cols View Only </a>
		1324	</li>
		1325	<li>
		1326	<a href="#tab_4" data-toggle="tab">
		1327	Row Seperated </a>
		1328	</li>
		1329	<li>
		1330	<a href="#tab_5" data-toggle="tab">
		1331	Bordered </a>
		1332	</li>
		1333	<li>
		1334	<a href="#tab_6" data-toggle="tab">
		1335	Row Stripped </a>
		1336	</li>
		1337	<li>
		1338	<a href="#tab_7" data-toggle="tab">
		1339	Label Stripped </a>
		1340	</li>
		1341	</ul>
		1342	<div class="tab-content">
		1343	<div class="tab-pane active" id="tab_0">
		1344	<div class="portlet box green">
		1345	<div class="portlet-title">
		1346	<div class="caption">
		1347	<i class="fa fa-gift"></i>Form Actions On Bottom
		1348	</div>
		1349	<div class="tools">
		1350	<a href="javascript:;" class="collapse">
		1351	</a>
		1352	<a href="#portlet-config" data-toggle="modal" class="config">
		1353	</a>
		1354	<a href="javascript:;" class="reload">
		1355	</a>
		1356	<a href="javascript:;" class="remove">
		1357	</a>
		1358	</div>
		1359	</div>
		1360	<div class="portlet-body form">
		1361	<!-- BEGIN FORM-->
		1362	<form action="javascript:;" class="form-horizontal">
		1363	<div class="form-body">
		1364	<div class="form-group">
		1365	<label class="col-md-3 control-label">Text</label>
		1366	<div class="col-md-4">
		1367	<input type="text" class="form-control input-circle" placeholder="Enter text">
		1368	<span class="help-block">
		1369	A block of help text. </span>
		1370	</div>
		1371	</div>
		1372	<div class="form-group">
		1373	<label class="col-md-3 control-label">Email Address</label>
		1374	<div class="col-md-4">
		1375	<div class="input-group">
		1376	<span class="input-group-addon input-circle-left">
		1377	<i class="fa fa-envelope"></i>
		1378	</span>
		1379	<input type="email" class="form-control input-circle-right" placeholder="Email Address">
		1380	</div>
		1381	</div>
		1382	</div>
		1383	<div class="form-group">
		1384	<label class="col-md-3 control-label">Password</label>
		1385	<div class="col-md-4">
		1386	<div class="input-group">
		1387	<input type="password" class="form-control input-circle-left" placeholder="Password">
		1388	<span class="input-group-addon input-circle-right">
		1389	<i class="fa fa-user"></i>
		1390	</span>
		1391	</div>
		1392	</div>
		1393	</div>
		1394	<div class="form-group">
		1395	<label class="col-md-3 control-label">Left Icon</label>
		1396	<div class="col-md-4">
		1397	<div class="input-icon">
		1398	<i class="fa fa-bell-o"></i>
		1399	<input type="text" class="form-control input-circle" placeholder="Left icon">
		1400	</div>
		1401	</div>
		1402	</div>
		1403	<div class="form-group">
		1404	<label class="col-md-3 control-label">Right Icon</label>
		1405	<div class="col-md-4">
		1406	<div class="input-icon right">
		1407	<i class="fa fa-microphone"></i>
		1408	<input type="text" class="form-control input-circle" placeholder="Right icon">
		1409	</div>
		1410	</div>
		1411	</div>
		1412	<div class="form-group">
		1413	<label class="col-md-3 control-label">Input With Spinner</label>
		1414	<div class="col-md-4">
		1415	<input type="password" class="form-control spinner input-circle" placeholder="Password">
		1416	</div>
		1417	</div>
		1418	<div class="form-group last">
		1419	<label class="col-md-3 control-label">Static Control</label>
		1420	<div class="col-md-4">
		1421	<span class="form-control-static">
		1422	email@example.com </span>
		1423	</div>
		1424	</div>
		1425	</div>
		1426	<div class="form-actions">
		1427	<div class="row">
		1428	<div class="col-md-offset-3 col-md-9">
		1429	<button type="submit" class="btn btn-circle blue">Submit</button>
		1430	<button type="button" class="btn btn-circle default">Cancel</button>
		1431	</div>
		1432	</div>
		1433	</div>
		1434	</form>
		1435	<!-- END FORM-->
		1436	</div>
		1437	</div>
		1438	<div class="portlet box blue-hoki">
		1439	<div class="portlet-title">
		1440	<div class="caption">
		1441	<i class="fa fa-gift"></i>Form Actions On Top
		1442	</div>
		1443	<div class="tools">
		1444	<a href="javascript:;" class="collapse">
		1445	</a>
		1446	<a href="#portlet-config" data-toggle="modal" class="config">
		1447	</a>
		1448	<a href="javascript:;" class="reload">
		1449	</a>
		1450	<a href="javascript:;" class="remove">
		1451	</a>
		1452	</div>
		1453	</div>
		1454	<div class="portlet-body form">
		1455	<!-- BEGIN FORM-->
		1456	<form action="javascript:;" class="form-horizontal">
		1457	<div class="form-actions top">
		1458	<div class="row">
		1459	<div class="col-md-offset-3 col-md-9">
		1460	<button type="submit" class="btn green">Submit</button>
		1461	<button type="button" class="btn default">Cancel</button>
		1462	</div>
		1463	</div>
		1464	</div>
		1465	<div class="form-body">
		1466	<div class="form-group">
		1467	<label class="col-md-3 control-label">Text</label>
		1468	<div class="col-md-4">
		1469	<input type="text" class="form-control" placeholder="Enter text">
		1470	<span class="help-block">
		1471	A block of help text. </span>
		1472	</div>
		1473	</div>
		1474	<div class="form-group">
		1475	<label class="col-md-3 control-label">Email Address</label>
		1476	<div class="col-md-4">
		1477	<div class="input-group">
		1478	<span class="input-group-addon">
		1479	<i class="fa fa-envelope"></i>
		1480	</span>
		1481	<input type="email" class="form-control" placeholder="Email Address">
		1482	</div>
		1483	</div>
		1484	</div>
		1485	<div class="form-group">
		1486	<label class="col-md-3 control-label">Password</label>
		1487	<div class="col-md-4">
		1488	<div class="input-group">
		1489	<input type="password" class="form-control" placeholder="Password">
		1490	<span class="input-group-addon">
		1491	<i class="fa fa-user"></i>
		1492	</span>
		1493	</div>
		1494	</div>
		1495	</div>
		1496	<div class="form-group">
		1497	<label class="col-md-3 control-label">Left Icon</label>
		1498	<div class="col-md-4">
		1499	<div class="input-icon">
		1500	<i class="fa fa-bell-o"></i>
		1501	<input type="text" class="form-control" placeholder="Left icon">
		1502	</div>
		1503	</div>
		1504	</div>
		1505	<div class="form-group">
		1506	<label class="col-md-3 control-label">Right Icon</label>
		1507	<div class="col-md-4">
		1508	<div class="input-icon right">
		1509	<i class="fa fa-microphone"></i>
		1510	<input type="text" class="form-control" placeholder="Right icon">
		1511	</div>
		1512	</div>
		1513	</div>
		1514	<div class="form-group">
		1515	<label class="col-md-3 control-label">Input With Spinner</label>
		1516	<div class="col-md-4">
		1517	<input type="password" class="form-control spinner" placeholder="Password">
		1518	</div>
		1519	</div>
		1520	<div class="form-group last">
		1521	<label class="col-md-3 control-label">Static Control</label>
		1522	<div class="col-md-4">
		1523	<p class="form-control-static">
		1524	email@example.com
		1525	</p>
		1526	</div>
		1527	</div>
		1528	</div>
		1529	</form>
		1530	<!-- END FORM-->
		1531	</div>
		1532	</div>
		1533	<div class="portlet box yellow">
		1534	<div class="portlet-title">
		1535	<div class="caption">
		1536	<i class="fa fa-gift"></i>Form Actions On Top & Bottom
		1537	</div>
		1538	<div class="tools">
		1539	<a href="javascript:;" class="collapse">
		1540	</a>
		1541	<a href="#portlet-config" data-toggle="modal" class="config">
		1542	</a>
		1543	<a href="javascript:;" class="reload">
		1544	</a>
		1545	<a href="javascript:;" class="remove">
		1546	</a>
		1547	</div>
		1548	</div>
		1549	<div class="portlet-body form">
		1550	<!-- BEGIN FORM-->
		1551	<form action="javascript:;" class="form-horizontal">
		1552	<div class="form-actions top">
		1553	<div class="row">
		1554	<div class="col-md-offset-3 col-md-9">
		1555	<button type="submit" class="btn green">Submit</button>
		1556	<button type="button" class="btn default">Cancel</button>
		1557	</div>
		1558	</div>
		1559	</div>
		1560	<div class="form-body">
		1561	<div class="form-group">
		1562	<label class="col-md-3 control-label">Text</label>
		1563	<div class="col-md-4">
		1564	<input type="text" class="form-control" placeholder="Enter text">
		1565	<span class="help-block">
		1566	A block of help text. </span>
		1567	</div>
		1568	</div>
		1569	<div class="form-group">
		1570	<label class="col-md-3 control-label">Email Address</label>
		1571	<div class="col-md-4">
		1572	<div class="input-group">
		1573	<span class="input-group-addon">
		1574	<i class="fa fa-envelope"></i>
		1575	</span>
		1576	<input type="email" class="form-control" placeholder="Email Address">
		1577	</div>
		1578	</div>
		1579	</div>
		1580	<div class="form-group">
		1581	<label class="col-md-3 control-label">Password</label>
		1582	<div class="col-md-4">
		1583	<div class="input-group">
		1584	<input type="password" class="form-control" placeholder="Password">
		1585	<span class="input-group-addon">
		1586	<i class="fa fa-user"></i>
		1587	</span>
		1588	</div>
		1589	</div>
		1590	</div>
		1591	<div class="form-group">
		1592	<label class="col-md-3 control-label">Left Icon</label>
		1593	<div class="col-md-4">
		1594	<div class="input-icon">
		1595	<i class="fa fa-bell-o"></i>
		1596	<input type="text" class="form-control" placeholder="Left icon">
		1597	</div>
		1598	</div>
		1599	</div>
		1600	<div class="form-group">
		1601	<label class="col-md-3 control-label">Right Icon</label>
		1602	<div class="col-md-4">
		1603	<div class="input-icon right">
		1604	<i class="fa fa-microphone"></i>
		1605	<input type="text" class="form-control" placeholder="Right icon">
		1606	</div>
		1607	</div>
		1608	</div>
		1609	<div class="form-group">
		1610	<label class="col-md-3 control-label">Input With Spinner</label>
		1611	<div class="col-md-4">
		1612	<input type="password" class="form-control spinner" placeholder="Password">
		1613	</div>
		1614	</div>
		1615	<div class="form-group last">
		1616	<label class="col-md-3 control-label">Static Control</label>
		1617	<div class="col-md-4">
		1618	<p class="form-control-static">
		1619	email@example.com
		1620	</p>
		1621	</div>
		1622	</div>
		1623	</div>
		1624	<div class="form-actions fluid">
		1625	<div class="row">
		1626	<div class="col-md-offset-3 col-md-9">
		1627	<button type="submit" class="btn green">Submit</button>
		1628	<button type="button" class="btn default">Cancel</button>
		1629	</div>
		1630	</div>
		1631	</div>
		1632	</form>
		1633	<!-- END FORM-->
		1634	</div>
		1635	</div>
		1636	<div class="portlet light bordered">
		1637	<div class="portlet-title">
		1638	<div class="caption">
		1639	<i class="icon-equalizer font-red-sunglo"></i>
		1640	<span class="caption-subject font-red-sunglo bold uppercase">Form Sample</span>
		1641	<span class="caption-helper">form actions without bg color</span>
		1642	</div>
		1643	<div class="actions">
		1644	<div class="portlet-input input-inline input-small">
		1645	<div class="input-icon right">
		1646	<i class="icon-magnifier"></i>
		1647	<input type="text" class="form-control input-circle" placeholder="search...">
		1648	</div>
		1649	</div>
		1650	</div>
		1651	</div>
		1652	<div class="portlet-body form">
		1653	<!-- BEGIN FORM-->
		1654	<form action="javascript:;" class="form-horizontal">
		1655	<div class="form-body">
		1656	<div class="form-group">
		1657	<label class="col-md-3 control-label">Text</label>
		1658	<div class="col-md-4">
		1659	<input type="text" class="form-control" placeholder="Enter text">
		1660	<span class="help-block">
		1661	A block of help text. </span>
		1662	</div>
		1663	</div>
		1664	<div class="form-group">
		1665	<label class="col-md-3 control-label">Email Address</label>
		1666	<div class="col-md-4">
		1667	<div class="input-group">
		1668	<span class="input-group-addon">
		1669	<i class="fa fa-envelope"></i>
		1670	</span>
		1671	<input type="email" class="form-control" placeholder="Email Address">
		1672	</div>
		1673	</div>
		1674	</div>
		1675	<div class="form-group">
		1676	<label class="col-md-3 control-label">Password</label>
		1677	<div class="col-md-4">
		1678	<div class="input-group">
		1679	<input type="password" class="form-control" placeholder="Password">
		1680	<span class="input-group-addon">
		1681	<i class="fa fa-user"></i>
		1682	</span>
		1683	</div>
		1684	</div>
		1685	</div>
		1686	<div class="form-group">
		1687	<label class="col-md-3 control-label">Left Icon</label>
		1688	<div class="col-md-4">
		1689	<div class="input-icon">
		1690	<i class="fa fa-bell-o"></i>
		1691	<input type="text" class="form-control" placeholder="Left icon">
		1692	</div>
		1693	</div>
		1694	</div>
		1695	<div class="form-group">
		1696	<label class="col-md-3 control-label">Right Icon</label>
		1697	<div class="col-md-4">
		1698	<div class="input-icon right">
		1699	<i class="fa fa-microphone"></i>
		1700	<input type="text" class="form-control" placeholder="Right icon">
		1701	</div>
		1702	</div>
		1703	</div>
		1704	<div class="form-group">
		1705	<label class="col-md-3 control-label">Input With Spinner</label>
		1706	<div class="col-md-4">
		1707	<input type="password" class="form-control spinner" placeholder="Password">
		1708	</div>
		1709	</div>
		1710	<div class="form-group last">
		1711	<label class="col-md-3 control-label">Static Control</label>
		1712	<div class="col-md-4">
		1713	<p class="form-control-static">
		1714	email@example.com
		1715	</p>
		1716	</div>
		1717	</div>
		1718	</div>
		1719	<div class="form-actions">
		1720	<div class="row">
		1721	<div class="col-md-offset-3 col-md-9">
		1722	<button type="submit" class="btn green">Submit</button>
		1723	<button type="button" class="btn default">Cancel</button>
		1724	</div>
		1725	</div>
		1726	</div>
		1727	</form>
		1728	<!-- END FORM-->
		1729	</div>
		1730	</div>
		1731	<div class="row">
		1732	<div class="col-md-6">
		1733	<div class="portlet box red">
		1734	<div class="portlet-title">
		1735	<div class="caption">
		1736	<i class="fa fa-gift"></i>Left Aligned
		1737	</div>
		1738	<div class="tools">
		1739	<a href="javascript:;" class="collapse">
		1740	</a>
		1741	<a href="#portlet-config" data-toggle="modal" class="config">
		1742	</a>
		1743	<a href="javascript:;" class="reload">
		1744	</a>
		1745	<a href="javascript:;" class="remove">
		1746	</a>
		1747	</div>
		1748	</div>
		1749	<div class="portlet-body form">
		1750	<!-- BEGIN FORM-->
		1751	<form action="javascript:;">
		1752	<div class="form-actions top">
		1753	<button type="submit" class="btn green">Submit</button>
		1754	<button type="button" class="btn default">Cancel</button>
		1755	</div>
		1756	<div class="form-body">
		1757	<div class="form-group">
		1758	<label class="control-label">Text</label>
		1759	<input type="text" class="form-control" placeholder="Enter text">
		1760	<span class="help-block">
		1761	A block of help text. </span>
		1762	</div>
		1763	<div class="form-group">
		1764	<label class="control-label">Email Address</label>
		1765	<div class="input-group">
		1766	<span class="input-group-addon">
		1767	<i class="fa fa-envelope"></i>
		1768	</span>
		1769	<input type="email" class="form-control" placeholder="Email Address">
		1770	</div>
		1771	</div>
		1772	<div class="form-group">
		1773	<label class="control-label">Password</label>
		1774	<div class="input-group">
		1775	<input type="password" class="form-control" placeholder="Password">
		1776	<span class="input-group-addon">
		1777	<i class="fa fa-user"></i>
		1778	</span>
		1779	</div>
		1780	</div>
		1781	<div class="form-group">
		1782	<label class="control-label">Left Icon</label>
		1783	<div class="input-icon">
		1784	<i class="fa fa-bell-o"></i>
		1785	<input type="text" class="form-control" placeholder="Left icon">
		1786	</div>
		1787	</div>
		1788	<div class="form-group">
		1789	<label class="control-label">Right Icon</label>
		1790	<div class="input-icon right">
		1791	<i class="fa fa-microphone"></i>
		1792	<input type="text" class="form-control" placeholder="Right icon">
		1793	</div>
		1794	</div>
		1795	<div class="form-group">
		1796	<label class="control-label">Input With Spinner</label>
		1797	<input type="password" class="form-control spinner" placeholder="Password">
		1798	</div>
		1799	<div class="form-group last">
		1800	<label class="control-label">Static Control</label>
		1801	<p class="form-control-static">
		1802	email@example.com
		1803	</p>
		1804	</div>
		1805	</div>
		1806	<div class="form-actions">
		1807	<button type="submit" class="btn green">Submit</button>
		1808	<button type="button" class="btn default">Cancel</button>
		1809	</div>
		1810	</form>
		1811	<!-- END FORM-->
		1812	</div>
		1813	</div>
		1814	</div>
		1815	<div class="col-md-6">
		1816	<div class="portlet box purple">
		1817	<div class="portlet-title">
		1818	<div class="caption">
		1819	<i class="fa fa-gift"></i>Right Aligned
		1820	</div>
		1821	<div class="tools">
		1822	<a href="javascript:;" class="collapse">
		1823	</a>
		1824	<a href="#portlet-config" data-toggle="modal" class="config">
		1825	</a>
		1826	<a href="javascript:;" class="reload">
		1827	</a>
		1828	<a href="javascript:;" class="remove">
		1829	</a>
		1830	</div>
		1831	</div>
		1832	<div class="portlet-body form">
		1833	<!-- BEGIN FORM-->
		1834	<form action="javascript:;">
		1835	<div class="form-actions top right">
		1836	<button type="submit" class="btn green">Submit</button>
		1837	<button type="button" class="btn default">Cancel</button>
		1838	</div>
		1839	<div class="form-body">
		1840	<div class="form-group">
		1841	<label class="control-label">Text</label>
		1842	<input type="text" class="form-control" placeholder="Enter text">
		1843	<span class="help-block">
		1844	A block of help text. </span>
		1845	</div>
		1846	<div class="form-group">
		1847	<label class="control-label">Email Address</label>
		1848	<div class="input-group">
		1849	<span class="input-group-addon">
		1850	<i class="fa fa-envelope"></i>
		1851	</span>
		1852	<input type="email" class="form-control" placeholder="Email Address">
		1853	</div>
		1854	</div>
		1855	<div class="form-group">
		1856	<label class="control-label">Password</label>
		1857	<div class="input-group">
		1858	<input type="password" class="form-control" placeholder="Password">
		1859	<span class="input-group-addon">
		1860	<i class="fa fa-user"></i>
		1861	</span>
		1862	</div>
		1863	</div>
		1864	<div class="form-group">
		1865	<label class="control-label">Left Icon</label>
		1866	<div class="input-icon">
		1867	<i class="fa fa-bell-o"></i>
		1868	<input type="text" class="form-control" placeholder="Left icon">
		1869	</div>
		1870	</div>
		1871	<div class="form-group">
		1872	<label class="control-label">Right Icon</label>
		1873	<div class="input-icon right">
		1874	<i class="fa fa-microphone"></i>
		1875	<input type="text" class="form-control" placeholder="Right icon">
		1876	</div>
		1877	</div>
		1878	<div class="form-group">
		1879	<label class="control-label">Input With Spinner</label>
		1880	<input type="password" class="form-control spinner" placeholder="Password">
		1881	</div>
		1882	<div class="form-group last">
		1883	<label class="control-label">Static Control</label>
		1884	<p class="form-control-static">
		1885	email@example.com
		1886	</p>
		1887	</div>
		1888	</div>
		1889	<div class="form-actions right">
		1890	<button type="submit" class="btn green">Submit</button>
		1891	<button type="button" class="btn default">Cancel</button>
		1892	</div>
		1893	</form>
		1894	<!-- END FORM-->
		1895	</div>
		1896	</div>
		1897	</div>
		1898	</div>
		1899	<div class="row">
		1900	<div class="col-md-12">
		1901	<div class="portlet box yellow">
		1902	<div class="portlet-title">
		1903	<div class="caption">
		1904	<i class="fa fa-gift"></i>Actions Buttons
		1905	</div>
		1906	<div class="tools">
		1907	<a href="javascript:;" class="collapse">
		1908	</a>
		1909	<a href="#portlet-config" data-toggle="modal" class="config">
		1910	</a>
		1911	<a href="javascript:;" class="reload">
		1912	</a>
		1913	<a href="javascript:;" class="remove">
		1914	</a>
		1915	</div>
		1916	</div>
		1917	<div class="portlet-body form">
		1918	<!-- BEGIN FORM-->
		1919	<form action="javascript:;">
		1920	<div class="form-actions top">
		1921	<div class="btn-set pull-left">
		1922	<button type="submit" class="btn green">Submit</button>
		1923	<button type="button" class="btn blue">Other Action</button>
		1924	</div>
		1925	<div class="btn-set pull-right">
		1926	<button type="button" class="btn default">Action 1</button>
		1927	<button type="button" class="btn red">Action 2</button>
		1928	<button type="button" class="btn yellow">Action 3</button>
		1929	</div>
		1930	</div>
		1931	<div class="form-body">
		1932	<div class="form-group">
		1933	<label class="control-label">Text</label>
		1934	<input type="text" class="form-control" placeholder="Enter text">
		1935	<span class="help-block">
		1936	A block of help text. </span>
		1937	</div>
		1938	<div class="form-group">
		1939	<label class="control-label">Email Address</label>
		1940	<div class="input-group">
		1941	<span class="input-group-addon">
		1942	<i class="fa fa-envelope"></i>
		1943	</span>
		1944	<input type="email" class="form-control" placeholder="Email Address">
		1945	</div>
		1946	</div>
		1947	<div class="form-group">
		1948	<label class="control-label">Password</label>
		1949	<div class="input-group">
		1950	<input type="password" class="form-control" placeholder="Password">
		1951	<span class="input-group-addon">
		1952	<i class="fa fa-user"></i>
		1953	</span>
		1954	</div>
		1955	</div>
		1956	<div class="form-group">
		1957	<label class="control-label">Left Icon</label>
		1958	<div class="input-icon">
		1959	<i class="fa fa-bell-o"></i>
		1960	<input type="text" class="form-control" placeholder="Left icon">
		1961	</div>
		1962	</div>
		1963	<div class="form-group">
		1964	<label class="control-label">Right Icon</label>
		1965	<div class="input-icon right">
		1966	<i class="fa fa-microphone"></i>
		1967	<input type="text" class="form-control" placeholder="Right icon">
		1968	</div>
		1969	</div>
		1970	<div class="form-group">
		1971	<label class="control-label">Input With Spinner</label>
		1972	<input type="password" class="form-control spinner" placeholder="Password">
		1973	</div>
		1974	<div class="form-group last">
		1975	<label class="control-label">Static Control</label>
		1976	<p class="form-control-static">
		1977	email@example.com
		1978	</p>
		1979	</div>
		1980	</div>
		1981	<div class="form-actions">
		1982	<div class="btn-set pull-left">
		1983	<button type="submit" class="btn green">Submit</button>
		1984	<button type="button" class="btn blue">Other Action</button>
		1985	</div>
		1986	<div class="btn-set pull-right">
		1987	<button type="button" class="btn default">Action 1</button>
		1988	<button type="button" class="btn red">Action 2</button>
		1989	<button type="button" class="btn yellow">Action 3</button>
		1990	</div>
		1991	</div>
		1992	</form>
		1993	<!-- END FORM-->
		1994	</div>
		1995	</div>
		1996	</div>
		1997	</div>
		1998	</div>
		1999	<div class="tab-pane" id="tab_1">
		2000	<div class="portlet box blue">
		2001	<div class="portlet-title">
		2002	<div class="caption">
		2003	<i class="fa fa-gift"></i>Form Sample
		2004	</div>
		2005	<div class="tools">
		2006	<a href="javascript:;" class="collapse">
		2007	</a>
		2008	<a href="#portlet-config" data-toggle="modal" class="config">
		2009	</a>
		2010	<a href="javascript:;" class="reload">
		2011	</a>
		2012	<a href="javascript:;" class="remove">
		2013	</a>
		2014	</div>
		2015	</div>
		2016	<div class="portlet-body form">
		2017	<!-- BEGIN FORM-->
		2018	<form action="javascript:;" class="horizontal-form">
		2019	<div class="form-body">
		2020	<h3 class="form-section">Person Info</h3>
		2021	<div class="row">
		2022	<div class="col-md-6">
		2023	<div class="form-group">
		2024	<label class="control-label">First Name</label>
		2025	<input type="text" id="firstName" class="form-control" placeholder="Chee Kin">
		2026	<span class="help-block">
		2027	This is inline help </span>
		2028	</div>
		2029	</div>
		2030	<!--/span-->
		2031	<div class="col-md-6">
		2032	<div class="form-group has-error">
		2033	<label class="control-label">Last Name</label>
		2034	<input type="text" id="lastName" class="form-control" placeholder="Lim">
		2035	<span class="help-block">
		2036	This field has error. </span>
		2037	</div>
		2038	</div>
		2039	<!--/span-->
		2040	</div>
		2041	<!--/row-->
		2042	<div class="row">
		2043	<div class="col-md-6">
		2044	<div class="form-group">
		2045	<label class="control-label">Gender</label>
		2046	<select class="form-control">
		2047	<option value="">Male</option>
		2048	<option value="">Female</option>
		2049	</select>
		2050	<span class="help-block">
		2051	Select your gender </span>
		2052	</div>
		2053	</div>
		2054	<!--/span-->
		2055	<div class="col-md-6">
		2056	<div class="form-group">
		2057	<label class="control-label">Date of Birth</label>
		2058	<input type="text" class="form-control" placeholder="dd/mm/yyyy">
		2059	</div>
		2060	</div>
		2061	<!--/span-->
		2062	</div>
		2063	<!--/row-->
		2064	<div class="row">
		2065	<div class="col-md-6">
		2066	<div class="form-group">
		2067	<label class="control-label">Category</label>
		2068	<select class="select2_category form-control" data-placeholder="Choose a Category" tabindex="1">
		2069	<option value="Category 1">Category 1</option>
		2070	<option value="Category 2">Category 2</option>
		2071	<option value="Category 3">Category 5</option>
		2072	<option value="Category 4">Category 4</option>
		2073	</select>
		2074	</div>
		2075	</div>
		2076	<!--/span-->
		2077	<div class="col-md-6">
		2078	<div class="form-group">
		2079	<label class="control-label">Membership</label>
		2080	<div class="radio-list">
		2081	<label class="radio-inline">
		2082	<input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked> Option 1 </label>
		2083	<label class="radio-inline">
		2084	<input type="radio" name="optionsRadios" id="optionsRadios2" value="option2"> Option 2 </label>
		2085	</div>
		2086	</div>
		2087	</div>
		2088	<!--/span-->
		2089	</div>
		2090	<!--/row-->
		2091	<h3 class="form-section">Address</h3>
		2092	<div class="row">
		2093	<div class="col-md-12 ">
		2094	<div class="form-group">
		2095	<label>Street</label>
		2096	<input type="text" class="form-control">
		2097	</div>
		2098	</div>
		2099	</div>
		2100	<div class="row">
		2101	<div class="col-md-6">
		2102	<div class="form-group">
		2103	<label>City</label>
		2104	<input type="text" class="form-control">
		2105	</div>
		2106	</div>
		2107	<!--/span-->
		2108	<div class="col-md-6">
		2109	<div class="form-group">
		2110	<label>State</label>
		2111	<input type="text" class="form-control">
		2112	</div>
		2113	</div>
		2114	<!--/span-->
		2115	</div>
		2116	<!--/row-->
		2117	<div class="row">
		2118	<div class="col-md-6">
		2119	<div class="form-group">
		2120	<label>Post Code</label>
		2121	<input type="text" class="form-control">
		2122	</div>
		2123	</div>
		2124	<!--/span-->
		2125	<div class="col-md-6">
		2126	<div class="form-group">
		2127	<label>Country</label>
		2128	<select class="form-control">
		2129	</select>
		2130	</div>
		2131	</div>
		2132	<!--/span-->
		2133	</div>
		2134	</div>
		2135	<div class="form-actions right">
		2136	<button type="button" class="btn default">Cancel</button>
		2137	<button type="submit" class="btn blue"><i class="fa fa-check"></i> Save</button>
		2138	</div>
		2139	</form>
		2140	<!-- END FORM-->
		2141	</div>
		2142	</div>
		2143	<div class="portlet light bordered">
		2144	<div class="portlet-title">
		2145	<div class="caption">
		2146	<i class="icon-equalizer font-blue-hoki"></i>
		2147	<span class="caption-subject font-blue-hoki bold uppercase">Form Sample</span>
		2148	<span class="caption-helper">demo form...</span>
		2149	</div>
		2150	<div class="tools">
		2151	<a href="" class="collapse">
		2152	</a>
		2153	<a href="#portlet-config" data-toggle="modal" class="config">
		2154	</a>
		2155	<a href="" class="reload">
		2156	</a>
		2157	<a href="" class="remove">
		2158	</a>
		2159	</div>
		2160	</div>
		2161	<div class="portlet-body form">
		2162	<!-- BEGIN FORM-->
		2163	<form action="javascript:;" class="horizontal-form">
		2164	<div class="form-body">
		2165	<h3 class="form-section">Person Info</h3>
		2166	<div class="row">
		2167	<div class="col-md-6">
		2168	<div class="form-group">
		2169	<label class="control-label">First Name</label>
		2170	<input type="text" id="firstName" class="form-control" placeholder="Chee Kin">
		2171	<span class="help-block">
		2172	This is inline help </span>
		2173	</div>
		2174	</div>
		2175	<!--/span-->
		2176	<div class="col-md-6">
		2177	<div class="form-group has-error">
		2178	<label class="control-label">Last Name</label>
		2179	<input type="text" id="lastName" class="form-control" placeholder="Lim">
		2180	<span class="help-block">
		2181	This field has error. </span>
		2182	</div>
		2183	</div>
		2184	<!--/span-->
		2185	</div>
		2186	<!--/row-->
		2187	<div class="row">
		2188	<div class="col-md-6">
		2189	<div class="form-group">
		2190	<label class="control-label">Gender</label>
		2191	<select class="form-control">
		2192	<option value="">Male</option>
		2193	<option value="">Female</option>
		2194	</select>
		2195	<span class="help-block">
		2196	Select your gender </span>
		2197	</div>
		2198	</div>
		2199	<!--/span-->
		2200	<div class="col-md-6">
		2201	<div class="form-group">
		2202	<label class="control-label">Date of Birth</label>
		2203	<input type="text" class="form-control" placeholder="dd/mm/yyyy">
		2204	</div>
		2205	</div>
		2206	<!--/span-->
		2207	</div>
		2208	<!--/row-->
		2209	<div class="row">
		2210	<div class="col-md-6">
		2211	<div class="form-group">
		2212	<label class="control-label">Category</label>
		2213	<select class="select2_category form-control" data-placeholder="Choose a Category" tabindex="1">
		2214	<option value="Category 1">Category 1</option>
		2215	<option value="Category 2">Category 2</option>
		2216	<option value="Category 3">Category 5</option>
		2217	<option value="Category 4">Category 4</option>
		2218	</select>
		2219	</div>
		2220	</div>
		2221	<!--/span-->
		2222	<div class="col-md-6">
		2223	<div class="form-group">
		2224	<label class="control-label">Membership</label>
		2225	<div class="radio-list">
		2226	<label class="radio-inline">
		2227	<input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked> Option 1 </label>
		2228	<label class="radio-inline">
		2229	<input type="radio" name="optionsRadios" id="optionsRadios2" value="option2"> Option 2 </label>
		2230	</div>
		2231	</div>
		2232	</div>
		2233	<!--/span-->
		2234	</div>
		2235	<!--/row-->
		2236	<h3 class="form-section">Address</h3>
		2237	<div class="row">
		2238	<div class="col-md-12 ">
		2239	<div class="form-group">
		2240	<label>Street</label>
		2241	<input type="text" class="form-control">
		2242	</div>
		2243	</div>
		2244	</div>
		2245	<div class="row">
		2246	<div class="col-md-6">
		2247	<div class="form-group">
		2248	<label>City</label>
		2249	<input type="text" class="form-control">
		2250	</div>
		2251	</div>
		2252	<!--/span-->
		2253	<div class="col-md-6">
		2254	<div class="form-group">
		2255	<label>State</label>
		2256	<input type="text" class="form-control">
		2257	</div>
		2258	</div>
		2259	<!--/span-->
		2260	</div>
		2261	<!--/row-->
		2262	<div class="row">
		2263	<div class="col-md-6">
		2264	<div class="form-group">
		2265	<label>Post Code</label>
		2266	<input type="text" class="form-control">
		2267	</div>
		2268	</div>
		2269	<!--/span-->
		2270	<div class="col-md-6">
		2271	<div class="form-group">
		2272	<label>Country</label>
		2273	<select class="form-control">
		2274	</select>
		2275	</div>
		2276	</div>
		2277	<!--/span-->
		2278	</div>
		2279	</div>
		2280	<div class="form-actions right">
		2281	<button type="button" class="btn default">Cancel</button>
		2282	<button type="submit" class="btn blue"><i class="fa fa-check"></i> Save</button>
		2283	</div>
		2284	</form>
		2285	<!-- END FORM-->
		2286	</div>
		2287	</div>
		2288	</div>
		2289	<div class="tab-pane" id="tab_2">
		2290	<div class="portlet box green">
		2291	<div class="portlet-title">
		2292	<div class="caption">
		2293	<i class="fa fa-gift"></i>Form Sample
		2294	</div>
		2295	<div class="tools">
		2296	<a href="javascript:;" class="collapse">
		2297	</a>
		2298	<a href="#portlet-config" data-toggle="modal" class="config">
		2299	</a>
		2300	<a href="javascript:;" class="reload">
		2301	</a>
		2302	<a href="javascript:;" class="remove">
		2303	</a>
		2304	</div>
		2305	</div>
		2306	<div class="portlet-body form">
		2307	<!-- BEGIN FORM-->
		2308	<form action="javascript:;" class="form-horizontal">
		2309	<div class="form-body">
		2310	<h3 class="form-section">Person Info</h3>
		2311	<div class="row">
		2312	<div class="col-md-6">
		2313	<div class="form-group">
		2314	<label class="control-label col-md-3">First Name</label>
		2315	<div class="col-md-9">
		2316	<input type="text" class="form-control" placeholder="Chee Kin">
		2317	<span class="help-block">
		2318	This is inline help </span>
		2319	</div>
		2320	</div>
		2321	</div>
		2322	<!--/span-->
		2323	<div class="col-md-6">
		2324	<div class="form-group has-error">
		2325	<label class="control-label col-md-3">Last Name</label>
		2326	<div class="col-md-9">
		2327	<select name="foo" class="select2me form-control">
		2328	<option value="1">Abc</option>
		2329	<option value="1">Abc</option>
		2330	<option value="1">This is a really long value that breaks the fluid design for a select2</option>
		2331	</select>
		2332	<span class="help-block">
		2333	This field has error. </span>
		2334	</div>
		2335	</div>
		2336	</div>
		2337	<!--/span-->
		2338	</div>
		2339	<!--/row-->
		2340	<div class="row">
		2341	<div class="col-md-6">
		2342	<div class="form-group">
		2343	<label class="control-label col-md-3">Gender</label>
		2344	<div class="col-md-9">
		2345	<select class="form-control">
		2346	<option value="">Male</option>
		2347	<option value="">Female</option>
		2348	</select>
		2349	<span class="help-block">
		2350	Select your gender. </span>
		2351	</div>
		2352	</div>
		2353	</div>
		2354	<!--/span-->
		2355	<div class="col-md-6">
		2356	<div class="form-group">
		2357	<label class="control-label col-md-3">Date of Birth</label>
		2358	<div class="col-md-9">
		2359	<input type="text" class="form-control" placeholder="dd/mm/yyyy">
		2360	</div>
		2361	</div>
		2362	</div>
		2363	<!--/span-->
		2364	</div>
		2365	<!--/row-->
		2366	<div class="row">
		2367	<div class="col-md-6">
		2368	<div class="form-group">
		2369	<label class="control-label col-md-3">Category</label>
		2370	<div class="col-md-9">
		2371	<select class="select2_category form-control" data-placeholder="Choose a Category" tabindex="1">
		2372	<option value="Category 1">Category 1</option>
		2373	<option value="Category 2">Category 2</option>
		2374	<option value="Category 3">Category 5</option>
		2375	<option value="Category 4">Category 4</option>
		2376	</select>
		2377	</div>
		2378	</div>
		2379	</div>
		2380	<!--/span-->
		2381	<div class="col-md-6">
		2382	<div class="form-group">
		2383	<label class="control-label col-md-3">Membership</label>
		2384	<div class="col-md-9">
		2385	<div class="radio-list">
		2386	<label class="radio-inline">
		2387	<input type="radio" name="optionsRadios2" value="option1"/>
		2388	Free </label>
		2389	<label class="radio-inline">
		2390	<input type="radio" name="optionsRadios2" value="option2" checked/>
		2391	Professional </label>
		2392	</div>
		2393	</div>
		2394	</div>
		2395	</div>
		2396	<!--/span-->
		2397	</div>
		2398	<h3 class="form-section">Address</h3>
		2399	<!--/row-->
		2400	<div class="row">
		2401	<div class="col-md-6">
		2402	<div class="form-group">
		2403	<label class="control-label col-md-3">Address 1</label>
		2404	<div class="col-md-9">
		2405	<input type="text" class="form-control">
		2406	</div>
		2407	</div>
		2408	</div>
		2409	<div class="col-md-6">
		2410	<div class="form-group">
		2411	<label class="control-label col-md-3">Address 2</label>
		2412	<div class="col-md-9">
		2413	<input type="text" class="form-control">
		2414	</div>
		2415	</div>
		2416	</div>
		2417	</div>
		2418	<div class="row">
		2419	<div class="col-md-6">
		2420	<div class="form-group">
		2421	<label class="control-label col-md-3">City</label>
		2422	<div class="col-md-9">
		2423	<input type="text" class="form-control">
		2424	</div>
		2425	</div>
		2426	</div>
		2427	<!--/span-->
		2428	<div class="col-md-6">
		2429	<div class="form-group">
		2430	<label class="control-label col-md-3">State</label>
		2431	<div class="col-md-9">
		2432	<input type="text" class="form-control">
		2433	</div>
		2434	</div>
		2435	</div>
		2436	<!--/span-->
		2437	</div>
		2438	<!--/row-->
		2439	<div class="row">
		2440	<div class="col-md-6">
		2441	<div class="form-group">
		2442	<label class="control-label col-md-3">Post Code</label>
		2443	<div class="col-md-9">
		2444	<input type="text" class="form-control">
		2445	</div>
		2446	</div>
		2447	</div>
		2448	<!--/span-->
		2449	<div class="col-md-6">
		2450	<div class="form-group">
		2451	<label class="control-label col-md-3">Country</label>
		2452	<div class="col-md-9">
		2453	<select class="form-control">
		2454	<option>Country 1</option>
		2455	<option>Country 2</option>
		2456	</select>
		2457	</div>
		2458	</div>
		2459	</div>
		2460	<!--/span-->
		2461	</div>
		2462	<!--/row-->
		2463	</div>
		2464	<div class="form-actions">
		2465	<div class="row">
		2466	<div class="col-md-6">
		2467	<div class="row">
		2468	<div class="col-md-offset-3 col-md-9">
		2469	<button type="submit" class="btn green">Submit</button>
		2470	<button type="button" class="btn default">Cancel</button>
		2471	</div>
		2472	</div>
		2473	</div>
		2474	<div class="col-md-6">
		2475	</div>
		2476	</div>
		2477	</div>
		2478	</form>
		2479	<!-- END FORM-->
		2480	</div>
		2481	</div>
		2482	<div class="portlet light bordered">
		2483	<div class="portlet-title">
		2484	<div class="caption">
		2485	<i class="icon-equalizer font-red-sunglo"></i>
		2486	<span class="caption-subject font-red-sunglo bold uppercase">Form Sample</span>
		2487	<span class="caption-helper">some info...</span>
		2488	</div>
		2489	<div class="tools">
		2490	<a href="" class="collapse">
		2491	</a>
		2492	<a href="#portlet-config" data-toggle="modal" class="config">
		2493	</a>
		2494	<a href="" class="reload">
		2495	</a>
		2496	<a href="" class="remove">
		2497	</a>
		2498	</div>
		2499	</div>
		2500	<div class="portlet-body form">
		2501	<!-- BEGIN FORM-->
		2502	<form action="javascript:;" class="form-horizontal">
		2503	<div class="form-body">
		2504	<h3 class="form-section">Person Info</h3>
		2505	<div class="row">
		2506	<div class="col-md-6">
		2507	<div class="form-group">
		2508	<label class="control-label col-md-3">First Name</label>
		2509	<div class="col-md-9">
		2510	<input type="text" class="form-control" placeholder="Chee Kin">
		2511	<span class="help-block">
		2512	This is inline help </span>
		2513	</div>
		2514	</div>
		2515	</div>
		2516	<!--/span-->
		2517	<div class="col-md-6">
		2518	<div class="form-group has-error">
		2519	<label class="control-label col-md-3">Last Name</label>
		2520	<div class="col-md-9">
		2521	<select name="foo" class="select2me form-control">
		2522	<option value="1">Abc</option>
		2523	<option value="1">Abc</option>
		2524	<option value="1">This is a really long value that breaks the fluid design for a select2</option>
		2525	</select>
		2526	<span class="help-block">
		2527	This field has error. </span>
		2528	</div>
		2529	</div>
		2530	</div>
		2531	<!--/span-->
		2532	</div>
		2533	<!--/row-->
		2534	<div class="row">
		2535	<div class="col-md-6">
		2536	<div class="form-group">
		2537	<label class="control-label col-md-3">Gender</label>
		2538	<div class="col-md-9">
		2539	<select class="form-control">
		2540	<option value="">Male</option>
		2541	<option value="">Female</option>
		2542	</select>
		2543	<span class="help-block">
		2544	Select your gender. </span>
		2545	</div>
		2546	</div>
		2547	</div>
		2548	<!--/span-->
		2549	<div class="col-md-6">
		2550	<div class="form-group">
		2551	<label class="control-label col-md-3">Date of Birth</label>
		2552	<div class="col-md-9">
		2553	<input type="text" class="form-control" placeholder="dd/mm/yyyy">
		2554	</div>
		2555	</div>
		2556	</div>
		2557	<!--/span-->
		2558	</div>
		2559	<!--/row-->
		2560	<div class="row">
		2561	<div class="col-md-6">
		2562	<div class="form-group">
		2563	<label class="control-label col-md-3">Category</label>
		2564	<div class="col-md-9">
		2565	<select class="select2_category form-control" data-placeholder="Choose a Category" tabindex="1">
		2566	<option value="Category 1">Category 1</option>
		2567	<option value="Category 2">Category 2</option>
		2568	<option value="Category 3">Category 5</option>
		2569	<option value="Category 4">Category 4</option>
		2570	</select>
		2571	</div>
		2572	</div>
		2573	</div>
		2574	<!--/span-->
		2575	<div class="col-md-6">
		2576	<div class="form-group">
		2577	<label class="control-label col-md-3">Membership</label>
		2578	<div class="col-md-9">
		2579	<div class="radio-list">
		2580	<label class="radio-inline">
		2581	<input type="radio" name="optionsRadios2" value="option1"/>
		2582	Free </label>
		2583	<label class="radio-inline">
		2584	<input type="radio" name="optionsRadios2" value="option2" checked/>
		2585	Professional </label>
		2586	</div>
		2587	</div>
		2588	</div>
		2589	</div>
		2590	<!--/span-->
		2591	</div>
		2592	<h3 class="form-section">Address</h3>
		2593	<!--/row-->
		2594	<div class="row">
		2595	<div class="col-md-6">
		2596	<div class="form-group">
		2597	<label class="control-label col-md-3">Address 1</label>
		2598	<div class="col-md-9">
		2599	<input type="text" class="form-control">
		2600	</div>
		2601	</div>
		2602	</div>
		2603	<div class="col-md-6">
		2604	<div class="form-group">
		2605	<label class="control-label col-md-3">Address 2</label>
		2606	<div class="col-md-9">
		2607	<input type="text" class="form-control">
		2608	</div>
		2609	</div>
		2610	</div>
		2611	</div>
		2612	<div class="row">
		2613	<div class="col-md-6">
		2614	<div class="form-group">
		2615	<label class="control-label col-md-3">City</label>
		2616	<div class="col-md-9">
		2617	<input type="text" class="form-control">
		2618	</div>
		2619	</div>
		2620	</div>
		2621	<!--/span-->
		2622	<div class="col-md-6">
		2623	<div class="form-group">
		2624	<label class="control-label col-md-3">State</label>
		2625	<div class="col-md-9">
		2626	<input type="text" class="form-control">
		2627	</div>
		2628	</div>
		2629	</div>
		2630	<!--/span-->
		2631	</div>
		2632	<!--/row-->
		2633	<div class="row">
		2634	<div class="col-md-6">
		2635	<div class="form-group">
		2636	<label class="control-label col-md-3">Post Code</label>
		2637	<div class="col-md-9">
		2638	<input type="text" class="form-control">
		2639	</div>
		2640	</div>
		2641	</div>
		2642	<!--/span-->
		2643	<div class="col-md-6">
		2644	<div class="form-group">
		2645	<label class="control-label col-md-3">Country</label>
		2646	<div class="col-md-9">
		2647	<select class="form-control">
		2648	<option>Country 1</option>
		2649	<option>Country 2</option>
		2650	</select>
		2651	</div>
		2652	</div>
		2653	</div>
		2654	<!--/span-->
		2655	</div>
		2656	<!--/row-->
		2657	</div>
		2658	<div class="form-actions">
		2659	<div class="row">
		2660	<div class="col-md-6">
		2661	<div class="row">
		2662	<div class="col-md-offset-3 col-md-9">
		2663	<button type="submit" class="btn green">Submit</button>
		2664	<button type="button" class="btn default">Cancel</button>
		2665	</div>
		2666	</div>
		2667	</div>
		2668	<div class="col-md-6">
		2669	</div>
		2670	</div>
		2671	</div>
		2672	</form>
		2673	<!-- END FORM-->
		2674	</div>
		2675	</div>
		2676	</div>
		2677	<div class="tab-pane" id="tab_3">
		2678	<div class="portlet box blue">
		2679	<div class="portlet-title">
		2680	<div class="caption">
		2681	<i class="fa fa-gift"></i>Form Sample
		2682	</div>
		2683	<div class="tools">
		2684	<a href="javascript:;" class="collapse">
		2685	</a>
		2686	<a href="#portlet-config" data-toggle="modal" class="config">
		2687	</a>
		2688	<a href="javascript:;" class="reload">
		2689	</a>
		2690	<a href="javascript:;" class="remove">
		2691	</a>
		2692	</div>
		2693	</div>
		2694	<div class="portlet-body form">
		2695	<!-- BEGIN FORM-->
		2696	<form class="form-horizontal" role="form">
		2697	<div class="form-body">
		2698	<h2 class="margin-bottom-20"> View User Info - Bob Nilson </h2>
		2699	<h3 class="form-section">Person Info</h3>
		2700	<div class="row">
		2701	<div class="col-md-6">
		2702	<div class="form-group">
		2703	<label class="control-label col-md-3">First Name:</label>
		2704	<div class="col-md-9">
		2705	<p class="form-control-static">
		2706	Bob
		2707	</p>
		2708	</div>
		2709	</div>
		2710	</div>
		2711	<!--/span-->
		2712	<div class="col-md-6">
		2713	<div class="form-group">
		2714	<label class="control-label col-md-3">Last Name:</label>
		2715	<div class="col-md-9">
		2716	<p class="form-control-static">
		2717	Nilson
		2718	</p>
		2719	</div>
		2720	</div>
		2721	</div>
		2722	<!--/span-->
		2723	</div>
		2724	<!--/row-->
		2725	<div class="row">
		2726	<div class="col-md-6">
		2727	<div class="form-group">
		2728	<label class="control-label col-md-3">Gender:</label>
		2729	<div class="col-md-9">
		2730	<p class="form-control-static">
		2731	Male
		2732	</p>
		2733	</div>
		2734	</div>
		2735	</div>
		2736	<!--/span-->
		2737	<div class="col-md-6">
		2738	<div class="form-group">
		2739	<label class="control-label col-md-3">Date of Birth:</label>
		2740	<div class="col-md-9">
		2741	<p class="form-control-static">
		2742	20.01.1984
		2743	</p>
		2744	</div>
		2745	</div>
		2746	</div>
		2747	<!--/span-->
		2748	</div>
		2749	<!--/row-->
		2750	<div class="row">
		2751	<div class="col-md-6">
		2752	<div class="form-group">
		2753	<label class="control-label col-md-3">Category:</label>
		2754	<div class="col-md-9">
		2755	<p class="form-control-static">
		2756	Category1
		2757	</p>
		2758	</div>
		2759	</div>
		2760	</div>
		2761	<!--/span-->
		2762	<div class="col-md-6">
		2763	<div class="form-group">
		2764	<label class="control-label col-md-3">Membership:</label>
		2765	<div class="col-md-9">
		2766	<p class="form-control-static">
		2767	Free
		2768	</p>
		2769	</div>
		2770	</div>
		2771	</div>
		2772	<!--/span-->
		2773	</div>
		2774	<!--/row-->
		2775	<h3 class="form-section">Address</h3>
		2776	<div class="row">
		2777	<div class="col-md-6">
		2778	<div class="form-group">
		2779	<label class="control-label col-md-3">Address:</label>
		2780	<div class="col-md-9">
		2781	<p class="form-control-static">
		2782	#24 Sun Park Avenue, Rolton Str
		2783	</p>
		2784	</div>
		2785	</div>
		2786	</div>
		2787	</div>
		2788	<div class="row">
		2789	<div class="col-md-6">
		2790	<div class="form-group">
		2791	<label class="control-label col-md-3">City:</label>
		2792	<div class="col-md-9">
		2793	<p class="form-control-static">
		2794	New York
		2795	</p>
		2796	</div>
		2797	</div>
		2798	</div>
		2799	<!--/span-->
		2800	<div class="col-md-6">
		2801	<div class="form-group">
		2802	<label class="control-label col-md-3">State:</label>
		2803	<div class="col-md-9">
		2804	<p class="form-control-static">
		2805	New York
		2806	</p>
		2807	</div>
		2808	</div>
		2809	</div>
		2810	<!--/span-->
		2811	</div>
		2812	<!--/row-->
		2813	<div class="row">
		2814	<div class="col-md-6">
		2815	<div class="form-group">
		2816	<label class="control-label col-md-3">Post Code:</label>
		2817	<div class="col-md-9">
		2818	<p class="form-control-static">
		2819	457890
		2820	</p>
		2821	</div>
		2822	</div>
		2823	</div>
		2824	<!--/span-->
		2825	<div class="col-md-6">
		2826	<div class="form-group">
		2827	<label class="control-label col-md-3">Country:</label>
		2828	<div class="col-md-9">
		2829	<p class="form-control-static">
		2830	USA
		2831	</p>
		2832	</div>
		2833	</div>
		2834	</div>
		2835	<!--/span-->
		2836	</div>
		2837	</div>
		2838	<div class="form-actions">
		2839	<div class="row">
		2840	<div class="col-md-6">
		2841	<div class="row">
		2842	<div class="col-md-offset-3 col-md-9">
		2843	<button type="submit" class="btn green"><i class="fa fa-pencil"></i> Edit</button>
		2844	<button type="button" class="btn default">Cancel</button>
		2845	</div>
		2846	</div>
		2847	</div>
		2848	<div class="col-md-6">
		2849	</div>
		2850	</div>
		2851	</div>
		2852	</form>
		2853	<!-- END FORM-->
		2854	</div>
		2855	</div>
		2856	<div class="portlet light bordered">
		2857	<div class="portlet-title">
		2858	<div class="caption">
		2859	<i class="icon-equalizer font-green-haze"></i>
		2860	<span class="caption-subject font-green-haze bold uppercase">Form Sample</span>
		2861	<span class="caption-helper">some info...</span>
		2862	</div>
		2863	<div class="tools">
		2864	<a href="" class="collapse">
		2865	</a>
		2866	<a href="#portlet-config" data-toggle="modal" class="config">
		2867	</a>
		2868	<a href="" class="reload">
		2869	</a>
		2870	<a href="" class="remove">
		2871	</a>
		2872	</div>
		2873	</div>
		2874	<div class="portlet-body form">
		2875	<!-- BEGIN FORM-->
		2876	<form class="form-horizontal" role="form">
		2877	<div class="form-body">
		2878	<h2 class="margin-bottom-20"> View User Info - Bob Nilson </h2>
		2879	<h3 class="form-section">Person Info</h3>
		2880	<div class="row">
		2881	<div class="col-md-6">
		2882	<div class="form-group">
		2883	<label class="control-label col-md-3">First Name:</label>
		2884	<div class="col-md-9">
		2885	<p class="form-control-static">
		2886	Bob
		2887	</p>
		2888	</div>
		2889	</div>
		2890	</div>
		2891	<!--/span-->
		2892	<div class="col-md-6">
		2893	<div class="form-group">
		2894	<label class="control-label col-md-3">Last Name:</label>
		2895	<div class="col-md-9">
		2896	<p class="form-control-static">
		2897	Nilson
		2898	</p>
		2899	</div>
		2900	</div>
		2901	</div>
		2902	<!--/span-->
		2903	</div>
		2904	<!--/row-->
		2905	<div class="row">
		2906	<div class="col-md-6">
		2907	<div class="form-group">
		2908	<label class="control-label col-md-3">Gender:</label>
		2909	<div class="col-md-9">
		2910	<p class="form-control-static">
		2911	Male
		2912	</p>
		2913	</div>
		2914	</div>
		2915	</div>
		2916	<!--/span-->
		2917	<div class="col-md-6">
		2918	<div class="form-group">
		2919	<label class="control-label col-md-3">Date of Birth:</label>
		2920	<div class="col-md-9">
		2921	<p class="form-control-static">
		2922	20.01.1984
		2923	</p>
		2924	</div>
		2925	</div>
		2926	</div>
		2927	<!--/span-->
		2928	</div>
		2929	<!--/row-->
		2930	<div class="row">
		2931	<div class="col-md-6">
		2932	<div class="form-group">
		2933	<label class="control-label col-md-3">Category:</label>
		2934	<div class="col-md-9">
		2935	<p class="form-control-static">
		2936	Category1
		2937	</p>
		2938	</div>
		2939	</div>
		2940	</div>
		2941	<!--/span-->
		2942	<div class="col-md-6">
		2943	<div class="form-group">
		2944	<label class="control-label col-md-3">Membership:</label>
		2945	<div class="col-md-9">
		2946	<p class="form-control-static">
		2947	Free
		2948	</p>
		2949	</div>
		2950	</div>
		2951	</div>
		2952	<!--/span-->
		2953	</div>
		2954	<!--/row-->
		2955	<h3 class="form-section">Address</h3>
		2956	<div class="row">
		2957	<div class="col-md-6">
		2958	<div class="form-group">
		2959	<label class="control-label col-md-3">Address:</label>
		2960	<div class="col-md-9">
		2961	<p class="form-control-static">
		2962	#24 Sun Park Avenue, Rolton Str
		2963	</p>
		2964	</div>
		2965	</div>
		2966	</div>
		2967	</div>
		2968	<div class="row">
		2969	<div class="col-md-6">
		2970	<div class="form-group">
		2971	<label class="control-label col-md-3">City:</label>
		2972	<div class="col-md-9">
		2973	<p class="form-control-static">
		2974	New York
		2975	</p>
		2976	</div>
		2977	</div>
		2978	</div>
		2979	<!--/span-->
		2980	<div class="col-md-6">
		2981	<div class="form-group">
		2982	<label class="control-label col-md-3">State:</label>
		2983	<div class="col-md-9">
		2984	<p class="form-control-static">
		2985	New York
		2986	</p>
		2987	</div>
		2988	</div>
		2989	</div>
		2990	<!--/span-->
		2991	</div>
		2992	<!--/row-->
		2993	<div class="row">
		2994	<div class="col-md-6">
		2995	<div class="form-group">
		2996	<label class="control-label col-md-3">Post Code:</label>
		2997	<div class="col-md-9">
		2998	<p class="form-control-static">
		2999	457890
		3000	</p>
		3001	</div>
		3002	</div>
		3003	</div>
		3004	<!--/span-->
		3005	<div class="col-md-6">
		3006	<div class="form-group">
		3007	<label class="control-label col-md-3">Country:</label>
		3008	<div class="col-md-9">
		3009	<p class="form-control-static">
		3010	USA
		3011	</p>
		3012	</div>
		3013	</div>
		3014	</div>
		3015	<!--/span-->
		3016	</div>
		3017	</div>
		3018	<div class="form-actions">
		3019	<div class="row">
		3020	<div class="col-md-6">
		3021	<div class="row">
		3022	<div class="col-md-offset-3 col-md-9">
		3023	<button type="submit" class="btn green"><i class="fa fa-pencil"></i> Edit</button>
		3024	<button type="button" class="btn default">Cancel</button>
		3025	</div>
		3026	</div>
		3027	</div>
		3028	<div class="col-md-6">
		3029	</div>
		3030	</div>
		3031	</div>
		3032	</form>
		3033	<!-- END FORM-->
		3034	</div>
		3035	</div>
		3036	</div>
		3037	<div class="tab-pane" id="tab_4">
		3038	<div class="portlet box blue">
		3039	<div class="portlet-title">
		3040	<div class="caption">
		3041	<i class="fa fa-gift"></i>Form Sample
		3042	</div>
		3043	<div class="tools">
		3044	<a href="javascript:;" class="collapse">
		3045	</a>
		3046	<a href="#portlet-config" data-toggle="modal" class="config">
		3047	</a>
		3048	<a href="javascript:;" class="reload">
		3049	</a>
		3050	<a href="javascript:;" class="remove">
		3051	</a>
		3052	</div>
		3053	</div>
		3054	<div class="portlet-body form">
		3055	<!-- BEGIN FORM-->
		3056	<form action="javascript:;" class="form-horizontal form-row-seperated">
		3057	<div class="form-body">
		3058	<div class="form-group">
		3059	<label class="control-label col-md-3">First Name</label>
		3060	<div class="col-md-9">
		3061	<input type="text" placeholder="small" class="form-control"/>
		3062	<span class="help-block">
		3063	This is inline help </span>
		3064	</div>
		3065	</div>
		3066	<div class="form-group">
		3067	<label class="control-label col-md-3">Last Name</label>
		3068	<div class="col-md-9">
		3069	<input type="text" placeholder="medium" class="form-control"/>
		3070	<span class="help-block">
		3071	This is inline help </span>
		3072	</div>
		3073	</div>
		3074	<div class="form-group">
		3075	<label class="control-label col-md-3">Gender</label>
		3076	<div class="col-md-9">
		3077	<select class="form-control">
		3078	<option value="">Male</option>
		3079	<option value="">Female</option>
		3080	</select>
		3081	<span class="help-block">
		3082	Select your gender. </span>
		3083	</div>
		3084	</div>
		3085	<div class="form-group">
		3086	<label class="control-label col-md-3">Date of Birth</label>
		3087	<div class="col-md-9">
		3088	<input type="text" class="form-control" placeholder="dd/mm/yyyy">
		3089	</div>
		3090	</div>
		3091	<div class="form-group">
		3092	<label class="control-label col-md-3">Category</label>
		3093	<div class="col-md-9">
		3094	<select class="form-control select2_category">
		3095	<option value="Category 1">Category 1</option>
		3096	<option value="Category 2">Category 2</option>
		3097	<option value="Category 3">Category 5</option>
		3098	<option value="Category 4">Category 4</option>
		3099	</select>
		3100	</div>
		3101	</div>
		3102	<div class="form-group">
		3103	<label class="control-label col-md-3">Multi-Value Select</label>
		3104	<div class="col-md-9">
		3105	<select class="form-control select2_sample1" multiple>
		3106	<optgroup label="NFC EAST">
		3107	<option>Dallas Cowboys</option>
		3108	<option>New York Giants</option>
		3109	<option>Philadelphia Eagles</option>
		3110	<option>Washington Redskins</option>
		3111	</optgroup>
		3112	<optgroup label="NFC NORTH">
		3113	<option>Chicago Bears</option>
		3114	<option>Detroit Lions</option>
		3115	<option>Green Bay Packers</option>
		3116	<option>Minnesota Vikings</option>
		3117	</optgroup>
		3118	<optgroup label="NFC SOUTH">
		3119	<option>Atlanta Falcons</option>
		3120	<option>Carolina Panthers</option>
		3121	<option>New Orleans Saints</option>
		3122	<option>Tampa Bay Buccaneers</option>
		3123	</optgroup>
		3124	<optgroup label="NFC WEST">
		3125	<option>Arizona Cardinals</option>
		3126	<option>St. Louis Rams</option>
		3127	<option>San Francisco 49ers</option>
		3128	<option>Seattle Seahawks</option>
		3129	</optgroup>
		3130	<optgroup label="AFC EAST">
		3131	<option>Buffalo Bills</option>
		3132	<option>Miami Dolphins</option>
		3133	<option>New England Patriots</option>
		3134	<option>New York Jets</option>
		3135	</optgroup>
		3136	<optgroup label="AFC NORTH">
		3137	<option>Baltimore Ravens</option>
		3138	<option>Cincinnati Bengals</option>
		3139	<option>Cleveland Browns</option>
		3140	<option>Pittsburgh Steelers</option>
		3141	</optgroup>
		3142	<optgroup label="AFC SOUTH">
		3143	<option>Houston Texans</option>
		3144	<option>Indianapolis Colts</option>
		3145	<option>Jacksonville Jaguars</option>
		3146	<option>Tennessee Titans</option>
		3147	</optgroup>
		3148	<optgroup label="AFC WEST">
		3149	<option>Denver Broncos</option>
		3150	<option>Kansas City Chiefs</option>
		3151	<option>Oakland Raiders</option>
		3152	<option>San Diego Chargers</option>
		3153	</optgroup>
		3154	</select>
		3155	</div>
		3156	</div>
		3157	<div class="form-group">
		3158	<label class="control-label col-md-3">Loading Data</label>
		3159	<div class="col-md-9">
		3160	<input type="hidden" class="form-control select2_sample2">
		3161	</div>
		3162	</div>
		3163	<div class="form-group">
		3164	<label class="control-label col-md-3">Tags Support List</label>
		3165	<div class="col-md-9">
		3166	<input type="hidden" class="form-control select2_sample3" value="red, blue">
		3167	</div>
		3168	</div>
		3169	<div class="form-group">
		3170	<label class="control-label col-md-3">Membership</label>
		3171	<div class="col-md-9">
		3172	<div class="radio-list">
		3173	<label>
		3174	<input type="radio" name="optionsRadios2" value="option1"/>
		3175	Free </label>
		3176	<label>
		3177	<input type="radio" name="optionsRadios2" value="option2" checked/>
		3178	Professional </label>
		3179	</div>
		3180	</div>
		3181	</div>
		3182	<div class="form-group">
		3183	<label class="control-label col-md-3">Street</label>
		3184	<div class="col-md-9">
		3185	<input type="text" class="form-control">
		3186	</div>
		3187	</div>
		3188	<div class="form-group">
		3189	<label class="control-label col-md-3">City</label>
		3190	<div class="col-md-9">
		3191	<input type="text" class="form-control">
		3192	</div>
		3193	</div>
		3194	<div class="form-group">
		3195	<label class="control-label col-md-3">State</label>
		3196	<div class="col-md-9">
		3197	<input type="text" class="form-control">
		3198	</div>
		3199	</div>
		3200	<div class="form-group">
		3201	<label class="control-label col-md-3">Post Code</label>
		3202	<div class="col-md-9">
		3203	<input type="text" class="form-control">
		3204	</div>
		3205	</div>
		3206	<div class="form-group last">
		3207	<label class="control-label col-md-3">Country</label>
		3208	<div class="col-md-9">
		3209	<select class="form-control">
		3210	</select>
		3211	</div>
		3212	</div>
		3213	</div>
		3214	<div class="form-actions">
		3215	<div class="row">
		3216	<div class="col-md-offset-3 col-md-9">
		3217	<button type="submit" class="btn green"><i class="fa fa-pencil"></i> 1Edit</button>
		3218	<button type="button" class="btn default">Cancel</button>
		3219	</div>
		3220	</div>
		3221	</div>
		3222	</form>
		3223	<!-- END FORM-->
		3224	</div>
		3225	</div>
		3226	<div class="portlet light bordered form-fit">
		3227	<div class="portlet-title">
		3228	<div class="caption">
		3229	<i class="icon-equalizer font-green-haze"></i>
		3230	<span class="caption-subject font-green-haze bold uppercase">Form Sample</span>
		3231	<span class="caption-helper">some info...</span>
		3232	</div>
		3233	<div class="actions">
		3234	<a href="javascript:;" class="btn btn-circle btn-default btn-sm">
		3235	<i class="fa fa-pencil"></i> Edit </a>
		3236	<a href="javascript:;" class="btn btn-circle btn-default btn-sm">
		3237	<i class="fa fa-plus"></i> Add </a>
		3238	</div>
		3239	</div>
		3240	<div class="portlet-body form">
		3241	<!-- BEGIN FORM-->
		3242	<form action="javascript:;" class="form-horizontal form-row-seperated">
		3243	<div class="form-body">
		3244	<div class="form-group">
		3245	<label class="control-label col-md-3">First Name</label>
		3246	<div class="col-md-9">
		3247	<input type="text" placeholder="small" class="form-control"/>
		3248	<span class="help-block">
		3249	This is inline help </span>
		3250	</div>
		3251	</div>
		3252	<div class="form-group">
		3253	<label class="control-label col-md-3">Last Name</label>
		3254	<div class="col-md-9">
		3255	<input type="text" placeholder="medium" class="form-control"/>
		3256	<span class="help-block">
		3257	This is inline help </span>
		3258	</div>
		3259	</div>
		3260	<div class="form-group">
		3261	<label class="control-label col-md-3">Gender</label>
		3262	<div class="col-md-9">
		3263	<select class="form-control">
		3264	<option value="">Male</option>
		3265	<option value="">Female</option>
		3266	</select>
		3267	<span class="help-block">
		3268	Select your gender. </span>
		3269	</div>
		3270	</div>
		3271	<div class="form-group">
		3272	<label class="control-label col-md-3">Date of Birth</label>
		3273	<div class="col-md-9">
		3274	<input type="text" class="form-control" placeholder="dd/mm/yyyy">
		3275	</div>
		3276	</div>
		3277	<div class="form-group">
		3278	<label class="control-label col-md-3">Category</label>
		3279	<div class="col-md-9">
		3280	<select class="form-control select2_category">
		3281	<option value="Category 1">Category 1</option>
		3282	<option value="Category 2">Category 2</option>
		3283	<option value="Category 3">Category 5</option>
		3284	<option value="Category 4">Category 4</option>
		3285	</select>
		3286	</div>
		3287	</div>
		3288	<div class="form-group">
		3289	<label class="control-label col-md-3">Multi-Value Select</label>
		3290	<div class="col-md-9">
		3291	<select class="form-control select2_sample1" multiple>
		3292	<optgroup label="NFC EAST">
		3293	<option>Dallas Cowboys</option>
		3294	<option>New York Giants</option>
		3295	<option>Philadelphia Eagles</option>
		3296	<option>Washington Redskins</option>
		3297	</optgroup>
		3298	<optgroup label="NFC NORTH">
		3299	<option>Chicago Bears</option>
		3300	<option>Detroit Lions</option>
		3301	<option>Green Bay Packers</option>
		3302	<option>Minnesota Vikings</option>
		3303	</optgroup>
		3304	<optgroup label="NFC SOUTH">
		3305	<option>Atlanta Falcons</option>
		3306	<option>Carolina Panthers</option>
		3307	<option>New Orleans Saints</option>
		3308	<option>Tampa Bay Buccaneers</option>
		3309	</optgroup>
		3310	<optgroup label="NFC WEST">
		3311	<option>Arizona Cardinals</option>
		3312	<option>St. Louis Rams</option>
		3313	<option>San Francisco 49ers</option>
		3314	<option>Seattle Seahawks</option>
		3315	</optgroup>
		3316	<optgroup label="AFC EAST">
		3317	<option>Buffalo Bills</option>
		3318	<option>Miami Dolphins</option>
		3319	<option>New England Patriots</option>
		3320	<option>New York Jets</option>
		3321	</optgroup>
		3322	<optgroup label="AFC NORTH">
		3323	<option>Baltimore Ravens</option>
		3324	<option>Cincinnati Bengals</option>
		3325	<option>Cleveland Browns</option>
		3326	<option>Pittsburgh Steelers</option>
		3327	</optgroup>
		3328	<optgroup label="AFC SOUTH">
		3329	<option>Houston Texans</option>
		3330	<option>Indianapolis Colts</option>
		3331	<option>Jacksonville Jaguars</option>
		3332	<option>Tennessee Titans</option>
		3333	</optgroup>
		3334	<optgroup label="AFC WEST">
		3335	<option>Denver Broncos</option>
		3336	<option>Kansas City Chiefs</option>
		3337	<option>Oakland Raiders</option>
		3338	<option>San Diego Chargers</option>
		3339	</optgroup>
		3340	</select>
		3341	</div>
		3342	</div>
		3343	<div class="form-group">
		3344	<label class="control-label col-md-3">Loading Data</label>
		3345	<div class="col-md-9">
		3346	<input type="hidden" class="form-control select2_sample2">
		3347	</div>
		3348	</div>
		3349	<div class="form-group">
		3350	<label class="control-label col-md-3">Tags Support List</label>
		3351	<div class="col-md-9">
		3352	<input type="hidden" class="form-control select2_sample3" value="red, blue">
		3353	</div>
		3354	</div>
		3355	<div class="form-group">
		3356	<label class="control-label col-md-3">Membership</label>
		3357	<div class="col-md-9">
		3358	<div class="radio-list">
		3359	<label>
		3360	<input type="radio" name="optionsRadios2" value="option1"/>
		3361	Free </label>
		3362	<label>
		3363	<input type="radio" name="optionsRadios2" value="option2" checked/>
		3364	Professional </label>
		3365	</div>
		3366	</div>
		3367	</div>
		3368	<div class="form-group">
		3369	<label class="control-label col-md-3">Street</label>
		3370	<div class="col-md-9">
		3371	<input type="text" class="form-control">
		3372	</div>
		3373	</div>
		3374	<div class="form-group">
		3375	<label class="control-label col-md-3">City</label>
		3376	<div class="col-md-9">
		3377	<input type="text" class="form-control">
		3378	</div>
		3379	</div>
		3380	<div class="form-group">
		3381	<label class="control-label col-md-3">State</label>
		3382	<div class="col-md-9">
		3383	<input type="text" class="form-control">
		3384	</div>
		3385	</div>
		3386	<div class="form-group">
		3387	<label class="control-label col-md-3">Post Code</label>
		3388	<div class="col-md-9">
		3389	<input type="text" class="form-control">
		3390	</div>
		3391	</div>
		3392	<div class="form-group last">
		3393	<label class="control-label col-md-3">Country</label>
		3394	<div class="col-md-9">
		3395	<select class="form-control">
		3396	</select>
		3397	</div>
		3398	</div>
		3399	</div>
		3400	<div class="form-actions">
		3401	<div class="row">
		3402	<div class="col-md-offset-3 col-md-9">
		3403	<button type="submit" class="btn green"><i class="fa fa-pencil"></i> 1Edit</button>
		3404	<button type="button" class="btn default">Cancel</button>
		3405	</div>
		3406	</div>
		3407	</div>
		3408	</form>
		3409	<!-- END FORM-->
		3410	</div>
		3411	</div>
		3412	</div>
		3413	<div class="tab-pane" id="tab_5">
		3414	<div class="portlet box blue ">
		3415	<div class="portlet-title">
		3416	<div class="caption">
		3417	<i class="fa fa-gift"></i>Form Sample
		3418	</div>
		3419	<div class="tools">
		3420	<a href="javascript:;" class="collapse">
		3421	</a>
		3422	<a href="#portlet-config" data-toggle="modal" class="config">
		3423	</a>
		3424	<a href="javascript:;" class="reload">
		3425	</a>
		3426	<a href="javascript:;" class="remove">
		3427	</a>
		3428	</div>
		3429	</div>
		3430	<div class="portlet-body form">
		3431	<!-- BEGIN FORM-->
		3432	<form action="javascript:;" class="form-horizontal form-bordered">
		3433	<div class="form-body">
		3434	<div class="form-group">
		3435	<label class="control-label col-md-3">First Name</label>
		3436	<div class="col-md-9">
		3437	<input type="text" placeholder="small" class="form-control"/>
		3438	<span class="help-block">
		3439	This is inline help </span>
		3440	</div>
		3441	</div>
		3442	<div class="form-group">
		3443	<label class="control-label col-md-3">Last Name</label>
		3444	<div class="col-md-9">
		3445	<input type="text" placeholder="medium" class="form-control"/>
		3446	<span class="help-block">
		3447	This is inline help </span>
		3448	</div>
		3449	</div>
		3450	<div class="form-group">
		3451	<label class="control-label col-md-3">Gender</label>
		3452	<div class="col-md-9">
		3453	<select class="form-control">
		3454	<option value="">Male</option>
		3455	<option value="">Female</option>
		3456	</select>
		3457	<span class="help-block">
		3458	Select your gender. </span>
		3459	</div>
		3460	</div>
		3461	<div class="form-group">
		3462	<label class="control-label col-md-3">Date of Birth</label>
		3463	<div class="col-md-9">
		3464	<input type="text" class="form-control" placeholder="dd/mm/yyyy">
		3465	</div>
		3466	</div>
		3467	<div class="form-group">
		3468	<label class="control-label col-md-3">Category</label>
		3469	<div class="col-md-9">
		3470	<select class="form-control select2_category">
		3471	<option value="Category 1">Category 1</option>
		3472	<option value="Category 2">Category 2</option>
		3473	<option value="Category 3">Category 5</option>
		3474	<option value="Category 4">Category 4</option>
		3475	</select>
		3476	</div>
		3477	</div>
		3478	<div class="form-group">
		3479	<label class="control-label col-md-3">Multi-Value Select</label>
		3480	<div class="col-md-9">
		3481	<select class="form-control select2_sample1" multiple>
		3482	<optgroup label="NFC EAST">
		3483	<option>Dallas Cowboys</option>
		3484	<option>New York Giants</option>
		3485	<option>Philadelphia Eagles</option>
		3486	<option>Washington Redskins</option>
		3487	</optgroup>
		3488	<optgroup label="NFC NORTH">
		3489	<option>Chicago Bears</option>
		3490	<option>Detroit Lions</option>
		3491	<option>Green Bay Packers</option>
		3492	<option>Minnesota Vikings</option>
		3493	</optgroup>
		3494	<optgroup label="NFC SOUTH">
		3495	<option>Atlanta Falcons</option>
		3496	<option>Carolina Panthers</option>
		3497	<option>New Orleans Saints</option>
		3498	<option>Tampa Bay Buccaneers</option>
		3499	</optgroup>
		3500	<optgroup label="NFC WEST">
		3501	<option>Arizona Cardinals</option>
		3502	<option>St. Louis Rams</option>
		3503	<option>San Francisco 49ers</option>
		3504	<option>Seattle Seahawks</option>
		3505	</optgroup>
		3506	<optgroup label="AFC EAST">
		3507	<option>Buffalo Bills</option>
		3508	<option>Miami Dolphins</option>
		3509	<option>New England Patriots</option>
		3510	<option>New York Jets</option>
		3511	</optgroup>
		3512	<optgroup label="AFC NORTH">
		3513	<option>Baltimore Ravens</option>
		3514	<option>Cincinnati Bengals</option>
		3515	<option>Cleveland Browns</option>
		3516	<option>Pittsburgh Steelers</option>
		3517	</optgroup>
		3518	<optgroup label="AFC SOUTH">
		3519	<option>Houston Texans</option>
		3520	<option>Indianapolis Colts</option>
		3521	<option>Jacksonville Jaguars</option>
		3522	<option>Tennessee Titans</option>
		3523	</optgroup>
		3524	<optgroup label="AFC WEST">
		3525	<option>Denver Broncos</option>
		3526	<option>Kansas City Chiefs</option>
		3527	<option>Oakland Raiders</option>
		3528	<option>San Diego Chargers</option>
		3529	</optgroup>
		3530	</select>
		3531	</div>
		3532	</div>
		3533	<div class="form-group">
		3534	<label class="control-label col-md-3">Loading Data</label>
		3535	<div class="col-md-9">
		3536	<input type="hidden" class="form-control select2_sample2">
		3537	</div>
		3538	</div>
		3539	<div class="form-group">
		3540	<label class="control-label col-md-3">Tags Support List</label>
		3541	<div class="col-md-9">
		3542	<input type="hidden" class="form-control select2_sample3" value="red, blue">
		3543	</div>
		3544	</div>
		3545	<div class="form-group">
		3546	<label class="control-label col-md-3">Membership</label>
		3547	<div class="col-md-9">
		3548	<div class="radio-list">
		3549	<label>
		3550	<input type="radio" name="optionsRadios2" value="option1"/>
		3551	Free </label>
		3552	<label>
		3553	<input type="radio" name="optionsRadios2" value="option2" checked/>
		3554	Professional </label>
		3555	</div>
		3556	</div>
		3557	</div>
		3558	<div class="form-group">
		3559	<label class="control-label col-md-3">Street</label>
		3560	<div class="col-md-9">
		3561	<input type="text" class="form-control">
		3562	</div>
		3563	</div>
		3564	<div class="form-group">
		3565	<label class="control-label col-md-3">City</label>
		3566	<div class="col-md-9">
		3567	<input type="text" class="form-control">
		3568	</div>
		3569	</div>
		3570	<div class="form-group">
		3571	<label class="control-label col-md-3">State</label>
		3572	<div class="col-md-9">
		3573	<input type="text" class="form-control">
		3574	</div>
		3575	</div>
		3576	<div class="form-group">
		3577	<label class="control-label col-md-3">Post Code</label>
		3578	<div class="col-md-9">
		3579	<input type="text" class="form-control">
		3580	</div>
		3581	</div>
		3582	<div class="form-group last">
		3583	<label class="control-label col-md-3">Country</label>
		3584	<div class="col-md-9">
		3585	<select class="form-control">
		3586	</select>
		3587	</div>
		3588	</div>
		3589	</div>
		3590	<div class="form-actions">
		3591	<div class="row">
		3592	<div class="col-md-12">
		3593	<div class="row">
		3594	<div class="col-md-offset-3 col-md-9">
		3595	<button type="submit" class="btn green"><i class="fa fa-check"></i> Submit</button>
		3596	<button type="button" class="btn default">Cancel</button>
		3597	</div>
		3598	</div>
		3599	</div>
		3600	</div>
		3601	</div>
		3602	</form>
		3603	<!-- END FORM-->
		3604	</div>
		3605	</div>
		3606	<div class="portlet light bordered form-fit">
		3607	<div class="portlet-title">
		3608	<div class="caption">
		3609	<i class="icon-equalizer font-blue-hoki"></i>
		3610	<span class="caption-subject font-blue-hoki bold uppercase">Form Sample</span>
		3611	<span class="caption-helper">demo form...</span>
		3612	</div>
		3613	<div class="actions">
		3614	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		3615	<i class="icon-cloud-upload"></i>
		3616	</a>
		3617	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		3618	<i class="icon-wrench"></i>
		3619	</a>
		3620	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		3621	<i class="icon-trash"></i>
		3622	</a>
		3623	</div>
		3624	</div>
		3625	<div class="portlet-body form">
		3626	<!-- BEGIN FORM-->
		3627	<form action="javascript:;" class="form-horizontal form-bordered">
		3628	<div class="form-body">
		3629	<div class="form-group">
		3630	<label class="control-label col-md-3">First Name</label>
		3631	<div class="col-md-9">
		3632	<input type="text" placeholder="small" class="form-control"/>
		3633	<span class="help-block">
		3634	This is inline help </span>
		3635	</div>
		3636	</div>
		3637	<div class="form-group">
		3638	<label class="control-label col-md-3">Last Name</label>
		3639	<div class="col-md-9">
		3640	<input type="text" placeholder="medium" class="form-control"/>
		3641	<span class="help-block">
		3642	This is inline help </span>
		3643	</div>
		3644	</div>
		3645	<div class="form-group">
		3646	<label class="control-label col-md-3">Gender</label>
		3647	<div class="col-md-9">
		3648	<select class="form-control">
		3649	<option value="">Male</option>
		3650	<option value="">Female</option>
		3651	</select>
		3652	<span class="help-block">
		3653	Select your gender. </span>
		3654	</div>
		3655	</div>
		3656	<div class="form-group">
		3657	<label class="control-label col-md-3">Date of Birth</label>
		3658	<div class="col-md-9">
		3659	<input type="text" class="form-control" placeholder="dd/mm/yyyy">
		3660	</div>
		3661	</div>
		3662	<div class="form-group">
		3663	<label class="control-label col-md-3">Category</label>
		3664	<div class="col-md-9">
		3665	<select class="form-control select2_category">
		3666	<option value="Category 1">Category 1</option>
		3667	<option value="Category 2">Category 2</option>
		3668	<option value="Category 3">Category 5</option>
		3669	<option value="Category 4">Category 4</option>
		3670	</select>
		3671	</div>
		3672	</div>
		3673	<div class="form-group">
		3674	<label class="control-label col-md-3">Multi-Value Select</label>
		3675	<div class="col-md-9">
		3676	<select class="form-control select2_sample1" multiple>
		3677	<optgroup label="NFC EAST">
		3678	<option>Dallas Cowboys</option>
		3679	<option>New York Giants</option>
		3680	<option>Philadelphia Eagles</option>
		3681	<option>Washington Redskins</option>
		3682	</optgroup>
		3683	<optgroup label="NFC NORTH">
		3684	<option>Chicago Bears</option>
		3685	<option>Detroit Lions</option>
		3686	<option>Green Bay Packers</option>
		3687	<option>Minnesota Vikings</option>
		3688	</optgroup>
		3689	<optgroup label="NFC SOUTH">
		3690	<option>Atlanta Falcons</option>
		3691	<option>Carolina Panthers</option>
		3692	<option>New Orleans Saints</option>
		3693	<option>Tampa Bay Buccaneers</option>
		3694	</optgroup>
		3695	<optgroup label="NFC WEST">
		3696	<option>Arizona Cardinals</option>
		3697	<option>St. Louis Rams</option>
		3698	<option>San Francisco 49ers</option>
		3699	<option>Seattle Seahawks</option>
		3700	</optgroup>
		3701	<optgroup label="AFC EAST">
		3702	<option>Buffalo Bills</option>
		3703	<option>Miami Dolphins</option>
		3704	<option>New England Patriots</option>
		3705	<option>New York Jets</option>
		3706	</optgroup>
		3707	<optgroup label="AFC NORTH">
		3708	<option>Baltimore Ravens</option>
		3709	<option>Cincinnati Bengals</option>
		3710	<option>Cleveland Browns</option>
		3711	<option>Pittsburgh Steelers</option>
		3712	</optgroup>
		3713	<optgroup label="AFC SOUTH">
		3714	<option>Houston Texans</option>
		3715	<option>Indianapolis Colts</option>
		3716	<option>Jacksonville Jaguars</option>
		3717	<option>Tennessee Titans</option>
		3718	</optgroup>
		3719	<optgroup label="AFC WEST">
		3720	<option>Denver Broncos</option>
		3721	<option>Kansas City Chiefs</option>
		3722	<option>Oakland Raiders</option>
		3723	<option>San Diego Chargers</option>
		3724	</optgroup>
		3725	</select>
		3726	</div>
		3727	</div>
		3728	<div class="form-group">
		3729	<label class="control-label col-md-3">Loading Data</label>
		3730	<div class="col-md-9">
		3731	<input type="hidden" class="form-control select2_sample2">
		3732	</div>
		3733	</div>
		3734	<div class="form-group">
		3735	<label class="control-label col-md-3">Tags Support List</label>
		3736	<div class="col-md-9">
		3737	<input type="hidden" class="form-control select2_sample3" value="red, blue">
		3738	</div>
		3739	</div>
		3740	<div class="form-group">
		3741	<label class="control-label col-md-3">Membership</label>
		3742	<div class="col-md-9">
		3743	<div class="radio-list">
		3744	<label>
		3745	<input type="radio" name="optionsRadios2" value="option1"/>
		3746	Free </label>
		3747	<label>
		3748	<input type="radio" name="optionsRadios2" value="option2" checked/>
		3749	Professional </label>
		3750	</div>
		3751	</div>
		3752	</div>
		3753	<div class="form-group">
		3754	<label class="control-label col-md-3">Street</label>
		3755	<div class="col-md-9">
		3756	<input type="text" class="form-control">
		3757	</div>
		3758	</div>
		3759	<div class="form-group">
		3760	<label class="control-label col-md-3">City</label>
		3761	<div class="col-md-9">
		3762	<input type="text" class="form-control">
		3763	</div>
		3764	</div>
		3765	<div class="form-group">
		3766	<label class="control-label col-md-3">State</label>
		3767	<div class="col-md-9">
		3768	<input type="text" class="form-control">
		3769	</div>
		3770	</div>
		3771	<div class="form-group">
		3772	<label class="control-label col-md-3">Post Code</label>
		3773	<div class="col-md-9">
		3774	<input type="text" class="form-control">
		3775	</div>
		3776	</div>
		3777	<div class="form-group last">
		3778	<label class="control-label col-md-3">Country</label>
		3779	<div class="col-md-9">
		3780	<select class="form-control">
		3781	</select>
		3782	</div>
		3783	</div>
		3784	</div>
		3785	<div class="form-actions">
		3786	<div class="row">
		3787	<div class="col-md-offset-3 col-md-9">
		3788	<button type="submit" class="btn green"><i class="fa fa-check"></i> Submit</button>
		3789	<button type="button" class="btn default">Cancel</button>
		3790	</div>
		3791	</div>
		3792	</div>
		3793	</form>
		3794	<!-- END FORM-->
		3795	</div>
		3796	</div>
		3797	</div>
		3798	<div class="tab-pane" id="tab_6">
		3799	<div class="portlet box blue ">
		3800	<div class="portlet-title">
		3801	<div class="caption">
		3802	<i class="fa fa-gift"></i>Form Sample
		3803	</div>
		3804	<div class="tools">
		3805	<a href="javascript:;" class="collapse">
		3806	</a>
		3807	<a href="#portlet-config" data-toggle="modal" class="config">
		3808	</a>
		3809	<a href="javascript:;" class="reload">
		3810	</a>
		3811	<a href="javascript:;" class="remove">
		3812	</a>
		3813	</div>
		3814	</div>
		3815	<div class="portlet-body form">
		3816	<!-- BEGIN FORM-->
		3817	<form action="javascript:;" class="form-horizontal form-bordered form-row-stripped">
		3818	<div class="form-body">
		3819	<div class="form-group">
		3820	<label class="control-label col-md-3">First Name</label>
		3821	<div class="col-md-9">
		3822	<input type="text" placeholder="small" class="form-control"/>
		3823	<span class="help-block">
		3824	This is inline help </span>
		3825	</div>
		3826	</div>
		3827	<div class="form-group">
		3828	<label class="control-label col-md-3">Last Name</label>
		3829	<div class="col-md-9">
		3830	<input type="text" placeholder="medium" class="form-control"/>
		3831	<span class="help-block">
		3832	This is inline help </span>
		3833	</div>
		3834	</div>
		3835	<div class="form-group">
		3836	<label class="control-label col-md-3">Gender</label>
		3837	<div class="col-md-9">
		3838	<select class="form-control">
		3839	<option value="">Male</option>
		3840	<option value="">Female</option>
		3841	</select>
		3842	<span class="help-block">
		3843	Select your gender. </span>
		3844	</div>
		3845	</div>
		3846	<div class="form-group">
		3847	<label class="control-label col-md-3">Date of Birth</label>
		3848	<div class="col-md-9">
		3849	<input type="text" class="form-control" placeholder="dd/mm/yyyy">
		3850	</div>
		3851	</div>
		3852	<div class="form-group">
		3853	<label class="control-label col-md-3">Category</label>
		3854	<div class="col-md-9">
		3855	<select class="form-control select2_category">
		3856	<option value="Category 1">Category 1</option>
		3857	<option value="Category 2">Category 2</option>
		3858	<option value="Category 3">Category 5</option>
		3859	<option value="Category 4">Category 4</option>
		3860	</select>
		3861	</div>
		3862	</div>
		3863	<div class="form-group">
		3864	<label class="control-label col-md-3">Multi-Value Select</label>
		3865	<div class="col-md-9">
		3866	<select class="form-control select2_sample1" multiple>
		3867	<optgroup label="NFC EAST">
		3868	<option>Dallas Cowboys</option>
		3869	<option>New York Giants</option>
		3870	<option>Philadelphia Eagles</option>
		3871	<option>Washington Redskins</option>
		3872	</optgroup>
		3873	<optgroup label="NFC NORTH">
		3874	<option>Chicago Bears</option>
		3875	<option>Detroit Lions</option>
		3876	<option>Green Bay Packers</option>
		3877	<option>Minnesota Vikings</option>
		3878	</optgroup>
		3879	<optgroup label="NFC SOUTH">
		3880	<option>Atlanta Falcons</option>
		3881	<option>Carolina Panthers</option>
		3882	<option>New Orleans Saints</option>
		3883	<option>Tampa Bay Buccaneers</option>
		3884	</optgroup>
		3885	<optgroup label="NFC WEST">
		3886	<option>Arizona Cardinals</option>
		3887	<option>St. Louis Rams</option>
		3888	<option>San Francisco 49ers</option>
		3889	<option>Seattle Seahawks</option>
		3890	</optgroup>
		3891	<optgroup label="AFC EAST">
		3892	<option>Buffalo Bills</option>
		3893	<option>Miami Dolphins</option>
		3894	<option>New England Patriots</option>
		3895	<option>New York Jets</option>
		3896	</optgroup>
		3897	<optgroup label="AFC NORTH">
		3898	<option>Baltimore Ravens</option>
		3899	<option>Cincinnati Bengals</option>
		3900	<option>Cleveland Browns</option>
		3901	<option>Pittsburgh Steelers</option>
		3902	</optgroup>
		3903	<optgroup label="AFC SOUTH">
		3904	<option>Houston Texans</option>
		3905	<option>Indianapolis Colts</option>
		3906	<option>Jacksonville Jaguars</option>
		3907	<option>Tennessee Titans</option>
		3908	</optgroup>
		3909	<optgroup label="AFC WEST">
		3910	<option>Denver Broncos</option>
		3911	<option>Kansas City Chiefs</option>
		3912	<option>Oakland Raiders</option>
		3913	<option>San Diego Chargers</option>
		3914	</optgroup>
		3915	</select>
		3916	</div>
		3917	</div>
		3918	<div class="form-group">
		3919	<label class="control-label col-md-3">Loading Data</label>
		3920	<div class="col-md-9">
		3921	<input type="hidden" class="form-control select2_sample2">
		3922	</div>
		3923	</div>
		3924	<div class="form-group">
		3925	<label class="control-label col-md-3">Tags Support List</label>
		3926	<div class="col-md-9">
		3927	<input type="hidden" class="form-control select2_sample3" value="red, blue">
		3928	</div>
		3929	</div>
		3930	<div class="form-group">
		3931	<label class="control-label col-md-3">Membership</label>
		3932	<div class="col-md-9">
		3933	<div class="radio-list">
		3934	<label>
		3935	<input type="radio" name="optionsRadios2" value="option1"/>
		3936	Free </label>
		3937	<label>
		3938	<input type="radio" name="optionsRadios2" value="option2" checked/>
		3939	Professional </label>
		3940	</div>
		3941	</div>
		3942	</div>
		3943	<div class="form-group">
		3944	<label class="control-label col-md-3">Street</label>
		3945	<div class="col-md-9">
		3946	<input type="text" class="form-control">
		3947	</div>
		3948	</div>
		3949	<div class="form-group">
		3950	<label class="control-label col-md-3">City</label>
		3951	<div class="col-md-9">
		3952	<input type="text" class="form-control">
		3953	</div>
		3954	</div>
		3955	<div class="form-group">
		3956	<label class="control-label col-md-3">State</label>
		3957	<div class="col-md-9">
		3958	<input type="text" class="form-control">
		3959	</div>
		3960	</div>
		3961	<div class="form-group">
		3962	<label class="control-label col-md-3">Post Code</label>
		3963	<div class="col-md-9">
		3964	<input type="text" class="form-control">
		3965	</div>
		3966	</div>
		3967	<div class="form-group last">
		3968	<label class="control-label col-md-3">Country</label>
		3969	<div class="col-md-9">
		3970	<select class="form-control">
		3971	</select>
		3972	</div>
		3973	</div>
		3974	</div>
		3975	<div class="form-actions">
		3976	<div class="row">
		3977	<div class="col-md-offset-3 col-md-9">
		3978	<button type="submit" class="btn green"><i class="fa fa-check"></i> Submit</button>
		3979	<button type="button" class="btn default">Cancel</button>
		3980	</div>
		3981	</div>
		3982	</div>
		3983	</form>
		3984	<!-- END FORM-->
		3985	</div>
		3986	</div>
		3987	<div class="portlet light bordered form-fit">
		3988	<div class="portlet-title">
		3989	<div class="caption">
		3990	<i class="icon-user font-blue-hoki"></i>
		3991	<span class="caption-subject font-blue-hoki bold uppercase">Form Sample</span>
		3992	<span class="caption-helper">demo form...</span>
		3993	</div>
		3994	<div class="actions">
		3995	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		3996	<i class="icon-cloud-upload"></i>
		3997	</a>
		3998	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		3999	<i class="icon-wrench"></i>
		4000	</a>
		4001	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		4002	<i class="icon-trash"></i>
		4003	</a>
		4004	</div>
		4005	</div>
		4006	<div class="portlet-body form">
		4007	<!-- BEGIN FORM-->
		4008	<form action="javascript:;" class="form-horizontal form-bordered form-row-stripped">
		4009	<div class="form-body">
		4010	<div class="form-group">
		4011	<label class="control-label col-md-3">First Name</label>
		4012	<div class="col-md-9">
		4013	<input type="text" placeholder="small" class="form-control"/>
		4014	<span class="help-block">
		4015	This is inline help </span>
		4016	</div>
		4017	</div>
		4018	<div class="form-group">
		4019	<label class="control-label col-md-3">Last Name</label>
		4020	<div class="col-md-9">
		4021	<input type="text" placeholder="medium" class="form-control"/>
		4022	<span class="help-block">
		4023	This is inline help </span>
		4024	</div>
		4025	</div>
		4026	<div class="form-group">
		4027	<label class="control-label col-md-3">Gender</label>
		4028	<div class="col-md-9">
		4029	<select class="form-control">
		4030	<option value="">Male</option>
		4031	<option value="">Female</option>
		4032	</select>
		4033	<span class="help-block">
		4034	Select your gender. </span>
		4035	</div>
		4036	</div>
		4037	<div class="form-group">
		4038	<label class="control-label col-md-3">Date of Birth</label>
		4039	<div class="col-md-9">
		4040	<input type="text" class="form-control" placeholder="dd/mm/yyyy">
		4041	</div>
		4042	</div>
		4043	<div class="form-group">
		4044	<label class="control-label col-md-3">Category</label>
		4045	<div class="col-md-9">
		4046	<select class="form-control select2_category">
		4047	<option value="Category 1">Category 1</option>
		4048	<option value="Category 2">Category 2</option>
		4049	<option value="Category 3">Category 5</option>
		4050	<option value="Category 4">Category 4</option>
		4051	</select>
		4052	</div>
		4053	</div>
		4054	<div class="form-group">
		4055	<label class="control-label col-md-3">Multi-Value Select</label>
		4056	<div class="col-md-9">
		4057	<select class="form-control select2_sample1" multiple>
		4058	<optgroup label="NFC EAST">
		4059	<option>Dallas Cowboys</option>
		4060	<option>New York Giants</option>
		4061	<option>Philadelphia Eagles</option>
		4062	<option>Washington Redskins</option>
		4063	</optgroup>
		4064	<optgroup label="NFC NORTH">
		4065	<option>Chicago Bears</option>
		4066	<option>Detroit Lions</option>
		4067	<option>Green Bay Packers</option>
		4068	<option>Minnesota Vikings</option>
		4069	</optgroup>
		4070	<optgroup label="NFC SOUTH">
		4071	<option>Atlanta Falcons</option>
		4072	<option>Carolina Panthers</option>
		4073	<option>New Orleans Saints</option>
		4074	<option>Tampa Bay Buccaneers</option>
		4075	</optgroup>
		4076	<optgroup label="NFC WEST">
		4077	<option>Arizona Cardinals</option>
		4078	<option>St. Louis Rams</option>
		4079	<option>San Francisco 49ers</option>
		4080	<option>Seattle Seahawks</option>
		4081	</optgroup>
		4082	<optgroup label="AFC EAST">
		4083	<option>Buffalo Bills</option>
		4084	<option>Miami Dolphins</option>
		4085	<option>New England Patriots</option>
		4086	<option>New York Jets</option>
		4087	</optgroup>
		4088	<optgroup label="AFC NORTH">
		4089	<option>Baltimore Ravens</option>
		4090	<option>Cincinnati Bengals</option>
		4091	<option>Cleveland Browns</option>
		4092	<option>Pittsburgh Steelers</option>
		4093	</optgroup>
		4094	<optgroup label="AFC SOUTH">
		4095	<option>Houston Texans</option>
		4096	<option>Indianapolis Colts</option>
		4097	<option>Jacksonville Jaguars</option>
		4098	<option>Tennessee Titans</option>
		4099	</optgroup>
		4100	<optgroup label="AFC WEST">
		4101	<option>Denver Broncos</option>
		4102	<option>Kansas City Chiefs</option>
		4103	<option>Oakland Raiders</option>
		4104	<option>San Diego Chargers</option>
		4105	</optgroup>
		4106	</select>
		4107	</div>
		4108	</div>
		4109	<div class="form-group">
		4110	<label class="control-label col-md-3">Loading Data</label>
		4111	<div class="col-md-9">
		4112	<input type="hidden" class="form-control select2_sample2">
		4113	</div>
		4114	</div>
		4115	<div class="form-group">
		4116	<label class="control-label col-md-3">Tags Support List</label>
		4117	<div class="col-md-9">
		4118	<input type="hidden" class="form-control select2_sample3" value="red, blue">
		4119	</div>
		4120	</div>
		4121	<div class="form-group">
		4122	<label class="control-label col-md-3">Membership</label>
		4123	<div class="col-md-9">
		4124	<div class="radio-list">
		4125	<label>
		4126	<input type="radio" name="optionsRadios2" value="option1"/>
		4127	Free </label>
		4128	<label>
		4129	<input type="radio" name="optionsRadios2" value="option2" checked/>
		4130	Professional </label>
		4131	</div>
		4132	</div>
		4133	</div>
		4134	<div class="form-group">
		4135	<label class="control-label col-md-3">Street</label>
		4136	<div class="col-md-9">
		4137	<input type="text" class="form-control">
		4138	</div>
		4139	</div>
		4140	<div class="form-group">
		4141	<label class="control-label col-md-3">City</label>
		4142	<div class="col-md-9">
		4143	<input type="text" class="form-control">
		4144	</div>
		4145	</div>
		4146	<div class="form-group">
		4147	<label class="control-label col-md-3">State</label>
		4148	<div class="col-md-9">
		4149	<input type="text" class="form-control">
		4150	</div>
		4151	</div>
		4152	<div class="form-group">
		4153	<label class="control-label col-md-3">Post Code</label>
		4154	<div class="col-md-9">
		4155	<input type="text" class="form-control">
		4156	</div>
		4157	</div>
		4158	<div class="form-group last">
		4159	<label class="control-label col-md-3">Country</label>
		4160	<div class="col-md-9">
		4161	<select class="form-control">
		4162	</select>
		4163	</div>
		4164	</div>
		4165	</div>
		4166	<div class="form-actions">
		4167	<div class="row">
		4168	<div class="col-md-offset-3 col-md-9">
		4169	<button type="submit" class="btn green"><i class="fa fa-check"></i> Submit</button>
		4170	<button type="button" class="btn default">Cancel</button>
		4171	</div>
		4172	</div>
		4173	</div>
		4174	</form>
		4175	<!-- END FORM-->
		4176	</div>
		4177	</div>
		4178	</div>
		4179	<div class="tab-pane" id="tab_7">
		4180	<div class="portlet box blue ">
		4181	<div class="portlet-title">
		4182	<div class="caption">
		4183	<i class="fa fa-gift"></i>Form Sample
		4184	</div>
		4185	<div class="tools">
		4186	<a href="javascript:;" class="collapse">
		4187	</a>
		4188	<a href="#portlet-config" data-toggle="modal" class="config">
		4189	</a>
		4190	<a href="javascript:;" class="reload">
		4191	</a>
		4192	<a href="javascript:;" class="remove">
		4193	</a>
		4194	</div>
		4195	</div>
		4196	<div class="portlet-body form">
		4197	<!-- BEGIN FORM-->
		4198	<form action="javascript:;" class="form-horizontal form-bordered form-label-stripped">
		4199	<div class="form-body">
		4200	<div class="form-group">
		4201	<label class="control-label col-md-3">First Name</label>
		4202	<div class="col-md-9">
		4203	<input type="text" placeholder="small" class="form-control"/>
		4204	<span class="help-block">
		4205	This is inline help </span>
		4206	</div>
		4207	</div>
		4208	<div class="form-group">
		4209	<label class="control-label col-md-3">Last Name</label>
		4210	<div class="col-md-9">
		4211	<input type="text" placeholder="medium" class="form-control"/>
		4212	<span class="help-block">
		4213	This is inline help </span>
		4214	</div>
		4215	</div>
		4216	<div class="form-group">
		4217	<label class="control-label col-md-3">Gender</label>
		4218	<div class="col-md-9">
		4219	<select class="form-control">
		4220	<option value="">Male</option>
		4221	<option value="">Female</option>
		4222	</select>
		4223	<span class="help-block">
		4224	Select your gender. </span>
		4225	</div>
		4226	</div>
		4227	<div class="form-group">
		4228	<label class="control-label col-md-3">Date of Birth</label>
		4229	<div class="col-md-9">
		4230	<input type="text" class="form-control" placeholder="dd/mm/yyyy">
		4231	</div>
		4232	</div>
		4233	<div class="form-group">
		4234	<label class="control-label col-md-3">Category</label>
		4235	<div class="col-md-9">
		4236	<select class="form-control select2_category">
		4237	<option value="Category 1">Category 1</option>
		4238	<option value="Category 2">Category 2</option>
		4239	<option value="Category 3">Category 5</option>
		4240	<option value="Category 4">Category 4</option>
		4241	</select>
		4242	</div>
		4243	</div>
		4244	<div class="form-group">
		4245	<label class="control-label col-md-3">Multi-Value Select</label>
		4246	<div class="col-md-9">
		4247	<select class="form-control select2_sample1" multiple>
		4248	<optgroup label="NFC EAST">
		4249	<option>Dallas Cowboys</option>
		4250	<option>New York Giants</option>
		4251	<option>Philadelphia Eagles</option>
		4252	<option>Washington Redskins</option>
		4253	</optgroup>
		4254	<optgroup label="NFC NORTH">
		4255	<option>Chicago Bears</option>
		4256	<option>Detroit Lions</option>
		4257	<option>Green Bay Packers</option>
		4258	<option>Minnesota Vikings</option>
		4259	</optgroup>
		4260	<optgroup label="NFC SOUTH">
		4261	<option>Atlanta Falcons</option>
		4262	<option>Carolina Panthers</option>
		4263	<option>New Orleans Saints</option>
		4264	<option>Tampa Bay Buccaneers</option>
		4265	</optgroup>
		4266	<optgroup label="NFC WEST">
		4267	<option>Arizona Cardinals</option>
		4268	<option>St. Louis Rams</option>
		4269	<option>San Francisco 49ers</option>
		4270	<option>Seattle Seahawks</option>
		4271	</optgroup>
		4272	<optgroup label="AFC EAST">
		4273	<option>Buffalo Bills</option>
		4274	<option>Miami Dolphins</option>
		4275	<option>New England Patriots</option>
		4276	<option>New York Jets</option>
		4277	</optgroup>
		4278	<optgroup label="AFC NORTH">
		4279	<option>Baltimore Ravens</option>
		4280	<option>Cincinnati Bengals</option>
		4281	<option>Cleveland Browns</option>
		4282	<option>Pittsburgh Steelers</option>
		4283	</optgroup>
		4284	<optgroup label="AFC SOUTH">
		4285	<option>Houston Texans</option>
		4286	<option>Indianapolis Colts</option>
		4287	<option>Jacksonville Jaguars</option>
		4288	<option>Tennessee Titans</option>
		4289	</optgroup>
		4290	<optgroup label="AFC WEST">
		4291	<option>Denver Broncos</option>
		4292	<option>Kansas City Chiefs</option>
		4293	<option>Oakland Raiders</option>
		4294	<option>San Diego Chargers</option>
		4295	</optgroup>
		4296	</select>
		4297	</div>
		4298	</div>
		4299	<div class="form-group">
		4300	<label class="control-label col-md-3">Loading Data</label>
		4301	<div class="col-md-9">
		4302	<input type="hidden" class="form-control select2_sample2">
		4303	</div>
		4304	</div>
		4305	<div class="form-group">
		4306	<label class="control-label col-md-3">Tags Support List</label>
		4307	<div class="col-md-9">
		4308	<input type="hidden" class="form-control select2_sample3" value="red, blue">
		4309	</div>
		4310	</div>
		4311	<div class="form-group">
		4312	<label class="control-label col-md-3">Membership</label>
		4313	<div class="col-md-9">
		4314	<div class="radio-list">
		4315	<label>
		4316	<input type="radio" name="optionsRadios2" value="option1"/>
		4317	Free </label>
		4318	<label>
		4319	<input type="radio" name="optionsRadios2" value="option2" checked/>
		4320	Professional </label>
		4321	</div>
		4322	</div>
		4323	</div>
		4324	<div class="form-group">
		4325	<label class="control-label col-md-3">Street</label>
		4326	<div class="col-md-9">
		4327	<input type="text" class="form-control">
		4328	</div>
		4329	</div>
		4330	<div class="form-group">
		4331	<label class="control-label col-md-3">City</label>
		4332	<div class="col-md-9">
		4333	<input type="text" class="form-control">
		4334	</div>
		4335	</div>
		4336	<div class="form-group">
		4337	<label class="control-label col-md-3">State</label>
		4338	<div class="col-md-9">
		4339	<input type="text" class="form-control">
		4340	</div>
		4341	</div>
		4342	<div class="form-group">
		4343	<label class="control-label col-md-3">Post Code</label>
		4344	<div class="col-md-9">
		4345	<input type="text" class="form-control">
		4346	</div>
		4347	</div>
		4348	<div class="form-group last">
		4349	<label class="control-label col-md-3">Country</label>
		4350	<div class="col-md-9">
		4351	<select class="form-control">
		4352	</select>
		4353	</div>
		4354	</div>
		4355	</div>
		4356	<div class="form-actions">
		4357	<div class="row">
		4358	<div class="col-md-offset-3 col-md-9">
		4359	<button type="submit" class="btn green"><i class="fa fa-check"></i> Submit</button>
		4360	<button type="button" class="btn default">Cancel</button>
		4361	</div>
		4362	</div>
		4363	</div>
		4364	</form>
		4365	<!-- END FORM-->
		4366	</div>
		4367	</div>
		4368	<div class="portlet light bordered form-fit">
		4369	<div class="portlet-title">
		4370	<div class="caption">
		4371	<i class="icon-user font-blue-hoki"></i>
		4372	<span class="caption-subject font-blue-hoki bold uppercase">Form Sample</span>
		4373	<span class="caption-helper">demo form...</span>
		4374	</div>
		4375	<div class="actions">
		4376	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		4377	<i class="icon-cloud-upload"></i>
		4378	</a>
		4379	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		4380	<i class="icon-wrench"></i>
		4381	</a>
		4382	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		4383	<i class="icon-trash"></i>
		4384	</a>
		4385	</div>
		4386	</div>
		4387	<div class="portlet-body form">
		4388	<!-- BEGIN FORM-->
		4389	<form action="javascript:;" class="form-horizontal form-bordered form-label-stripped">
		4390	<div class="form-body">
		4391	<div class="form-group">
		4392	<label class="control-label col-md-3">First Name</label>
		4393	<div class="col-md-9">
		4394	<input type="text" placeholder="small" class="form-control"/>
		4395	<span class="help-block">
		4396	This is inline help </span>
		4397	</div>
		4398	</div>
		4399	<div class="form-group">
		4400	<label class="control-label col-md-3">Last Name</label>
		4401	<div class="col-md-9">
		4402	<input type="text" placeholder="medium" class="form-control"/>
		4403	<span class="help-block">
		4404	This is inline help </span>
		4405	</div>
		4406	</div>
		4407	<div class="form-group">
		4408	<label class="control-label col-md-3">Gender</label>
		4409	<div class="col-md-9">
		4410	<select class="form-control">
		4411	<option value="">Male</option>
		4412	<option value="">Female</option>
		4413	</select>
		4414	<span class="help-block">
		4415	Select your gender. </span>
		4416	</div>
		4417	</div>
		4418	<div class="form-group">
		4419	<label class="control-label col-md-3">Date of Birth</label>
		4420	<div class="col-md-9">
		4421	<input type="text" class="form-control" placeholder="dd/mm/yyyy">
		4422	</div>
		4423	</div>
		4424	<div class="form-group">
		4425	<label class="control-label col-md-3">Category</label>
		4426	<div class="col-md-9">
		4427	<select class="form-control select2_category">
		4428	<option value="Category 1">Category 1</option>
		4429	<option value="Category 2">Category 2</option>
		4430	<option value="Category 3">Category 5</option>
		4431	<option value="Category 4">Category 4</option>
		4432	</select>
		4433	</div>
		4434	</div>
		4435	<div class="form-group">
		4436	<label class="control-label col-md-3">Multi-Value Select</label>
		4437	<div class="col-md-9">
		4438	<select class="form-control select2_sample1" multiple>
		4439	<optgroup label="NFC EAST">
		4440	<option>Dallas Cowboys</option>
		4441	<option>New York Giants</option>
		4442	<option>Philadelphia Eagles</option>
		4443	<option>Washington Redskins</option>
		4444	</optgroup>
		4445	<optgroup label="NFC NORTH">
		4446	<option>Chicago Bears</option>
		4447	<option>Detroit Lions</option>
		4448	<option>Green Bay Packers</option>
		4449	<option>Minnesota Vikings</option>
		4450	</optgroup>
		4451	<optgroup label="NFC SOUTH">
		4452	<option>Atlanta Falcons</option>
		4453	<option>Carolina Panthers</option>
		4454	<option>New Orleans Saints</option>
		4455	<option>Tampa Bay Buccaneers</option>
		4456	</optgroup>
		4457	<optgroup label="NFC WEST">
		4458	<option>Arizona Cardinals</option>
		4459	<option>St. Louis Rams</option>
		4460	<option>San Francisco 49ers</option>
		4461	<option>Seattle Seahawks</option>
		4462	</optgroup>
		4463	<optgroup label="AFC EAST">
		4464	<option>Buffalo Bills</option>
		4465	<option>Miami Dolphins</option>
		4466	<option>New England Patriots</option>
		4467	<option>New York Jets</option>
		4468	</optgroup>
		4469	<optgroup label="AFC NORTH">
		4470	<option>Baltimore Ravens</option>
		4471	<option>Cincinnati Bengals</option>
		4472	<option>Cleveland Browns</option>
		4473	<option>Pittsburgh Steelers</option>
		4474	</optgroup>
		4475	<optgroup label="AFC SOUTH">
		4476	<option>Houston Texans</option>
		4477	<option>Indianapolis Colts</option>
		4478	<option>Jacksonville Jaguars</option>
		4479	<option>Tennessee Titans</option>
		4480	</optgroup>
		4481	<optgroup label="AFC WEST">
		4482	<option>Denver Broncos</option>
		4483	<option>Kansas City Chiefs</option>
		4484	<option>Oakland Raiders</option>
		4485	<option>San Diego Chargers</option>
		4486	</optgroup>
		4487	</select>
		4488	</div>
		4489	</div>
		4490	<div class="form-group">
		4491	<label class="control-label col-md-3">Loading Data</label>
		4492	<div class="col-md-9">
		4493	<input type="hidden" class="form-control select2_sample2">
		4494	</div>
		4495	</div>
		4496	<div class="form-group">
		4497	<label class="control-label col-md-3">Tags Support List</label>
		4498	<div class="col-md-9">
		4499	<input type="hidden" class="form-control select2_sample3" value="red, blue">
		4500	</div>
		4501	</div>
		4502	<div class="form-group">
		4503	<label class="control-label col-md-3">Membership</label>
		4504	<div class="col-md-9">
		4505	<div class="radio-list">
		4506	<label>
		4507	<input type="radio" name="optionsRadios2" value="option1"/>
		4508	Free </label>
		4509	<label>
		4510	<input type="radio" name="optionsRadios2" value="option2" checked/>
		4511	Professional </label>
		4512	</div>
		4513	</div>
		4514	</div>
		4515	<div class="form-group">
		4516	<label class="control-label col-md-3">Street</label>
		4517	<div class="col-md-9">
		4518	<input type="text" class="form-control">
		4519	</div>
		4520	</div>
		4521	<div class="form-group">
		4522	<label class="control-label col-md-3">City</label>
		4523	<div class="col-md-9">
		4524	<input type="text" class="form-control">
		4525	</div>
		4526	</div>
		4527	<div class="form-group">
		4528	<label class="control-label col-md-3">State</label>
		4529	<div class="col-md-9">
		4530	<input type="text" class="form-control">
		4531	</div>
		4532	</div>
		4533	<div class="form-group">
		4534	<label class="control-label col-md-3">Post Code</label>
		4535	<div class="col-md-9">
		4536	<input type="text" class="form-control">
		4537	</div>
		4538	</div>
		4539	<div class="form-group last">
		4540	<label class="control-label col-md-3">Country</label>
		4541	<div class="col-md-9">
		4542	<select class="form-control">
		4543	</select>
		4544	</div>
		4545	</div>
		4546	</div>
		4547	<div class="form-actions">
		4548	<div class="row">
		4549	<div class="col-md-offset-3 col-md-9">
		4550	<button type="submit" class="btn green"><i class="fa fa-check"></i> Submit</button>
		4551	<button type="button" class="btn default">Cancel</button>
		4552	</div>
		4553	</div>
		4554	</div>
		4555	</form>
		4556	<!-- END FORM-->
		4557	</div>
		4558	</div>
		4559	</div>
		4560	</div>
		4561	</div>
		4562	</div>
		4563	</div>
		4564	<!-- END PAGE CONTENT INNER -->
		4565	</div>
		4566	</div>
		4567	<!-- END PAGE CONTENT -->
		4568	</div>
		4569	<!-- END PAGE CONTAINER -->
		4570	<!-- BEGIN PRE-FOOTER -->
		4571	<div class="page-prefooter">
		4572	<div class="container">
		4573	<div class="row">
		4574	<div class="col-md-3 col-sm-6 col-xs-12 footer-block">
		4575	<h2>About</h2>
		4576	<p>
		4577	Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam dolore.
		4578	</p>
		4579	</div>
		4580	<div class="col-md-3 col-sm-6 col-xs12 footer-block">
		4581	<h2>Subscribe Email</h2>
		4582	<div class="subscribe-form">
		4583	<form action="javascript:;">
		4584	<div class="input-group">
		4585	<input type="text" placeholder="mail@email.com" class="form-control">
		4586	<span class="input-group-btn">
		4587	<button class="btn" type="submit">Submit</button>
		4588	</span>
		4589	</div>
		4590	</form>
		4591	</div>
		4592	</div>
		4593	<div class="col-md-3 col-sm-6 col-xs-12 footer-block">
		4594	<h2>Follow Us On</h2>
		4595	<ul class="social-icons">
		4596	<li>
		4597	<a href="javascript:;" data-original-title="rss" class="rss"></a>
		4598	</li>
		4599	<li>
		4600	<a href="javascript:;" data-original-title="facebook" class="facebook"></a>
		4601	</li>
		4602	<li>
		4603	<a href="javascript:;" data-original-title="twitter" class="twitter"></a>
		4604	</li>
		4605	<li>
		4606	<a href="javascript:;" data-original-title="googleplus" class="googleplus"></a>
		4607	</li>
		4608	<li>
		4609	<a href="javascript:;" data-original-title="linkedin" class="linkedin"></a>
		4610	</li>
		4611	<li>
		4612	<a href="javascript:;" data-original-title="youtube" class="youtube"></a>
		4613	</li>
		4614	<li>
		4615	<a href="javascript:;" data-original-title="vimeo" class="vimeo"></a>
		4616	</li>
		4617	</ul>
		4618	</div>
		4619	<div class="col-md-3 col-sm-6 col-xs-12 footer-block">
		4620	<h2>Contacts</h2>
		4621	<address class="margin-bottom-40">
		4622	Phone: 800 123 3456<br>
		4623	Email: <a href="mailto:info@metronic.com">info@metronic.com</a>
		4624	</address>
		4625	</div>
		4626	</div>
		4627	</div>
		4628	</div>
		4629	<!-- END PRE-FOOTER -->
		4630	<!-- BEGIN FOOTER -->
		4631	<div class="page-footer">
		4632	<div class="container">
		4633	2014 © Metronic. All Rights Reserved.
		4634	</div>
		4635	</div>
		4636	<div class="scroll-to-top">
		4637	<i class="icon-arrow-up"></i>
		4638	</div>
		4639	<!-- END FOOTER -->
		4640	<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
		4641	<!-- BEGIN CORE PLUGINS -->
		4642	<!--[if lt IE 9]>
		4643	<script src="../../assets/global/plugins/respond.min.js"></script>
		4644	<script src="../../assets/global/plugins/excanvas.min.js"></script>
		4645	<![endif]-->
		4646	<script src="../../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
		4647	<script src="../../assets/global/plugins/jquery-migrate.min.js" type="text/javascript"></script>
		4648	<!-- IMPORTANT! Load jquery-ui.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
		4649	<script src="../../assets/global/plugins/jquery-ui/jquery-ui.min.js" type="text/javascript"></script>
		4650	<script src="../../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
		4651	<script src="../../assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js" type="text/javascript"></script>
		4652	<script src="../../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
		4653	<script src="../../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
		4654	<script src="../../assets/global/plugins/jquery.cokie.min.js" type="text/javascript"></script>
		4655	<script src="../../assets/global/plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>
		4656	<!-- END CORE PLUGINS -->
		4657	<!-- BEGIN PAGE LEVEL PLUGINS -->
		4658	<script type="text/javascript" src="../../assets/global/plugins/select2/select2.min.js"></script>
		4659	<!-- END PAGE LEVEL PLUGINS -->
		4660	<!-- BEGIN PAGE LEVEL SCRIPTS -->
		4661	<script src="../../assets/global/scripts/metronic.js" type="text/javascript"></script>
		4662	<script src="../../assets/admin/layout3/scripts/layout.js" type="text/javascript"></script>
		4663	<script src="../../assets/admin/layout3/scripts/demo.js" type="text/javascript"></script>
		4664	<script src="../../assets/admin/pages/scripts/form-samples.js"></script>
		4665	<!-- END PAGE LEVEL SCRIPTS -->
		4666	<script>
		4667	jQuery(document).ready(function() {
		4668	// initiate layout and plugins
		4669	Metronic.init(); // init metronic core components
		4670	Layout.init(); // init current layout
		4671	Demo.init(); // init demo features
		4672	FormSamples.init();
		4673	});
		4674	</script>
		4675	<!-- END JAVASCRIPTS -->
		4676	</body>
		4677	<!-- END BODY -->
		4678	</html>

Subversion Repositories Integrator Subversion

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