/*
 __                   .__
 |__|____ __________  _|__| ______
 |  \__  \\_  __ \  \/ /  |/  ___/
 |  |/ __ \|  | \/\   /|  |\___ \
 /\__|  (____  /__|    \_/ |__/____  >
 \______|    \/                    \/

 Copyright 2013 - Jarvis : Smart Admin Template - version 2.0

 * This is part of an item on wrapbootstrap.com
 * https://wrapbootstrap.com/user/myorange
 * ==================================

 Table of Contents
 ---------------------------------------------------------------

 - Keep footer down
 - Tool bar
 - Toolbar Dropdown
 - Toolbar button Icons
 - Big icon button
 - Responsive nav
 - Main Navigation
 - Page content divs
 - Page content header
 - Page aside
 - Aside mini profile
 - Aside number stats
 - Secondary Nav (inside aside)
 - Mini inbox (inside aside)
 - Alerts
 - Button (overrides)
 - Bread crumb
 - Calendar
 - D3 Charts
 - Morris Charts
 - Flot chart tooltip & legend
 - Flot Charts
 - JustGague
 - Table adjustments
 - UI slider
 - EasyPie Plugin
 - Progress bars (overrides)
 - Mystats
 - aside right
 - button overides
 - Model overides (adjustments)
 - wysihtml5 adjustments
 - Chat Interface
 - users online
 - tooltip
 - Forms
 - Tables (adjustments)
 - Badge & Labels (adjustments)
 - Login Page
 - Paging
 - Well
 - Logout Animation
 - Footer
 - color picker
 - time picker
 - bootstrap form wizzard
 - Inbox
 - Inbox Menu
 - default tabs
 - ibutton (bootstrapSwitch)
 - Invoice
 - Custom Lists
 - Login Page
 - Adjustments
 - For Demo Purpose (delete if not needed)

 */

/* ---------------------------------------------------------------------- */

/*	CSS base
 /* ---------------------------------------------------------------------- */
* {
	margin: 0;
	outline: none !important;
	/* removes the ugly dotted lines in Firefox and IE */
}
/* a flash of color when links and buttons are pressed, a nice UI effect for mobile / tablet users */
a:link, button {
	-webkit-tap-highlight-color: #e53b2c;
}
html, body {
	height: 100%;
	min-height: 100%;
	color: #5F5F5F;
}
body {
	background: url('../images/backgrounds/mesh.png') #333;
}
h1, h2, h3, h4, h5, h6, .my-profile span, .number-stats {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
}
p {
	font-weight: normal;
}
.light h1, .light h2, .light h3, .light h4, .light h5, .light h6 {
	font-weight: normal;
}
body, .jarviswidget > header h2, .fc-header-title h2 {
	font-family: Arial, Helvetica, sans-serif;
	/*font-weight: bold;*/
}
a, a.active {
	color: #333;
}
a:hover, a:focus {
	text-decoration: none;
}
.contained {
	max-width: 1170px;
	height: 100%;
	margin: 0px auto;
	position: relative;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	color: #8b8b8b;
}
input:-moz-placeholder, textarea:-moz-placeholder {
	color: #8b8b8b;
}
footer, div#main, #page-content, aside, aside.divider, div#main #page-header, .jarviswidget > div, aside ul.menu, .alert, .dt-header, .dt-footer, .well, .wysihtml5, .wysihtml5-widget, .widget-content-padding, .aside-buttons .btn, .chat-box, .form-signin input[type="text"], .form-signin input[type="password"], .chat-box textarea, #chat-box-textarea, .toolbar ul.progressbox, .main-search input, .d3-charts, .slashc-sliding-menu, div.slashc-sliding-menu span.tiny-des, div.slashc-sliding-menu span.tiny-sub, div.slashc-sliding-menu h1, .message-control-panel, .bwizard-steps, .inbox-control-panel, .dropdown-menu.toolbar h3 {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	/*-webkit-box-sizing:border-box; - box-sizing is supported */
}
/* font adjust */
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	font-size: 12px;
}
/* disable background image from default bootstrap css to allow for
 font icons to appear without any glitch
 */
[class^="icon-"], [class*=" icon-"] {
	background-image: none;
}
/* ---------------------------------------------------------------------- */

/*	Keep footer down
 /* ---------------------------------------------------------------------- */

/* Fill the window but let some space for the footer
 this div wraps the entire body segment to calculate page height
 and push footer down
 */
.height-wrapper {
	height: auto !important;
	height: 100%;
	margin: 0 auto -38px;
	min-height: 100%;
}
.footer, .push {
	position: relative;
	height: 37px;
	/* .push must be the same height as .footer */
}
/* ---------------------------------------------------------------------- */

/*	Toolbar
 /* ---------------------------------------------------------------------- */

/* title that appears on top left of the page */
#header-toolbar h1 {
	float: left;
	color: #F0F0F0;
	font-size: 16px;
	line-height: 40px;
	margin: 0;
	font-weight: bold;
	cursor: default;
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
	/* force width to help responsive scaling */
}
#header-toolbar h1 span {
	display: inline-block !important;
}
/* font icon size adjustments within this above header */
#header-toolbar h1 > i {
	font-size: 14px;
	line-height: 14px;
	margin: 2px 2px 0;
}
/* theme icon in toolbar */
#header-toolbar img {
	float: left;
	display: block;
	margin-top: 7px;
	margin-right: 5px;
	margin-left: 2px;
}
#header-toolbar {
	height: 52px;
	position: relative;
	background: url('../images/transparant-30.png');
	border-bottom: 1px solid #585858;
	border-top: 5px solid #000;
	padding-right: 16px;
	padding-left: 20px;
}
/* ---------------------------------------------------------------------- */

/*	Toolbar Dropdown
 /* ---------------------------------------------------------------------- */
.dropdown-menu {
	border: 1px solid #333;
	border: 1px solid rgba(0, 0, 0, 0.2);
}
.dropdown-menu.toolbar {
	background: #302F2F;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.dropdown-menu.toolbar li a {
	font-size: 12px;
	color: #fff;
	padding: 4px 15px;
}
.dropdown-menu.toolbar li > a:hover, .dropdown-menu.toolbar li > a:focus {
	background-color: #424242;
	background-image: -moz-linear-gradient(top, #434343, #000);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#434343), to(#000));
	background-image: -webkit-linear-gradient(top, #434343, #000);
	background-image: -o-linear-gradient(top, #434343, #000);
	background-image: linear-gradient(to bottom, #434343, #000);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#434343', endColorstr='#000', GradientType=0);
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
#header-toolbar .btn-toolbar .btn-group .btn-inverse {
	border: 1px solid #000000;
	background-color: #2d2d2d;
	background-image: -moz-linear-gradient(top, #484848, #2d2d2d);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#484848), to(#2d2d2d));
	background-image: -webkit-linear-gradient(top, #484848, #2d2d2d);
	background-image: -o-linear-gradient(top, #484848, #2d2d2d);
	background-image: linear-gradient(to bottom, #484848, #2d2d2d);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#484848', endColorstr='#2d2d2d', GradientType=0);
	color: #fff;
	padding: 3px 9px;
}
#header-toolbar .btn-toolbar .btn-group .btn-inverse:hover {
	border: 1px solid #000000;
	background-color: #484848;
	background-image: -moz-linear-gradient(top, #2d2d2d, #484848);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2d2d2d), to(#484848));
	background-image: -webkit-linear-gradient(top, #2d2d2d, #484848);
	background-image: -o-linear-gradient(top, #2d2d2d, #484848);
	background-image: linear-gradient(to bottom, #2d2d2d, #484848);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d2d2d', endColorstr='#484848', GradientType=0);
}
#header-toolbar .btn-toolbar .btn-group.open .dropdown-toggle {
	background-color: #252525;
	background-image: -moz-linear-gradient(top, #1A1A1A, #252525);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1A1A1A), to(#252525));
	background-image: -webkit-linear-gradient(top, #1A1A1A, #252525);
	background-image: -o-linear-gradient(top, #1A1A1A, #252525);
	background-image: linear-gradient(to bottom, #1A1A1A, #252525);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1A1A1A', endColorstr='#252525', GradientType=0);
}
.dropdown-menu.toolbar h3 {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	font-size: 12px;
	font-weight: bold;
	color: white;
	line-height: 14px;
	padding: 5px 10px 10px 10px;
	width: 100%;
	border-bottom: 2px solid white;
}
.toolbar ul.mailbox, .toolbar ul.progressbox {
	background: #fff;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 240px;
}
.toolbar ul.mailbox > li > a {
	display: block;
	overflow: hidden;
	color: #333;
	padding: 8px 10px;
	background: #fff;
	filter: none !important;
	color: #5A7DB3;
	position: relative;
	margin: 0;
	font-size: 12px;
	display: block;
	line-height: 20px;
	font-weight: bold;
	text-shadow: 0px 1px 0px white;
	border-bottom: 1px solid #e5e5e5;
	white-space: normal;
	overflow: hidden;
}
.toolbar ul.mailbox > li:last-child > a {
	border-bottom: 0px;
}
.toolbar ul.mailbox li a > img {
	margin-top: 0 !important;
	margin-right: 5px !important;
	width: 22px;
	height: 18px;
}
.toolbar ul.mailbox li a span {
	display: block;
	font-size: 11px;
	color: #646464;
	padding-left: 29px;
	white-space: normal;
	line-height: 15px;
	margin-top: 0px;
	font-weight: normal;
}
.toolbar ul.mailbox > li > a:hover {
	background-color: #ffffcc;
	background-image: none;
}
.toolbar ul.mailbox > li > a:active, .toolbar ul.mailbox > li > a:focus {
	background: url('../images/transparant-10.png') repeat top left;
}
.toolbar ul.mailbox > li > a.read {
	background-color: #f3f3f3;
}
.toolbar ul.mailbox > li > a i {
	display: none;
}
.toolbar ul.mailbox > li > a.attachment i {
	display: block;
	position: absolute;
	top: 10px;
	right: 7px;
	font-size: 14px;
}
ul.mailbox > li > a i {
	text-indent: 0px;
	position: absolute;
	right: 0px;
	top: 7px;
	font-size: 25px;
}
ul.mailbox > li > a span.badge {
	position: absolute;
	z-index: 99;
	top: 13px;
	right: 30px;
	width: auto;
	text-indent: 0px;
	background: url('../images/transparant-40.png');
	background: rgba(128, 128, 128, 0.7);
	-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5);
	-moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5);
	box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5);
	display: inline-block;
	padding: 2px 8px;
	font-size: 11.844px;
	font-weight: bold;
	line-height: 14px;
}
ul.mailbox li .push-down {
	display: block;
	width: 20px;
	background: transparent;
	height: 28px;
}
a#go-to-inbox {
	color: #fff;
	text-align: right;
	display: block;
	padding: 5px 10px 2px;
	font-size: 12px;
	border-top: 2px solid #F3F3F3;
}
a#go-to-inbox i {
	font-size: 16px;
}
/* progress box */
.toolbar ul.progressbox {
	padding: 10px;
}
.toolbar ul.progressbox li {
	font-size: 12px;
}
.toolbar ul.progressbox li strong {
	color: #646464;
	font-weight: normal;
	line-height: 20px;
}
.toolbar ul.progressbox li b {
	color: #757575;
	line-height: 20px;
	font-style: italic;
	font-weight: normal;
	position: absolute;
	/* firefox bug fix */
	right: 12px;
	/* firefox bug fix */
}
.toolbar ul.progressbox li i {
	margin-top: 6px;
	margin-right: 5px;
}
.toolbar ul.progressbox li .progress {
	margin-bottom: 15px;
}
/* ---------------------------------------------------------------------- */

/*	Toolbar button Icons
 /* ---------------------------------------------------------------------- */
.btn-toolbar .btn-sm i {
	font-size: 16px;
	line-height: 14px;
	margin-right: 0;
}
/* tool bar button icon sticker */
span.mail-sticker {
	position: absolute;
	z-index: 99;
	background: url('../images/mini-counter.png') no-repeat top left;
	width: 18px;
	height: 18px;
	right: -3px;
	top: -5px;
	line-height: 19px;
	font-size: 11px;
}
/* ---------------------------------------------------------------------- */

/*	Big icon button
 /* ---------------------------------------------------------------------- */

/* responsive list button tutorial: http://designshack.net/articles/css/code-a-responsive-navigation-menu/ */
#start {
	text-align: center;
	padding: 0 0 20px 0;
}
#start ul {
	padding: 0;
	margin-left: 0;
}
#start ul li {
	display: inline-table;
	position: relative;
	margin: 10px 3px 0 3px;
	text-align: center;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#start ul li:first-child {
	margin-left: 0;
}
#start ul li:last-child {
	margin-right: 0;
}
#start ul li:hover {
	background: url('../images/transparant-5.png') repeat top left;
}
#start ul li:active {
	background: url('../images/transparant-10.png') repeat top left;
}
#start ul li a {
	position: relative;
	padding: 10px 22px 4px;
	display: block;
	font-weight: bold;
	white-space: nowrap;
	color: #626262;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
#start ul li a span {
	display: block;
	margin-top: 5px;
	font-size: 12px;
}
#start ul li label {
	display: inline-block;
	padding: 2px 4px;
	font-size: 10.844px;
	font-weight: bold;
	line-height: 14px;
	color: white;
	vertical-align: baseline;
	white-space: nowrap;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background: url(../images/csshack/red-gradient.png) repeat-x #d42622;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(#fd8383), to(#d42622), color-stop(0.5, #c30909), color-stop(0.5, #a70606));
	background: -webkit-linear-gradient(top, #fd8383, #c30909 50%, #a70606 50%, #d42622);
	background: -moz-linear-gradient(top, #fd8383, #c30909 50%, #a70606 50%, #d42622);
	background: -ms-linear-gradient(top, #fd8383, #c30909 50%, #a70606 50%, #d42622);
	background: -o-linear-gradient(top, #fd8383, #c30909 50%, #a70606 50%, #d42622);
	background: linear-gradient(top, #fd8383, #c30909 50%, #a70606 50%, #d42622);
	-webkit-background-clip: padding-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	border-width: 1px;
	border-style: solid;
	-webkit-background-clip: padding-box;
	-webkit-appearance: none;
	background-position: center center !important;
	-webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
	-moz-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.25);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.25);
	position: absolute;
	z-index: 99;
	top: 3px;
	right: auto;
	left: 55%;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
}
/* ---------------------------------------------------------------------- */

/*	Responsive nav
 /* ---------------------------------------------------------------------- */
.selectnav {
	display: none;
	/* initially hidden */
	margin: 0 auto;
	position: relative;
	margin-top: 15px;
}
.selectnav {
	width: 80%;
	font-size: 90%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-appearance: none;
	background-color: #F8F8F8;
	border: 1px solid #E8E8E8;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	color: #8F8F8F;
	font-size: 12px;
	line-height: 1.5;
	padding: 5px 10px;
	height: 30px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcAgMAAAAPYzcHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAlQTFRFAAAARERE4uLiJoWGrQAAAAJ0Uk5TAICbK04YAAAAIElEQVQI12NoYIAAKtAsUFoUSoc6EKcPpk4UzRxquAsA4voPXR6Sm4UAAAAASUVORK5CYII=);
	background-position: center right;
	background-repeat: no-repeat;
}
/* ---------------------------------------------------------------------- */

/*	Main Navigation
 /* ---------------------------------------------------------------------- */

/* navigation base */
nav {
	height: 1px;
	padding-top: 0;
	display: none;
}
/* ---------------------------------------------------------------------- */

/*	Page content divs
 /* ---------------------------------------------------------------------- */

/* div that engulfs the entire content and aside  */
div#main {
	height: 100%;
	position: relative;
}
/* applies the page content div */
#page-content {
	padding: 20px 25px 0;
	overflow: hidden;
	height: 100%;
	background: #fff;
	margin-top: 15px;
	border-radius: 10px 0px 0px 10px;
	-webkit-border-radius: 10px 0px 0px 10px;
	-moz-border-radius: 10px 0px 0px 10px;
	/*background: url('../images/backgrounds/bgnoise.png')*/
}
/* ---------------------------------------------------------------------- */

/*	Page content header
 /* ---------------------------------------------------------------------- */
div#main #page-header, h1.message-title {
	display: block;
	margin: 2px 0 20px;
	font-size: 20px;
	font-weight: 300;
	line-height: 40px;
	padding-bottom: 10px;
	border-bottom: 1px dotted transparent;
	text-transform: capitalize;
	text-shadow: 0px 1px 0px white;
	font-size: 40px;
	-webkit-text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25);
	-moz-text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25);
	text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25);
}
#page-header span {
	float: right;
	color: #AAA;
}
/* ---------------------------------------------------------------------- */

/*	Page aside
 /* ---------------------------------------------------------------------- */
aside {
	width: 249px;
	height: 100%;
	float: left;
	margin-top: 0px;
	padding: 0 15px 20px 15px;
}
aside h1, aside h2, aside h3, aside h4, aside h5, aside h6 {
	color: #CACACA;
	font-size: 23px;
	line-height: 23px;
	font-weight: 400;
	position: relative;
	display: block;
	width: 100%;
}
aside h2 {
	font-size: 20px;
	line-height: 20px;
}
aside h3 {
	font-size: 18px;
	line-height: 18px;
}
aside h4 {
	font-size: 16px;
	line-height: 16px;
}
aside h5 {
	font-size: 14px;
	line-height: 14px;
}
aside h6 {
	font-size: 13px;
	line-height: 13px;
}
aside.right {
	display: none;
	/* hidden for fixed layouts */
	padding: 0 15px 20px 15px;
	/* padding adjusted from inherit */
}
aside blockquote {
	border-left: 1px solid #5C5C5C;
}
aside blockquote p {
	color: #DADADA;
}
/* ---------------------------------------------------------------------- */

/*	Aside mini profile
 /* ---------------------------------------------------------------------- */
.my-profile {
	padding: 0 15px;
	font-size: 12px;
	color: #fff;
	position: relative;
	text-shadow: 0px 1px 0px #333;
}
.my-profile-pic {
	float: left;
	margin: 0 10px 0 0;
}
.my-profile-pic img {
	border: 1px solid #9B9B9B;
	border-top-color: #636363;
	-webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}
.my-profile span.first-child {
	font-size: 13px;
}
.my-profile span {
	display: block;
}
.my-profile a {
	color: #D1D1D1;
}
/* ---------------------------------------------------------------------- */

/*	Aside number stats
 /* ---------------------------------------------------------------------- */
.number-stats ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.number-stats ul li {
	text-align: center;
	padding: 0 16px;
	color: #D6D6D6;
	font-weight: bold;
	
	border-left: 1px solid #5E5E5E;
	text-shadow: 0px 1px 0px black;
	list-style: none;
	display: inline-block;
    vertical-align: top;
}
.number-stats ul li span {
	display: block;
	color: #a0a0a0;
	font-size: 12px;
	font-weight: normal;
}
.number-stats ul li:last-child {
	border-right: none;
}
.number-stats ul li:first-child {
	border-left: none;
}
/* ---------------------------------------------------------------------- */

/*	Secondary Nav (inside aside)
 /* ---------------------------------------------------------------------- */

/* applies to ul class "menu" inside aside and ignores all child uls within */
aside ul.menu {
	margin: 1px auto;
	margin-bottom: 0;
	background: #f6f6f6;
	border: 1px solid #2c2c2c;
	box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset;
	-webkit-box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset;
	-moz-box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset;
	-webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	overflow: hidden;
	color: white;
	padding: 0;
	background: #7EA437 url(../images/backgrounds/menu_bg.png) repeat-x;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(#AAD15F), to(#7EA437));
	background: -webkit-linear-gradient(top, #AAD15F, #7EA437);
	background: -moz-linear-gradient(top, #AAD15F, #7EA437);
	background: -ms-linear-gradient(top, #AAD15F, #7EA437);
	background: -o-linear-gradient(top, #AAD15F, #7EA437);
	background: linear-gradient(top, #AAD15F, #7EA437);
}
/* applies to all ul's within aside > menu */
aside ul.menu ul {
	overflow: hidden;
	margin: 0;
	list-style: none;
}
/* applies to all li's within aside */
aside ul.menu li {
	list-style: none;
	position: relative;
	border-bottom: 1px solid #6C8636;
	border-bottom: 0px solid rgba(255, 255, 255, 0);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.25);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.25);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
aside ul.menu li ul li {
	border-top: 1px solid #8CA758;
	border-top: 0px solid rgba(255, 255, 255, 0);
	border-bottom: 1px solid #566B29;
	border-bottom: 0px solid rgba(255, 255, 255, 0);
}
/* aside menu labels and bages to indicate number of hidden menu items */
aside ul.menu label, aside ul.menu badge, aside ul.menu .badge {
	text-indent: 0px;
	float: right;
	margin-top: 5px;
	margin-right: 7px;
	background: url('../images/transparant-10.png');
	background: rgba(128, 128, 128, 0.2);
	-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5);
	-moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5);
	box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5);
	padding: 3px 9px;
}
aside ul.menu > li:first-child, aside ul.menu > li:first-child > a {
	-webkit-border-radius: 4px 4px 0px 0px;
	-moz-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px;
}
aside ul.menu > li:last-child, aside ul.menu > li:last-child > a {
	-webkit-border-radius: 0px 0px 4px 4px;
	-moz-border-radius: 0px 0px 4px 4px;
	border-radius: 0px 0px 4px 4px;
}
aside ul.menu a {
	display: block;
	height: 42px;
	line-height: 32px;
	width: 100%;
	text-indent: 15px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	padding: 5px 0px;
	font-size: 14px;
	font-weight: bold;
	position: relative;
	color: #FFF;
}
aside ul.menu a i {
	text-indent: -6px;
}
aside ul.menu > li:last-child > a {
	border-bottom: none;
}
aside ul.menu > li.open > a > label, aside ul.menu > li.open > a > span, aside ul.menu > li.current > a > span {
	background: url('../images/transparant-30.png');
}
aside ul.menu > li.current > a {
	background: url('../images/backgrounds/current.png') repeat;
}
/* second level */
aside nav span.arrow {
	position: relative;
	top: -1px;
	left: 10px;
}
aside ul.menu > li > ul {
	display: block;
	background: url('../images/transparant-20.png');
	padding: 0;
}
aside ul.menu > li > ul > li a {
	text-indent: 35px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	padding: 2px 0px;
	font-size: 13px;
}
aside ul.menu > li > ul > li:first-child a {
	border-top: 1px solid rgb(111, 111, 111);
}
aside ul.menu > li > ul > li a :hover {
	background: #d8dfea;
}
/* second level selected */
aside ul.menu a.expanded i#selected-item {
	/*background:url('../images/pointer-menu.png') no-repeat center center transparent;*/
	display: block;
	width: 10px;
	height: 19px;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 99;
}
/* menu item active/open state */
aside ul.menu > li > ul > li a.expanded {
	background: url('../images/transparant-10.png');
}
/* divider */
aside > .divider {
	height: 11px;
	width: 100%;
	background: url('../images/divider/divider_11x714.png') no-repeat center 0;
	position: relative;
	margin: 20px 0;
}
/* ---------------------------------------------------------------------- */

/*	Mini inbox (inside aside)
 /* ---------------------------------------------------------------------- */
.mini-inbox > div:first-child.alert.inbox {
	margin-top: 0px;
	/* to counter the -1 margin from below */
	-webkit-border-radius: 4px 4px 0px 0px;
	-moz-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px;
}
.mini-inbox div.alert.inbox {
	border: 1px solid #494949;
	background: url('../images/transparant-20.png');
	color: #A8A8A8;
	font-size: 11px;
	line-height: 17px;
	position: relative;
	overflow: hidden;
	max-height: 88px;
	/* roughly two lines of message*/
	margin-bottom: -1px;
	-webkit-border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	border-radius: 0px 0px 0px 0px;
}
.mini-inbox > div:last-child.alert.inbox {
	-webkit-border-radius: 0px 0px 4px 4px;
	-moz-border-radius: 0px 0px 4px 4px;
	border-radius: 0px 0px 4px 4px;
}
.mini-inbox div.alert.inbox:hover {
	background: url('../images/transparant-30.png');
}
.mini-inbox div.alert.inbox:hover a {
}
.mini-inbox div.alert.inbox a {
	color: #E4E4E4;
	margin: 0;
	font-size: 14px;
	display: block;
	line-height: 20px;
	margin-bottom: 2px;
	font-weight: normal;
	text-shadow: 0px 1px 0px #131313;
}
.mini-inbox div.alert.inbox a img {
	margin-top: -7px;
	margin-right: 0px;
}
aside .alert {
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
aside .alert .close {
	color: white;
	text-shadow: 0 1px 0 black;
}
aside .close {
	opacity: 0.2;
	filter: alpha(opacity=20);
}
aside .close:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
/* ---------------------------------------------------------------------- */

/*	Alerts
 /* ---------------------------------------------------------------------- */
.alert.adjusted {
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	clear: both;
	margin-bottom: 20px;
	margin-top: 0px;
	padding: 5px 15px 5px 34px;
	-webkit-box-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 0.65);
	-moz-box-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 0.65);
	box-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 0.65);
	font-size: 12px;
	color: #675100;
	text-shadow: 0px 1px 0px white;
	border-color: #C9AB40;
	background: -moz-linear-gradient(top, #fdefbc 0, #ffe68e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdefbc), color-stop(100%, #ffe68e));
	background: -webkit-linear-gradient(top, #fdefbc 0, #ffe68e 100%);
	background: -o-linear-gradient(top, #fdefbc 0, #ffe68e 100%);
	background: -ms-linear-gradient(top, #fdefbc 0, #ffe68e 100%);
	background: linear-gradient(top, #fdefbc 0, #ffe68e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdefbc', endColorstr='#ffe68e', GradientType=0);
}
.alert.adjusted i {
	margin-left: -24px;
}
.alert.adjusted[class^="cus-"], .alert.adjusted[class*=" cus-"] {
	margin-right: 5px;
}
.adjusted.alert-info {
	border-color: #739BC5;
	color: #2D67A3;
	background: -moz-linear-gradient(top, #d6e6fa 0, #C8DBF5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d6e6fa), color-stop(100%, #C8DBF5));
	background: -webkit-linear-gradient(top, #d6e6fa 0, #C8DBF5 100%);
	background: -o-linear-gradient(top, #d6e6fa 0, #C8DBF5 100%);
	background: -ms-linear-gradient(top, #d6e6fa 0, #C8DBF5 100%);
	background: linear-gradient(top, #d6e6fa 0, #C8DBF5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6e6fa', endColorstr='#C8DBF5', GradientType=0);
	font-weight: normal;
}
.adjusted.alert-success {
	border-color: #55aa55;
	color: #144914;
	background: -moz-linear-gradient(top, #baedbd 0, #DAFADC 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #baedbd), color-stop(100%, #DAFADC));
	background: -webkit-linear-gradient(top, #baedbd 0, #DAFADC 100%);
	background: -o-linear-gradient(top, #baedbd 0, #DAFADC 100%);
	background: -ms-linear-gradient(top, #baedbd 0, #DAFADC 100%);
	background: linear-gradient(top, #baedbd 0, #DAFADC 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#baedbd', endColorstr='#DAFADC', GradientType=0);
}
.adjusted.alert-error {
	border-color: #8f0907;
	color: #FFF;
	background: -moz-linear-gradient(top, #f4817f 0, #f64c4a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4817f), color-stop(100%, #f64c4a));
	background: -webkit-linear-gradient(top, #f4817f 0, #f64c4a 100%);
	background: -o-linear-gradient(top, #f4817f 0, #f64c4a 100%);
	background: -ms-linear-gradient(top, #f4817f 0, #f64c4a 100%);
	background: linear-gradient(top, #f4817f 0, #f64c4a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4817f', endColorstr='#f64c4a', GradientType=0);
	text-shadow: none;
}
.adjusted.alert-error .close {
	color: #fff;
	opacity: .5;
	filter: alpha(opacity=50);
	text-shadow: none;
}
.adjusted.alert-error .close:hover {
	opacity: .9;
	filter: alpha(opacity=90);
}
.alert.adjusted.alert .close {
	top: 0px;
	right: -5px;
	line-height: 20px;
}
.widget.alert.adjusted .close {
	right: 1px !important;
}
.widget.alert {
	margin: 0;
	padding-right: 7px;
	padding-left: 34px;
	border-top: none;
	border-left: none;
	border-right: none;
	-moz-border-radius: 0px;
	-khtml-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}
.widget.alert i {
	margin-left: -24px;
}
.alert.adjusted img {
	position: relative;
	margin-left: -21px;
	margin-right: 5px;
	margin-top: -2px;
}
.alert-danger h4, .alert-error h4 {
	color: #FFF5F5;
}
.alert.alert-block {
	padding: 15px;
	margin-bottom: 30px;
	margin-top: 0;
}
/* alert close btn */
.close {
	opacity: 0.3;
	filter: alpha(opacity=30);
}
.close:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
/* ---------------------------------------------------------------------- */

/*	Accordion
 /* ---------------------------------------------------------------------- */
.jarviswidget .panel-group {
	margin-bottom: 0;
	margin-top: -1px;
}
/* change plus icon to minus on toggle */
.panel-group i::before {
	content: "\f056";
}
.panel-group .collapsed i::before {
	content: "\f055";
}
.panel-heading .panel-title {
	background: #FAFAFA;
	background: -moz-linear-gradient(top, #FAFAFA 0%, #EFEFEF 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FAFAFA), color-stop(100%, #EFEFEF));
	background: -webkit-linear-gradient(top, #FAFAFA 0%, #EFEFEF 100%);
	background: -o-linear-gradient(top, #FAFAFA 0%, #EFEFEF 100%);
	background: -ms-linear-gradient(top, #FAFAFA 0%, #EFEFEF 100%);
	background: linear-gradient(to bottom, #FAFAFA 0%, #EFEFEF 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#efefef', GradientType=0);
	padding: 11px 15px 12px;
}
.panel-default > .panel-heading {
	background-color: transparent;
	border-color: transparent;
	padding: 0;
	border-radius: 0;
}
.panel-group .panel+ .panel {
	margin-top: 0;
}
.panel-group {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.panel-group .panel {
	border-radius: 0;
}
.jarviswidget .panel-group {
	margin-bottom: 0;
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
}
.accordion-inner, .panel-heading .accordion-toggle, .accordion-group {
	border-color: #C8C8C8;
}
.jarviswidget .panel-body {
	padding: 20px;
}
.panel-heading i {
	font-size: 17px !important;
	line-height: 9px !important;
}
.panel-title > a {
	font-size: 14px;
}
.panel-title > a:hover {
	color: #428bca;
}
.panel-group .panel {
	border-left: none;
	border-right: none;
	border-bottom: none;
}
/* accordion right */
.panel-group.rt .panel-heading {
	text-align: right;
}
/*.jarviswidget .accordion {
 margin-bottom:0;
 margin-top:-1px;
 }
 /* change plus icon to minus on toggle
 .accordion .collapsed i::before {
 content: "\f056";
 }
 .accordion-heading .accordion-toggle {
 background: #FAFAFA;
 background: -moz-linear-gradient(top, #FAFAFA 0%, #EFEFEF 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FAFAFA), color-stop(100%, #EFEFEF));
 background: -webkit-linear-gradient(top, #FAFAFA 0%, #EFEFEF 100%);
 background: -o-linear-gradient(top, #FAFAFA 0%, #EFEFEF 100%);
 background: -ms-linear-gradient(top, #FAFAFA 0%, #EFEFEF 100%);
 background: linear-gradient(to bottom, #FAFAFA 0%, #EFEFEF 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#efefef', GradientType=0 );
 padding: 11px 15px 12px;
 }
 .accordion-group {
 -webkit-border-radius: 0px;
 -moz-border-radius: 0px;
 border-radius: 0px;
 }
 .jarviswidget .accordion-group {
 margin-bottom: 0;
 border-left-width:0px;
 border-right-width:0px;
 border-bottom-width:0px;
 }
 .accordion-inner, .accordion-heading .accordion-toggle, .accordion-group {
 border-color:#C8C8C8;
 }
 .jarviswidget .accordion-inner {
 padding:20px;
 }
 .accordion-heading i {
 font-size: 17px !important;
 line-height: 9px !important;
 }*/

/* accordion right
 .accordion.rt .accordion-heading {
 text-align:right;
 }*/

/* ---------------------------------------------------------------------- */

/*	Button (overrides)
 /* ---------------------------------------------------------------------- */
.btn {
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
/* ---------------------------------------------------------------------- */

/*	Bread crumb
 /* ---------------------------------------------------------------------- */
.breadcrumb {
	margin-bottom: 30px;
	padding: 10px;
	border: 1px solid #CDCDCD;
	background: #FAFAFA;
	background: -moz-linear-gradient(top, #FAFAFA 0%, #EFEFEF 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FAFAFA), color-stop(100%, #EFEFEF));
	background: -webkit-linear-gradient(top, #FAFAFA 0%, #EFEFEF 100%);
	background: -o-linear-gradient(top, #FAFAFA 0%, #EFEFEF 100%);
	background: -ms-linear-gradient(top, #FAFAFA 0%, #EFEFEF 100%);
	background: linear-gradient(to bottom, #FAFAFA 0%, #EFEFEF 100%);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.breadcrumb li, .breadcrumb li a {
	font-size: 12px;
	font-weight: normal;
}
.breadcrumb > .active {
	color: #333;
	font-weight: bold;
}
/* ---------------------------------------------------------------------- */

/*	Calendar
 /* ---------------------------------------------------------------------- */
#calendar-container {
	position: relative;
}
html .fc, .fc table {
	font-size: 12px;
}
.dt-header.calender-spacer {
	height: 46px;
	display: block;
}
#calendar {
	margin-top: -20px;
}
.fc-widget-header, .fc-widget-content {
	border-right: none;
}
tr.fc-first th.fc-first, tr td.fc-first {
	border-left: none;
}
tr.fc-last td {
	border-bottom: none;
}
.fc-header-title h2 {
	text-shadow: 0 1px 0 #fff;
	margin-top: -21px;
	margin-left: 10px;
}
.fc-event-time, .fc-event-title {
	padding: 3px 0px 2px 3px;
	display: inline-block;
	line-height: 16px;
	font-weight: bold;
	font-size: 11px;
	box-sizing: border-box;
}
/* calendar button */
#calendar-buttons {
	position: absolute;
	right: 10px;
	top: 9px;
}
/* other month */
td.fc-other-month {
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0.25, rgba(0, 0, 0, 0.03)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(0, 0, 0, 0.03)), color-stop(0.75, rgba(0, 0, 0, 0.03)), color-stop(0.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(135deg, rgba(0, 0, 0, 0.03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(135deg, rgba(0, 0, 0, 0.03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(135deg, rgba(0, 0, 0, 0.03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(135deg, rgba(0, 0, 0, 0.03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03) 75%, transparent 75%, transparent);
	background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03) 75%, transparent 75%, transparent);
	background-color: #FAFCFD;
	background-size: 16px 16px;
}
/* ---------------------------------------------------------------------- */

/*	D3 Charts
 /* ---------------------------------------------------------------------- */

/* d1 chart */
.axis path, .axis line {
	fill: none;
	stroke: #fff;
	shape-rendering: crispEdges;
}
form#d3-form {
	position: absolute;
	right: 30px;
	top: 0px;
}
.d3-charts {
	width: 100%;
	height: 100% !important;
	float: left;
	position: relative;
}
#d3-chart-2 {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAJklEQVQYV2NkAIIXL17MlJCQSMdHM8IkQRrwAUZCCmDyoybiDSkADvInXDaPBDsAAAAASUVORK5CYII=) repeat;
	margin: 10px;
}
/* ---------------------------------------------------------------------- */

/*	Morris Charts
 /* ---------------------------------------------------------------------- */
.morris-hover {
	position: absolute;
	z-index: 1000;
}
.morris-hover.morris-default-style {
	border-radius: 10px;
	padding: 6px;
	color: #666;
	background: rgba(255, 255, 255, 0.8);
	border: solid 2px rgba(230, 230, 230, 0.8);
	font-family: sans-serif;
	font-size: 12px;
	text-align: center;
}
.morris-hover.morris-default-style .morris-hover-row-label {
	font-weight: bold;
	margin: 0.25em 0;
}
.morris-hover.morris-default-style .morris-hover-point {
	white-space: nowrap;
	margin: 0.1em 0;
}
/* ---------------------------------------------------------------------- */

/*	Flot chart tooltip & legend
 /* ---------------------------------------------------------------------- */
#flotTip {
	padding: 3px 5px;
	background-color: #FFF;
	z-index: 9999;
	color: #333;
	-webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
	font-size: 14px;
	border: 1px solid #C1C1C1;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
#flotTip span {
	color: #38812D;
	font-weight: bold;
}
.legendLabel span {
	display: block;
	margin: 0 5px;
}
.legendColorBox {
	padding-left: 10px;
	vertical-align: top;
	padding-top: 8px;
}
.legendColorBox div > div {
	width: 4px;
	height: 4px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
/* ---------------------------------------------------------------------- */

/*	Flot Charts
 /* ---------------------------------------------------------------------- */
.chart {
	height: 250px;
	margin: 20px 5px 10px 10px;
}
.aside .chart {
	width: 100%;
	height: 220px;
	z-index: 99;
}
.has-legend {
	margin-top: 30px !important;
}
/* ---------------------------------------------------------------------- */

/*	JustGague
 /* ---------------------------------------------------------------------- */
#gague-chart > div {
	width: 95px;
	height: 65px;
	display: inline-block;
	margin: 0 0 30px 0;
}
#gague-chart .last {
	margin-bottom: 0;
}
#g1 tspan, #g2 tspan, #g3 tspan, #g4 tspan, #g5 tspan, #g6 tspan {
	color: #fff !important;
}
/* ---------------------------------------------------------------------- */

/*	Table adjustments
 /* ---------------------------------------------------------------------- */
.table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th {
	background-color: #F9F9F9;
}
/* ----------------------------------------------------------------------
 /*	Forms
 /* ---------------------------------------------------------------------- */

/*field set is floated to be responsive */
.form-horizontal fieldset {
	float: left;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
form {
	margin-bottom: 0;
}
.form-group {
	margin-bottom: 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #EAEAEA;
	padding: 20px 20px 19px;
	background: #FDFDFD;
}
.form-horizontal .form-group {
	margin-bottom: 0;
}
.form-horizontal .form-group:last-child, div > .form-group:last-child {
	border-bottom: none;
}
.form-horizontal .form-group.info {
	background: #E8F5F7;
}
.form-horizontal .form-group.warning {
	background: #F7F3E8;
}
.form-horizontal .form-group.error {
	background: #F7E8E8;
}
.form-horizontal .form-group.success {
	background: #E9F7E8;
}
.form-group.no-border {
	padding: 20px;
	border-bottom: none;
}
.themed .form-group {
	margin: 0;
}
/* label font*/
.form-horizontal .control-label {
	font-size: 12px;
}
/* set input icon */
.control-label i {
	margin-right: 7px;
}
/* icon inside field */
.form-group .controls {
	position: relative;
}
.form-group .controls i.field-icon {
	position: absolute;
	top: 7px;
	right: 10px;
}
/*date picker*/
input.datepicker-input, input.colorpicker-input, input.timepicker-input {
	width: 140px;
}
.form-actions {
	margin-top: -1px;
	margin-bottom: 0;
	text-align: right;
	border-radius: 0px 0px 2px 2px;
	-moz-border-radius: 0px 0px 2px 2px;
	-webkit-border-radius: 0px 0px 2px 2px;
	padding: 19px 20px 20px;
	background-color: #f5f5f5;
	border-top: 1px solid #e5e5e5;
}
.form-horizontal .control-label {
	padding-top: 4px;
	text-align: left;
}
#validate-demo-js .row {
	margin: 0;
}
.form-horizontal .help-inline {
	display: block;
}
.help-inline, p.help-block, p.info-block {
	margin: 0 0 10px !important;
	padding-left: 0;
	padding-top: 5px;
	font-size: 11px;
	font-weight: normal;
}
p.info-block {
	padding-top: 0;
}
input.file-no-style {
	font-size: 11px;
	line-height: 20px;
	margin-top: 10px;
}
/* form spacer */
.form-horizontal .control-group div.space {
	display: block;
	height: 10px;
}
/* remove default glow from form elements */
input, input:focus, textarea, textarea:focus {
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	-moz-transition: none !important;
	-webkit-transition: none !important;
}
/* themed form */
.themed input, .themed textarea, .themed select {
	display: inline-block;
	text-align: left;
	border-width: 1px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.themed label {
	font-size: 12px;
	font-weight: normal;
	line-height: 30px;
	margin-bottom: 0;
}
.themed .form-group .controls {
	/*margin-left: 180px;*/
}
.radio, .checkbox {
	padding-left: 0;
}
.themed .radio.inline {
	width: 100%;
}
.themed .radio.inline .col-md-9 {
	padding: 0 12px;
}
.themed .form-group .form-control {
	height: 30px;
}
.themed .form-group #textarea {
	height: auto;
}
.themed .form-group label i {
	padding-right: 7px;
}
.themed .form-group .has-icon {
	position: relative;
}
.themed .form-group .has-icon i {
	position: absolute;
	top: 50%;
	right: 24px;
	margin-top: -7px;
}
.form-horizontal .info label, .form-horizontal .info span, .form-horizontal .info input {
	color: #3a87ad;
	border-color: #3a87ad;
}
.form-horizontal .success label, .form-horizontal .success span, .form-horizontal .success input {
	color: #468847;
	border-color: #468847;
}
.form-horizontal .warning label, .form-horizontal .warning span, .form-horizontal .warning input {
	color: #c09853;
	border-color: #c09853;
}
.form-horizontal .error label, .form-horizontal .error span, .form-horizontal .error input {
	color: #b94a48;
	border-color: #b94a48;
}
.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
	padding-top: 0;
}
/*reset this element from default */
.themed input[file].file {
	min-width: 100%;
}
div.uploader {
	height: 32px;
	background: #fff;
	border: 1px solid #CCC;
	width: 100%;
}
span.file-action {
	height: 21px;
	width: 21px;
	position: absolute;
	right: 0px;
	margin: 4px;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}
label.error {
	margin-top: 4px;
	font-size: 11px;
	display: inline-block;
	white-space: nowrap;
	color: #B94A48;
}
.radio.inline, .checkbox.inline {
	padding-top: 0 !important;
	padding-bottom: 10px;
}
/* ---------------------------------------------------------------------- */

/*	UI slider
 /* ---------------------------------------------------------------------- */

/*
 * jQuery UI Slider 1.10.0
 *
 * Copyright 2013, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 23px;
	height: 23px;
	cursor: pointer;
	background: url('../images/uislider/slider_handles_5.png') no-repeat 0px -23px transparent;
	display: block;
}
.ui-slider .ui-slider-handle:hover {
	background: url('../images/uislider/slider_handles_5.png') no-repeat 0px 0px transparent;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	color: #ffffff;
	padding: 0;
	vertical-align: middle;
	-webkit-background-clip: padding-box;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border: 1px solid #3A3A3A;
	height: 7px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.ui-slider-horizontal {
	line-height: 9px;
	height: 9px;
	display: inline-block;
	zoom: 1;
	position: relative;
	padding: 0;
	width: 100%;
	vertical-align: middle;
	-webkit-background-clip: padding-box;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.35), 0 1px 1px rgba(255, 255, 255, 0.5);
	-moz-box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.35), 0 1px 1px rgba(255, 255, 255, 0.5);
	box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.35), 0 1px 1px rgba(255, 255, 255, 0.5);
	margin-top: -1px;
	background: #EFEFEF;
	background: -webkit-gradient(linear, left top, left bottom, from(white), to(#E6E6E6));
	background: -webkit-linear-gradient(top, white, #E6E6E6);
	background: -moz-linear-gradient(top, white, #E6E6E6);
	background: -ms-linear-gradient(top, white, #E6E6E6);
	background: -o-linear-gradient(top, white, #E6E6E6);
	background: linear-gradient(top, white, #E6E6E6);
	border-color: #CCC;
	color: #666;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -8px;
	margin-left: -12px;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}
.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
/* tooltip */
.slider-tip {
	opacity: 1;
	bottom: 120%;
	margin-left: -5px;
}
a.ui-slider-handle .tooltip-inner {
	padding: 1px 8px;
}
a.ui-slider-handle:active .tooltip-inner {
	padding: 5px 10px;
	font-size: 12px;
}
a.ui-slider-handle:active .slider-tip {
	margin-left: -8px;
}
input.ui-display-label {
	border: 0;
	color: #f6931f;
	font-weight: bold;
}
/* ui slider border colors */
.important-slider > div.ui-slider-range {
	border-color: #931A03;
}
.success-slider > div.ui-slider-range {
	border-color: #438505;
}
.info-slider > div.ui-slider-range {
	border-color: #004795;
}
.warning-slider > div.ui-slider-range {
	border-color: #CC9707;
}
/* ---------------------------------------------------------------------- */

/*	EasyPie Plugin
 /* ---------------------------------------------------------------------- */
.easyPieChart {
	position: relative;
	text-align: center;
}
.easyPieChart canvas {
	position: absolute;
	top: 0;
	left: 0;
}
.easypie {
	display: inline-block;
	margin: 10px 25px 20px;
}
.easypie, .easypie span {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 18px;
	color: #626262;
}
.easypie-text {
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	margin-top: 5px;
	font-size: 12px;
	font-weight: bold;
	white-space: nowrap;
	color: #626262;
	text-align: center;
}
/* ---------------------------------------------------------------------- */

/*	Progress bars (overrides)
 /* ---------------------------------------------------------------------- */
.indented {
	padding: 10px !important;
	background: url('../images/transparant-20.png');
	box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset;
	-webkit-box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset;
	-moz-box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.progress-stats, .aside-progress-stats {
	font-size: 12px;
	color: #646464;
}
.aside-progress-stats {
	color: #DDD;
}
ul.aside-progress-stats, .mystats {
	list-style: none;
	padding: 0;
	margin: 0;
}
.progress {
	filter: none !important;
	position: relative;
	overflow: hidden;
	height: 12px;
	background: #efefef;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #D5D5D5;
}
aside .progress {
	position: relative;
	overflow: hidden;
	height: 24px;
	background: url('../images/transparant-20.png');
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #3D3D3D;
	text-align: center;
}
.progress .bar {
	filter: none !important;
	position: absolute;
	overflow: hidden;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 11px;
	font-weight: bold;
	line-height: 13px;
	padding: 5px 0 4px 3px;
	color: #fff;
}
.progress.right .bar {
	right: 0;
}
.progress.slim {
	height: 12px !important;
	padding: 2px !important;
}
.progress.slim > .bar {
	padding: 0;
	height: 6px;
	max-width: 98%;
}
.progress-danger .bar, .progress .bar-danger, .label-important.special, .badge-important.special, .important-slider > div.ui-slider-range {
	background: url(../images/csshack/red-gradient.png) repeat-x #d42622;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	background: url('../images/overlay-pattern.png'), -moz-linear-gradient(top, #fd8383, #c30909 50%, #a70606 50%, #d42622);
	background: url('../images/overlay-pattern.png'), -webkit-linear-gradient(top, #fd8383, #c30909 50%, #a70606 50%, #d42622);
	background: url('../images/overlay-pattern.png'), -webkit-gradient(linear, left top, left bottom, from(#fd8383), to(#d42622), color-stop(0.5, #c30909), color-stop(0.5, #a70606));
	background: url('../images/overlay-pattern.png'), -ms-linear-gradient(top, #fd8383, #c30909 50%, #a70606 50%, #d42622);
	background: url('../images/overlay-pattern.png'), -o-linear-gradient(top, #fd8383, #c30909 50%, #a70606 50%, #d42622);
	background: url('../images/overlay-pattern.png'), linear-gradient(top, #fd8383, #c30909 50%, #a70606 50%, #d42622);
}
.progress-success .bar, .progress .bar-success, .label-success.special, .badge-success.special, .success-slider > div.ui-slider-range {
	background: url(../images/csshack/green-gradient.png) repeat-x #5eb80a;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	background: url('../images/overlay-pattern.png'), -moz-linear-gradient(top, #b1dc64, #58b104 50%, #499400 50%, #5eb80a);
	background: url('../images/overlay-pattern.png'), -webkit-linear-gradient(top, #b1dc64, #58b104 50%, #499400 50%, #5eb80a);
	background: url('../images/overlay-pattern.png'), -webkit-gradient(linear, left top, left bottom, from(#b1dc64), to(#5eb80a), color-stop(0.5, #58b104), color-stop(0.5, #499400));
	background: url('../images/overlay-pattern.png'), -ms-linear-gradient(top, #b1dc64, #58b104 50%, #499400 50%, #5eb80a);
	background: url('../images/overlay-pattern.png'), -o-linear-gradient(top, #b1dc64, #58b104 50%, #499400 50%, #5eb80a);
	background: url('../images/overlay-pattern.png'), linear-gradient(top, #b1dc64, #58b104 50%, #499400 50%, #5eb80a);
}
.progress-info .bar, .progress .bar-info, .label-info.special, .badge-info.special, .info-slider > div.ui-slider-range {
	background: url(../images/csshack/blue-gradient.png) repeat-x #0a5db8;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	background: url('../images/overlay-pattern.png'), -moz-linear-gradient(top, #65b2dd, #045ab2 50%, #004995 50%, #0a5db8);
	background: url('../images/overlay-pattern.png'), -webkit-linear-gradient(top, #65b2dd, #045ab2 50%, #004995 50%, #0a5db8);
	background: url('../images/overlay-pattern.png'), -webkit-gradient(linear, left top, left bottom, from(#65b2dd), to(#0a5db8), color-stop(0.5, #045ab2), color-stop(0.5, #004995));
	background: url('../images/overlay-pattern.png'), -ms-linear-gradient(top, #65b2dd, #045ab2 50%, #004995 50%, #0a5db8);
	background: url('../images/overlay-pattern.png'), -o-linear-gradient(top, #65b2dd, #045ab2 50%, #004995 50%, #0a5db8);
	background: url('../images/overlay-pattern.png'), linear-gradient(top, #65b2dd, #045ab2 50%, #004995 50%, #0a5db8);
}
.progress-warning .bar, .progress .bar-warning, .label-warning.special, .badge-warning.special, .warning-slider > div.ui-slider-range {
	background: url(../images/csshack/orange-gradient.png) repeat-x #0a5db8;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	background: url('../images/overlay-pattern.png'), -moz-linear-gradient(top, #ffd844, #ff9f01 50%, #da8d00 50%, #e59400 80%, #d38800);
	background: url('../images/overlay-pattern.png'), -webkit-linear-gradient(top, #ffd844, #ff9f01 50%, #da8d00 50%, #e59400 80%, #d38800);
	background: url('../images/overlay-pattern.png'), -webkit-gradient(linear, left top, left bottom, from(#ffd844), to(#d38800), color-stop(0.5, #ff9f01), color-stop(0.5, #da8d00), color-stop(0.8, #e59400));
	background: url('../images/overlay-pattern.png'), -ms-linear-gradient(top, #ffd844, #ff9f01 50%, #da8d00 50%, #e59400 80%, #d38800);
	background: url('../images/overlay-pattern.png'), -o-linear-gradient(top, #ffd844, #ff9f01 50%, #da8d00 50%, #e59400 80%, #d38800);
	background: url('../images/overlay-pattern.png'), linear-gradient(top, #ffd844, #ff9f01 50%, #da8d00 50%, #e59400 80%, #d38800);
}
/* active bars */
.progress.active > div.bar {
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	height: 100%;
}
.progress.active > div {
	border: 1px solid #1184BE;
	background-color: #00438D;
}
.active-bar-info > div {
	border: 1px solid #40A8DD !important;
	background-color: #5BC0DE !important;
}
.active-bar-success > div {
	border: 1px solid #54A754 !important;
	background-color: #729C14 !important;
}
.active-bar-warning > div {
	border: 1px solid #D59944 !important;
	background-color: #F89406 !important;
}
.active-bar-danger > div {
	border: 1px solid #CA514E !important;
	background-color: #B9260C !important;
}
/* ---------------------------------------------------------------------- */

/*	Mystats
 /* ---------------------------------------------------------------------- */
ul.mystats {
	overflow: hidden;
	position: relative;
}
ul.mystats li {
	position: relative;
	display: block;
	padding: 10px 10px 10px 10px;
}
ul.mystats li.first, ul.mystats li:first-child {
	padding-top: 12px;
}
ul.mystats li.last, ul.mystats li:last-child {
	padding-bottom: 0;
}
ul.mystats li h1 {
	line-height: 14px;
	margin: 0 0 0px;
	position: relative;
	float: left;
	text-transform: uppercase;
	display: inline-block;
	font-size: 19px;
	width: 87px;
	font-weight: bold;
	color: #F0F0F0;
}
ul.mystats li h1 span {
	display: inline;
	font-size: 10px;
	margin-bottom: 7px;
	color: #D1D1D1;
	font-weight: normal;
}
ul.mystats li .mychart {
	margin-top: 7px;
	position: relative;
	width: 86px;
	height: 35px;
	display: inline-block;
}
/* ---------------------------------------------------------------------- */

/*	aside right
 /* ---------------------------------------------------------------------- */
.aside-buttons .btn {
	width: 100%;
	margin-bottom: 10px;
	padding: 10px;
}
.aside-buttons .btn.btn-large {
	padding: 15px 10px;
}
.aside-buttons .btn.btn-small {
	padding: 4px 10px;
}
aside.right a {
	color: #fff;
}
aside.right #datepicker {
	color: #C9C9C9;
	background: url('../images/transparant-20.png');
	box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset;
	-webkit-box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset;
	-moz-box-shadow: 0 1px 1px #606060, 0 1px 1px #2a2a2a inset;
}
aside.right #datepicker .datepicker thead tr:first-child th:hover, aside.right #datepicker .datepicker tfoot tr:first-child th:hover {
	color: #333;
}
/* ---------------------------------------------------------------------- */

/*	button overides
 /* ---------------------------------------------------------------------- */

/* in some cases you may need to override the font size but keep the padding */
.text-small {
	font-size: 12px !important;
}
.btn {
	border-color: #c5c5c5;
	border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
}
/* primary btn */
.btn-primary, .btn-info, .dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
	background-color: #00438D;
	color: #ffffff;
	background-image: -moz-linear-gradient(top, #006AAC, #00438D);
	background-image: -ms-linear-gradient(top, #006AAC, #00438D);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#006AAC), to(#00438D));
	background-image: -webkit-linear-gradient(top, #006AAC, #00438D);
	background-image: -o-linear-gradient(top, #006AAC, #00438D);
	background-image: linear-gradient(top, #006AAC, #00438D);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'006AAC, endColorstr='#'00438D, GradientType=0);
	border-color: #305F9C #305F9C #002A80;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a, .btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
	background-color: #00438D;
}
.btn-primary:active, .btn-primary.active {
	background-color: #003399 \9;
}
/* warning btn */
.btn-warning {
	border-color: #f89406 #f89406 #ad6704;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
/* danger btn */
.btn-danger {
	color: #ffffff;
	background: #B9260C;
	background-image: -moz-linear-gradient(top, #DB440F, #B9260C);
	background-image: -ms-linear-gradient(top, #DB440F, #B9260C);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#DB440F), to(#B9260C));
	background-image: -webkit-linear-gradient(top, #DB440F, #B9260C);
	background-image: -o-linear-gradient(top, #DB440F, #B9260C);
	background-image: linear-gradient(top, #DB440F, #B9260C);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'DB440F, endColorstr='#'B9260C, GradientType=0);
	border-color: #bd362f #bd362f #802420;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
	background-color: #B9260C
}
.btn-danger:active, .btn-danger.active {
	background-color: #942a25 \9;
}
/* success btn */
.btn-success {
	background-color: #729C14;
	color: #ffffff;
	background-image: -moz-linear-gradient(top, #9DC234, #729C14);
	background-image: -ms-linear-gradient(top, #9DC234, #729C14);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9DC234), to(#729C14));
	background-image: -webkit-linear-gradient(top, #9DC234, #729C14);
	background-image: -o-linear-gradient(top, #9DC234, #729C14);
	background-image: linear-gradient(top, #9DC234, #729C14);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'9DC234, endColorstr='#'729C14, GradientType=0);
	border-color: #51a351 #51a351 #387038;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
	background-color: #729C14;
}
.btn-success:active, .btn-success.active {
	background-color: #408140 \9;
}
/* btn info */
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
	background-color: #00438D;
}
.btn-info:active, .btn-info.active {
	background-color: #003399 \9;
}
.btn.medium {
	font-size: 12px;
	font-weight: bold;
	padding: 5px 12px;
}
.btn-group.open .btn-success.dropdown-toggle {
	background-color: #688D14;
}
.btn-group.open .btn-info.dropdown-toggle, .btn-group.open .btn-primary.dropdown-toggle {
	background-color: #00438D;
}
.btn[class^="icon-"], .nav[class^="icon-"], .btn[class*=" icon-"], .nav[class*=" icon-"] {
	/*margin-right:3px;*/
}
/* ---------------------------------------------------------------------- */

/*	Model overrides (adjustments)
 /* ---------------------------------------------------------------------- */
.modal, .modal-header {
	/*background: #333;*/
}
.modal {
	overflow: visible;
	border-radius: 5px;
	border: 1px solid rgba(0, 0, 0, 0.3);
}
.modal-header {
	padding: 9px 15px;
}
.modal-header h3 {
	font-size: 18px;
	font-weight: 300;
	color: #fff;
	margin: 0;
	line-height: 30px;
}
.modal-header {
	-webkit-border-radius: 2px 2px 0px 0px;
	-moz-border-radius: 2px 2px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}
.modal.fade.in {
	top: 30%;
}
.modal-body {
	background-color: #fff;
	padding: 15px;
}
.modal-footer {
	padding: 14px 15px 15px;
	margin: 0;
	background-color: #f5f5f5;
	border-top: 1px solid #ddd;
	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
	-webkit-box-shadow: inset 0 1px 0 #fff;
	-moz-box-shadow: inset 0 1px 0 #fff;
	box-shadow: inset 0 1px 0 #fff;
}
/* ---------------------------------------------------------------------- */

/*	wysihtml5 adjustments
 /* ---------------------------------------------------------------------- */
.wysihtml5-toolbar li a i {
	line-height: 15px !important;
	font-size: 14px;
}
.wysihtml5-widget {
	padding: 20px 35px 20px 20px;
}
.wysihtml5-widget .post-msg {
	margin-right: -14px;
	/* counter the css bug */
	margin-top: 8px;
	/* 18px total from top textbox */
	margin-bottom: -5px;
}
/* ---------------------------------------------------------------------- */

/*	Chat Interface
 /* ---------------------------------------------------------------------- */
#chat-user-control {
	margin-top: 7px;
}
#chat-user-control > button, #chat-user-control > a {
	padding: 2px 2px 2px 5px;
}
#chat-user-control > button:hover, #chat-user-control > a:hover {
	text-decoration: none;
	border: 1px solid #ADADAD;
}
#chat-user-control > .dropdown-menu {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.chat-widget {
	padding: 20px;
}
.chat-tabs {
	margin-bottom: 0;
}
.chat-tabs li:first-child {
	margin-left: 0;
}
.chat-tabs li {
	position:relative;
}
.chat-tabs li .chat-close-btn, .chat-tabs li.active .chat-close-btn {
	height: 18px;
	padding: 1px 4px 2px 4px !important;
	line-height: 14px;
	font-size: 10.5px;
	-webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	color: #333;
	border: 1px solid #333;
	margin-top: 10px;
	margin-right: 11px;
}
.chat-tabs li .chat-close-btn {
	color: #929292;
	border: 1px solid #929292;
	opacity: .5;
	z-index: 99;
	position: absolute;
	right: 0px;
	top: 1px;
}
.chat-tabs li .chat-close-btn:hover {
	color: #333;
	border: 1px solid #333;
	opacity: 1;
}
.chat-tabs li a {
	padding-right: 35px;
}
.chat-tabs > li > a > i {
	margin-top: 6px;
	margin-right: 7px;
	float: left;
}
.chat-content {
	padding: 20px 10px;
	background: #fff;
	border-left: 1px solid #DFDFDF;
	border-right: 1px solid #DFDFDF;
	border-bottom: 1px solid #CECECE;
}
.chat-box {
	padding-left: 0;
	margin: 20px 0 0 0;
}
.chat-box div {
	position: relative;
	padding-right: 8px;
	padding-bottom: 0;
	margin-left: 0;
}
.chat-box textarea {
	font-size: 12px;
	width: 100%;
	background: white;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	display: block;
	border: 1px solid #D8D8D8;
	box-shadow: 0 1px 1px #FAFAFA;
	-webkit-box-shadow: 0 1px 1px #FAFAFA;
	-moz-box-shadow: 0 1px 1px #fafafa;
	padding: 10px;
	color: #404040;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	overflow: hidden;
	word-wrap: break-word;
	resize: horizontal;
	height: 64px;
	margin-bottom: 0;
}
.chat-box > div {
	margin-top: 18px;
	margin-bottom: -5px;
}
.chat-box-buttons a {
	padding: 1px 5px;
	opacity: .4;
	filter: alpha(opacity=40);
	display: block;
	margin: 5px 3px 0 3px;
}
.chat-box-buttons a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	color: #999;
}
.type-effect {
	margin-top: 0;
	color: #999;
	font-size: 11px;
	font-style: italic;
	white-space: nowrap;
}
.type-effect img {
	margin-right: 5px;
	opacity: .4;
	filter: alpha(opacity=40);
}
/* the chat message */
.chat-messages {
}
p.message-box {
	padding: 10px;
	margin: 0 0 10px;
}
p.message-box img {
	display: inline-block;
	float: left;
	vertical-align: middle;
	width: 38px;
	height: 38px;
	margin-top: 1px;
	border: 1px solid #9B9B9B;
	border-top-color: #636363;
	-webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}
p.message-box.you img {
	float: right;
}
p.message-box .message, p.message-box.you .message {
	display: block;
	margin-left: 50px;
	position: relative;
	padding: 10px;
	border: 1px solid #E5E5E5;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: #FFFCF2;
	font-weight: normal;
	box-shadow: 0 1px 0 white, 0 2px 1px 1px #F7F7F7;
	-webkit-box-shadow: 0 1px 0 white, 0 2px 1px 1px #F7F7F7;
	-moz-box-shadow: 0 1px 0 white, 0 2px 1px 1px #F7F7F7;
}
p.message-box.you .message {
	margin-left: 0;
	margin-right: 50px;
	background: #F2FBFF;
}
span.message-time {
	float: right;
	font-size: 11px;
	font-style: italic;
	color: #aaa;
}
span.message-text {
	display: block;
	margin-top: 10px;
}
/* tab hovers */
.chat-tabs > li.active a {
	background: #fff;
	/* Old browsers */
	opacity: 1;
}
.chat-tabs > li > a {
	color: #A0A0A0;
	border: 1px solid #DADADA;
	border-bottom-color: #DDD;
}
.chat-tabs > li > a:hover {
	color: #A0A0A0;
	border: 1px solid #DADADA;
	border-bottom-color: #DDD;
}
/* ---------------------------------------------------------------------- */

/*	users online
 /* ---------------------------------------------------------------------- */
ul.users-online {
	margin: 0;
	padding: 0;
	list-style: none;
}
.online, .offline, .away, .busy {
	width: 7px;
	height: 7px;
	background: url('../images/chat/contact.png') 0px 0px no-repeat;
	display: block;
}
.away {
	background-position: 0px -8px;
}
.busy {
	background-position: 0px -16px;
}
.offline {
	background-position: 0px -24px;
}
ul.users-online li {
	border-top: 1px solid #C2C2C2;
	border-left: 1px solid #EEE;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	background: #FAFAFA;
	background: -moz-linear-gradient(top, #FAFAFA 0%, #EFEFEF 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FAFAFA), color-stop(100%, #EFEFEF));
	background: -webkit-linear-gradient(top, #FAFAFA 0%, #EFEFEF 100%);
	background: -o-linear-gradient(top, #FAFAFA 0%, #EFEFEF 100%);
	background: -ms-linear-gradient(top, #FAFAFA 0%, #EFEFEF 100%);
	background: linear-gradient(to bottom, #FAFAFA 0%, #EFEFEF 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#efefef', GradientType=0);
	padding: 0px;
}
ul.users-online li:last-child, ul.users-online li.last {
	border-bottom: 1px solid #111;
}
ul.users-online li img {
	display: inline-block;
	height: 36px;
	width: 36px;
	margin-top: -18px;
	box-shadow: 0 1px 1px #222;
	-webkit-box-shadow: 0 1px 1px #222;
}
ul.users-online li a {
	position: relative;
	display: block;
	height: 60px;
	line-height: 15px;
	padding: 10px;
	color: inherit;
}
ul.users-online li a:hover {
	background: url('../images/transparant-5.png') repeat;
}
ul.users-online li a:active {
	background: url('../images/transparant-10.png') repeat;
}
ul.users-online li a strong {
	display: block;
	line-height: 22px;
	font-size: 12px;
	margin-bottom: -2px;
}
ul.users-online li a strong span {
	color: #AAA;
}
.user-name {
	display: inline-block;
	height: 40px;
	margin-left: 5px;
}
ul.users-online li a i {
	float: right;
	margin-top: 14px;
}
.user-name b {
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	color: #999;
	line-height: 10px;
}
/* ---------------------------------------------------------------------- */

/*	tooltip
 /* ---------------------------------------------------------------------- */
.tooltip {
	line-height: 20px !important;
}
.tooltip-inner {
	background: #000;
	/* Old browsers */
	background: -moz-linear-gradient(top, #828282 0%, #000000 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #828282), color-stop(100%, #000000));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #828282 0%, #000000 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #828282 0%, #000000 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #828282 0%, #000000 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #828282 0%, #000000 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#828282', endColorstr='#000000', GradientType=0);
	/* IE6-9 */
}
.jqstooltip, .closebox {
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
}
/* ---------------------------------------------------------------------- */

/*	Forms
 /* ---------------------------------------------------------------------- */
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.main-search {
	position: relative;
}
.main-search input {
	height: 33px;
	margin: 0;
	font-size: 12px;
	line-height: normal;
	padding-left: 25px;
	width: 100%;
	background: url('../images/transparant-20.png');
	border: 1px solid #4E4E4E;
	border-radius: 4px;
	color: #555;
}
.main-search label {
	position: absolute;
	top: 6px;
	left: 9px;
	color: #757272;
}
/* ---------------------------------------------------------------------- */

/*	Tables (adjustments)
 /* ---------------------------------------------------------------------- */
.table-bordered {
	border-top-width: 0px;
}
.dataTable {
	border-top-width: 1px;
}
.table.text-left thead tr th {
	text-align: left;
}
table.has-checkbox thead tr th:first-child, table.has-checkbox thead tr th.first {
	width: 5px !important;
}
table td.highlighted {
	background: url('../images/transparant-40.png') !important;
	color: #fff;
}
/* ---------------------------------------------------------------------- */

/*	Badge & Labels (adjustments)
 /* ---------------------------------------------------------------------- */
.label-important.special, .badge-important.special, .label-warning.special, .badge-warning.special, .label-success.special, .badge-success.special, .label-info.special, .badge-info.special {
	display: inline-block;
	vertical-align: baseline;
	white-space: nowrap;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	-webkit-background-clip: padding-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	border-width: 1px;
	border-style: solid;
	-webkit-background-clip: padding-box;
	-webkit-appearance: none;
	background-position: center center !important;
	-webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
	-moz-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.25);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.25);
}
/* ---------------------------------------------------------------------- */

/*	Login Page
 /* ---------------------------------------------------------------------- */
#login-logo {
	background: url('../images/favicons/apple-touch-icon-retina.png') top left transparent no-repeat;
	display: block;
	width: 114px;
	height: 82px;
	overflow: hidden;
	margin: -216px 0 0 -52px;
	top: 50%;
	left: 50%;
	position: absolute;
	z-index: 10;
}
#login-page #header-toolbar h1 {
	width: 100%;
	text-align: center;
}
.form-signin {
	margin-bottom: 1px;
}
.form-signin .form-signin-heading, .form-signin .checkbox {
	margin-bottom: 20px;
	float: left;
	margin-top: 7px;
}
.form-signin div.checker {
	margin-top: -2px;
}
.form-signin input[type="text"], .form-signin input[type="password"] {
	width: 100%;
	height: 35px;
	margin-bottom: 0;
	padding: 0 10px;
	border: 1px solid #ccc;
	/*border-radius: 5px;*/
}
.form-signin input[type="text"]:focus, .form-signin input[type="password"]:focus {
	border-color: #305F9C;
}
.form-signin .radio, .form-signin .checkbox {
	padding-left: 0;
	font-size: 13px;
}
.jarviswidget.login, .jarviswidget.register {
	max-width: 300px;
	min-width: 300px;
	border: 1px solid #353535;
	background: #45484d;
	/* Old browsers */
	background: -moz-linear-gradient(top, #45484d 0%, #000000 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #45484d), color-stop(100%, #000000));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #45484d 0%, #000000 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #45484d 0%, #000000 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #45484d 0%, #000000 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #45484d 0%, #000000 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45484d', endColorstr='#000000', GradientType=0);
	/* IE6-9 */
	-webkit-box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, .1);
	box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, .1);
	position: relative;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	position: absolute;
	/*height: 313px;*/
	z-index: 15;
	top: 50%;
	left: 50%;
	margin: -156.5px 0 0 -150px;
}
.jarviswidget.register {
	margin: -156px 0 0 -150px;
}
.jarviswidget.login #main-content, .jarviswidget.register #main-content {
	padding: 0;
}
.jarviswidget.login header, .jarviswidget.register header {
	border-color: #555;
	height: 46px;
	padding: 5px 15px;
	border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	background: #45484d;
	/* Old browsers */
	background: -moz-linear-gradient(top, #45484d 0%, #000000 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #45484d), color-stop(100%, #000000));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #45484d 0%, #000000 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #45484d 0%, #000000 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #45484d 0%, #000000 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #45484d 0%, #000000 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45484d', endColorstr='#000000', GradientType=0);
	/* IE6-9 */
	box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1);
}
.jarviswidget.login header img {
	float: left;
}
.jarviswidget.login header h2, .jarviswidget.register h2 {
	font-size: 16px;
	color: white;
	margin: 0;
	line-height: 30px;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	text-shadow: none;
}
.jarviswidget.login > div, .jarviswidget.register > div {
	border: none;
}
#login-page .btn {
	font-size: 14px;
	padding: 7px 15px;
}
.jarviswidget.login .control-group, .jarviswidget.register .control-group {
	background: none;
}
/* ---------------------------------------------------------------------- */

/*	Paging
 /* ---------------------------------------------------------------------- */
.pagination ul > li > a, .pagination ul > li > span, .pager li > a, .pager li > span {
	border: 1px solid silver;
	border-left-width: 0px;
	/* Generated by http://www.colorzilla.com/gradient-editor/ */
	background: #ffffff;
	/* Old browsers */
	background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
	/* Chrome10+,Safari5.1+ */
	background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
	/* FF3.6+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
	/* IE10+ */
	background: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
	/* Opera 11.10+ */
	background: linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0);
	/* IE6-9 */
}
.pagination ul > li:first-child > a, .pagination ul > li:first-child > span {
	border-left-width: 1px;
}
.pagination ul > li > a:hover, .pagination ul > li > span:hover, .pager li > a:hover, .pager li > span:hover {
	background: #f3f3f3;
	/* Old browsers */
	background: -webkit-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
	/* Chrome10+,Safari5.1+ */
	background: -moz-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
	/* FF3.6+ */
	background: -ms-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
	/* IE10+ */
	background: -o-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
	/* Opera 11.10+ */
	background: linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#f4f4f4', GradientType=0);
	/* IE6-9 */
}
.pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover, .pagination ul > .active > a, .pagination ul > .active > span, .pager > .disabled > span, .pager > .disabled > a, .pager > .disabled > a:hover, .pager > .active > a, .pager > .active > span {
	background: #f3f3f3;
	/* Old browsers */
	background: -webkit-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
	/* Chrome10+,Safari5.1+ */
	background: -moz-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
	/* FF3.6+ */
	background: -ms-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
	/* IE10+ */
	background: -o-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
	/* Opera 11.10+ */
	background: linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#f4f4f4', GradientType=0);
	/* IE6-9 */
	color: #999;
}
.well .pagination {
	margin: 0;
	/* this was just used for the demo - please remove if conflicting*/
}
.pager li > a, .pager li > span {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-left-width: 1px;
}
/* ---------------------------------------------------------------------- */

/*	Well
 /* ---------------------------------------------------------------------- */
.well.light {
	background: #FCFCFC
}
.nav-list.well {
	padding-top: 0;
	padding-bottom: 0;
}
.well.light.spacing {
	margin-bottom: 20px;
}
/* ---------------------------------------------------------------------- */

/*	nav list
 /* ---------------------------------------------------------------------- */
.nav-list {
	margin: 0;
	padding: 0 15px;
}
.nav-list > li > a, .nav-list .nav-header {
	margin-left: -15px;
	margin-right: -15px;
	-moz-border-radius: 0px;
	-khtml-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	font-weight: normal;
	padding: 4px 15px;
}
.nav-header {
	display: block;
	padding: 3px 15px;
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
	color: #777;
	text-transform: uppercase;
	background: #FAFAFA;
	background: -moz-linear-gradient(top, #FAFAFA 0%, #EFEFEF 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FAFAFA), color-stop(100%, #EFEFEF));
	background: -webkit-linear-gradient(top, #FAFAFA 0%, #EFEFEF 100%);
	background: -o-linear-gradient(top, #FAFAFA 0%, #EFEFEF 100%);
	background: -ms-linear-gradient(top, #FAFAFA 0%, #EFEFEF 100%);
	background: linear-gradient(to bottom, #FAFAFA 0%, #EFEFEF 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#efefef', GradientType=0);
	border-bottom: 1px solid #DADADA;
}
/* ---------------------------------------------------------------------- */

/*	Logout Animation
 /* ---------------------------------------------------------------------- */
body.logout {
	-moz-transform: scale(.8);
	-webkit-transform: scale(.8);
	-o-transform: scale(.8);
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}
/* ---------------------------------------------------------------------- */

/*	Footer (NOTE: Currently footer is not being used)
 /* ---------------------------------------------------------------------- */
footer {
}
/* ---------------------------------------------------------------------- */

/*	Colorpicker for Bootstrap
 /*	Copyright 2012 Stefan Petre
 /*	Licensed under the Apache License v2.0
 /*	http://www.apache.org/licenses/LICENSE-2.0
 /* ---------------------------------------------------------------------- */
.colorpicker-saturation {
	width: 100px;
	height: 100px;
	background-image: url('../images/colorpicker/saturation.png');
	cursor: crosshair;
	float: left;
}
.colorpicker-saturation i {
	display: block;
	height: 5px;
	width: 5px;
	border: 1px solid #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: absolute;
	top: 0;
	left: 0;
	margin: -4px 0 0 -4px;
}
.colorpicker-saturation i b {
	display: block;
	height: 5px;
	width: 5px;
	border: 1px solid #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.colorpicker-hue, .colorpicker-alpha {
	width: 15px;
	height: 100px;
	float: left;
	cursor: row-resize;
	margin-left: 4px;
	margin-bottom: 4px;
}
.colorpicker-hue i, .colorpicker-alpha i {
	display: block;
	height: 1px;
	background: #000;
	border-top: 1px solid #fff;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	margin-top: -1px;
}
.colorpicker-hue {
	background-image: url('../images/colorpicker/hue.png');
}
.colorpicker-alpha {
	background-image: url('../images/colorpicker/alpha.png');
	display: none;
}
.colorpicker {
	*zoom: 1;
	top: 0;
	left: 0;
	padding: 4px;
	min-width: 120px;
	margin-top: 1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.colorpicker:before, .colorpicker:after {
	display: table;
	content: "";
}
.colorpicker:after {
	clear: both;
}
.colorpicker:before {
	content: '';
	display: inline-block;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #ccc;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	position: absolute;
	top: -7px;
	left: 6px;
}
.colorpicker:after {
	content: '';
	display: inline-block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #ffffff;
	position: absolute;
	top: -6px;
	left: 7px;
}
.colorpicker div {
	position: relative;
}
.colorpicker.alpha {
	min-width: 140px;
}
.colorpicker.alpha .colorpicker-alpha {
	display: block;
}
.colorpicker-color {
	height: 10px;
	margin-top: 5px;
	clear: both;
	background-image: url('../images/colorpicker/alpha.png');
	background-position: 0 100%;
}
.colorpicker-color div {
	height: 10px;
}
.input-append.color .add-on i, .input-prepend.color .add-on i {
	display: block;
	cursor: pointer;
	width: 16px;
	height: 16px;
	margin-top: 2px;
}
/* ---------------------------------------------------------------------- */

/*	Time picker
 /* ---------------------------------------------------------------------- */
.bootstrap-timepicker.dropdown-menu {
	border-radius: 4px 4px 4px 4px;
	display: none;
	left: 0;
	margin-top: 1px;
	padding: 4px;
	top: 0;
	min-width: 10px;
	z-index: 99999;
}
.bootstrap-timepicker.dropdown-menu.open {
	display: inline-block;
}
.bootstrap-timepicker.dropdown-menu:before {
	border-bottom: 7px solid rgba(0, 0, 0, 0.2);
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	content: "";
	left: 6px;
	position: absolute;
	top: -7px;
}
.bootstrap-timepicker.dropdown-menu:after {
	border-bottom: 6px solid #FFFFFF;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	content: "";
	left: 7px;
	position: absolute;
	top: -6px;
}
.bootstrap-timepicker.modal {
	margin-left: -100px;
	margin-top: 0;
	top: 30%;
	width: 200px;
}
.bootstrap-timepicker.modal .modal-content {
	padding: 0;
	background: #fff;
}
.bootstrap-timepicker table {
	margin: 0;
	width: 100%;
}
.bootstrap-timepicker table td {
	height: 30px;
	margin: 0;
	padding: 2px;
	text-align: center;
}
.bootstrap-timepicker table td span {
	width: 100%;
}
.bootstrap-timepicker table td a {
	border: 1px solid transparent;
	display: inline-block;
	margin: 0;
	outline: 0 none;
	padding: 8px 0;
	width: 3em;
}
.bootstrap-timepicker table td a:hover {
	background-color: #EEEEEE;
	border-color: #DDDDDD;
	border-radius: 4px 4px 4px 4px;
}
.bootstrap-timepicker table td a i {
	margin-top: 2px;
}
.bootstrap-timepicker table td input {
	margin: 0;
	text-align: center;
	width: 25px;
}
.bootstrap-timepicker-component .add-on {
	cursor: pointer;
}
.bootstrap-timepicker-component .add-on i {
	display: block;
	height: 16px;
	width: 16px;
}
/* ---------------------------------------------------------------------- */

/*	bootstrap form wizzard
 /* ---------------------------------------------------------------------- */
.bwizard {
	position: relative;
}
.bwizard div.well {
	border-left: none;
	border-right: none;
	border-radius: 0px;
	padding: 0;
}
.bwizard .well {
	margin: 3px 0
}
.bwizard-steps {
	margin: 0;
	width: 100%;
	border-bottom: 1px solid #D5D5D5;
	padding: 10px 15px 15px;
	display: inline-block;
	background: #fff;
}
.bwizard-steps li {
	display: inline-block;
	position: relative;
	margin-top: 5px;
	margin-right: 5px;
	line-height: 18px;
	list-style: none;
	padding: 2px 0px 0px 30px;
	background: #efefef;
	zoom: 1;
	*display: inline;
	*padding-left: 17px;
}
.bwizard-steps li a {
	display: inline-block;
	background: transparent !important
}
.bwizard-steps li:first-child {
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
	padding-left: 12px;
}
.bwizard-steps li:first-child:before {
	border: none;
}
.bwizard-steps li:last-child {
	-moz-border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
	margin-right: 0;
}
.bwizard-steps li:last-child:after {
	border: none;
}
.bwizard-steps li:before {
	position: absolute;
	left: 0;
	top: 0;
	height: 0;
	width: 0;
	border-bottom: 20px inset transparent;
	border-left: 20px solid #fff;
	border-top: 20px inset transparent;
	content: "";
}
.bwizard-steps li:after {
	position: absolute;
	right: -20px;
	top: 0;
	height: 0;
	width: 0;
	border-bottom: 20px inset transparent;
	border-left: 20px solid #efefef;
	border-top: 20px inset transparent;
	content: "";
	z-index: 2;
}
.bwizard-steps .label {
	margin: 0 5px 0 0;
	padding: 1px 5px 2px;
	position: relative;
	-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5);
	-moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5);
	box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5);
	top: -1px;
}
.bwizard-steps .active {
	color: #fff;
	background: #006AAC;
}
.bwizard-steps .active:after {
	border-left-color: #006AAC;
}
.bwizard-steps a {
	color: #333;
}
.bwizard-steps .active a {
	color: #fff;
	cursor: default;
}
.bwizard-steps a:hover {
	text-decoration: none;
	background: transparent
}
.bwizard-steps.clickable li:not(.active) {
	cursor: pointer;
}
.bwizard-steps.clickable li:hover:not(.active) {
background: transparent;
}
.bwizard-steps.clickable li:hover:not(.active)
a {
	color: #08c;
}
.bwizard-steps.clickable li:hover:not(.active)
:after {
	border-left-color: #ccc;
}
#wizard .navbar-inner {
	margin-left: -20px;
	border-left: none;
	border-right: none;
	margin-right: -20px;
	margin-top: -20px;
	border-top: none;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
}
#wizard .wizard ul {
	list-style: none;
	margin: 0;
}
#wizard .wizard ul li {
	display: inline-block;
}
/* ---------------------------------------------------------------------- */

/*	Inbox
 /* ---------------------------------------------------------------------- */
.inbox-menu, .inbox-body {
	height: 530px;
	overflow: hidden;
}
.inbox-menu {
	width: 249px;
	position: absolute;
	top: 0px;
	right: 0px;
	/* change this value to left or right to shift inbox menu */
}
.inbox-body {
	width: auto;
	position: relative;
	background-image: url('../images/backgrounds/4.jpg');
	margin-right: 250px;
	/* change this value to left or right to shift inbox menu */
	-webkit-box-shadow: inset 0px 0px 3px 2px rgba(0, 0, 0, .3);
	-moz-box-shadow: inset 0px 0px 3px 2px rgba(0, 0, 0, .3);
	box-shadow: inset 0px 0px 3px 2px rgba(0, 0, 0, .3);
}
.inbox-body-content {
	padding: 20px;
	position: relative;
	box-sizing: border-box;
}
.message-container, .inbox-control-panel, .message-control-panel, div.slashc-sliding-menu {
	background: #EFEFF4;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#DFDFDF));
	background: -webkit-linear-gradient(top, #f8f8f8, #DFDFDF);
	background: -moz-linear-gradient(top, #f8f8f8, #DFDFDF);
	background: -ms-linear-gradient(top, #f8f8f8, #DFDFDF);
	background: -o-linear-gradient(top, #f8f8f8, #DFDFDF);
	background: linear-gradient(top, #f8f8f8, #DFDFDF);
}
.message-container {
	width: 100%;
	height: auto;
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.65);
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.65);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.65);
	margin-bottom: 20px;
}
.inbox-control-panel, .message-control-panel {
	display: block;
	width: 100%;
	height: 43px;
	-webkit-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.75);
	box-shadow: 0 2px 9px rgba(0, 0, 0, 0.75);
	border-top: 1px solid #C7C7C7;
	border-right: 1px solid #C7C7C7;
	/* change this value to left or right to shift inbox menu */
	padding: 6px 5px;
}
.inbox-menu .inbox-control-panel {
	border-left-width: 0px;
	border-bottom: 1px solid #CACACA;
}
.message-control-panel {
	height: 50px;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	padding: 9px 8px;
}
.message-body {
	padding: 20px;
}
.message-body p {
	line-height: normal;
	margin-bottom: 20px;
	font-weight: normal;
}
.past-message {
	display: block;
	border-left: 2px solid #8F8F8F;
	padding: 0px 10px;
	margin-left: 20px;
	color: #8F8F8F;
	font-style: italic;
}
div.slashc-sliding-menu span.tiny-sub {
	line-height: normal !important;
	color: #5A7DB3;
	font-size: 12px;
	font-weight: bold;
}
div.slashc-sliding-menu span.tiny-sub i {
	position: absolute;
	right: 10px;
	text-indent: 0;
}
div.slashc-sliding-menu span.tiny-des {
	line-height: 16px;
	font-size: 11px;
	font-weight: normal;
	margin-top: 5px;
	text-indent: 0;
	padding-left: 15px;
	color: #646464;
}
/* inbox header */
h1.message-title {
	color: white;
	font-size: 35px;
	font-weight: 500;
	padding-bottom: 0;
	margin-bottom: 4px;
	line-height: normal;
}
h3.message-from {
	margin-top: -2px;
	line-height: 20px;
	font-size: 20px;
	margin-bottom: 20px;
	font-weight: bold;
}
/* ---------------------------------------------------------------------- */

/*	Inbox Menu
 /* ---------------------------------------------------------------------- */
div.slashc-sliding-menu {
	overflow: hidden;
}
div.slashc-sliding-menu, div.slashc-sliding-menu h1, div.slashc-sliding-menu ul, div.slashc-sliding-menu li, div.slashc-sliding-menu li a, div.slashc-sliding-menu li span, div.slashc-sliding-menu p {
	display: block;
	font: 14px Arial, sans-serif;
	/* set font here */
	width: 100%;
	/* set width here */
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	position: relative;
}
div.slashc-sliding-menu h1, div.slashc-sliding-menu li, div.slashc-sliding-menu li a, div.slashc-sliding-menu li a span, div.slashc-sliding-menu p {
	line-height: 42px;
	text-indent: 15px;
	background-repeat: repeat-x;
	background-position: 0 0;
}
div.slashc-sliding-menu h1 {
	background: url('../images/backgrounds/low_contrast_linen.png');
	color: #fff;
	font-weight: bold;
	padding-left: 40px;
	text-align: right;
	padding-right: 10px;
	-webkit-box-shadow: inset 0 1px 5px black;
	-moz-box-shadow: inset 0 1px 5px black;
	box-shadow: inset 0 1px 5px black;
}
div.slashc-sliding-menu li {
	background: -webkit-gradient(linear, left top, left bottom, from(#F7F7FA), to(#EEE));
	background: -webkit-linear-gradient(top, #F7F7FA, #EEE);
	background: -moz-linear-gradient(top, #F7F7FA, #EEE);
	background: -ms-linear-gradient(top, #F7F7FA, #EEE);
	background: -o-linear-gradient(top, #F7F7FA, #EEE);
	background: linear-gradient(top, #F7F7FA, #EEE);
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #fff;
}
div.slashc-sliding-menu li ul {
	position: absolute;
}
div.slashc-sliding-menu li, div.slashc-sliding-menu li a {
	color: #333;
	text-decoration: none;
}
div.slashc-sliding-menu li ul li a {
	padding-top: 10px;
	padding-bottom: 10px;
	box-sizing: border-box;
}
div.slashc-sliding-menu li ul li a:hover {
	background: #ffffcc;
}
div.slashc-sliding-menu li ul li a:active {
	background: url('../images/transparant-5.png');
	background: rgba(128, 128, 128, 0.1);
}
div.slashc-sliding-menu li a span {
	font-weight: bold;
}
div.slashc-sliding-menu li a:hover {
	background-color: #888;
	color: #fff;
}
div.slashc-sliding-menu li a:hover span {
	background-position: 256px -31px;
}
div.slashc-sliding-menu p {
	background-color: #222;
	/*background-image: url(../images/footer_bg.jpg);*/
	color: #555;
	font-size: 12px;
}
div.slashc-sliding-menu a.slashc-sliding-menu-home, div.slashc-sliding-menu a.slashc-sliding-menu-back {
	text-indent: -10000px;
	display: block;
	height: 50px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}
div.slashc-sliding-menu a.slashc-sliding-menu-home {
	width: 18px;
	height: auto;
	color: white;
	line-height: 24px;
	font-size: 22px;
	padding: 2px 27px 2px 2px;
	margin-top: 6px;
	margin-left: 7px;
	color: white;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-indent: 4px;
}
div.slashc-sliding-menu a.slashc-sliding-menu-back {
	width: 52px;
	/*background: url(../images/back_icn.gif) no-repeat 15px 19px;*/
}
div.slashc-sliding-menu a.slashc-sliding-menu-back:hover {
	background-position: 15px -31px;
}
div.slashc-sliding-menu a {
	outline: none;
}
/* ---------------------------------------------------------------------- */

/*	default tabs
 /* ---------------------------------------------------------------------- */
.default-tabs {
	margin-left: -20px;
	margin-right: -20px;
	margin-top: -20px;
	background: #FAFAFA;
	background: -moz-linear-gradient(top, #FAFAFA 0%, #EFEFEF 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FAFAFA), color-stop(100%, #EFEFEF));
	background: -webkit-linear-gradient(top, #FAFAFA 0%, #EFEFEF 100%);
	background: -o-linear-gradient(top, #FAFAFA 0%, #EFEFEF 100%);
	background: -ms-linear-gradient(top, #FAFAFA 0%, #EFEFEF 100%);
	background: linear-gradient(to bottom, #FAFAFA 0%, #EFEFEF 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#efefef', GradientType=0);
	border-color: #C8C8C8;
	margin-bottom: 20px;
}
.default-tabs > li:first-child {
	margin-left: 0px;
}
.default-tabs > li:first-child a {
	border-left-width: 0px;
}
.default-tabs > li > a, .default-tabs > li > a:hover {
	padding-top: 11px;
	padding-bottom: 11px;
	border-radius: 0px;
	border-top: none !important;
	-moz-border-raius: 0px;
	-webkit-border-radius: 0px;
	margin-right: 0px;
	border: 1px solid #C8C8C8;
	border-left-width: 0px;
	font-weight: normal;
}
.default-tabs > li.active > a, .default-tabs > li.active > a:hover {
	border-left-width: 0px;
	border-left-color: #C8C8C8;
	border-right-color: #C8C8C8;
}
.default-tabs .dropdown-toggle .caret {
	border-top-color: #D6CECE !important;
	border-bottom-color: #B5B7BB !important;
}
/* tab right */
.default-tabs.rt > li {
	float: right !important;
}
.default-tabs.rt > li:first-child {
	margin-right: 0px;
	margin-left: 0px;
}
.default-tabs.rt > li:first-child a, .default-tabs.rt > li:first-child a:hover, .default-tabs.rt > li:first-child.active a {
	border-right-width: 0px;
	border-left-width: 1px;
}
.default-tabs.rt > li > a, .default-tabs.rt > li > a:hover, .default-tabs.rt > li.active > a {
	border-right-width: 0px;
	border-left-width: 1px;
}
/* ---------------------------------------------------------------------- */

/*	ibutton (bootstrapSwitch)
 /* ---------------------------------------------------------------------- */

/* ============================================================
 * bootstrapSwitch v1.2 by Larentis Mattia @spiritualGuru
 * http://www.larentis.eu/switch/
 * ============================================================
 * Licensed under the Apache License, Version 2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 * ============================================================ */
.has-switch {
	display: inline-block;
	cursor: pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	position: relative;
	text-align: left;
	overflow: hidden;
	line-height: 8px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	min-width: 100px;
}
.has-switch.switch-mini {
	min-width: 72px;
}
.has-switch.switch-small {
	min-width: 80px;
}
.has-switch.switch-large {
	min-width: 120px;
}
.has-switch.deactivate {
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: default !important;
}
.has-switch.deactivate label, .has-switch.deactivate span {
	cursor: default !important;
}
.has-switch > div {
	display: inline-block;
	width: 150%;
	position: relative;
	top: 0;
}
.has-switch > div.switch-animate {
	-webkit-transition: left 0.5s;
	-moz-transition: left 0.5s;
	-o-transition: left 0.5s;
	transition: left 0.5s;
}
.has-switch > div.switch-off {
	left: -50%;
}
.has-switch > div.switch-on {
	left: 0%;
}
.has-switch input[type=checkbox] {
	display: none;
}
.has-switch span, .has-switch label {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	position: relative;
	display: inline-block;
	height: 100%;
	padding-bottom: 4px;
	padding-top: 4px;
	font-size: 14px;
	line-height: 20px;
}
.has-switch span.switch-mini, .has-switch label.switch-mini {
	padding-bottom: 4px;
	padding-top: 4px;
	font-size: 10px;
	line-height: 9px;
}
.has-switch span.switch-small, .has-switch label.switch-small {
	padding-bottom: 3px;
	padding-top: 3px;
	font-size: 12px;
	line-height: 18px;
}
.has-switch span.switch-large, .has-switch label.switch-large {
	padding-bottom: 9px;
	padding-top: 9px;
	font-size: 16px;
	line-height: normal;
}
.has-switch label {
	text-align: center;
	margin-top: -1px;
	margin-bottom: -1px;
	z-index: 100;
	width: 34%;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	*background-color: #e6e6e6;
	/* Darken IE7 buttons by default so they stand out more given they won't have borders */
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.has-switch label:hover, .has-switch label:focus, .has-switch label:active, .has-switch label.active, .has-switch label.disabled, .has-switch label[disabled] {
	color: #ffffff;
	background-color: #e6e6e6;
	*background-color: #d9d9d9;
}
.has-switch label:active, .has-switch label.active {
	background-color: #cccccc \9;
}
.has-switch label i {
	color: #000;
	text-shadow: 0 1px 0 #fff;
	line-height: 18px;
	pointer-events: none;
}
.has-switch span {
	text-align: center;
	z-index: 1;
	width: 33%;
}
.has-switch span.switch-left {
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-left-radius: 4px;
}
.has-switch span.switch-right {
	color: #333333;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	background-color: #f0f0f0;
	background-image: -moz-linear-gradient(top, #e6e6e6, #ffffff);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e6e6), to(#ffffff));
	background-image: -webkit-linear-gradient(top, #e6e6e6, #ffffff);
	background-image: -o-linear-gradient(top, #e6e6e6, #ffffff);
	background-image: linear-gradient(to bottom, #e6e6e6, #ffffff);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe6e6e6', endColorstr='#ffffffff', GradientType=0);
	border-color: #ffffff #ffffff #d9d9d9;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	*background-color: #ffffff;
	/* Darken IE7 buttons by default so they stand out more given they won't have borders */
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.has-switch span.switch-right:hover, .has-switch span.switch-right:focus, .has-switch span.switch-right:active, .has-switch span.switch-right.active, .has-switch span.switch-right.disabled, .has-switch span.switch-right[disabled] {
	color: #333333;
	background-color: #ffffff;
	*background-color: #f2f2f2;
}
.has-switch span.switch-right:active, .has-switch span.switch-right.active {
	background-color: #e6e6e6 \9;
}
.has-switch span.switch-primary, .has-switch span.switch-left {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #006AAC;
	background-image: -moz-linear-gradient(top, #00438D, #006AAC);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#00438D), to(#006AAC));
	background-image: -webkit-linear-gradient(top, #00438D, #006AAC);
	background-image: -o-linear-gradient(top, #00438D, #006AAC);
	background-image: linear-gradient(to bottom, #00438D, #006AAC);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00438D', endColorstr='#ff006AAC', GradientType=0);
	border-color: #0088cc #0088cc #005580;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	*background-color: #006AAC;
	/* Darken IE7 buttons by default so they stand out more given they won't have borders */
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.has-switch span.switch-primary:hover, .has-switch span.switch-left:hover, .has-switch span.switch-primary:focus, .has-switch span.switch-left:focus, .has-switch span.switch-primary:active, .has-switch span.switch-left:active, .has-switch span.switch-primary.active, .has-switch span.switch-left.active, .has-switch span.switch-primary.disabled, .has-switch span.switch-left.disabled, .has-switch span.switch-primary[disabled], .has-switch span.switch-left[disabled] {
	color: #ffffff;
	background-color: #0088cc;
	*background-color: #0077b3;
}
.has-switch span.switch-primary:active, .has-switch span.switch-left:active, .has-switch span.switch-primary.active, .has-switch span.switch-left.active {
	background-color: #006699 \9;
}
.has-switch span.switch-info {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #41a7c5;
	background-image: -moz-linear-gradient(top, #2f96b4, #5bc0de);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2f96b4), to(#5bc0de));
	background-image: -webkit-linear-gradient(top, #2f96b4, #5bc0de);
	background-image: -o-linear-gradient(top, #2f96b4, #5bc0de);
	background-image: linear-gradient(to bottom, #2f96b4, #5bc0de);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2f96b4', endColorstr='#ff5bc0de', GradientType=0);
	border-color: #5bc0de #5bc0de #28a1c5;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	*background-color: #5bc0de;
	/* Darken IE7 buttons by default so they stand out more given they won't have borders */
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.has-switch span.switch-info:hover, .has-switch span.switch-info:focus, .has-switch span.switch-info:active, .has-switch span.switch-info.active, .has-switch span.switch-info.disabled, .has-switch span.switch-info[disabled] {
	color: #ffffff;
	background-color: #5bc0de;
	*background-color: #46b8da;
}
.has-switch span.switch-info:active, .has-switch span.switch-info.active {
	background-color: #31b0d5 \9;
}
.has-switch span.switch-success {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #729C14;
	background-image: -moz-linear-gradient(top, #729C14, #9DC234);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#729C14), to(#9DC234));
	background-image: -webkit-linear-gradient(top, #729C14, #9DC234);
	background-image: -o-linear-gradient(top, #729C14, #9DC234);
	background-image: linear-gradient(to bottom, #729C14, #9DC234);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff729C14', endColorstr='#ff9DC234', GradientType=0);
	border-color: #62c462 #62c462 #3b9e3b;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	*background-color: #9DC234;
	/* Darken IE7 buttons by default so they stand out more given they won't have borders */
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.has-switch span.switch-success:hover, .has-switch span.switch-success:focus, .has-switch span.switch-success:active, .has-switch span.switch-success.active, .has-switch span.switch-success.disabled, .has-switch span.switch-success[disabled] {
	color: #ffffff;
	background-color: #62c462;
	*background-color: #4fbd4f;
}
.has-switch span.switch-success:active, .has-switch span.switch-success.active {
	background-color: #42b142 \9;
}
.has-switch span.switch-warning {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #f9a123;
	background-image: -moz-linear-gradient(top, #f89406, #fbb450);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f89406), to(#fbb450));
	background-image: -webkit-linear-gradient(top, #f89406, #fbb450);
	background-image: -o-linear-gradient(top, #f89406, #fbb450);
	background-image: linear-gradient(to bottom, #f89406, #fbb450);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff89406', endColorstr='#fffbb450', GradientType=0);
	border-color: #fbb450 #fbb450 #f89406;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	*background-color: #fbb450;
	/* Darken IE7 buttons by default so they stand out more given they won't have borders */
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.has-switch span.switch-warning:hover, .has-switch span.switch-warning:focus, .has-switch span.switch-warning:active, .has-switch span.switch-warning.active, .has-switch span.switch-warning.disabled, .has-switch span.switch-warning[disabled] {
	color: #ffffff;
	background-color: #fbb450;
	*background-color: #faa937;
}
.has-switch span.switch-warning:active, .has-switch span.switch-warning.active {
	background-color: #fa9f1e \9;
}
.has-switch span.switch-danger {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #d14641;
	background-image: -moz-linear-gradient(top, #bd362f, #ee5f5b);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bd362f), to(#ee5f5b));
	background-image: -webkit-linear-gradient(top, #bd362f, #ee5f5b);
	background-image: -o-linear-gradient(top, #bd362f, #ee5f5b);
	background-image: linear-gradient(to bottom, #bd362f, #ee5f5b);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbd362f', endColorstr='#ffee5f5b', GradientType=0);
	border-color: #ee5f5b #ee5f5b #e51d18;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	*background-color: #ee5f5b;
	/* Darken IE7 buttons by default so they stand out more given they won't have borders */
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.has-switch span.switch-danger:hover, .has-switch span.switch-danger:focus, .has-switch span.switch-danger:active, .has-switch span.switch-danger.active, .has-switch span.switch-danger.disabled, .has-switch span.switch-danger[disabled] {
	color: #ffffff;
	background-color: #ee5f5b;
	*background-color: #ec4844;
}
.has-switch span.switch-danger:active, .has-switch span.switch-danger.active {
	background-color: #e9322d \9;
}
/* ---------------------------------------------------------------------- */

/*	Invoice
 /* ---------------------------------------------------------------------- */
#invoice-bar {
	text-align: right;
	margin-top: 10px;
	margin-bottom: 10px;
}
.invoice {
	border: 1px solid #d3d3d3;
	float: left;
	margin-bottom: 30px;
}
.invoice h3, .invoice h4, .invoice h5 {
	margin: 0;
}
.invoice h5 {
	font-weight: bold;
}
.invoice-header {
	padding: 30px 30px;
	border-bottom: 1px dotted #AAA;
}
.invoice-company-info {
	text-align: right;
	font-size: 11px;
	font-weight: normal;
	line-height: 21px;
}
.invoice-header img {
	border: 2px dotted #ddd;
}
.invoice-client-info, .invoice-footer {
	border-bottom: 1px dotted #AAA;
	padding: 15px 30px;
	float: left;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.client-info, .invoice-info, .invoice-sum-total, .payment-methods {
	margin: 0;
	width: 49%;
	display: inline-block;
	vertical-align: top;
}
.invoice-info, .invoice-sum-total {
	text-align: right;
	float: right;
}
.client-info, .invoice-info {
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
}
.invoice-sum-total {
	margin-top: 30px;
}
.invoice-info ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.invoice-info ul li {
	display: block;
	font-weight: bold;
}
.invoice-info ul li span {
	display: inline-block;
	vertical-align: top;
	font-weight: normal;
	padding-left: 20px;
	min-width: 100px;
}
.invoice-body table {
	border-top: none;
	border-bottom: none;
}
.invoice, .invoice-body table thead tr {
	background: #fff;
}
.invoice-body table thead tr {
	border-top: none;
}
.invoice-body table tr, .invoice-body table th {
	line-height: 18px;
	text-align: left;
	vertical-align: top;
	border-top: 1px solid #DDD;
	font-size: 12px;
}
.invoice-body table td, .invoice-body table th {
	padding: 10px 32px !important;
}
.invoice-body table th.item {
	width: 18%;
}
.invoice-body table th.desc {
	width: 38%;
}
.invoice-body table th.price {
	width: 15%;
}
.invoice-body table th.qtn {
	width: 15%;
}
.invoice-body table th.sub {
	width: 15;
}
.invoice table td.invoice-sub {
	text-align: right;
	font-weight: bold;
}
.invoice td a {
	font-weight: bold;
	color: #2D67A3;
}
.invoice-footer {
	border-bottom: none;
	border-top: 1px dotted #AAA;
}
/* ---------------------------------------------------------------------- */

/*	Custom Lists
 /* ---------------------------------------------------------------------- */
ul.custom-list {
	list-style: none;
	margin-left: 0 !important;
	padding: 0;
}
ul.custom-list li {
	padding-left: 22px;
	background: url('../images/bullet.png') no-repeat left center;
}
/* ---------------------------------------------------------------------- */

/*	Login Page
 /* ---------------------------------------------------------------------- */
#login {
	width: 278px;
	background: #7EA437 url(../images/backgrounds/menu_bg.png) repeat-x;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(#AAD15F), to(#7EA437));
	background: -webkit-linear-gradient(top, #AAD15F, #7EA437);
	background: -moz-linear-gradient(top, #AAD15F, #7EA437);
	background: -ms-linear-gradient(top, #AAD15F, #7EA437);
	background: -o-linear-gradient(top, #AAD15F, #7EA437);
	background: linear-gradient(top, #AAD15F, #7EA437);
	margin: 100px auto 0;
	position: relative;
	border: 1px solid #CCC;
	padding-top: 60px;
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
/* ---------------------------------------------------------------------- */

/*	Stats across
 /* ---------------------------------------------------------------------- */
.stats-across {
	box-shadow: inset -1px 0px 5px 2px #E9E9E9;
	-webkit-box-shadow: inset -1px 0px 5px 2px #E9E9E9;
	-moz-box-shadow: inset -1px 0px 5px 2px #E9E9E9;
	margin-left: -2px;
	/*margin-right: -20px;*/
	margin-bottom: 10px;
	background-color: #FDFDFD;
	border-bottom: 1px solid #EFEEF3;
	width: 100%;
	padding: 4px 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
/* ---------------------------------------------------------------------- */

/*	Bootstrap wizard (popup version)
 /* ---------------------------------------------------------------------- */
.wizard.popup {
	display: none;
}
wizard-cards {
	background-color: #fff;
}
.wizard-cards .control-group {
	margin-left: -20px;
	margin-right: -20px;
}
.wizard-modal form {
	margin: 0;
	padding: 0;
}
.wizard-modal .progress {
	background: #363636;
	border: none;
	margin: 0;
}
.wizard-card-container .alert {
	margin-left: -20px;
	margin-right: -20px;
	border-right: none;
	border-left: none;
	margin-top: -20px;
	border-radius: 0px;
	padding: 20px;
}
.wizard-modal .progress.active > div {
	border: none;
}
.wizard-modal.modal {
	width: 750px;
	margin-left: -375px;
	top: 50%;
}
.wizard-modal-footer {
	padding: 0px;
	text-align: right;
}
.wizard-modal-header.modal-header h3 {
	line-height: 35px;
	display: inline;
}
.wizard-modal-header.modal-header {
	padding: 5px 15px;
	border-bottom: 1px solid #C9C9C9;
	border-bottom: 1px solid #000;
	border-radius: 4px 4px 0 0;
}
.wizard-modal-header .wizard-close.close {
	margin-top: 6px;
}
.wizard-subtitle {
	font-weight: bold;
	color: #AFAFAF;
	padding-left: 20px;
}
.wizard-error, .wizard-failure, .wizard-success, .wizard-loading, .wizard-card {
	position: relative;
	padding: 35px 20px;
	padding-top: 20px;
	overflow-y: auto;
	height: 300px;
	display: none;
	margin-right: 0px;
	background: #fff;
}
.wizard-nav-link .icon-chevron-right {
	float: right;
	margin-right: -6px;
	opacity: .25;
}
li.wizard-nav-item.active .icon-chevron-right {
	opacity: 1;
}
li.wizard-nav-item {
	line-height: 40px;
}
.wizard-modal.modal .nav-list > li > a {
	background-color: #696969;
	cursor: default;
	color: #B4B4B4;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
	border: 1px solid transparent;
}
.wizard-modal.modal .nav-list li.active > a {
	background-color: #00438D;
	color: #FFF;
	background-image: -moz-linear-gradient(top, #006AAC, #00438D);
	background-image: -ms-linear-gradient(top, #006AAC, #00438D);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#006AAC), to(#00438D));
	background-image: -webkit-linear-gradient(top, #006AAC, #00438D);
	background-image: -o-linear-gradient(top, #006AAC, #00438D);
	background-image: linear-gradient(top, #006AAC, #00438D);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'006AAC, endColorstr='#'00438D, GradientType=0);
	border-color: #305F9C #305F9C #002A80 !important;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	border: 1px solid;
}
.wizard-modal.modal .nav-list > li.already-visited > a.wizard-nav-link {
	color: #fff;
	cursor: pointer;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}
.wizard-modal.modal .nav-list > li.active > a.wizard-nav-link {
	color: white;
}
.already-visited > a.wizard-nav-link:hover {
	background-color: #E4E4E4;
}
.wizard-card > h3 {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 21px;
	line-height: 40px;
	font-weight: normal;
}
.wizard-progress {
	padding: 15px;
	bottom: 0;
}
.wizard-progress-container {
	padding: 30px 20px 0px;
}
.wizard-steps {
	width: 28%;
	height: 425px;
	background-color: #696969;
	border-right: 1px solid #5C5C5C;
	border-radius: 0 0 0 3px;
	-moz-border-radius: 0 0 0 3px;
	-webkit-border-radius: 0 0 0 3px;
}
.wizard-nav-container {
	height: 360px;
}
.nav > li > a.wizard-step-error {
	background-color: #F2DEDE;
	color: #B94A48;
	font-weight: bold;
}
.wizard-step-error .icon-chevron-right {
	opacity: 0;
}
.wizard-input-section {
	margin-bottom: 0px;
}
.wizard-buttons-container {
	padding: 20px 20px 19px 20px;
	min-height: 30px;
	border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	background-color: #F5F5F5;
	border-top: 1px solid #DDD;
	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
	-webkit-box-shadow: inset 0 1px 0 #FFF;
	-moz-box-shadow: inset 0 1px 0 #fff;
	box-shadow: inset 0 1px 0 #FFF;
}
.wizard-modal .popover.error-popover {
	background-color: #F2DEDE;
	color: #B94A48;
	border-color: #953B39;
}
.wizard-modal .popover.error-popover .arrow::after {
	border-right-color: #F2DEDE;
}
.wizard-modal .popover.error-popover .popover-title {
	display: none;
}
.wizard-modal .popover.error-popover .arrow {
	border-right-color: #953B39;
}
#wizard-ns-detail-servers, .wizard-additional-servers {
	font-size: 12px;
	margin-top: 10px;
	margin-left: 15px;
}
#wizard-ns-detail-servers > li, .wizard-additional-servers li {
	line-height: 20px;
	list-style-type: none;
}
#wizard-ns-detail-servers > li > img {
	padding-right: 5px;
}
/* ---------------------------------------------------------------------- */

/*	Adjustments
 /* ---------------------------------------------------------------------- */
.jarviswidget.transparent, .jarviswidget.transparent > div {
	background: none !important;
	border: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
.jarviswidget.transparent header {
	display: none;
}
.dimention {
	font: normal 960% Arial;
	margin: 3% 0;
	text-align: center;
	color: #FFF;
	text-shadow: 0 1px 0 #CCC, 0 2px 0 #C9C9C9, 0 3px 0 #BBB, 0 4px 0 #B9B9B9, 0 5px 0 #AAA, 0 6px 1px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15);
}
.error-page #page-content {
	background: none;
	text-align: center;
}
/* ---------------------------------------------------------------------- */

/*	Error Page
 /*  Tutorial credit: http://24ways.org/2009/css-animations/
 /* ---------------------------------------------------------------------- */
.negative .notification-icon {
	background: url('../images/jarvis/negative_48.png') no-repeat center center rgba(0, 0, 0, 0);
}
.error-page body, .error-page.animate body {
	margin: 0;
	overflow: hidden;
	background: #000;
}
.error-page .main-search {
	margin: 50px auto;
	max-width: 300px;
}
.error-page .main-search input {
	height: 50px;
	font-size: 20px;
	padding-left: 39px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border: 1px solid #ADADAD;
	color: #ADADAD;
}
.error-page .main-search input:focus {
	color: #fff;
}
.error-page .main-search label {
	top: 9px;
	left: 16px;
	font-size: 20px;
	color: #ADADAD;
}
.error-page.animate body {
	-webkit-animation-name: pulse;
	-webkit-animation-duration: 30s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
.error-page #page-content p {
	z-index: -1;
	position: fixed;
	top: 50%;
	left: 50%;
}
.error-page #page-content h3 {
	color: #fff;
	font-weight: bold;
}
@-webkit-keyframes pulse {
from {
	background: #000;
}
25% {
background-color: #003;
}
50% {
background-color: #030;
}
to {
	background: #000;
}
}
.error-page #fog, .error-page #fog-2 {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 2000px;
	height: 2000px;
	margin-top: -1000px;
	margin-left: -1000px;
	opacity: .5;
	background: url(../images/errorpage/fog.png) repeat-x 0 center;
	-webkit-animation-name: fogAnimation;
	-webkit-animation-duration: 30s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
.error-page #fog-2 {
	opacity: 1;
	-webkit-animation-duration: 120s;
}
@-webkit-keyframes fogAnimation {
from {
	-webkit-transform: rotate(0deg);
	background-position: 0 center;
}
to {
	-webkit-transform: rotate(360deg);
	background-position: 1000px center;
}
}
.error-page #glow {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 800px;
	height: 800px;
	margin: -400px 0 0 -400px;
	background: url(../images/errorpage/glow.png) repeat-x 0 0;
	-webkit-animation-name: glowAnimation;
	-webkit-animation-duration: 5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
@-webkit-keyframes glowAnimation {
from {
	opacity: 1;
}
50% {
opacity: .75;
}
to {
	opacity: 1;
}
}
.error-page #light {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 800px;
	height: 800px;
	margin: -400px 0 0 -400px;
	background: url(../images/errorpage/light.png) no-repeat center center;
	-webkit-animation-name: lightAnimation;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
@-webkit-keyframes lightAnimation {
from {
	opacity: .25;
}
50% {
opacity: .5;
}
to {
	opacity: .25;
}
}
.error-page #stars, .error-page #stars-2, .error-page #small-stars, .error-page #small-stars-2 {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 600px;
	height: 600px;
	margin: -300px 0 0 -300px;
	background: url(../images/errorpage/stars-large.png) no-repeat center center;
	-webkit-animation-name: starsLarge;
	-webkit-animation-duration: 60s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
@-webkit-keyframes starsLarge {
from {
	-webkit-transform: rotate(0deg) scale(3);
	opacity: .1;
}
to {
	-webkit-transform: rotate(360deg) scale(.5);
	opacity: 0;
}
}
.error-page #stars-2 {
	-webkit-animation-name: starsLargeAlt;
	-webkit-animation-duration: 45s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
@-webkit-keyframes starsLargeAlt {
from {
	-webkit-transform: rotate(180deg) scale(3);
	opacity: .25;
}
to {
	-webkit-transform: rotate(360deg) scale(.5);
	opacity: 0;
}
}
.error-page #small-stars, .error-page #small-stars-2 {
	background: url(../images/errorpage/stars-small.png) no-repeat center center;
	-webkit-animation-duration: 15s;
	-webkit-animation-name: starsSmall;
}
.error-page #small-stars-2 {
	-webkit-animation-name: starsSmallAlt;
	-webkit-animation-duration: 30s;
}
@-webkit-keyframes starsSmall {
from {
	-webkit-transform: rotate(360deg) scale(3);
	opacity: .25;
}
to {
	-webkit-transform: rotate(0deg) scale(.5);
	opacity: 0;
}
}
@-webkit-keyframes
starsSmallAlt {from {
	-webkit-transform: rotate(0deg) scale(3);
	opacity: .1;
}
to {
	-webkit-transform: rotate(360deg) scale(.5);
	opacity: 0;
}
}
/* ---------------------------------------------------------------------- */

/*	For Demo Purpose (delete if not needed)
 /* ---------------------------------------------------------------------- */
#theme-switcher {
	float: right;
	position: relative;
	margin: 8px 0 0 7px;
}
.show-in-middle {
	text-align: center;
}
.red-icon, .green-icon, .purple-icon, .grey-icon, .navyblue-icon, .yellow-icon, .pink-icon, .orange-icon {
	margin-right: 10px;
	margin-left: -5px;
	font-size: 18px;
}
.red-icon, .red {
	color: #931313
}
.green-icon, .green {
	color: #69b874
}
.purple-icon, .purple {
	color: #8e69b8
}
.grey-icon, .grey {
	color: #555
}
.navyblue-icon, .navyblue {
	color: #5E8ABD
}
.yellow-icon, .yellow {
	color: #91864F
}
.pink-icon, .pink {
	color: #b869a8
}
.orange-icon, .orange {
	color: #E46869
}
ul.all-icons-display {
	margin: 0;
	padding: 20px;
	float: left;
}
ul.all-icons-display li {
	float: left;
	width: 25%;
	margin: 5px 0;
	list-style: none;
}
ul.all-icons-display li i {
	font-size: 15px;
}
/*Changes*/
.widget.alert strong {
	line-height: 20px;
}
.inner-spacer .table a.btn-default {
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
	background-image: -o-linear-gradient(top, #fff, #e6e6e6);
	background-image: linear-gradient(to bottom, #fff, #e6e6e6);
	background-repeat: repeat-x;
	border: 1px solid #ccc;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	border-bottom-color: #b3b3b3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.inner-spacer .table a.btn {
	padding: 4px 12px;
}
#theme-switcher .btn-group .btn span.caret {
	border-top: 4px solid #fff;
}
#calendar-buttons .btn-group .btn-sm {
	padding: 2px 10px;
}
.jGrowl-message {
	font-weight: normal;
}
.themed .form-group .input-append .add-on, .themed .form-group .input-prepend .add-on {
	display: inline-block;
	display: inline-block;
	width: auto;
	height: 30px;
	min-width: 16px;
	padding: 4px 5px;
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	text-align: center;
	text-shadow: 0 1px 0 #fff;
	background-color: #eee;
	border: 1px solid #ccc;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	position: absolute;
	border-left: none;
}
.themed .form-group .input-append input[type="text"] {
	background-color: #fff;
	border: 1px solid #ccc;
	height: 30px;
	padding: 4px 6px;
	line-height: 20px;
	color: #555;
}
.themed .form-group .input-append, .themed .form-group .input-prepend {
	display: inline-block;
	font-size: 0;
	white-space: nowrap;
	line-height: 20px;
	position: relative;
}
.select2-container .select2-choice span, .select2-results .select2-result-label {
	font-weight: normal;
}
#multiSelect-nostyle {
	padding: 7px;
	border: 1px solid #ccc;
	color: #5f5f5f;
}
div.uploader span.filename, .inner-spacer .form-horizontal .form-group label, .form-horizontal .form-group .help-block {
	font-weight: normal;
}
.themed .form-group .controls .btn {
	padding: 3px 12px;
}

.message-control-panel .btn+ .dropdown-toggle {
	padding: 6px 8px 5px 8px;
}
.inner-spacer .chart {
	font-weight: normal;
}
.inner-spacer .progress-stats .progress, .inner-spacer .well .progress, .form-horizontal .form-group .progress {
	height: 22px;
	text-align: center;
}
.stats-across span, .stats-across {
	font-weight: normal;
}
.inner-spacer .form-horizontal .form-group {
	margin-left: 0;
	margin-right: 0;
}
.inner-spacer .form-horizontal .form-group .input-append .btn {
	padding: 6px 10px 5px 10px;
	border-radius: 0;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-left: 0;
}
.inner-spacer .form-horizontal .form-group .input-prepend .btn {
	padding: 6px 10px 5px 10px;
	border-radius: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	border-right: 0;
}
.inner-spacer .form-horizontal .form-group .input-prepend .btn-group, .themed .form-group .input-append .btn-group { vertical-align: bottom;}
.table > thead > tr > th {
	border-bottom: none;
}
.table > tbody > tr > td {
	font-weight: normal;
}
.jarviswidget > header {
	/*height: 46px;*/
}
.label-inverse, .badge-inverse {
	background-color: #333;
}
.label {
	font-size: 12px;
}
code {
	padding: 2px 4px;
	color: #d14;
	white-space: nowrap;
	background-color: #f7f7f9;
	border: 1px solid #e1e1e8;
}
.btn-inverse, .btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
	color: #fff;
	background-color: #222;
}
.alert h4 {
	font-weight: bold;
	margin-bottom: 3px;
}
.well.light ul, .well.light ol {
	padding: 0;
	margin: 0 0 10px 25px;
}
.well.light ul li, .well.light ol li {
	font-weight: normal;
}
#validate-demo-js .form-group .controls input, #inverse-tab1 .form-group .controls input {
	width: 100%;
	height: 30px;
	padding: 4px 6px;
	border: 1px solid #ccc;
}

.pagination {
	margin: 0;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	border-color: #ccc;
}
.dt-header .dataTables_filter input {
	width: 230px;
	padding: 5px 10px !important;
	border: 1px solid #ccc;
	border-radius: 4px;
}
.form-group  .btn-toolbar .btn-group .btn-group > .btn+ .dropdown-toggle {
	padding: 6px;
}
.form-group  .btn-toolbar .btn-group .btn {
	padding-right: 5px;
	padding-left: 6px;
}
.inner-spacer .table a.btn-inverse .caret {
	border-top: 4px solid #fff;
}
.pagination-lg > li > a, .pagination-lg > li > span {
	padding: 10px 15px;
}
.btn {
	border: 1px solid #ccc;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
}
.breadcrumb > li+ li:before {
	padding: 0 2px;
}
.inner-spacer .table a.btn {
	line-height: 20px;
}
.inner-spacer .table a.dropdown-toggle {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	line-height: 20px;
}
.select2-container { width: 100%;}