WebSVN - Integrator Subversion - Blame - Rev 1 - /DOCUMENTOS E ANALISE/telas/templates/admin3/components_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 Tools</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/bootstrap-fileinput/bootstrap-fileinput.css"/>
		36	<link rel="stylesheet" type="text/css" href="../../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css"/>
		37	<link rel="stylesheet" type="text/css" href="../../assets/global/plugins/jquery-tags-input/jquery.tagsinput.css"/>
		38	<link rel="stylesheet" type="text/css" href="../../assets/global/plugins/bootstrap-markdown/css/bootstrap-markdown.min.css">
		39	<link rel="stylesheet" type="text/css" href="../../assets/global/plugins/typeahead/typeahead.css">
		40	<!-- END PAGE LEVEL STYLES -->
		41	<!-- BEGIN THEME STYLES -->
		42	<link href="../../assets/global/css/components-rounded.css" id="style_components" rel="stylesheet" type="text/css">
		43	<link href="../../assets/global/css/plugins.css" rel="stylesheet" type="text/css">
		44	<link href="../../assets/admin/layout3/css/layout.css" rel="stylesheet" type="text/css">
		45	<link href="../../assets/admin/layout3/css/themes/default.css" rel="stylesheet" type="text/css" id="style_color">
		46	<link href="../../assets/admin/layout3/css/custom.css" rel="stylesheet" type="text/css">
		47	<!-- END THEME STYLES -->
		48	<link rel="shortcut icon" href="favicon.ico"/>
		49	</head>
		50	<!-- END HEAD -->
		51	<!-- BEGIN BODY -->
		52	<!-- DOC: Apply "page-header-menu-fixed" class to set the mega menu fixed -->
		53	<!-- DOC: Apply "page-header-top-fixed" class to set the top menu fixed -->
		54	<body>
		55	<!-- BEGIN HEADER -->
		56	<div class="page-header">
		57	<!-- BEGIN HEADER TOP -->
		58	<div class="page-header-top">
		59	<div class="container">
		60	<!-- BEGIN LOGO -->
		61	<div class="page-logo">
		62	<a href="index.html"><img src="../../assets/admin/layout3/img/logo-default.png" alt="logo" class="logo-default"></a>
		63	</div>
		64	<!-- END LOGO -->
		65	<!-- BEGIN RESPONSIVE MENU TOGGLER -->
		66	<a href="javascript:;" class="menu-toggler"></a>
		67	<!-- END RESPONSIVE MENU TOGGLER -->
		68	<!-- BEGIN TOP NAVIGATION MENU -->
		69	<div class="top-menu">
		70	<ul class="nav navbar-nav pull-right">
		71	<!-- BEGIN NOTIFICATION DROPDOWN -->
		72	<li class="dropdown dropdown-extended dropdown-dark dropdown-notification" id="header_notification_bar">
		73	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		74	<i class="icon-bell"></i>
		75	<span class="badge badge-default">7</span>
		76	</a>
		77	<ul class="dropdown-menu">
		78	<li class="external">
		79	<h3>You have <strong>12 pending</strong> tasks</h3>
		80	<a href="javascript:;">view all</a>
		81	</li>
		82	<li>
		83	<ul class="dropdown-menu-list scroller" style="height: 250px;" data-handle-color="#637283">
		84	<li>
		85	<a href="javascript:;">
		86	<span class="time">just now</span>
		87	<span class="details">
		88	<span class="label label-sm label-icon label-success">
		89	<i class="fa fa-plus"></i>
		90	</span>
		91	New user registered. </span>
		92	</a>
		93	</li>
		94	<li>
		95	<a href="javascript:;">
		96	<span class="time">3 mins</span>
		97	<span class="details">
		98	<span class="label label-sm label-icon label-danger">
		99	<i class="fa fa-bolt"></i>
		100	</span>
		101	Server #12 overloaded. </span>
		102	</a>
		103	</li>
		104	<li>
		105	<a href="javascript:;">
		106	<span class="time">10 mins</span>
		107	<span class="details">
		108	<span class="label label-sm label-icon label-warning">
		109	<i class="fa fa-bell-o"></i>
		110	</span>
		111	Server #2 not responding. </span>
		112	</a>
		113	</li>
		114	<li>
		115	<a href="javascript:;">
		116	<span class="time">14 hrs</span>
		117	<span class="details">
		118	<span class="label label-sm label-icon label-info">
		119	<i class="fa fa-bullhorn"></i>
		120	</span>
		121	Application error. </span>
		122	</a>
		123	</li>
		124	<li>
		125	<a href="javascript:;">
		126	<span class="time">2 days</span>
		127	<span class="details">
		128	<span class="label label-sm label-icon label-danger">
		129	<i class="fa fa-bolt"></i>
		130	</span>
		131	Database overloaded 68%. </span>
		132	</a>
		133	</li>
		134	<li>
		135	<a href="javascript:;">
		136	<span class="time">3 days</span>
		137	<span class="details">
		138	<span class="label label-sm label-icon label-danger">
		139	<i class="fa fa-bolt"></i>
		140	</span>
		141	A user IP blocked. </span>
		142	</a>
		143	</li>
		144	<li>
		145	<a href="javascript:;">
		146	<span class="time">4 days</span>
		147	<span class="details">
		148	<span class="label label-sm label-icon label-warning">
		149	<i class="fa fa-bell-o"></i>
		150	</span>
		151	Storage Server #4 not responding dfdfdfd. </span>
		152	</a>
		153	</li>
		154	<li>
		155	<a href="javascript:;">
		156	<span class="time">5 days</span>
		157	<span class="details">
		158	<span class="label label-sm label-icon label-info">
		159	<i class="fa fa-bullhorn"></i>
		160	</span>
		161	System Error. </span>
		162	</a>
		163	</li>
		164	<li>
		165	<a href="javascript:;">
		166	<span class="time">9 days</span>
		167	<span class="details">
		168	<span class="label label-sm label-icon label-danger">
		169	<i class="fa fa-bolt"></i>
		170	</span>
		171	Storage server failed. </span>
		172	</a>
		173	</li>
		174	</ul>
		175	</li>
		176	</ul>
		177	</li>
		178	<!-- END NOTIFICATION DROPDOWN -->
		179	<!-- BEGIN TODO DROPDOWN -->
		180	<li class="dropdown dropdown-extended dropdown-dark dropdown-tasks" id="header_task_bar">
		181	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		182	<i class="icon-calendar"></i>
		183	<span class="badge badge-default">3</span>
		184	</a>
		185	<ul class="dropdown-menu extended tasks">
		186	<li class="external">
		187	<h3>You have <strong>12 pending</strong> tasks</h3>
		188	<a href="javascript:;">view all</a>
		189	</li>
		190	<li>
		191	<ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
		192	<li>
		193	<a href="javascript:;">
		194	<span class="task">
		195	<span class="desc">New release v1.2 </span>
		196	<span class="percent">30%</span>
		197	</span>
		198	<span class="progress">
		199	<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>
		200	</span>
		201	</a>
		202	</li>
		203	<li>
		204	<a href="javascript:;">
		205	<span class="task">
		206	<span class="desc">Application deployment</span>
		207	<span class="percent">65%</span>
		208	</span>
		209	<span class="progress">
		210	<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>
		211	</span>
		212	</a>
		213	</li>
		214	<li>
		215	<a href="javascript:;">
		216	<span class="task">
		217	<span class="desc">Mobile app release</span>
		218	<span class="percent">98%</span>
		219	</span>
		220	<span class="progress">
		221	<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>
		222	</span>
		223	</a>
		224	</li>
		225	<li>
		226	<a href="javascript:;">
		227	<span class="task">
		228	<span class="desc">Database migration</span>
		229	<span class="percent">10%</span>
		230	</span>
		231	<span class="progress">
		232	<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>
		233	</span>
		234	</a>
		235	</li>
		236	<li>
		237	<a href="javascript:;">
		238	<span class="task">
		239	<span class="desc">Web server upgrade</span>
		240	<span class="percent">58%</span>
		241	</span>
		242	<span class="progress">
		243	<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>
		244	</span>
		245	</a>
		246	</li>
		247	<li>
		248	<a href="javascript:;">
		249	<span class="task">
		250	<span class="desc">Mobile development</span>
		251	<span class="percent">85%</span>
		252	</span>
		253	<span class="progress">
		254	<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>
		255	</span>
		256	</a>
		257	</li>
		258	<li>
		259	<a href="javascript:;">
		260	<span class="task">
		261	<span class="desc">New UI release</span>
		262	<span class="percent">38%</span>
		263	</span>
		264	<span class="progress progress-striped">
		265	<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>
		266	</span>
		267	</a>
		268	</li>
		269	</ul>
		270	</li>
		271	</ul>
		272	</li>
		273	<!-- END TODO DROPDOWN -->
		274	<li class="droddown dropdown-separator">
		275	<span class="separator"></span>
		276	</li>
		277	<!-- BEGIN INBOX DROPDOWN -->
		278	<li class="dropdown dropdown-extended dropdown-dark dropdown-inbox" id="header_inbox_bar">
		279	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		280	<span class="circle">3</span>
		281	<span class="corner"></span>
		282	</a>
		283	<ul class="dropdown-menu">
		284	<li class="external">
		285	<h3>You have <strong>7 New</strong> Messages</h3>
		286	<a href="javascript:;">view all</a>
		287	</li>
		288	<li>
		289	<ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
		290	<li>
		291	<a href="inbox.html?a=view">
		292	<span class="photo">
		293	<img src="../../assets/admin/layout3/img/avatar2.jpg" class="img-circle" alt="">
		294	</span>
		295	<span class="subject">
		296	<span class="from">
		297	Lisa Wong </span>
		298	<span class="time">Just Now </span>
		299	</span>
		300	<span class="message">
		301	Vivamus sed auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		302	</a>
		303	</li>
		304	<li>
		305	<a href="inbox.html?a=view">
		306	<span class="photo">
		307	<img src="../../assets/admin/layout3/img/avatar3.jpg" class="img-circle" alt="">
		308	</span>
		309	<span class="subject">
		310	<span class="from">
		311	Richard Doe </span>
		312	<span class="time">16 mins </span>
		313	</span>
		314	<span class="message">
		315	Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		316	</a>
		317	</li>
		318	<li>
		319	<a href="inbox.html?a=view">
		320	<span class="photo">
		321	<img src="../../assets/admin/layout3/img/avatar1.jpg" class="img-circle" alt="">
		322	</span>
		323	<span class="subject">
		324	<span class="from">
		325	Bob Nilson </span>
		326	<span class="time">2 hrs </span>
		327	</span>
		328	<span class="message">
		329	Vivamus sed nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		330	</a>
		331	</li>
		332	<li>
		333	<a href="inbox.html?a=view">
		334	<span class="photo">
		335	<img src="../../assets/admin/layout3/img/avatar2.jpg" class="img-circle" alt="">
		336	</span>
		337	<span class="subject">
		338	<span class="from">
		339	Lisa Wong </span>
		340	<span class="time">40 mins </span>
		341	</span>
		342	<span class="message">
		343	Vivamus sed auctor 40% nibh congue nibh... </span>
		344	</a>
		345	</li>
		346	<li>
		347	<a href="inbox.html?a=view">
		348	<span class="photo">
		349	<img src="../../assets/admin/layout3/img/avatar3.jpg" class="img-circle" alt="">
		350	</span>
		351	<span class="subject">
		352	<span class="from">
		353	Richard Doe </span>
		354	<span class="time">46 mins </span>
		355	</span>
		356	<span class="message">
		357	Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		358	</a>
		359	</li>
		360	</ul>
		361	</li>
		362	</ul>
		363	</li>
		364	<!-- END INBOX DROPDOWN -->
		365	<!-- BEGIN USER LOGIN DROPDOWN -->
		366	<li class="dropdown dropdown-user dropdown-dark">
		367	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		368	<img alt="" class="img-circle" src="../../assets/admin/layout3/img/avatar9.jpg">
		369	<span class="username username-hide-mobile">Nick</span>
		370	</a>
		371	<ul class="dropdown-menu dropdown-menu-default">
		372	<li>
		373	<a href="extra_profile.html">
		374	<i class="icon-user"></i> My Profile </a>
		375	</li>
		376	<li>
		377	<a href="page_calendar.html">
		378	<i class="icon-calendar"></i> My Calendar </a>
		379	</li>
		380	<li>
		381	<a href="inbox.html">
		382	<i class="icon-envelope-open"></i> My Inbox <span class="badge badge-danger">
		383	3 </span>
		384	</a>
		385	</li>
		386	<li>
		387	<a href="javascript:;">
		388	<i class="icon-rocket"></i> My Tasks <span class="badge badge-success">
		389	7 </span>
		390	</a>
		391	</li>
		392	<li class="divider">
		393	</li>
		394	<li>
		395	<a href="extra_lock.html">
		396	<i class="icon-lock"></i> Lock Screen </a>
		397	</li>
		398	<li>
		399	<a href="login.html">
		400	<i class="icon-key"></i> Log Out </a>
		401	</li>
		402	</ul>
		403	</li>
		404	<!-- END USER LOGIN DROPDOWN -->
		405	</ul>
		406	</div>
		407	<!-- END TOP NAVIGATION MENU -->
		408	</div>
		409	</div>
		410	<!-- END HEADER TOP -->
		411	<!-- BEGIN HEADER MENU -->
		412	<div class="page-header-menu">
		413	<div class="container">
		414	<!-- BEGIN HEADER SEARCH BOX -->
		415	<form class="search-form" action="extra_search.html" method="GET">
		416	<div class="input-group">
		417	<input type="text" class="form-control" placeholder="Search" name="query">
		418	<span class="input-group-btn">
		419	<a href="javascript:;" class="btn submit"><i class="icon-magnifier"></i></a>
		420	</span>
		421	</div>
		422	</form>
		423	<!-- END HEADER SEARCH BOX -->
		424	<!-- BEGIN MEGA MENU -->
		425	<!-- DOC: Apply "hor-menu-light" class after the "hor-menu" class below to have a horizontal menu with white background -->
		426	<!-- DOC: Remove data-hover="dropdown" and data-close-others="true" attributes below to disable the dropdown opening on mouse hover -->
		427	<div class="hor-menu ">
		428	<ul class="nav navbar-nav">
		429	<li>
		430	<a href="index.html">Dashboard</a>
		431	</li>
		432	<li class="menu-dropdown mega-menu-dropdown ">
		433	<a data-hover="megamenu-dropdown" data-close-others="true" data-toggle="dropdown" href="javascript:;" class="dropdown-toggle">
		434	Features <i class="fa fa-angle-down"></i>
		435	</a>
		436	<ul class="dropdown-menu" style="min-width: 710px">
		437	<li>
		438	<div class="mega-menu-content">
		439	<div class="row">
		440	<div class="col-md-4">
		441	<ul class="mega-menu-submenu">
		442	<li>
		443	<h3>eCommerce</h3>
		444	</li>
		445	<li>
		446	<a href="ecommerce_index.html" class="iconify">
		447	<i class="icon-home"></i>
		448	eCommerce </a>
		449	</li>
		450	<li>
		451	<a href="ecommerce_orders.html" class="iconify">
		452	<i class="icon-basket"></i>
		453	Manage Orders </a>
		454	</li>
		455	<li>
		456	<a href="ecommerce_orders_view.html" class="iconify">
		457	<i class="icon-tag"></i>
		458	Order View </a>
		459	</li>
		460	<li>
		461	<a href="ecommerce_products.html" class="iconify">
		462	<i class="icon-handbag"></i>
		463	Manage Products </a>
		464	</li>
		465	<li>
		466	<a href="ecommerce_products_edit.html" class="iconify">
		467	<i class="icon-pencil"></i>
		468	Product Edit </a>
		469	</li>
		470	</ul>
		471	</div>
		472	<div class="col-md-4">
		473	<ul class="mega-menu-submenu">
		474	<li>
		475	<h3>Layouts</h3>
		476	</li>
		477	<li>
		478	<a href="layout_fluid.html" class="iconify">
		479	<i class="icon-cursor-move"></i>
		480	Fluid Layout </a>
		481	</li>
		482	<li>
		483	<a href="layout_mega_menu_fixed.html" class="iconify">
		484	<i class="icon-pin"></i>
		485	Fixed Mega Menu </a>
		486	</li>
		487	<li>
		488	<a href="layout_top_bar_fixed.html" class="iconify">
		489	<i class="icon-bar-chart"></i>
		490	Fixed Top Bar </a>
		491	</li>
		492	<li>
		493	<a href="layout_light_header.html" class="iconify">
		494	<i class="icon-paper-plane"></i>
		495	Light Header Dropdowns </a>
		496	</li>
		497	<li>
		498	<a href="layout_blank_page.html" class="iconify">
		499	<i class="icon-doc"></i>
		500	Blank Page Layout </a>
		501	</li>
		502	</ul>
		503	</div>
		504	<div class="col-md-4">
		505	<ul class="mega-menu-submenu">
		506	<li>
		507	<h3>More Layouts</h3>
		508	</li>
		509	<li>
		510	<a href="layout_click_dropdowns.html" class="iconify">
		511	<i class="icon-speech"></i>
		512	Click vs. Hover Dropdowns </a>
		513	</li>
		514	<li>
		515	<a href="layout_fontawesome_icons.html" class="iconify">
		516	<i class="icon-link"></i>
		517	Layout with Fontawesome </a>
		518	</li>
		519	<li>
		520	<a href="layout_glyphicons.html" class="iconify">
		521	<i class="icon-settings"></i>
		522	Layout with Glyphicon </a>
		523	</li>
		524	<li>
		525	<a href="layout_language_bar.html" class="iconify">
		526	<i class="icon-globe"></i>
		527	Language Switch Bar </a>
		528	</li>
		529	<li>
		530	<a href="layout_disabled_menu.html" class="iconify">
		531	<i class=" icon-lock"></i>
		532	Disabled Menu Links </a>
		533	</li>
		534	</ul>
		535	</div>
		536	</div>
		537	</div>
		538	</li>
		539	</ul>
		540	</li>
		541	<li class="menu-dropdown mega-menu-dropdown mega-menu-full active">
		542	<a data-hover="megamenu-dropdown" data-close-others="true" data-toggle="dropdown" href="javascript:;" class="dropdown-toggle">
		543	UI Components <i class="fa fa-angle-down"></i>
		544	</a>
		545	<ul class="dropdown-menu">
		546	<li>
		547	<div class="mega-menu-content">
		548	<div class="row">
		549	<div class="col-md-3">
		550	<ul class="mega-menu-submenu">
		551	<li>
		552	<h3>UI Components</h3>
		553	</li>
		554	<li>
		555	<a href="ui_general.html">
		556	<i class="fa fa-angle-right"></i>
		557	General </a>
		558	</li>
		559	<li>
		560	<a href="ui_buttons.html">
		561	<i class="fa fa-angle-right"></i>
		562	Buttons </a>
		563	</li>
		564	<li>
		565	<a href="ui_icons.html">
		566	<i class="fa fa-angle-right"></i>
		567	Font Icons </a>
		568	</li>
		569	<li>
		570	<a href="ui_colors.html">
		571	<i class="fa fa-angle-right"></i>
		572	Flat UI Colors </a>
		573	</li>
		574	<li>
		575	<a href="ui_typography.html">
		576	<i class="fa fa-angle-right"></i>
		577	Typography </a>
		578	</li>
		579	<li>
		580	<a href="ui_tabs_accordions_navs.html">
		581	<i class="fa fa-angle-right"></i>
		582	Tabs, Accordions & Navs </a>
		583	</li>
		584	<li>
		585	<a href="ui_tree.html">
		586	<i class="fa fa-angle-right"></i>
		587	Tree View </a>
		588	</li>
		589	<li>
		590	<a href="ui_page_progress_style_1.html">
		591	<i class="fa fa-angle-right"></i>
		592	Page Progress Bar <span class="badge badge-roundless badge-warning">new</span></a>
		593	</li>
		594	<li>
		595	<a href="ui_blockui.html">
		596	<i class="fa fa-angle-right"></i>
		597	Block UI </a>
		598	</li>
		599	<li>
		600	<a href="ui_notific8.html">
		601	<i class="fa fa-angle-right"></i>
		602	Notific8 Notifications </a>
		603	</li>
		604	</ul>
		605	</div>
		606	<div class="col-md-3">
		607	<ul class="mega-menu-submenu">
		608	<li>
		609	<h3>More UI Components</h3>
		610	</li>
		611	<li>
		612	<a href="ui_toastr.html">
		613	<i class="fa fa-angle-right"></i>
		614	Toastr Notifications </a>
		615	</li>
		616	<li>
		617	<a href="ui_alert_dialog_api.html">
		618	<i class="fa fa-angle-right"></i>
		619	Alerts & Dialogs API <span class="badge badge-roundless badge-danger">new</span></a>
		620	</li>
		621	<li>
		622	<a href="ui_session_timeout.html">
		623	<i class="fa fa-angle-right"></i>
		624	Session Timeout </a>
		625	</li>
		626	<li>
		627	<a href="ui_idle_timeout.html">
		628	<i class="fa fa-angle-right"></i>
		629	User Idle Timeout </a>
		630	</li>
		631	<li>
		632	<a href="ui_modals.html">
		633	<i class="fa fa-angle-right"></i>
		634	Modals </a>
		635	</li>
		636	<li>
		637	<a href="ui_extended_modals.html">
		638	<i class="fa fa-angle-right"></i>
		639	Extended Modals </a>
		640	</li>
		641	<li>
		642	<a href="ui_tiles.html">
		643	<i class="fa fa-angle-right"></i>
		644	Tiles </a>
		645	</li>
		646	<li>
		647	<a href="ui_datepaginator.html">
		648	<i class="fa fa-angle-right"></i>
		649	Date Paginator </a>
		650	</li>
		651	<li>
		652	<a href="ui_nestable.html">
		653	<i class="fa fa-angle-right"></i>
		654	Nestable List </a>
		655	</li>
		656	</ul>
		657	</div>
		658	<div class="col-md-3">
		659	<ul class="mega-menu-submenu">
		660	<li>
		661	<h3>Form Stuff</h3>
		662	</li>
		663	<li>
		664	<a href="form_controls.html">
		665	<i class="fa fa-angle-right"></i>
		666	Form Controls </a>
		667	</li>
		668	<li>
		669	<a href="form_icheck.html">
		670	<i class="fa fa-angle-right"></i>
		671	iCheck Controls </a>
		672	</li>
		673	<li>
		674	<a href="form_layouts.html">
		675	<i class="fa fa-angle-right"></i>
		676	Form Layouts </a>
		677	</li>
		678	<li>
		679	<a href="form_editable.html">
		680	<i class="fa fa-angle-right"></i>
		681	Form X-editable <span class="badge badge-roundless badge-success">new</span></a>
		682	</li>
		683	<li>
		684	<a href="form_wizard.html">
		685	<i class="fa fa-angle-right"></i>
		686	Form Wizard </a>
		687	</li>
		688	<li>
		689	<a href="form_validation.html">
		690	<i class="fa fa-angle-right"></i>
		691	Form Validation </a>
		692	</li>
		693	<li>
		694	<a href="form_image_crop.html">
		695	<i class="fa fa-angle-right"></i>
		696	Image Cropping </a>
		697	</li>
		698	<li>
		699	<a href="form_fileupload.html">
		700	<i class="fa fa-angle-right"></i>
		701	Multiple File Upload </a>
		702	</li>
		703	<li>
		704	<a href="form_dropzone.html">
		705	<i class="fa fa-angle-right"></i>
		706	Dropzone File Upload </a>
		707	</li>
		708	</ul>
		709	</div>
		710	<div class="col-md-3">
		711	<ul class="mega-menu-submenu">
		712	<li>
		713	<h3>Form Components</h3>
		714	</li>
		715	<li>
		716	<a href="components_pickers.html">
		717	<i class="fa fa-angle-right"></i>
		718	Date & Time Pickers </a>
		719	</li>
		720	<li>
		721	<a href="components_context_menu.html">
		722	<i class="fa fa-angle-right"></i>
		723	Context Menu </a>
		724	</li>
		725	<li>
		726	<a href="components_dropdowns.html">
		727	<i class="fa fa-angle-right"></i>
		728	Custom Dropdowns </a>
		729	</li>
		730	<li class="active">
		731	<a href="components_form_tools.html">
		732	<i class="fa fa-angle-right"></i>
		733	Form Tools </a>
		734	</li>
		735	<li>
		736	<a href="components_editors.html">
		737	<i class="fa fa-angle-right"></i>
		738	Markdown & WYSIWYG Editors </a>
		739	</li>
		740	<li>
		741	<a href="components_ion_sliders.html">
		742	<i class="fa fa-angle-right"></i>
		743	Ion Range Sliders </a>
		744	</li>
		745	<li>
		746	<a href="components_noui_sliders.html">
		747	<i class="fa fa-angle-right"></i>
		748	NoUI Range Sliders </a>
		749	</li>
		750	<li>
		751	<a href="components_jqueryui_sliders.html">
		752	<i class="fa fa-angle-right"></i>
		753	jQuery UI Sliders </a>
		754	</li>
		755	<li>
		756	<a href="components_knob_dials.html">
		757	<i class="fa fa-angle-right"></i>
		758	Knob Circle Dials </a>
		759	</li>
		760	</ul>
		761	</div>
		762	</div>
		763	</div>
		764	</li>
		765	</ul>
		766	</li>
		767	<li class="menu-dropdown classic-menu-dropdown ">
		768	<a data-hover="megamenu-dropdown" data-close-others="true" data-toggle="dropdown" href="javascript:;">
		769	Extra <i class="fa fa-angle-down"></i>
		770	</a>
		771	<ul class="dropdown-menu pull-left">
		772	<li class=" dropdown-submenu">
		773	<a href=":;">
		774	<i class="icon-briefcase"></i>
		775	Data Tables </a>
		776	<ul class="dropdown-menu">
		777	<li class=" ">
		778	<a href="table_basic.html">
		779	Basic Datatables </a>
		780	</li>
		781	<li class=" ">
		782	<a href="table_tree.html">
		783	Tree Datatables </a>
		784	</li>
		785	<li class=" ">
		786	<a href="table_responsive.html">
		787	Responsive Datatables </a>
		788	</li>
		789	<li class=" ">
		790	<a href="table_managed.html">
		791	Managed Datatables </a>
		792	</li>
		793	<li class=" ">
		794	<a href="table_editable.html">
		795	Editable Datatables </a>
		796	</li>
		797	<li class=" ">
		798	<a href="table_advanced.html">
		799	Advanced Datatables </a>
		800	</li>
		801	<li class=" ">
		802	<a href="table_ajax.html">
		803	Ajax Datatables </a>
		804	</li>
		805	</ul>
		806	</li>
		807	<li class=" dropdown-submenu">
		808	<a href=":;">
		809	<i class="icon-wallet"></i>
		810	Portlets </a>
		811	<ul class="dropdown-menu">
		812	<li class=" ">
		813	<a href="portlet_general.html">
		814	General Portlets </a>
		815	</li>
		816	<li class=" ">
		817	<a href="portlet_general2.html">
		818	New Portlets #1 <span class="badge badge-roundless badge-danger">new</span>
		819	</a>
		820	</li>
		821	<li class=" ">
		822	<a href="portlet_general3.html">
		823	New Portlets #2 <span class="badge badge-roundless badge-danger">new</span>
		824	</a>
		825	</li>
		826	<li class=" ">
		827	<a href="portlet_ajax.html">
		828	Ajax Portlets </a>
		829	</li>
		830	<li class=" ">
		831	<a href="portlet_draggable.html">
		832	Draggable Portlets </a>
		833	</li>
		834	</ul>
		835	</li>
		836	<li class=" dropdown-submenu">
		837	<a href=":;">
		838	<i class="icon-bar-chart"></i>
		839	Charts </a>
		840	<ul class="dropdown-menu">
		841	<li class=" ">
		842	<a href="charts_amcharts.html">
		843	amChart </a>
		844	</li>
		845	<li class=" ">
		846	<a href="charts_flotcharts.html">
		847	Flotchart </a>
		848	</li>
		849	</ul>
		850	</li>
		851	<li class=" dropdown-submenu">
		852	<a href=":;">
		853	<i class="icon-pointer"></i>
		854	Maps </a>
		855	<ul class="dropdown-menu">
		856	<li class=" ">
		857	<a href="maps_google.html">
		858	Google Maps </a>
		859	</li>
		860	<li class=" ">
		861	<a href="maps_vector.html">
		862	Vector Maps </a>
		863	</li>
		864	</ul>
		865	</li>
		866	<li class=" dropdown-submenu">
		867	<a href=":;">
		868	<i class="icon-puzzle"></i>
		869	Multi Level </a>
		870	<ul class="dropdown-menu">
		871	<li class=" ">
		872	<a href="javascript:;">
		873	<i class="icon-settings"></i>
		874	Item 1 </a>
		875	</li>
		876	<li class=" ">
		877	<a href="javascript:;">
		878	<i class="icon-user"></i>
		879	Item 2 </a>
		880	</li>
		881	<li class=" ">
		882	<a href="javascript:;">
		883	<i class="icon-globe"></i>
		884	Item 3 </a>
		885	</li>
		886	<li class=" dropdown-submenu">
		887	<a href="#">
		888	<i class="icon-folder"></i>
		889	Sub Items </a>
		890	<ul class="dropdown-menu">
		891	<li class=" ">
		892	<a href="javascript:;">
		893	Item 1 </a>
		894	</li>
		895	<li class=" ">
		896	<a href="javascript:;">
		897	Item 2 </a>
		898	</li>
		899	<li class=" ">
		900	<a href="javascript:;">
		901	Item 3 </a>
		902	</li>
		903	<li class=" ">
		904	<a href="javascript:;">
		905	Item 4 </a>
		906	</li>
		907	</ul>
		908	</li>
		909	<li class=" ">
		910	<a href="javascript:;">
		911	<i class="icon-share"></i>
		912	Item 4 </a>
		913	</li>
		914	<li class=" ">
		915	<a href="javascript:;">
		916	<i class="icon-bar-chart"></i>
		917	Item 5 </a>
		918	</li>
		919	</ul>
		920	</li>
		921	</ul>
		922	</li>
		923	<li class="menu-dropdown mega-menu-dropdown mega-menu-full ">
		924	<a data-hover="megamenu-dropdown" data-close-others="true" data-toggle="dropdown" href="javascript:;" class="dropdown-toggle">
		925	Pages <i class="fa fa-angle-down"></i>
		926	</a>
		927	<ul class="dropdown-menu">
		928	<li>
		929	<div class="mega-menu-content">
		930	<div class="row">
		931	<div class="col-md-3">
		932	<ul class="mega-menu-submenu">
		933	<li>
		934	<h3>User Pages</h3>
		935	</li>
		936	<li>
		937	<a href="page_timeline.html">
		938	<i class="fa fa-angle-right"></i>
		939	New Timeline <span class="badge badge-warning">2</span></a>
		940	</li>
		941	<li>
		942	<a href="extra_profile.html">
		943	<i class="fa fa-angle-right"></i>
		944	New User Profile <span class="badge badge-success badge-roundless">new</span></a>
		945	</li>
		946	<li>
		947	<a href="page_todo.html">
		948	<i class="fa fa-angle-right"></i>
		949	Todo & Tasks <span class="badge badge-danger">4</span></a>
		950	</li>
		951	<li>
		952	<a href="inbox.html">
		953	<i class="fa fa-angle-right"></i>
		954	User Inbox <span class="badge badge-success">4</span></a>
		955	</li>
		956	<li>
		957	<a href="page_calendar.html">
		958	<i class="fa fa-angle-right"></i>
		959	User Calendar <span class="badge badge-warning">14</span></a>
		960	</li>
		961	<li>
		962	<a href="page_timeline_old.html">
		963	<i class="fa fa-angle-right"></i>
		964	Old Timeline <span class="badge badge-warning">2</span></a>
		965	</li>
		966	<li>
		967	<a href="extra_profile_old.html">
		968	<i class="fa fa-angle-right"></i>
		969	Old User Profile </a>
		970	</li>
		971	</ul>
		972	</div>
		973	<div class="col-md-3">
		974	<ul class="mega-menu-submenu">
		975	<li>
		976	<h3>General Pages</h3>
		977	</li>
		978	<li>
		979	<a href="extra_faq.html">
		980	<i class="fa fa-angle-right"></i>
		981	FAQ Page </a>
		982	</li>
		983	<li>
		984	<a href="page_portfolio.html">
		985	<i class="fa fa-angle-right"></i>
		986	Portfolio </a>
		987	</li>
		988	<li>
		989	<a href="page_timeline.html">
		990	<i class="fa fa-angle-right"></i>
		991	Timeline <span class="badge badge-info">4</span></a>
		992	</li>
		993	<li>
		994	<a href="page_coming_soon.html">
		995	<i class="fa fa-angle-right"></i>
		996	Coming Soon </a>
		997	</li>
		998	<li>
		999	<a href="extra_invoice.html">
		1000	<i class="fa fa-angle-right"></i>
		1001	Invoice </a>
		1002	</li>
		1003	<li>
		1004	<a href="page_blog.html">
		1005	<i class="fa fa-angle-right"></i>
		1006	Blog </a>
		1007	</li>
		1008	<li>
		1009	<a href="page_blog_item.html">
		1010	<i class="fa fa-angle-right"></i>
		1011	Blog Post </a>
		1012	</li>
		1013	</ul>
		1014	</div>
		1015	<div class="col-md-3">
		1016	<ul class="mega-menu-submenu">
		1017	<li>
		1018	<h3>Custom Pages</h3>
		1019	</li>
		1020	<li>
		1021	<a href="page_news.html">
		1022	<i class="fa fa-angle-right"></i>
		1023	News <span class="badge badge-success">9</span></a>
		1024	</li>
		1025	<li>
		1026	<a href="page_news_item.html">
		1027	<i class="fa fa-angle-right"></i>
		1028	News View </a>
		1029	</li>
		1030	<li>
		1031	<a href="page_about.html">
		1032	<i class="fa fa-angle-right"></i>
		1033	About Us </a>
		1034	</li>
		1035	<li>
		1036	<a href="page_contact.html">
		1037	<i class="fa fa-angle-right"></i>
		1038	Contact Us </a>
		1039	</li>
		1040	<li>
		1041	<a href="extra_search.html">
		1042	<i class="fa fa-angle-right"></i>
		1043	Search Results </a>
		1044	</li>
		1045	<li>
		1046	<a href="extra_pricing_table.html">
		1047	<i class="fa fa-angle-right"></i>
		1048	Pricing Tables </a>
		1049	</li>
		1050	<li>
		1051	<a href="login.html">
		1052	<i class="fa fa-angle-right"></i>
		1053	Login Form 1 </a>
		1054	</li>
		1055	<li>
		1056	<a href="login_2.html">
		1057	<i class="fa fa-angle-right"></i>
		1058	Login Form 2 </a>
		1059	</li>
		1060	<li>
		1061	<a href="login_3.html">
		1062	<i class="fa fa-angle-right"></i>
		1063	Login Form 3 </a>
		1064	</li>
		1065	<li>
		1066	<a href="login_soft.html">
		1067	<i class="fa fa-angle-right"></i>
		1068	Login Form 4 </a>
		1069	</li>
		1070	</ul>
		1071	</div>
		1072	<div class="col-md-3">
		1073	<ul class="mega-menu-submenu">
		1074	<li>
		1075	<h3>Miscellaneous</h3>
		1076	</li>
		1077	<li>
		1078	<a href="extra_lock.html">
		1079	<i class="fa fa-angle-right"></i>
		1080	Lock Screen 1 </a>
		1081	</li>
		1082	<li>
		1083	<a href="extra_lock2.html">
		1084	<i class="fa fa-angle-right"></i>
		1085	Lock Screen 2 </a>
		1086	</li>
		1087	<li>
		1088	<a href="extra_404_option1.html">
		1089	<i class="fa fa-angle-right"></i>
		1090	404 Page Option 1 </a>
		1091	</li>
		1092	<li>
		1093	<a href="extra_404_option2.html">
		1094	<i class="fa fa-angle-right"></i>
		1095	404 Page Option 2 </a>
		1096	</li>
		1097	<li>
		1098	<a href="extra_404_option3.html">
		1099	<i class="fa fa-angle-right"></i>
		1100	404 Page Option 3 </a>
		1101	</li>
		1102	<li>
		1103	<a href="extra_500_option1.html">
		1104	<i class="fa fa-angle-right"></i>
		1105	500 Page Option 1 </a>
		1106	</li>
		1107	<li>
		1108	<a href="extra_500_option2.html">
		1109	<i class="fa fa-angle-right"></i>
		1110	500 Page Option 2 </a>
		1111	</li>
		1112	<li>
		1113	<a href="email_newsletter.html">
		1114	<i class="fa fa-angle-right"></i>
		1115	Newsletter Email Template </a>
		1116	</li>
		1117	<li>
		1118	<a href="email_system.html">
		1119	<i class="fa fa-angle-right"></i>
		1120	System Email Template </a>
		1121	</li>
		1122	</ul>
		1123	</div>
		1124	</div>
		1125	</div>
		1126	</li>
		1127	</ul>
		1128	</li>
		1129	<li class="menu-dropdown">
		1130	<a href="angularjs" target="_blank" class="tooltips" data-container="body" data-placement="bottom" data-html="true" data-original-title="AngularJS version demo">
		1131	AngularJS Version </a>
		1132	</li>
		1133	</ul>
		1134	</div>
		1135	<!-- END MEGA MENU -->
		1136	</div>
		1137	</div>
		1138	<!-- END HEADER MENU -->
		1139	</div>
		1140	<!-- END HEADER -->
		1141	<!-- BEGIN PAGE CONTAINER -->
		1142	<div class="page-container">
		1143	<!-- BEGIN PAGE HEAD -->
		1144	<div class="page-head">
		1145	<div class="container">
		1146	<!-- BEGIN PAGE TITLE -->
		1147	<div class="page-title">
		1148	<h1>Form Tools <small>input spinner, switches, input masks and more</small></h1>
		1149	</div>
		1150	<!-- END PAGE TITLE -->
		1151	<!-- BEGIN PAGE TOOLBAR -->
		1152	<div class="page-toolbar">
		1153	<!-- BEGIN THEME PANEL -->
		1154	<div class="btn-group btn-theme-panel">
		1155	<a href="javascript:;" class="btn dropdown-toggle" data-toggle="dropdown">
		1156	<i class="icon-settings"></i>
		1157	</a>
		1158	<div class="dropdown-menu theme-panel pull-right dropdown-custom hold-on-click">
		1159	<div class="row">
		1160	<div class="col-md-6 col-sm-6 col-xs-12">
		1161	<h3>THEME COLORS</h3>
		1162	<div class="row">
		1163	<div class="col-md-6 col-sm-6 col-xs-12">
		1164	<ul class="theme-colors">
		1165	<li class="theme-color theme-color-default" data-theme="default">
		1166	<span class="theme-color-view"></span>
		1167	<span class="theme-color-name">Default</span>
		1168	</li>
		1169	<li class="theme-color theme-color-blue-hoki" data-theme="blue-hoki">
		1170	<span class="theme-color-view"></span>
		1171	<span class="theme-color-name">Blue Hoki</span>
		1172	</li>
		1173	<li class="theme-color theme-color-blue-steel" data-theme="blue-steel">
		1174	<span class="theme-color-view"></span>
		1175	<span class="theme-color-name">Blue Steel</span>
		1176	</li>
		1177	<li class="theme-color theme-color-yellow-orange" data-theme="yellow-orange">
		1178	<span class="theme-color-view"></span>
		1179	<span class="theme-color-name">Orange</span>
		1180	</li>
		1181	<li class="theme-color theme-color-yellow-crusta" data-theme="yellow-crusta">
		1182	<span class="theme-color-view"></span>
		1183	<span class="theme-color-name">Yellow Crusta</span>
		1184	</li>
		1185	</ul>
		1186	</div>
		1187	<div class="col-md-6 col-sm-6 col-xs-12">
		1188	<ul class="theme-colors">
		1189	<li class="theme-color theme-color-green-haze" data-theme="green-haze">
		1190	<span class="theme-color-view"></span>
		1191	<span class="theme-color-name">Green Haze</span>
		1192	</li>
		1193	<li class="theme-color theme-color-red-sunglo" data-theme="red-sunglo">
		1194	<span class="theme-color-view"></span>
		1195	<span class="theme-color-name">Red Sunglo</span>
		1196	</li>
		1197	<li class="theme-color theme-color-red-intense" data-theme="red-intense">
		1198	<span class="theme-color-view"></span>
		1199	<span class="theme-color-name">Red Intense</span>
		1200	</li>
		1201	<li class="theme-color theme-color-purple-plum" data-theme="purple-plum">
		1202	<span class="theme-color-view"></span>
		1203	<span class="theme-color-name">Purple Plum</span>
		1204	</li>
		1205	<li class="theme-color theme-color-purple-studio" data-theme="purple-studio">
		1206	<span class="theme-color-view"></span>
		1207	<span class="theme-color-name">Purple Studio</span>
		1208	</li>
		1209	</ul>
		1210	</div>
		1211	</div>
		1212	</div>
		1213	<div class="col-md-6 col-sm-6 col-xs-12 seperator">
		1214	<h3>LAYOUT</h3>
		1215	<ul class="theme-settings">
		1216	<li>
		1217	Theme Style
		1218	<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">
		1219	<option value="boxed" selected="selected">Square corners</option>
		1220	<option value="rounded">Rounded corners</option>
		1221	</select>
		1222	</li>
		1223	<li>
		1224	Layout
		1225	<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">
		1226	<option value="boxed" selected="selected">Boxed</option>
		1227	<option value="fluid">Fluid</option>
		1228	</select>
		1229	</li>
		1230	<li>
		1231	Top Menu Style
		1232	<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">
		1233	<option value="dark" selected="selected">Dark</option>
		1234	<option value="light">Light</option>
		1235	</select>
		1236	</li>
		1237	<li>
		1238	Top Menu Mode
		1239	<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">
		1240	<option value="fixed">Fixed</option>
		1241	<option value="not-fixed" selected="selected">Not Fixed</option>
		1242	</select>
		1243	</li>
		1244	<li>
		1245	Mega Menu Style
		1246	<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">
		1247	<option value="dark" selected="selected">Dark</option>
		1248	<option value="light">Light</option>
		1249	</select>
		1250	</li>
		1251	<li>
		1252	Mega Menu Mode
		1253	<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">
		1254	<option value="fixed" selected="selected">Fixed</option>
		1255	<option value="not-fixed">Not Fixed</option>
		1256	</select>
		1257	</li>
		1258	</ul>
		1259	</div>
		1260	</div>
		1261	</div>
		1262	</div>
		1263	<!-- END THEME PANEL -->
		1264	</div>
		1265	<!-- END PAGE TOOLBAR -->
		1266	</div>
		1267	</div>
		1268	<!-- END PAGE HEAD -->
		1269	<!-- BEGIN PAGE CONTENT -->
		1270	<div class="page-content">
		1271	<div class="container">
		1272	<!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM-->
		1273	<div class="modal fade" id="portlet-config" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		1274	<div class="modal-dialog">
		1275	<div class="modal-content">
		1276	<div class="modal-header">
		1277	<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
		1278	<h4 class="modal-title">Modal title</h4>
		1279	</div>
		1280	<div class="modal-body">
		1281	Widget settings form goes here
		1282	</div>
		1283	<div class="modal-footer">
		1284	<button type="button" class="btn blue">Save changes</button>
		1285	<button type="button" class="btn default" data-dismiss="modal">Close</button>
		1286	</div>
		1287	</div>
		1288	<!-- /.modal-content -->
		1289	</div>
		1290	<!-- /.modal-dialog -->
		1291	</div>
		1292	<!-- /.modal -->
		1293	<!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM-->
		1294	<!-- BEGIN PAGE BREADCRUMB -->
		1295	<ul class="page-breadcrumb breadcrumb">
		1296	<li>
		1297	<a href="#">Home</a><i class="fa fa-circle"></i>
		1298	</li>
		1299	<li>
		1300	<a href="components_form_tools.html">UI Components</a>
		1301	<i class="fa fa-circle"></i>
		1302	</li>
		1303	<li class="active">
		1304	Form Tools
		1305	</li>
		1306	</ul>
		1307	<!-- END PAGE BREADCRUMB -->
		1308	<!-- BEGIN PAGE CONTENT INNER -->
		1309	<div class="row">
		1310	<div class="col-md-12">
		1311	<!-- BEGIN PORTLET-->
		1312	<div class="portlet light">
		1313	<div class="portlet-title">
		1314	<div class="caption">
		1315	<i class="fa fa-cogs font-green-sharp"></i>
		1316	<span class="caption-subject font-green-sharp bold uppercase">Twitter Auto Complete(typeahead.js)</span>
		1317	</div>
		1318	<div class="tools">
		1319	<a href="javascript:;" class="collapse">
		1320	</a>
		1321	<a href="#portlet-config" data-toggle="modal" class="config">
		1322	</a>
		1323	<a href="javascript:;" class="reload">
		1324	</a>
		1325	<a href="javascript:;" class="remove">
		1326	</a>
		1327	</div>
		1328	</div>
		1329	<div class="portlet-body form">
		1330	<form action="javascript:;" id="form-username" class="form-horizontal form-bordered">
		1331	<div class="form-group">
		1332	<label class="col-sm-3 control-label">Basic Auto Complete</label>
		1333	<div class="col-sm-4">
		1334	<div class="input-group">
		1335	<span class="input-group-addon">
		1336	<i class="fa fa-user"></i>
		1337	</span>
		1338	<input type="text" id="typeahead_example_1" name="typeahead_example_1" class="form-control"/>
		1339	</div>
		1340	<p class="help-block">
		1341	E.g: metronic, keenthemes.<br>
		1342	<span class="label label-success label-sm">
		1343	Learn more: </span>
		1344	<a target="_blank" href="http://twitter.github.io/typeahead.js/">
		1345	http://twitter.github.io/typeahead.js/ </a>
		1346	</p>
		1347	</div>
		1348	</div>
		1349	<div class="form-group">
		1350	<label class="col-sm-3 control-label">Country Auto Complete</label>
		1351	<div class="col-sm-4">
		1352	<div class="input-group">
		1353	<span class="input-group-addon">
		1354	<i class="fa fa-search"></i>
		1355	</span>
		1356	<input type="text" id="typeahead_example_2" name="typeahead_example_2" class="form-control"/>
		1357	</div>
		1358	<p class="help-block">
		1359	E.g: USA, Malaysia. Prefetch from JSON source</code>
		1360	</p>
		1361	</div>
		1362	</div>
		1363	<div class="form-group">
		1364	<label class="col-sm-3 control-label">Custom Template</label>
		1365	<div class="col-sm-4">
		1366	<div class="input-group">
		1367	<span class="input-group-addon">
		1368	<i class="fa fa-cogs"></i>
		1369	</span>
		1370	<input type="text" id="typeahead_example_3" name="typeahead_example_3" class="form-control"/>
		1371	</div>
		1372	<p class="help-block">
		1373	Uses a precompiled template to customize look of suggestion.</code>
		1374	</p>
		1375	</div>
		1376	</div>
		1377	<div class="form-group ">
		1378	<label class="col-sm-3 control-label">Multiple Sections with Headers</label>
		1379	<div class="col-sm-4">
		1380	<div class="input-group">
		1381	<span class="input-group-addon">
		1382	<i class="fa fa-check"></i>
		1383	</span>
		1384	<input type="text" id="typeahead_example_4" name="typeahead_example_4" class="form-control"/>
		1385	</div>
		1386	<p class="help-block">
		1387	Two datasets that are prefetched, stored, and searched on the client. Highlighting is enabled.
		1388	</p>
		1389	</div>
		1390	</div>
		1391	<div class="form-group last">
		1392	<label class="control-label col-md-3">Modal</label>
		1393	<div class="col-md-4">
		1394	<a href="#myModal_autocomplete" role="button" class="btn red" data-toggle="modal">
		1395	View in Modal </a>
		1396	</div>
		1397	</div>
		1398	<div class="form-actions">
		1399	<div class="row">
		1400	<div class="col-md-offset-3 col-md-9">
		1401	<button type="submit" class="btn purple"><i class="fa fa-check"></i> Submit</button>
		1402	<button type="button" class="btn default">Cancel</button>
		1403	</div>
		1404	</div>
		1405	</div>
		1406	</form>
		1407	<div id="myModal_autocomplete" class="modal fade" role="dialog" aria-hidden="true">
		1408	<div class="modal-dialog">
		1409	<div class="modal-content">
		1410	<div class="modal-header">
		1411	<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
		1412	<h4 class="modal-title">Radio Switch in Modal</h4>
		1413	</div>
		1414	<div class="modal-body form">
		1415	<form action="javascript:;" class="form-horizontal form-row-seperated">
		1416	<div class="form-group">
		1417	<label class="col-sm-4 control-label">Basic Auto Complete</label>
		1418	<div class="col-sm-8">
		1419	<div class="input-group">
		1420	<span class="input-group-addon">
		1421	<i class="fa fa-user"></i>
		1422	</span>
		1423	<input type="text" id="typeahead_example_modal_1" name="typeahead_example_modal_1" class="form-control"/>
		1424	</div>
		1425	<p class="help-block">
		1426	E.g: metronic, keenthemes.<br>
		1427	<span class="label label-success label-sm">
		1428	Learn more: </span>
		1429	<a target="_blank" href="http://twitter.github.io/typeahead.js/">
		1430	http://twitter.github.io/typeahead.js/ </a>
		1431	</p>
		1432	</div>
		1433	</div>
		1434	<div class="form-group">
		1435	<label class="col-sm-4 control-label">Country Auto Complete</label>
		1436	<div class="col-sm-8">
		1437	<div class="input-group">
		1438	<span class="input-group-addon">
		1439	<i class="fa fa-search"></i>
		1440	</span>
		1441	<input type="text" id="typeahead_example_modal_2" name="typeahead_example_modal_2" class="form-control"/>
		1442	</div>
		1443	<p class="help-block">
		1444	E.g: USA, Malaysia. Prefetch from JSON source</code>
		1445	</p>
		1446	</div>
		1447	</div>
		1448	<div class="form-group">
		1449	<label class="col-sm-4 control-label">Custom Template</label>
		1450	<div class="col-sm-8">
		1451	<div class="input-group">
		1452	<span class="input-group-addon">
		1453	<i class="fa fa-cogs"></i>
		1454	</span>
		1455	<input type="text" id="typeahead_example_modal_3" name="typeahead_example_modal_3" class="form-control"/>
		1456	</div>
		1457	<p class="help-block">
		1458	Uses a precompiled template to customize look of suggestion.</code>
		1459	</p>
		1460	</div>
		1461	</div>
		1462	<div class="form-group last">
		1463	<label class="col-sm-4 control-label">Multiple Sections with Headers</label>
		1464	<div class="col-sm-8">
		1465	<div class="input-group">
		1466	<span class="input-group-addon">
		1467	<i class="fa fa-check"></i>
		1468	</span>
		1469	<input type="text" id="typeahead_example_modal_4" name="typeahead_example_modal_4" class="form-control"/>
		1470	</div>
		1471	<p class="help-block">
		1472	Two datasets that are prefetched, stored, and searched on the client. Highlighting is enabled.
		1473	</p>
		1474	</div>
		1475	</div>
		1476	</form>
		1477	</div>
		1478	<div class="modal-footer">
		1479	<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
		1480	<button type="button" class="btn btn-primary"><i class="fa fa-check"></i> Save changes</button>
		1481	</div>
		1482	</div>
		1483	</div>
		1484	</div>
		1485	</div>
		1486	</div>
		1487	<!-- END PORTLET-->
		1488	</div>
		1489	</div>
		1490	<div class="row">
		1491	<div class="col-md-12">
		1492	<!-- BEGIN PORTLET-->
		1493	<div class="portlet light">
		1494	<div class="portlet-title">
		1495	<div class="caption">
		1496	<i class="fa fa-cogs font-green-sharp"></i>
		1497	<span class="caption-subject font-green-sharp bold uppercase">Form Tools</span>
		1498	</div>
		1499	<div class="tools">
		1500	<a href="javascript:;" class="collapse">
		1501	</a>
		1502	<a href="#portlet-config" data-toggle="modal" class="config">
		1503	</a>
		1504	<a href="javascript:;" class="reload">
		1505	</a>
		1506	<a href="javascript:;" class="remove">
		1507	</a>
		1508	</div>
		1509	</div>
		1510	<div class="portlet-body form">
		1511	<!-- BEGIN FORM-->
		1512	<form action="javascript:;" id="form-username" class="form-horizontal form-bordered">
		1513	<div class="form-body">
		1514	<div class="form-group">
		1515	<label class="control-label col-md-3">Google reCaptcha</label>
		1516	<div class="col-md-9">
		1517	<!-- BEGIN REPCAPTCHA -->
		1518	<div id="recaptcha_widget" class="form-recaptcha">
		1519	<div class="form-recaptcha-img" style="width: 325px">
		1520	<a id="recaptcha_image" href="javascript:;">
		1521	</a>
		1522	<div class="recaptcha_only_if_incorrect_sol display-none" style="color:red">
		1523	Incorrect please try again
		1524	</div>
		1525	</div>
		1526	<div class="input-group" style="width: 325px">
		1527	<input type="text" class="form-control" id="recaptcha_response_field" name="recaptcha_response_field">
		1528	<div class="input-group-btn">
		1529	<a class="btn default" href="javascript:Recaptcha.reload()">
		1530	<i class="fa fa-refresh"></i>
		1531	</a>
		1532	<a class="btn default recaptcha_only_if_image" href="javascript:Recaptcha.switch_type('audio')">
		1533	<i title="Get an audio CAPTCHA" class="fa fa-headphones"></i>
		1534	</a>
		1535	<a class="btn default recaptcha_only_if_audio" href="javascript:Recaptcha.switch_type('image')">
		1536	<i title="Get an image CAPTCHA" class="fa fa-picture-o"></i>
		1537	</a>
		1538	<a class="btn default" href="javascript:Recaptcha.showhelp()">
		1539	<i class="fa fa-question-circle"></i>
		1540	</a>
		1541	</div>
		1542	</div>
		1543	<p class="help-block">
		1544	<span class="recaptcha_only_if_image">
		1545	Enter the words above </span>
		1546	<span class="recaptcha_only_if_audio">
		1547	Enter the numbers you hear </span>
		1548	</p>
		1549	</div>
		1550	<!-- END REPCAPTCHA -->
		1551	<p class="help-block">
		1552	<span class="label label-sm label-danger">
		1553	Note: </span>
		1554	Please visit <a href="http://www.google.com/recaptcha" target="_blank">
		1555	http://www.google.com/recaptcha </a>
		1556	to learn more about the Google reCaptcha
		1557	</p>
		1558	</div>
		1559	</div>
		1560	<div class="form-group">
		1561	<label class="control-label col-md-3">Username #1</label>
		1562	<div class="col-md-4">
		1563	<div class="input-group" style="text-align:left">
		1564	<input type="text" class="form-control" name="username1" id="username1_input">
		1565	<span class="input-group-btn">
		1566	<a href="javascript:;" class="btn green" id="username1_checker">
		1567	<i class="fa fa-check"></i> Check </a>
		1568	</span>
		1569	</div>
		1570	<div class="help-block">
		1571	Type a username(E.g: user1, user2) and check its availability.
		1572	</div>
		1573	</div>
		1574	</div>
		1575	<div class="form-group">
		1576	<label class="control-label col-md-3">Username #2</label>
		1577	<div class="col-md-4">
		1578	<div class="input-icon right">
		1579	<input type="text" class="form-control" name="username1" id="username2_input">
		1580	</div>
		1581	<div class="help-block">
		1582	Type a username(E.g: user1, user2) and check its availability on focus lost
		1583	</div>
		1584	</div>
		1585	</div>
		1586	<div class="form-group last password-strength">
		1587	<label class="control-label col-md-3">Password</label>
		1588	<div class="col-md-4">
		1589	<input type="text" class="form-control" name="password" id="password_strength">
		1590	<span class="help-block">
		1591	Type a password to check its strength </span>
		1592	</div>
		1593	</div>
		1594	</div>
		1595	<div class="form-actions">
		1596	<div class="row">
		1597	<div class="col-md-offset-3 col-md-9">
		1598	<button type="submit" class="btn purple"><i class="fa fa-check"></i> Submit</button>
		1599	<button type="button" class="btn default">Cancel</button>
		1600	</div>
		1601	</div>
		1602	</div>
		1603	</form>
		1604	<!-- END FORM-->
		1605	</div>
		1606	</div>
		1607	<!-- END PORTLET-->
		1608	</div>
		1609	</div>
		1610	<div class="row">
		1611	<div class="col-md-12">
		1612	<!-- BEGIN PORTLET-->
		1613	<div class="portlet light">
		1614	<div class="portlet-title">
		1615	<div class="caption">
		1616	<i class="fa fa-cogs font-green-sharp"></i>
		1617	<span class="caption-subject font-green-sharp bold uppercase">Bootstrap Input MaxLength</span>
		1618	</div>
		1619	<div class="tools">
		1620	<a href="javascript:;" class="collapse">
		1621	</a>
		1622	<a href="#portlet-config" data-toggle="modal" class="config">
		1623	</a>
		1624	<a href="javascript:;" class="reload">
		1625	</a>
		1626	<a href="javascript:;" class="remove">
		1627	</a>
		1628	</div>
		1629	</div>
		1630	<div class="portlet-body form">
		1631	<!-- BEGIN FORM-->
		1632	<form action="javascript:;" class="form-horizontal form-bordered">
		1633	<div class="form-body">
		1634	<div class="form-group">
		1635	<label class="control-label col-md-3">Default usage</label>
		1636	<div class="col-md-4">
		1637	<input type="text" class="form-control" maxlength="25" name="defaultconfig" id="maxlength_defaultconfig">
		1638	<span class="help-block">
		1639	Maxlength is 25 chars. The badge will show up by default when the remaining chars are 10 or less. </span>
		1640	</div>
		1641	</div>
		1642	<div class="form-group">
		1643	<label class="control-label col-md-3">Change the threshold value</label>
		1644	<div class="col-md-4">
		1645	<input type="text" class="form-control" maxlength="25" name="defaultconfig" id="maxlength_thresholdconfig">
		1646	<span class="help-block">
		1647	Maxlength is 25 chars. Do you want the badge to show up when there are 20 chars or less? Use the threshold option: <code>threshold: 20</code>
		1648	</span>
		1649	</div>
		1650	</div>
		1651	<div class="form-group">
		1652	<label class="control-label col-md-3">Advance usage</label>
		1653	<div class="col-md-9">
		1654	<input type="text" class="form-control" maxlength="25" name="defaultconfig" id="maxlength_alloptions">
		1655	<span class="help-block">
		1656	This is a complete example where all the options configured for the bootstrap-maxlength counter are setted. Please note: if the <code>alwaysShow</code> option is enabled, the <code>threshold</code>
		1657	</span>
		1658	</div>
		1659	</div>
		1660	<div class="form-group">
		1661	<label class="control-label col-md-3">Textarea</label>
		1662	<div class="col-md-9">
		1663	<textarea id="maxlength_textarea" class="form-control" maxlength="225" rows="2" placeholder="This textarea has a limit of 225 chars."></textarea>
		1664	<span class="help-block">
		1665	Bootstrap maxlength supports textarea as well as inputs. Even on old IE. </span>
		1666	</div>
		1667	</div>
		1668	<div class="form-group">
		1669	<label class="control-label col-md-3">Position</label>
		1670	<div class="col-md-9">
		1671	<input type="text" class="form-control" maxlength="25" name="defaultconfig" id="maxlength_placement">
		1672	<span class="help-block">
		1673	The field counter can be positioned at the top, bottom, left or right. You can also place the maxlength indicator on the corners: <code>bottom-right</code>, <code>top-right</code>, <code>top-left</code>, <code>bottom-left</code> and <code>centered-right</code>. All you need to do is specify the <code>placement</code> option, with one of those strings. </span>
		1674	</div>
		1675	</div>
		1676	</div>
		1677	<div class="form-actions">
		1678	<div class="row">
		1679	<div class="col-md-offset-3 col-md-9">
		1680	<button type="submit" class="btn green"><i class="fa fa-check"></i> Submit</button>
		1681	<button type="button" class="btn default">Cancel</button>
		1682	</div>
		1683	</div>
		1684	</div>
		1685	</form>
		1686	<!-- END FORM-->
		1687	</div>
		1688	</div>
		1689	<!-- END PORTLET-->
		1690	</div>
		1691	</div>
		1692	<div class="row">
		1693	<div class="col-md-12">
		1694	<!-- BEGIN PORTLET-->
		1695	<div class="portlet light">
		1696	<div class="portlet-title">
		1697	<div class="caption">
		1698	<i class="fa fa-cogs font-green-sharp"></i>
		1699	<span class="caption-subject font-green-sharp bold uppercase">Spinners</span>
		1700	</div>
		1701	<div class="tools">
		1702	<a href="javascript:;" class="collapse">
		1703	</a>
		1704	<a href="#portlet-config" data-toggle="modal" class="config">
		1705	</a>
		1706	<a href="javascript:;" class="reload">
		1707	</a>
		1708	<a href="javascript:;" class="remove">
		1709	</a>
		1710	</div>
		1711	</div>
		1712	<div class="portlet-body form">
		1713	<!-- BEGIN FORM-->
		1714	<form action="javascript:;" class="form-horizontal form-bordered">
		1715	<div class="form-body">
		1716	<div class="form-group">
		1717	<label class="control-label col-md-3">Spinner 1</label>
		1718	<div class="col-md-9">
		1719	<div id="spinner1">
		1720	<div class="input-group input-small">
		1721	<input type="text" class="spinner-input form-control" maxlength="3" readonly>
		1722	<div class="spinner-buttons input-group-btn btn-group-vertical">
		1723	<button type="button" class="btn spinner-up btn-xs blue">
		1724	<i class="fa fa-angle-up"></i>
		1725	</button>
		1726	<button type="button" class="btn spinner-down btn-xs blue">
		1727	<i class="fa fa-angle-down"></i>
		1728	</button>
		1729	</div>
		1730	</div>
		1731	</div>
		1732	<span class="help-block">
		1733	basic example </span>
		1734	</div>
		1735	</div>
		1736	<div class="form-group">
		1737	<label class="control-label col-md-3">Spinner 2</label>
		1738	<div class="col-md-9">
		1739	<div id="spinner2">
		1740	<div class="input-group input-small">
		1741	<input type="text" class="spinner-input form-control" maxlength="3" readonly>
		1742	<div class="spinner-buttons input-group-btn btn-group-vertical">
		1743	<button type="button" class="btn spinner-up btn-xs red">
		1744	<i class="fa fa-angle-up"></i>
		1745	</button>
		1746	<button type="button" class="btn spinner-down btn-xs red">
		1747	<i class="fa fa-angle-down"></i>
		1748	</button>
		1749	</div>
		1750	</div>
		1751	</div>
		1752	<span class="help-block">
		1753	disabled state </span>
		1754	</div>
		1755	</div>
		1756	<div class="form-group">
		1757	<label class="control-label col-md-3">Spinner 3</label>
		1758	<div class="col-md-9">
		1759	<div id="spinner3">
		1760	<div class="input-group" style="width:150px;">
		1761	<input type="text" class="spinner-input form-control" maxlength="3" readonly>
		1762	<div class="spinner-buttons input-group-btn">
		1763	<button type="button" class="btn spinner-up default">
		1764	<i class="fa fa-angle-up"></i>
		1765	</button>
		1766	<button type="button" class="btn spinner-down default">
		1767	<i class="fa fa-angle-down"></i>
		1768	</button>
		1769	</div>
		1770	</div>
		1771	</div>
		1772	<span class="help-block">
		1773	with max value: 10 </span>
		1774	</div>
		1775	</div>
		1776	<div class="form-group last">
		1777	<label class="control-label col-md-3">Spinner 4</label>
		1778	<div class="col-md-9">
		1779	<div id="spinner4">
		1780	<div class="input-group" style="width:150px;">
		1781	<div class="spinner-buttons input-group-btn">
		1782	<button type="button" class="btn spinner-up blue">
		1783	<i class="fa fa-plus"></i>
		1784	</button>
		1785	</div>
		1786	<input type="text" class="spinner-input form-control" maxlength="3" readonly>
		1787	<div class="spinner-buttons input-group-btn">
		1788	<button type="button" class="btn spinner-down red">
		1789	<i class="fa fa-minus"></i>
		1790	</button>
		1791	</div>
		1792	</div>
		1793	</div>
		1794	<span class="help-block">
		1795	with step: 5 </span>
		1796	</div>
		1797	</div>
		1798	</div>
		1799	<div class="form-actions">
		1800	<div class="row">
		1801	<div class="col-md-offset-3 col-md-9">
		1802	<button type="submit" class="btn green"><i class="fa fa-check"></i> Submit</button>
		1803	<button type="button" class="btn default">Cancel</button>
		1804	</div>
		1805	</div>
		1806	</div>
		1807	</form>
		1808	<!-- END FORM-->
		1809	</div>
		1810	</div>
		1811	<!-- END PORTLET-->
		1812	</div>
		1813	</div>
		1814	<div class="row">
		1815	<div class="col-md-12">
		1816	<!-- BEGIN PORTLET-->
		1817	<div class="portlet light">
		1818	<div class="portlet-title">
		1819	<div class="caption">
		1820	<i class="fa fa-cogs font-green-sharp"></i>
		1821	<span class="caption-subject font-green-sharp bold uppercase">Bootstrap Switch</span>
		1822	</div>
		1823	<div class="tools">
		1824	<a href="javascript:;" class="collapse">
		1825	</a>
		1826	<a href="#portlet-config" data-toggle="modal" class="config">
		1827	</a>
		1828	<a href="javascript:;" class="reload">
		1829	</a>
		1830	<a href="javascript:;" class="remove">
		1831	</a>
		1832	</div>
		1833	</div>
		1834	<div class="portlet-body form">
		1835	<!-- BEGIN FORM-->
		1836	<form action="javascript:;" class="form-horizontal form-bordered">
		1837	<div class="form-body">
		1838	<div class="form-group">
		1839	<label class="control-label col-md-3">Default Sizes</label>
		1840	<div class="col-md-9">
		1841	<input type="checkbox" checked class="make-switch" data-size="small">
		1842	<input type="checkbox" checked class="make-switch" data-size="normal">
		1843	<input type="checkbox" checked class="make-switch" data-size="large">
		1844	</div>
		1845	</div>
		1846	<div class="form-group">
		1847	<label class="control-label col-md-3">Colors</label>
		1848	<div class="col-md-9">
		1849	<input type="checkbox" class="make-switch" checked data-on-color="primary" data-off-color="info">
		1850	<input type="checkbox" class="make-switch" checked data-on-color="info" data-off-color="success">
		1851	<input type="checkbox" class="make-switch" checked data-on-color="success" data-off-color="warning">
		1852	<input type="checkbox" class="make-switch" checked data-on-color="warning" data-off-color="danger">
		1853	<input type="checkbox" class="make-switch" checked data-on-color="danger" data-off-color="default">
		1854	<input type="checkbox" class="make-switch" checked data-on-color="default" data-off-color="primary">
		1855	</div>
		1856	</div>
		1857	<div class="form-group">
		1858	<label class="control-label col-md-3">Disabled / Readonly</label>
		1859	<div class="col-md-9">
		1860	<input type="checkbox" checked disabled class="make-switch"/>
		1861	<input type="checkbox" checked readonly class="make-switch"/>
		1862	</div>
		1863	</div>
		1864	<div class="form-group">
		1865	<label class="control-label col-md-3">Text</label>
		1866	<div class="col-md-9">
		1867	<input type="checkbox" class="make-switch" data-on-text="Yes" data-off-text="No">
		1868	<input type="checkbox" class="make-switch" data-on-text="1" data-off-text="0">
		1869	</div>
		1870	</div>
		1871	<div class="form-group">
		1872	<label class="control-label col-md-3">Long Text</label>
		1873	<div class="col-md-9">
		1874	<input type="checkbox" class="make-switch" data-on-text=" External " data-off-text=" Internal ">
		1875	<input type="checkbox" class="make-switch" data-on-text=" Enabled  " data-off-text=" Disabled ">
		1876	</div>
		1877	</div>
		1878	<div class="form-group">
		1879	<label class="control-label col-md-3">Label Text</label>
		1880	<div class="col-md-9">
		1881	<input type="checkbox" class="make-switch" checked data-on-text="TV">
		1882	<input type="checkbox" class="make-switch" checked data-off-text="Signal">
		1883	</div>
		1884	</div>
		1885	<div class="form-group">
		1886	<label class="control-label col-md-3">HTML Text</label>
		1887	<div class="col-md-9">
		1888	<input type="checkbox" class="make-switch" checked data-on-text="<i class='fa fa-check'></i>" data-off-text="<i class='fa fa-times'></i>"> <input type="checkbox" class="make-switch" checked data-on-text="<i class='fa fa-user'></i>" data-off-text="<i class='fa fa-trash-o'></i>">
		1889	</div>
		1890	</div>
		1891	<div class="form-group">
		1892	<label class="control-label col-md-3">HTML Text Label Icon</label>
		1893	<div class="col-md-9">
		1894	<input type="checkbox" checked class="make-switch switch-large" data-label-icon="fa fa-fullscreen" data-on-text="<i class='fa fa-check'></i>" data-off-text="<i class='fa fa-times'></i>"> <input type="checkbox" checked class="make-switch switch-large" data-label-icon="fa fa-youtube" data-on-text="<i class='fa fa-thumbs-up'></i>" data-off-text="<i class='fa fa-thumbs-down'></i>">
		1895	</div>
		1896	</div>
		1897	<div class="form-group">
		1898	<label class="control-label col-md-3">Radio Group</label>
		1899	<div class="col-md-9">
		1900	<div class="margin-bottom-10">
		1901	<label for="option1">Option 1</label>
		1902	<input id="option1" type="radio" name="radio1" value="option1" class="make-switch switch-radio1">
		1903	</div>
		1904	<div class="margin-bottom-10">
		1905	<label for="option2">Option 2</label>
		1906	<input id="option2" type="radio" name="radio1" value="option2" class="make-switch switch-radio1">
		1907	</div>
		1908	<div class="margin-bottom-10">
		1909	<label for="option3">Option 3</label>
		1910	<input id="option3" type="radio" name="radio1" value="option3" class="make-switch switch-radio1">
		1911	</div>
		1912	</div>
		1913	</div>
		1914	<div class="form-group last">
		1915	<label class="control-label col-md-3">Modal</label>
		1916	<div class="col-md-9">
		1917	<a href="#myModal" role="button" class="btn red" data-toggle="modal">
		1918	View in Modal </a>
		1919	</div>
		1920	</div>
		1921	</div>
		1922	<div class="form-actions">
		1923	<div class="row">
		1924	<div class="col-md-offset-3 col-md-9">
		1925	<button type="submit" class="btn green"><i class="fa fa-check"></i> Submit</button>
		1926	<button type="button" class="btn default">Cancel</button>
		1927	</div>
		1928	</div>
		1929	</div>
		1930	</form>
		1931	<div id="myModal" class="modal fade" role="dialog" aria-hidden="true">
		1932	<div class="modal-dialog">
		1933	<div class="modal-content">
		1934	<div class="modal-header">
		1935	<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
		1936	<h4 class="modal-title">Bootstrap switches</h4>
		1937	</div>
		1938	<div class="modal-body">
		1939	<form action="javascript:;" class="form-horizontal">
		1940	<div class="form-group">
		1941	<label class="control-label col-md-3">Default Sizes</label>
		1942	<div class="col-md-9">
		1943	<input type="checkbox" checked class="make-switch" data-size="small">
		1944	<input type="checkbox" checked class="make-switch" data-size="normal">
		1945	<input type="checkbox" checked class="make-switch" data-size="large">
		1946	</div>
		1947	</div>
		1948	<div class="form-group">
		1949	<label class="control-label col-md-3">Colors</label>
		1950	<div class="col-md-9">
		1951	<input type="checkbox" class="make-switch" checked data-on-color="primary" data-off-color="info">
		1952	<input type="checkbox" class="make-switch" checked data-on-color="success" data-off-color="warning">
		1953	<input type="checkbox" class="make-switch" checked data-on-color="warning" data-off-color="danger">
		1954	</div>
		1955	</div>
		1956	<div class="form-group last">
		1957	<label class="control-label col-md-3">Disabled / Readonly</label>
		1958	<div class="col-md-9">
		1959	<input type="checkbox" checked disabled class="make-switch"/>
		1960	<input type="checkbox" checked readonly class="make-switch"/>
		1961	</div>
		1962	</div>
		1963	</form>
		1964	</div>
		1965	<div class="modal-footer">
		1966	<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
		1967	<button type="button" class="btn btn-primary"><i class="fa fa-check"></i> Save changes</button>
		1968	</div>
		1969	</div>
		1970	</div>
		1971	</div>
		1972	<!-- END FORM-->
		1973	</div>
		1974	</div>
		1975	<!-- END PORTLET-->
		1976	</div>
		1977	</div>
		1978	<div class="row">
		1979	<div class="col-md-12">
		1980	<!-- BEGIN PORTLET-->
		1981	<div class="portlet light">
		1982	<div class="portlet-title">
		1983	<div class="caption">
		1984	<i class="fa fa-cogs font-green-sharp"></i>
		1985	<span class="caption-subject font-green-sharp bold uppercase">Bootstrap TouchSpin</span>
		1986	</div>
		1987	<div class="tools">
		1988	<a href="javascript:;" class="collapse">
		1989	</a>
		1990	<a href="#portlet-config" data-toggle="modal" class="config">
		1991	</a>
		1992	<a href="javascript:;" class="reload">
		1993	</a>
		1994	<a href="javascript:;" class="remove">
		1995	</a>
		1996	</div>
		1997	</div>
		1998	<div class="portlet-body form">
		1999	<!-- BEGIN FORM-->
		2000	<form action="javascript:;" class="form-horizontal form-bordered">
		2001	<div class="form-body">
		2002	<div class="form-group">
		2003	<label class="control-label col-md-3">Spinner 1</label>
		2004	<div class="col-md-9">
		2005	<div class="input-inline input-medium">
		2006	<input id="touchspin_demo1" type="text" value="55" name="demo1" class="form-control">
		2007	</div>
		2008	<span class="help-block">
		2009	basic example </span>
		2010	</div>
		2011	</div>
		2012	<div class="form-group">
		2013	<label class="control-label col-md-3">Spinner 2</label>
		2014	<div class="col-md-9">
		2015	<div class="input-inline input-medium">
		2016	<input id="touchspin_demo2" type="text" value="55" name="demo1" class="form-control">
		2017	</div>
		2018	<span class="help-block">
		2019	example with decimal steps </span>
		2020	</div>
		2021	</div>
		2022	<div class="form-actions">
		2023	<div class="row">
		2024	<div class="col-md-offset-3 col-md-9">
		2025	<button type="submit" class="btn green"><i class="fa fa-check"></i> Submit</button>
		2026	<button type="button" class="btn default">Cancel</button>
		2027	</div>
		2028	</div>
		2029	</div>
		2030	</div>
		2031	</form>
		2032	</div>
		2033	</div>
		2034	</div>
		2035	</div>
		2036	<div class="row">
		2037	<div class="col-md-12">
		2038	<div class="portlet light">
		2039	<div class="portlet-title">
		2040	<div class="caption">
		2041	<i class="fa fa-cogs font-green-sharp"></i>
		2042	<span class="caption-subject font-green-sharp bold uppercase">IP Address Input</span>
		2043	</div>
		2044	<div class="tools">
		2045	<a href="javascript:;" class="collapse">
		2046	</a>
		2047	<a href="#portlet-config" data-toggle="modal" class="config">
		2048	</a>
		2049	<a href="javascript:;" class="reload">
		2050	</a>
		2051	<a href="javascript:;" class="remove">
		2052	</a>
		2053	</div>
		2054	</div>
		2055	<div class="portlet-body form">
		2056	<!-- BEGIN FORM-->
		2057	<form action="javascript:;" class="form-horizontal form-row-seperated">
		2058	<div class="form-body">
		2059	<div class="form-group">
		2060	<label class="control-label col-md-3">IPV4</label>
		2061	<div class="col-md-4">
		2062	<input class="form-control" id="input_ipv4" type="text"/>
		2063	<span class="help-block">
		2064	192.168.120.150 </span>
		2065	</div>
		2066	</div>
		2067	<div class="form-group last">
		2068	<label class="control-label col-md-3">IPV6</label>
		2069	<div class="col-md-4">
		2070	<input class="form-control" id="input_ipv6" type="text"/>
		2071	<span class="help-block">
		2072	3ffe:1900:4545:3:200:f8ff:fe21:67cf </span>
		2073	</div>
		2074	</div>
		2075	</div>
		2076	<div class="form-actions">
		2077	<div class="row">
		2078	<div class="col-md-offset-3 col-md-9">
		2079	<button type="submit" class="btn purple"><i class="fa fa-check"></i> Submit</button>
		2080	<button type="button" class="btn default">Cancel</button>
		2081	</div>
		2082	</div>
		2083	</div>
		2084	</form>
		2085	<!-- END FORM-->
		2086	</div>
		2087	</div>
		2088	</div>
		2089	</div>
		2090	<div class="row">
		2091	<div class="col-md-12">
		2092	<div class="portlet light">
		2093	<div class="portlet-title">
		2094	<div class="caption">
		2095	<i class="fa fa-cogs font-green-sharp"></i>
		2096	<span class="caption-subject font-green-sharp bold uppercase">Input Masks</span>
		2097	</div>
		2098	<div class="tools">
		2099	<a href="javascript:;" class="collapse">
		2100	</a>
		2101	<a href="#portlet-config" data-toggle="modal" class="config">
		2102	</a>
		2103	<a href="javascript:;" class="reload">
		2104	</a>
		2105	<a href="javascript:;" class="remove">
		2106	</a>
		2107	</div>
		2108	</div>
		2109	<div class="portlet-body form">
		2110	<!-- BEGIN FORM-->
		2111	<form action="javascript:;" class="form-horizontal form-bordered">
		2112	<div class="form-body">
		2113	<div class="form-group">
		2114	<label class="control-label col-md-3">Date 1</label>
		2115	<div class="col-md-4">
		2116	<input class="form-control" id="mask_date" type="text"/>
		2117	<span class="help-block">
		2118	y/m/d </span>
		2119	</div>
		2120	</div>
		2121	<div class="form-group">
		2122	<label class="control-label col-md-3">Date 2</label>
		2123	<div class="col-md-4">
		2124	<input class="form-control" id="mask_date1" type="text"/>
		2125	<span class="help-block">
		2126	change the placeholder </span>
		2127	</div>
		2128	</div>
		2129	<div class="form-group">
		2130	<label class="control-label col-md-3">Date 3</label>
		2131	<div class="col-md-4">
		2132	<input class="form-control" id="mask_date2" type="text"/>
		2133	<span class="help-block">
		2134	multi-char placeholder </span>
		2135	</div>
		2136	</div>
		2137	<div class="form-group">
		2138	<label class="control-label col-md-3">Phone</label>
		2139	<div class="col-md-4">
		2140	<input class="form-control" id="mask_phone" type="text"/>
		2141	<span class="help-block">
		2142	(999) 999-9999 </span>
		2143	</div>
		2144	</div>
		2145	<div class="form-group">
		2146	<label class="control-label col-md-3">Tax ID</label>
		2147	<div class="col-md-4">
		2148	<input class="form-control" id="mask_tin" type="text"/>
		2149	<span class="help-block">
		2150	99-9999999 </span>
		2151	</div>
		2152	</div>
		2153	<div class="form-group">
		2154	<label class="control-label col-md-3">Number</label>
		2155	<div class="col-md-4">
		2156	<input class="form-control" id="mask_number" type="text"/>
		2157	<span class="help-block">
		2158	mask "9" or mask "99" or ... mask "9999999999" </span>
		2159	</div>
		2160	</div>
		2161	<div class="form-group">
		2162	<label class="control-label col-md-3">Currency</label>
		2163	<div class="col-md-4">
		2164	<input class="form-control" id="mask_currency" type="text"/>
		2165	<span class="help-block">
		2166	123456 => € ___.__1.234,56 </span>
		2167	</div>
		2168	</div>
		2169	<div class="form-group">
		2170	<label class="control-label col-md-3">Currency 2</label>
		2171	<div class="col-md-4">
		2172	<input class="form-control" id="mask_currency2" type="text"/>
		2173	<span class="help-block">
		2174	123456 => € ___.__1.234,56(left aligned) </span>
		2175	</div>
		2176	</div>
		2177	<div class="form-group last">
		2178	<label class="control-label col-md-3">SSN</label>
		2179	<div class="col-md-4">
		2180	<input class="form-control" id="mask_ssn" type="text"/>
		2181	<span class="help-block">
		2182	999-99-9999. remove the empty mask on blur or when not empty removes the optional trailing part </span>
		2183	</div>
		2184	</div>
		2185	</div>
		2186	<div class="form-actions">
		2187	<div class="row">
		2188	<div class="col-md-offset-3 col-md-9">
		2189	<button type="submit" class="btn purple"><i class="fa fa-check"></i> Submit</button>
		2190	<button type="button" class="btn default">Cancel</button>
		2191	</div>
		2192	</div>
		2193	</div>
		2194	</form>
		2195	<!-- END FORM-->
		2196	</div>
		2197	</div>
		2198	</div>
		2199	</div>
		2200	<div class="row">
		2201	<div class="col-md-12">
		2202	<!-- BEGIN PORTLET-->
		2203	<div class="portlet light">
		2204	<div class="portlet-title">
		2205	<div class="caption">
		2206	<i class="fa fa-cogs font-green-sharp"></i>
		2207	<span class="caption-subject font-green-sharp bold uppercase">Tags Input</span>
		2208	</div>
		2209	<div class="tools">
		2210	<a href="javascript:;" class="collapse">
		2211	</a>
		2212	<a href="#portlet-config" data-toggle="modal" class="config">
		2213	</a>
		2214	<a href="javascript:;" class="reload">
		2215	</a>
		2216	<a href="javascript:;" class="remove">
		2217	</a>
		2218	</div>
		2219	</div>
		2220	<div class="portlet-body ">
		2221	<!-- BEGIN FORM-->
		2222	<form action="javascript:;" class="form-horizontal">
		2223	<div class="form-group">
		2224	<label class="control-label col-md-3">Default</label>
		2225	<div class="col-md-9">
		2226	<input id="tags_1" type="text" class="form-control tags" value="foo,bar,baz,roffle"/>
		2227	</div>
		2228	</div>
		2229	<div class="form-group">
		2230	<label class="control-label col-md-3">Fixed Width</label>
		2231	<div class="col-md-6">
		2232	<input id="tags_2" type="text" class="form-control tags medium" value="tag1,tag2"/>
		2233	</div>
		2234	</div>
		2235	</form>
		2236	<!-- END FORM-->
		2237	</div>
		2238	</div>
		2239	<!-- END PORTLET-->
		2240	</div>
		2241	</div>
		2242	<div class="row">
		2243	<div class="col-md-12">
		2244	<!-- BEGIN PORTLET-->
		2245	<div class="portlet light">
		2246	<div class="portlet-title">
		2247	<div class="caption">
		2248	<i class="fa fa-cogs font-green-sharp"></i>
		2249	<span class="caption-subject font-green-sharp bold uppercase">Advanced File Input</span>
		2250	</div>
		2251	<div class="tools">
		2252	<a href="javascript:;" class="collapse">
		2253	</a>
		2254	<a href="#portlet-config" data-toggle="modal" class="config">
		2255	</a>
		2256	<a href="javascript:;" class="reload">
		2257	</a>
		2258	<a href="javascript:;" class="remove">
		2259	</a>
		2260	</div>
		2261	</div>
		2262	<div class="portlet-body form">
		2263	<!-- BEGIN FORM-->
		2264	<form action="javascript:;" class="form-horizontal form-bordered">
		2265	<div class="form-body">
		2266	<div class="form-group">
		2267	<label class="control-label col-md-3">Default</label>
		2268	<div class="col-md-9">
		2269	<div class="fileinput fileinput-new" data-provides="fileinput">
		2270	<div class="input-group input-large">
		2271	<div class="form-control uneditable-input span3" data-trigger="fileinput">
		2272	<i class="fa fa-file fileinput-exists"></i>  <span class="fileinput-filename">
		2273	</span>
		2274	</div>
		2275	<span class="input-group-addon btn default btn-file">
		2276	<span class="fileinput-new">
		2277	Select file </span>
		2278	<span class="fileinput-exists">
		2279	Change </span>
		2280	<input type="file" name="...">
		2281	</span>
		2282	<a href="javascript:;" class="input-group-addon btn red fileinput-exists" data-dismiss="fileinput">
		2283	Remove </a>
		2284	</div>
		2285	</div>
		2286	</div>
		2287	</div>
		2288	<div class="form-group">
		2289	<label class="control-label col-md-3">Without input</label>
		2290	<div class="col-md-9">
		2291	<div class="fileinput fileinput-new" data-provides="fileinput">
		2292	<span class="btn default btn-file">
		2293	<span class="fileinput-new">
		2294	Select file </span>
		2295	<span class="fileinput-exists">
		2296	Change </span>
		2297	<input type="file" name="...">
		2298	</span>
		2299	<span class="fileinput-filename">
		2300	</span>
		2301	<a href="javascript:;" class="close fileinput-exists" data-dismiss="fileinput">
		2302	</a>
		2303	</div>
		2304	</div>
		2305	</div>
		2306	<div class="form-group ">
		2307	<label class="control-label col-md-3">Image Upload #1</label>
		2308	<div class="col-md-9">
		2309	<div class="fileinput fileinput-new" data-provides="fileinput">
		2310	<div class="fileinput-preview thumbnail" data-trigger="fileinput" style="width: 200px; height: 150px;">
		2311	</div>
		2312	<div>
		2313	<span class="btn default btn-file">
		2314	<span class="fileinput-new">
		2315	Select image </span>
		2316	<span class="fileinput-exists">
		2317	Change </span>
		2318	<input type="file" name="...">
		2319	</span>
		2320	<a href="javascript:;" class="btn red fileinput-exists" data-dismiss="fileinput">
		2321	Remove </a>
		2322	</div>
		2323	</div>
		2324	<div class="clearfix margin-top-10">
		2325	<span class="label label-danger">
		2326	NOTE! </span>
		2327	Image preview only works in IE10+, FF3.6+, Safari6.0+, Chrome6.0+ and Opera11.1+. In older browsers the filename is shown instead.
		2328	</div>
		2329	</div>
		2330	</div>
		2331	<div class="form-group last">
		2332	<label class="control-label col-md-3">Image Upload #2</label>
		2333	<div class="col-md-9">
		2334	<div class="fileinput fileinput-new" data-provides="fileinput">
		2335	<div class="fileinput-new thumbnail" style="width: 200px; height: 150px;">
		2336	<img src="http://www.placehold.it/200x150/EFEFEF/AAAAAA&text=no+image" alt=""/>
		2337	</div>
		2338	<div class="fileinput-preview fileinput-exists thumbnail" style="max-width: 200px; max-height: 150px;">
		2339	</div>
		2340	<div>
		2341	<span class="btn default btn-file">
		2342	<span class="fileinput-new">
		2343	Select image </span>
		2344	<span class="fileinput-exists">
		2345	Change </span>
		2346	<input type="file" name="...">
		2347	</span>
		2348	<a href="javascript:;" class="btn red fileinput-exists" data-dismiss="fileinput">
		2349	Remove </a>
		2350	</div>
		2351	</div>
		2352	<div class="clearfix margin-top-10">
		2353	<span class="label label-danger">
		2354	NOTE! </span>
		2355	Image preview only works in IE10+, FF3.6+, Safari6.0+, Chrome6.0+ and Opera11.1+. In older browsers the filename is shown instead.
		2356	</div>
		2357	</div>
		2358	</div>
		2359	</div>
		2360	<div class="form-actions">
		2361	<div class="row">
		2362	<div class="col-md-offset-3 col-md-9">
		2363	<button type="submit" class="btn purple"><i class="fa fa-check"></i> Submit</button>
		2364	<button type="button" class="btn default">Cancel</button>
		2365	</div>
		2366	</div>
		2367	</div>
		2368	</form>
		2369	<!-- END FORM-->
		2370	</div>
		2371	</div>
		2372	<!-- END PORTLET-->
		2373	</div>
		2374	</div>
		2375	<div class="row">
		2376	<div class="col-md-12">
		2377	<!-- BEGIN EXTRAS PORTLET-->
		2378	<div class="portlet light">
		2379	<div class="portlet-title">
		2380	<div class="caption">
		2381	<i class="fa fa-cogs font-green-sharp"></i>
		2382	<span class="caption-subject font-green-sharp bold uppercase">CKEditor Editor</span>
		2383	</div>
		2384	<div class="tools">
		2385	<a href="javascript:;" class="collapse">
		2386	</a>
		2387	<a href="#portlet-config" data-toggle="modal" class="config">
		2388	</a>
		2389	<a href="javascript:;" class="reload">
		2390	</a>
		2391	<a href="javascript:;" class="remove">
		2392	</a>
		2393	</div>
		2394	</div>
		2395	<div class="portlet-body form">
		2396	<!-- BEGIN FORM-->
		2397	<form action="javascript:;" class="form-horizontal form-bordered">
		2398	<div class="form-body">
		2399	<div class="form-group last">
		2400	<label class="control-label col-md-3">CKEditor</label>
		2401	<div class="col-md-9">
		2402	<textarea class="ckeditor form-control" name="editor1" rows="6"></textarea>
		2403	</div>
		2404	</div>
		2405	</div>
		2406	<div class="form-actions">
		2407	<div class="row">
		2408	<div class="col-md-offset-3 col-md-9">
		2409	<button type="submit" class="btn green"><i class="fa fa-check"></i> Submit</button>
		2410	<button type="button" class="btn default">Cancel</button>
		2411	</div>
		2412	</div>
		2413	</div>
		2414	</form>
		2415	<!-- END FORM-->
		2416	</div>
		2417	</div>
		2418	<!-- END EXTRAS PORTLET-->
		2419	</div>
		2420	</div>
		2421	<!-- END PAGE CONTENT INNER -->
		2422	</div>
		2423	</div>
		2424	<!-- END PAGE CONTENT -->
		2425	</div>
		2426	<!-- END PAGE CONTAINER -->
		2427	<!-- BEGIN PRE-FOOTER -->
		2428	<div class="page-prefooter">
		2429	<div class="container">
		2430	<div class="row">
		2431	<div class="col-md-3 col-sm-6 col-xs-12 footer-block">
		2432	<h2>About</h2>
		2433	<p>
		2434	Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam dolore.
		2435	</p>
		2436	</div>
		2437	<div class="col-md-3 col-sm-6 col-xs12 footer-block">
		2438	<h2>Subscribe Email</h2>
		2439	<div class="subscribe-form">
		2440	<form action="javascript:;">
		2441	<div class="input-group">
		2442	<input type="text" placeholder="mail@email.com" class="form-control">
		2443	<span class="input-group-btn">
		2444	<button class="btn" type="submit">Submit</button>
		2445	</span>
		2446	</div>
		2447	</form>
		2448	</div>
		2449	</div>
		2450	<div class="col-md-3 col-sm-6 col-xs-12 footer-block">
		2451	<h2>Follow Us On</h2>
		2452	<ul class="social-icons">
		2453	<li>
		2454	<a href="javascript:;" data-original-title="rss" class="rss"></a>
		2455	</li>
		2456	<li>
		2457	<a href="javascript:;" data-original-title="facebook" class="facebook"></a>
		2458	</li>
		2459	<li>
		2460	<a href="javascript:;" data-original-title="twitter" class="twitter"></a>
		2461	</li>
		2462	<li>
		2463	<a href="javascript:;" data-original-title="googleplus" class="googleplus"></a>
		2464	</li>
		2465	<li>
		2466	<a href="javascript:;" data-original-title="linkedin" class="linkedin"></a>
		2467	</li>
		2468	<li>
		2469	<a href="javascript:;" data-original-title="youtube" class="youtube"></a>
		2470	</li>
		2471	<li>
		2472	<a href="javascript:;" data-original-title="vimeo" class="vimeo"></a>
		2473	</li>
		2474	</ul>
		2475	</div>
		2476	<div class="col-md-3 col-sm-6 col-xs-12 footer-block">
		2477	<h2>Contacts</h2>
		2478	<address class="margin-bottom-40">
		2479	Phone: 800 123 3456<br>
		2480	Email: <a href="mailto:info@metronic.com">info@metronic.com</a>
		2481	</address>
		2482	</div>
		2483	</div>
		2484	</div>
		2485	</div>
		2486	<!-- END PRE-FOOTER -->
		2487	<!-- BEGIN FOOTER -->
		2488	<div class="page-footer">
		2489	<div class="container">
		2490	2014 © Metronic. All Rights Reserved.
		2491	</div>
		2492	</div>
		2493	<div class="scroll-to-top">
		2494	<i class="icon-arrow-up"></i>
		2495	</div>
		2496	<!-- END FOOTER -->
		2497	<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
		2498	<!-- BEGIN CORE PLUGINS -->
		2499	<!--[if lt IE 9]>
		2500	<script src="../../assets/global/plugins/respond.min.js"></script>
		2501	<script src="../../assets/global/plugins/excanvas.min.js"></script>
		2502	<![endif]-->
		2503	<script src="../../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
		2504	<script src="../../assets/global/plugins/jquery-migrate.min.js" type="text/javascript"></script>
		2505	<!-- IMPORTANT! Load jquery-ui.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
		2506	<script src="../../assets/global/plugins/jquery-ui/jquery-ui.min.js" type="text/javascript"></script>
		2507	<script src="../../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
		2508	<script src="../../assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js" type="text/javascript"></script>
		2509	<script src="../../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
		2510	<script src="../../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
		2511	<script src="../../assets/global/plugins/jquery.cokie.min.js" type="text/javascript"></script>
		2512	<script src="../../assets/global/plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>
		2513	<!-- END CORE PLUGINS -->
		2514	<!-- BEGIN PAGE LEVEL PLUGINS -->
		2515	<script type="text/javascript" src="../../assets/global/plugins/fuelux/js/spinner.min.js"></script>
		2516	<script type="text/javascript" src="../../assets/global/plugins/bootstrap-fileinput/bootstrap-fileinput.js"></script>
		2517	<script type="text/javascript" src="../../assets/global/plugins/jquery-inputmask/jquery.inputmask.bundle.min.js"></script>
		2518	<script type="text/javascript" src="../../assets/global/plugins/jquery.input-ip-address-control-1.0.min.js"></script>
		2519	<script src="../../assets/global/plugins/bootstrap-pwstrength/pwstrength-bootstrap.min.js" type="text/javascript"></script>
		2520	<script src="../../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
		2521	<script src="../../assets/global/plugins/jquery-tags-input/jquery.tagsinput.min.js" type="text/javascript"></script>
		2522	<script src="../../assets/global/plugins/bootstrap-maxlength/bootstrap-maxlength.min.js" type="text/javascript"></script>
		2523	<script src="../../assets/global/plugins/bootstrap-touchspin/bootstrap.touchspin.js" type="text/javascript"></script>
		2524	<script src="../../assets/global/plugins/typeahead/handlebars.min.js" type="text/javascript"></script>
		2525	<script src="../../assets/global/plugins/typeahead/typeahead.bundle.min.js" type="text/javascript"></script>
		2526	<script type="text/javascript" src="../../assets/global/plugins/ckeditor/ckeditor.js"></script>
		2527	<!-- END PAGE LEVEL PLUGINS -->
		2528	<!-- BEGIN PAGE LEVEL SCRIPTS -->
		2529	<script src="../../assets/global/scripts/metronic.js" type="text/javascript"></script>
		2530	<script src="../../assets/admin/layout3/scripts/layout.js" type="text/javascript"></script>
		2531	<script src="../../assets/admin/layout3/scripts/demo.js" type="text/javascript"></script>
		2532	<script src="../../assets/admin/pages/scripts/components-form-tools.js"></script>
		2533	<!-- END PAGE LEVEL SCRIPTS -->
		2534	<script>
		2535	jQuery(document).ready(function() {
		2536	// initiate layout and plugins
		2537	Metronic.init(); // init metronic core components
		2538	Layout.init(); // init current layout
		2539	Demo.init(); // init demo features
		2540	ComponentsFormTools.init();
		2541	});
		2542	</script>
		2543	<!-- BEGIN GOOGLE RECAPTCHA -->
		2544	<script type="text/javascript">
		2545	var RecaptchaOptions = {
		2546	theme : 'custom',
		2547	custom_theme_widget: 'recaptcha_widget'
		2548	};
		2549	</script>
		2550	<script type="text/javascript" src="https://www.google.com/recaptcha/api/challenge?k=6LcrK9cSAAAAALEcjG9gTRPbeA0yAVsKd8sBpFpR"></script>
		2551	<!-- END GOOGLE RECAPTCHA -->
		2552	<!-- END JAVASCRIPTS -->
		2553	</body>
		2554	<!-- END BODY -->
		2555	</html>

Subversion Repositories Integrator Subversion

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