/*==================================================================
  Form Wrappers
===================================================================*/
.form-elements, .form-elements * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.form-elements {
	line-height: 1.231;
	font-weight: 400;
	font-size: 14px;
	color: #626262;
}

.form-elements .section {
	margin-bottom: 22px;
}

/*==================================================================
  Browser Styling Reset
===================================================================*/
.form-elements .gui-input, .form-elements .gui-textarea, .form-elements input[type="button"], .form-elements input[type="submit"], .form-elements input[type="search"], .form-elements input[type="search"]::-webkit-search-decoration, .form-elements input[type="search"]::-webkit-search-cancel-button, .form-elements input[type="search"]::-webkit-search-results-button, .form-elements input[type="search"]::-webkit-search-results-decoration {
	display: none;
}

/*==================================================================
  Prevent user selection. For usability purposes
===================================================================*/
.form-elements .radio, .form-elements .button, .form-elements .checkbox, .form-elements .switch > label, .form-elements .switch2 > label, .form-elements .ui-slider .ui-slider-handle {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/*==================================================================
  Input General Styles
===================================================================*/
.form-elements label, .form-elements input, .form-elements button, .form-elements textarea {
	margin: 0;
	font-size: 14px;
	font-weight: 400;
	color: #626262;
	outline: none;
}

/*==================================================================
  Input Animations
===================================================================*/
.form-elements .radio, .form-elements .button, .form-elements .tooltip, .form-elements .checkbox, .form-elements .gui-input, .form-elements .input-footer, .form-elements .notification, .form-elements .gui-textarea {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	outline: none;
}

.form-elements .input-link, .form-elements .panel-heading, .form-elements .section-divider span {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

/*===============================================
  Form Dividers
================================================= */
.form-elements .spacer {
	border-top: 1px solid #eee;
	margin-top: 10px;
	margin-bottom: 10px;
	display: block;
	height: 0;
}

/*==================================================================
  Form Text Elements
===================================================================*/

/* Themed Link */
.form-elements .theme-link {
	color: #4a89dc;
	text-decoration: none;
}

.form-elements .theme-link:hover {
	text-decoration: underline;
}

/* Section Divider */
.form-elements .section-divider {
	height: 0;
	border-top: 1px solid #DDD;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 30px;
}

.form-elements .section-divider span {
	display: inline-block;
	position: relative;
	padding: 0 17px;
	background: #e9e9e9;
	color: #999;
	top: -11px;
	font-size: 15px;
}

.form-elements.panel .section-divider span, .form-elements .panel .section-divider span, .form-elements.tab-content .section-divider span, .form-elements .tab-content .section-divider span {
	background: #fff;
}

.form-elements.bg-light .section-divider span, .form-elements .bg-light .section-divider span {
	background: #FAFAFA;
}

.form-elements.bg-light.light .section-divider span, .form-elements .bg-light.light .section-divider span {
	background: #FEFEFE;
}

.form-elements.bg-light.dark .section-divider span, .form-elements .bg-light.dark .section-divider span {
	background: #F2F2F2;
}

.form-elements.well .section-divider span, .form-elements .well .section-divider span {
	background: #f5f5f5;
}

/* Input Labels */
.form-elements .switch, .form-elements .switch2, .form-elements .option, .form-elements .field-label {
	font-size: 14px;
}

/* Column Labels - Can also use .field-align */
.form-elements .field-label[class*='col-'] {
	line-height: 42px;
}

.form-elements .field-align {
	line-height: 42px;
}

/*==================================================================
  General Input Styling 
===================================================================*/
.form-elements .radio, .form-elements .option, .form-elements .checkbox {
	cursor: pointer;
}

.form-elements .field {
	display: block;
	position: relative;
}

.form-elements .field-icon i {
	color: #BBB;
	position: relative;
}

.form-elements .field-label {
	display: block;
	margin-bottom: 7px;
}

.form-elements .field-label em {
	color: #e74c3c;
	font-size: 14px;
	font-style: normal;
	display: inline-block;
	margin-left: 4px;
	position: relative;
	top: 3px;
}

.form-elements .gui-input, .form-elements .gui-textarea {
	padding: 10px;
}

.form-elements .gui-input, .form-elements .gui-textarea {
	position: relative;
	vertical-align: top;
	border: 1px solid #DDD;
	display: -moz-inline-stack;
	display: inline-block;
	*display: inline;
	color: #626262;
	outline: none;
	height: 42px;
	width: 100%;
	*zoom: 1;
}

/*==================================================================
 Form Textarea
===================================================================*/
.form-elements .gui-textarea {
	resize: none;
	line-height: 19px;
	overflow: auto;
	max-width: 100%;
	height: 96px;
}

/*==================================================================
  Form File Inputs
===================================================================*/
.form-elements .file {
	display: block;
	width: 100%;
}

.form-elements .file .gui-file {
	width: 100%;
	height: 100%;
	cursor: pointer;
	padding: 8px 10px;
	position: absolute;
	-moz-opacity: 0;
	opacity: 0;
	z-index: 11;
	bottom: 0;
	right: 0;
}

/* Default state positions button right */
.form-elements .file .button {
	position: absolute;
	top: 4px;
	right: 4px;
	float: none;
	height: 34px;
	line-height: 34px;
	padding: 0 16px;
	z-index: 10;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

/* File Button - Left Style */
.form-elements .file.append-button .button {
	left: 4px;
	right: auto;
}

.form-elements .file.append-button > input.gui-input {
	padding-right: 40px;
	padding-left: 125px;
	text-align: right;
}

.form-elements .file.append-button > label.field-icon {
	right: 4px;
	left: auto;
}

/*==================================================================
  Form Inputs:hover state
-===================================================================*/
.form-elements .gui-input:hover, .form-elements .gui-textarea:hover, .form-elements .gui-input:hover ~ .input-footer, .form-elements .file .gui-file:hover + .gui-input, .form-elements .gui-textarea:hover ~ .input-footer {
	border-color: #888;
}

/*==================================================================
  Form Inputs:focus state
===================================================================*/
.form-elements .gui-input:focus, .form-elements .gui-textarea:focus {
	color: #3c3c3c;
	background: #fff;
	border: 1px solid #999;
	outline: none;
}

.form-elements .gui-textarea:focus {
	height: 120px;
}

.form-elements .gui-input:focus ~ .field-icon i, .form-elements .gui-textarea:focus ~ .field-icon i {
	color: #999;
}

.form-elements .gui-input:focus ~ .input-footer, .form-elements .gui-textarea:focus ~ .input-footer, .form-elements .file .gui-file:focus + .gui-input {
	border-color: #999;
}

/*==================================================================
  Radio/Checkboxes
-===================================================================*/
.form-elements .option {
	position: relative;
	padding-right: 15px;
	display: inline-block;
	vertical-align: middle;
}

.form-elements .option > input {
	position: absolute;
	height: inherit;
	width: inherit;
	opacity: 0;
	left: 0;
}

.form-elements .checkbox, .form-elements .radio {
	cursor: pointer;
	position: relative;
	margin-right: 5px;
	background: #fff;
	display: inline-block;
	border: 3px solid #DDD;
	height: 21px;
	width: 21px;
	top: 4px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.form-elements .checkbox:before, .form-elements .radio:before {
	content: '';
	display: none;
}

.form-elements input:checked + .checkbox:before, .form-elements input:checked + .radio:before {
	display: block;
}

.form-elements .checkbox:before {
	position: absolute;
	top: 4px;
	left: 3px;
	width: 6px;
	height: 3px;
	border: solid #888;
	border-width: 0 0 3px 3px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.form-elements input:checked + .checkbox, .form-elements input:checked + .radio {
	border: 3px solid #888;
}

.form-elements .radio {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}

.form-elements .radio:before {
	margin: 4px;
	width: 7px;
	height: 7px;
	background: #888;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}

/*==================================================================
  Radio/Checkboxes:hover state 
===================================================================*/
.form-elements input:not([disabled]):hover + .checkbox, .form-elements input:not([disabled]):hover + .radio {
	border-color: #666;
}

/*==================================================================
  Radio/Checkboxes:focus state 
-===================================================================*/
.form-elements input:focus + .checkbox, .form-elements input:focus + .radio {
	border-color: #666;
}

.form-elements input:focus + .radio:before {
	background: #666;
}

.form-elements input:focus + .checkbox:before {
	border-color: #666;
}

/*==================================================================
  Switches
===================================================================*/
.form-elements .switch {
	cursor: pointer;
	position: relative;
	padding-right: 10px;
	display: inline-block;
	margin-bottom: 5px;
	height: 26px;
}

.form-elements .switch > label {
	cursor: pointer;
	display: inline-block;
	position: relative;
	height: 25px;
	width: 58px;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	line-height: 20px;
	text-align: center;
	background: #D7D7D7;
	border: 2px solid #D7D7D7;
	text-transform: uppercase;
	font-family: Helvetica, Arial, sans-serif;
	-webkit-transition: 0.3s ease-out;
	-moz-transition: 0.3s ease-out;
	-o-transition: 0.3s ease-out;
	transition: 0.3s ease-out;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.form-elements .switch > label + span {
	display: inline-block;
	padding-left: 5px;
	position: relative;
	top: -7px;
}

.form-elements .switch > label:before {
	content: attr(data-off);
	position: absolute;
	top: 1px;
	right: 3px;
	width: 33px;
}

.form-elements .switch > label:after {
	content: "";
	margin: 1px;
	width: 19px;
	height: 19px;
	display: block;
	background: #fff;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.form-elements .switch > input {
	-webkit-appearance: none;
	position: absolute;
	width: inherit;
	height: inherit;
	opacity: 0;
	left: 0;
	top: 0;
}

.form-elements .switch2 {
	cursor: pointer;
	position: relative;
	padding-right: 10px;
	display: inline-block;
	margin-bottom: 5px;
	height: 26px;
}

.form-elements .switch2 > label {
	cursor: pointer;
	display: inline-block;
	position: relative;
	height: 25px;
	width: 80px;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	line-height: 20px;
	text-align: center;
	background: #D7D7D7;
	border: 2px solid #D7D7D7;
	text-transform: uppercase;
	font-family: Helvetica, Arial, sans-serif;
	-webkit-transition: 0.3s ease-out;
	-moz-transition: 0.3s ease-out;
	-o-transition: 0.3s ease-out;
	transition: 0.3s ease-out;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.form-elements .switch2 > label + span {
	display: inline-block;
	padding-left: 5px;
	position: relative;
	top: -7px;
}

.form-elements .switch2 > label:before {
	content: attr(data-off);
	position: absolute;
	top: 1px;
	right: 9px;
	width: auto;
}

.form-elements .switch2 > label:after {
	content: "";
	margin: 1px;
	width: 19px;
	height: 19px;
	display: block;
	background: #fff;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.form-elements .switch2 > input {
	-webkit-appearance: none;
	position: absolute;
	width: inherit;
	height: inherit;
	opacity: 0;
	left: 0;
	top: 0;
}

/*==================================================================
  Switch:focus state
-===================================================================*/
.form-elements .switch > input:focus, .form-elements .switch2 > input:focus {
	outline: none;
}

.form-elements .switch > input:focus + label, .form-elements .switch2 > input:focus + label {
	color: #fff;
	border-color: #C7C7C7;
	background: #C7C7C7;
}

.form-elements .switch > input:focus + label:after, .form-elements .switch2 > input:focus + label:after {
	background: #fff;
}

/*==================================================================
  Switch:checked state
===================================================================*/
.form-elements .switch > input:checked + label {
	border-color: #999;
	background: #999;
	padding-left: 33px;
	color: white;
}

.form-elements .switch2 > input:checked + label {
	border-color: #999;
	background: #999;
	padding-left: 55px;
	color: white;
}

.form-elements .switch2 > input:checked + label:before {
	content: attr(data-on);
	right: 23px;
	top: 1px;
}

.form-elements .switch > input:checked + label:before {
	content: attr(data-on);
	left: 1px;
	top: 1px;
}

.form-elements .switch > input:checked + label:after, .form-elements .switch2 > input:checked + label:after {
	margin: 1px;
	width: 19px;
	height: 19px;
	background: white;
}

/*==================================================================
  Switch:checked:focus state
-===================================================================*/
.form-elements .switch > input:checked:focus + label, .form-elements .switch2 > input:checked:focus + label {
	background: #555;
	border-color: #555;
}

/* Round Style*/
.form-elements .switch-round > label {
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	-o-border-radius: 13px;
	border-radius: 13px;
}

.form-elements .switch-round > label + span {
	top: -2px;
}

.form-elements .switch-round > label:before {
	width: 33px;
}

.form-elements .switch-round > label:after {
	width: 19px;
	color: #D7D7D7;
	content: "\2022";
	font: 20px/20px Times, Serif;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	-o-border-radius: 13px;
	border-radius: 13px;
}

.form-elements .switch-round > input:checked + label {
	padding-left: 33px;
}

.form-elements .switch-round > input:checked + label:after {
	color: #999;
}

/*==================================================================
  Switch - Custom Success/Danger Styled
-===================================================================*/
.form-elements .switch-custom > label {
	background: #f3a79b;
	border-color: #f3a79b;
}

.form-elements .switch-custom > input:hover + label, .form-elements .switch-custom > input:focus + label {
	background: #e74b31;
	border-color: #e74b31;
}

/* Checked state */
.form-elements .switch-custom > input:checked + label {
	background: #70ca63;
	border-color: #70ca63;
}

.form-elements .switch-custom > input:checked:hover + label, .form-elements .switch-custom > input:checked:focus + label {
	background: #47a839;
	border-color: #47a839;
}

/*==================================================================
  Input:disabled state
===================================================================*/
.form-elements .button[disabled], .form-elements .state-disabled .button, .form-elements input[disabled] + .radio, .form-elements input[disabled] + .checkbox, .form-elements .switch > input[disabled] + label, .form-elements .switch2 > input[disabled] + label {
	cursor: default;
	opacity: 0.5;
}

.form-elements .gui-input[disabled], .form-elements .gui-textarea[disabled], .form-elements .gui-input[disabled] ~ .input-footer, .form-elements .file .gui-file[disabled] + .gui-input, .form-elements .file .gui-file[disabled]:hover + .gui-input, .form-elements .gui-textarea[disabled] ~ .input-footer {
	background-color: #f4f6f6;
	border-color: #d5dbdb!important;
	cursor: default;
	color: #AAA;
	opacity: 0.7;
}

.form-elements input[disabled] ~ .field-icon i, .form-elements textarea[disabled] ~ .field-icon i {
	opacity: 0.4;
}

/*==================================================================
  Form Footer
===================================================================*/
.form-elements .input-footer {
	padding: 10px;
	display: block;
	margin-top: -1px;
	line-height: 16px;
	position: relative;
	background: #F5F5F5;
	border: 1px solid #DDD;
	font-family: Arial, Helvetica, sans-serif;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	font-size: 11px;
	color: #999;
}

/*==================================================================
  Input Icons
===================================================================*/
.form-elements .append-icon, .form-elements .prepend-icon {
	top: 0;
	left: 0;
	display: inline-block;
	vertical-align: top;
	position: relative;
	width: 100%;
}

.form-elements .append-icon .field-icon, .form-elements .prepend-icon .field-icon {
	top: 0;
	z-index: 4;
	width: 42px;
	height: 42px;
	color: inherit;
	line-height: 42px;
	position: absolute;
	text-align: center;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	pointer-events: none;
}

.form-elements .append-icon .field-icon i, .form-elements .prepend-icon .field-icon i {
	position: relative;
	font-size: 14px;
}

.form-elements .prepend-icon .field-icon {
	left: 0;
}

.form-elements .append-icon .field-icon {
	right: 0;
}

.form-elements .prepend-icon > input, .form-elements .prepend-icon > textarea {
	padding-left: 36px;
}

.form-elements .append-icon > input, .form-elements .append-icon > textarea {
	padding-right: 36px;
	padding-left: 10px;
}

.form-elements .append-icon > textarea {
	padding-right: 36px;
}

/*==================================================================
  Input Tooltips
===================================================================*/
.form-elements .tooltip {
	position: absolute;
	z-index: -1;
	opacity: 0;
	color: #fff;
	width: 184px;
	left: -9999px;
	top: auto;
	font-size: 11px;
	font-weight: normal;
	background: #666;
	-webkit-transition: margin 0.6s, opacity 0.6s;
	-moz-transition: margin 0.6s, opacity 0.6s;
	-ms-transition: margin 0.6s, opacity 0.6s;
	-o-transition: margin 0.6s, opacity 0.6s;
	transition: margin 0.6s, opacity 0.6s;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.form-elements .tooltip > em {
	padding: 12px;
	font-style: normal;
	display: block;
	position: static;
}

.form-elements .tooltip:after {
	content: '';
	position: absolute;
}

.form-elements .gui-input:focus + .tooltip, .form-elements .gui-textarea:focus + .tooltip {
	opacity: 1;
	z-index: 999;
}

/*==================================================================
  Tooltip - Left
===================================================================*/
.form-elements .tip-left {
	top: 1px;
	margin-right: -20px;
}

.form-elements .tip-left:after {
	top: 12px;
	left: 100%;
	border-left: 8px solid #666;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
}

.form-elements .gui-input:focus + .tip-left, .form-elements .gui-textarea:focus + .tip-left {
	margin-right: 5px;
	right: 100%;
	left: auto;
}

/*==================================================================
  Tooltip - Right
===================================================================*/
.form-elements .tip-right {
	top: 1px;
	margin-left: -20px;
}

.form-elements .tip-right:after {
	top: 12px;
	right: 100%;
	border-right: 8px solid #666;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
}

.form-elements .gui-input:focus + .tip-right, .form-elements .gui-textarea:focus + .tip-right {
	left: 100%;
	margin-left: 5px;
}

/*==================================================================
  Tooltip - Right/Top
===================================================================*/
.form-elements .tip-right-top {
	bottom: 100%;
	margin-bottom: -20px;
}

.form-elements .tip-right-top:after {
	top: 100%;
	right: 12px;
	border-top: 8px solid #666;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}

.form-elements .gui-input:focus + .tip-right-top, .form-elements .gui-textarea:focus + .tip-right-top {
	right: 0;
	left: auto;
	margin-bottom: 10px;
}

/*==================================================================
  Tooltip - Left/Top
===================================================================*/
.form-elements .tip-left-top {
	bottom: 100%;
	margin-bottom: -20px;
}

.form-elements .tip-left-top:after {
	top: 100%;
	left: 12px;
	border-top: 8px solid #666;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}

.form-elements .gui-input:focus + .tip-left-top, .form-elements .gui-textarea:focus + .tip-left-top {
	left: 0;
	right: auto;
	margin-bottom: 10px;
}

/*==================================================================
  Tooltip - Right/Bottom
===================================================================*/
.form-elements .tip-right-bottom {
	top: 100%;
	margin-top: -20px;
}

.form-elements .tip-right-bottom:after {
	right: 12px;
	bottom: 100%;
	border-bottom: 8px solid #666;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}

.form-elements .gui-input:focus + .tip-right-bottom, .form-elements .gui-textarea:focus + .tip-right-bottom {
	margin-top: 10px;
	left: auto;
	right: 0;
}

/*==================================================================
  Tooltip - Left/Bottom
===================================================================*/
.form-elements .tip-left-bottom {
	top: 100%;
	margin-top: -20px;
}

.form-elements .tip-left-bottom:after {
	left: 12px;
	bottom: 100%;
	border-bottom: 8px solid #666;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}

.form-elements .gui-input:focus + .tip-left-bottom, .form-elements .gui-textarea:focus + .tip-left-bottom {
	margin-top: 10px;
	right: auto;
	left: 0;
}

/*==================================================================
  Validation - error state
===================================================================*/
.form-elements .state-error .gui-input, .form-elements .state-error .gui-textarea, .form-elements .state-error input:hover + .checkbox, .form-elements .state-error input:hover + .radio, .form-elements .state-error input:focus + .checkbox, .form-elements .state-error input:focus + .radio, .form-elements .state-error .checkbox, .form-elements .state-error .radio {
	background: #FEE9EA;
	border-color: #DE888A;
}

.form-elements .state-error .gui-input:focus, .form-elements .state-error .gui-textarea:focus {
	-webkit-box-shadow: 0px 0px 3px #DE888A inset;
	-moz-box-shadow: 0px 0px 3px #DE888A inset;
	-o-box-shadow: 0px 0px 3px #DE888A inset;
	box-shadow: 0px 0px 3px #DE888A inset;
}

.form-elements .state-error .gui-input ~ .field-icon i, .form-elements .state-error .gui-textarea ~ .field-icon i {
	color: #DE888A;
}

.form-elements .state-error .gui-input ~ .input-footer, .form-elements .state-error.file .gui-file:hover + .gui-input, .form-elements .state-error .gui-textarea ~ .input-footer {
	border-color: #DE888A;
}

.form-elements .state-error + em {
	display: block!important;
	margin-top: 6px;
	padding: 0 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-size: 0.85em;
	color: #DE888A;
}

/*==================================================================
  Validation - success state 
===================================================================*/
.form-elements .state-success .gui-input, .form-elements .state-success .gui-textarea .form-elements .state-success input:hover + .checkbox, .form-elements .state-success input:hover + .radio, .form-elements .state-success input:focus + .checkbox, .form-elements .state-success input:focus + .radio, .form-elements .state-success .checkbox, .form-elements .state-success .radio {
	background: #F0FEE9;
	border-color: #A5D491;
}

.form-elements .state-success .gui-input:focus, .form-elements .state-success .gui-textarea:focus {
	-webkit-box-shadow: 0px 0px 3px #A5D491 inset;
	-moz-box-shadow: 0px 0px 3px #A5D491 inset;
	-o-box-shadow: 0px 0px 3px #A5D491 inset;
	box-shadow: 0px 0px 3px #A5D491 inset;
}

.form-elements .state-success .gui-input ~ .field-icon i, .form-elements .state-success .gui-textarea ~ .field-icon i {
	color: #A5D491;
}

.form-elements .state-success .gui-input ~ .input-footer, .form-elements .state-success.file .gui-file:hover + .gui-input, .form-elements .state-success .gui-textarea ~ .input-footer {
	border-color: #A5D491;
}

/*==================================================================
  Smart Widget
  * These widgets helps us to position an element, button,
  * label or span. The positions can either be left or right
  * while the input stays 100%. Use this to rapidly create
  * search widgets, newsletter subscribe etc .
====================================================================*/
.form-elements .smart-widget, .form-elements .append-picker-icon, .form-elements .prepend-picker-icon {
	position: relative;
	display: block;
}

.form-elements .smart-widget .field input, .form-elements .append-picker-icon input, .form-elements .prepend-picker-icon input {
	width: 100%;
}

.form-elements .sm-left input, .form-elements .prepend-picker-icon input {
	-webkit-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
}

.form-elements .sm-right input, .form-elements .append-picker-icon input {
	-webkit-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
}

.form-elements .append-picker-icon button, .form-elements .prepend-picker-icon button, .form-elements .smart-widget .button {
	cursor: pointer;
	position: absolute;
	top: 0;
	color: #626262;
	height: 42px;
	line-height: 40px;
	border: 1px solid #DDD;
	background: #F5F5F5;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

/* Disabled Prepended Icon State */
.form-elements .prepend-picker-icon button:disabled {
	background-color: #f4f6f6 !important;
	border-color: #d5dbdb!important;
}

.form-elements .sm-right .button, .form-elements .append-picker-icon button {
	border-left: 0;
	-webkit-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
}

.form-elements .sm-left .button, .form-elements .prepend-picker-icon button {
	border-right: 0;
	-webkit-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
}

.form-elements .sm-left .button, .form-elements .prepend-picker-icon button {
	left: 0;
}

.form-elements .sm-right .button, .form-elements .append-picker-icon button {
	right: 0;
}

/*==================================================================
  Smart Widget Button - Left 
===================================================================*/
.form-elements .sml-50, .form-elements .prepend-picker-icon {
	padding-left: 50px;
}

.form-elements .sml-50 .button, .form-elements .prepend-picker-icon button {
	width: 50px;
}

.form-elements .sml-80 {
	padding-left: 80px;
}

.form-elements .sml-80 .button {
	width: 80px;
}

.form-elements .sml-120 {
	padding-left: 120px;
}

.form-elements .sml-120 .button {
	width: 120px;
}

.form-elements .sml-160 {
	padding-left: 160px;
}

.form-elements .sml-160 .button {
	width: 160px;
}

/*==================================================================
  Smart Widget Button - Right 
===================================================================*/
.form-elements .smr-50, .form-elements .append-picker-icon {
	padding-right: 50px;
}

.form-elements .smr-50 .button, .form-elements .append-picker-icon button {
	width: 50px;
}

.form-elements .smr-80 {
	padding-right: 80px;
}

.form-elements .smr-80 .button {
	width: 80px;
}

.form-elements .smr-120 {
	padding-right: 120px;
}

.form-elements .smr-120 .button {
	width: 120px;
}

.form-elements .smr-140 {
	padding-right: 140px;
}

.form-elements .smr-140 .button {
	width: 140px;
}

.form-elements .smr-160 {
	padding-right: 160px;
}

.form-elements .smr-160 .button {
	width: 160px;
}

/*==================================================================
  Rating Star Widget - with hover
-===================================================================*/
.form-elements .rating {
	overflow: hidden;
}

.form-elements .rating.block {
	display: block;
	margin: 10px 0;
}

.form-elements .rating label {
	color: #CCC;
}

.form-elements .rating label i {
	font-size: 17px;
	text-align: center;
	color: inherit;
}

.form-elements .rating label span {
	font: 22px/22px Times, Serif;
}

.form-elements .rating-star {
	margin-left: 4px;
}

.form-elements .rating-input {
	position: absolute;
	left: -9999px;
	top: auto;
}

.form-elements .rating:hover .rating-star:hover, .form-elements .rating:hover .rating-star:hover ~ .rating-star, .form-elements .rating-input:checked ~ .rating-star {
	color: #666;
}

.form-elements .rating-star, .form-elements .rating:hover .rating-star {
	width: 18px;
	float: right;
	display: block;
	cursor: pointer;
	color: #CCC;
}

/*==================================================================
  Buttons
-===================================================================*/
.form-elements .button {
	color: #243140;
	border: 0;
	height: 42px;
	line-height: 42px;
	font-size: 15px;
	cursor: pointer;
	padding: 0 18px;
	text-align: center;
	vertical-align: top;
	background: #DBDBDB;
	display: inline-block;
	-webkit-user-drag: none;
	text-shadow: 0 1px rgba(255, 255, 255, 0.2);
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

/*==================================================================
  Button States
===================================================================*/
.form-elements .button:hover {
	color: #243140;
	background: #EEE;
}

.form-elements .button:active {
	color: #1d2938;
	-moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.form-elements a.button, .form-elements span.button, .form-elements label.button {
	line-height: 42px;
	text-decoration: none;
}

.form-elements .button i {
	font-size: 14px;
}

.form-elements .button-list .button {
	margin-bottom: 5px;
}

/*==================================================================
  Primary Button
-===================================================================*/
.form-elements .btn-primary {
	background-color: #3bafda;
}

.form-elements .btn-primary:hover, .form-elements .btn-primary:focus {
	background-color: #3bafda;
}

.form-elements .btn-primary:active {
	background-color: #3bafda;
}

.form-elements .btn-primary, .form-elements .btn-primary:hover, .form-elements .btn-primary:focus, .form-elements .btn-primary:active {
	color: #fff;
	text-shadow: 0 1px rgba(0, 0, 0, 0.08);
}

/*==================================================================
  Left + Right Shaped Buttons
-===================================================================*/
.form-elements .button-left, .form-elements .button-right {
	position: relative;
	z-index: 9;
}

.form-elements .button-left:before, .form-elements .button-right:before {
	content: '';
	z-index: -1;
	width: 32px;
	height: 32px;
	position: absolute;
	background-color: inherit;
	border-color: inherit;
	border: none;
	top: 5px;
}

.form-elements .button-left {
	border-left-width: 0;
	padding: 0 18px 0 7px;
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	-o-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	margin-left: 20px;
}

.form-elements .button-left:before {
	left: -15px;
	-webkit-border-radius: 2px 5px 0 5px;
	-moz-border-radius: 2px 5px 0 5px;
	-o-border-radius: 2px 5px 0 5px;
	border-radius: 2px 5px 0 5px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.form-elements .button-right {
	padding: 0 7px 0 18px;
	border-right-width: 0;
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	-o-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
	margin-right: 20px;
}

.form-elements .button-right:before {
	right: -15px;
	-webkit-border-radius: 5px 2px 5px 0;
	-moz-border-radius: 5px 2px 5px 0;
	-o-border-radius: 5px 2px 5px 0;
	border-radius: 5px 2px 5px 0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

/*==================================================================
  Buttons - Push Effect
-===================================================================*/
.form-elements .pushed {
	-webkit-box-shadow: inset 0 -0.3em 0 rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0 -0.3em 0 rgba(0, 0, 0, 0.2);
	-o-box-shadow: inset 0 -0.3em 0 rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 -0.3em 0 rgba(0, 0, 0, 0.2);
	position: relative;
}

.form-elements .pushed:active {
	-webkit-box-shadow: inset 0 -0.15em 0 rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0 -0.15em 0 rgba(0, 0, 0, 0.2);
	-o-box-shadow: inset 0 -0.15em 0 rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 -0.15em 0 rgba(0, 0, 0, 0.2);
	top: 2px;
}

.form-elements .pushed.button-left:before {
	-webkit-box-shadow: inset 0.35em 0 0 rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0.35em 0 0 rgba(0, 0, 0, 0.2);
	-o-box-shadow: inset 0.35em 0 0 rgba(0, 0, 0, 0.2);
	box-shadow: inset 0.35em 0 0 rgba(0, 0, 0, 0.2);
}

.form-elements .pushed:active.button-left:before {
	-webkit-box-shadow: inset 0.2em 0 0 rgba(0, 0, 0, 0.2);
	box-shadow: inset 0.2em 0 0 rgba(0, 0, 0, 0.2);
}

.form-elements .pushed.button-right:before {
	-webkit-box-shadow: inset -0.35em 0 0 rgba(0, 0, 0, 0.2);
	box-shadow: inset -0.35em 0 0 rgba(0, 0, 0, 0.2);
}

.form-elements .pushed:active.button-right:before {
	-webkit-box-shadow: inset -0.2em 0 0 rgba(0, 0, 0, 0.2);
	box-shadow: inset -0.2em 0 0 rgba(0, 0, 0, 0.2);
}

/*==================================================================
  Buttons - Footer Adjustment
-===================================================================*/
.form-elements .form-footer .button {
	margin-right: 10px;
	margin-bottom: 5px;
}

.form-elements .align-right .button {
	margin-right: 0;
	margin-left: 10px;
}

/*==================================================================
  Buttons - Social
===================================================================*/
.form-elements .twitter, .form-elements .twitter:hover, .form-elements .twitter:focus, .form-elements .facebook, .form-elements .facebook:hover, .form-elements .facebook:focus, .form-elements .googleplus, .form-elements .googleplus:hover, .form-elements .googleplus:focus {
	color: #fff;
	text-shadow: 0 1px rgba(0, 0, 0, 0.08);
}

.form-elements .facebook {
	background-color: #3b5998;
}

.form-elements .twitter {
	background-color: #00acee;
}

.form-elements .googleplus {
	background-color: #dd4b39;
}

.form-elements .facebook:hover, .form-elements .facebook:focus {
	background-color: #25385F;
}

.form-elements .twitter:hover, .form-elements .twitter:focus {
	background-color: #00749F;
}

.form-elements .googleplus:hover, .form-elements .googleplus:focus {
	background-color: #8D2418;
}

.form-elements .span-left {
	padding-left: 56px;
	text-align: left;
}

.form-elements .btn-social {
	position: relative;
	font-weight: 600;
	margin-bottom: 5px;
}

.form-elements .btn-social i {
	font-size: 22px;
	font-weight: normal;
	position: relative;
	top: 3px;
}

.form-elements .btn-social span {
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	-o-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
	display: inline-block;
	text-align: center;
	position: absolute;
	width: 45px;
	left: 0;
}

.form-elements .twitter span {
	background-color: #009AD5;
}

.form-elements .facebook span {
	background-color: #31497D;
}

.form-elements .googleplus span {
	background-color: #C03121;
}

/*==================================================================
  Lists
-===================================================================*/
.form-elements .admin-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.form-elements .admin-list li {
	margin-bottom: 20px;
}

/*==================================================================
  ANDROID + IOS FIXES
===================================================================*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
		.form-elements .option, .form-elements .rating, .form-elements .switch, .form-elements .switch2, .form-elements .captcode {
			-webkit-animation: bugfix infinite 1s;
		}
		@	-webkit-keyframes bugfix {
			from {
			padding: 0;
		}

		to {
			padding: 0;
		}
	}

	.form-elements .switch, .form-elements .switch2 {
		margin-right: 10px;
		margin-bottom: 5px;
	}

	.form-elements .option {
		margin-right: 15px;
	}
}

/*==================================================================
  Responsiveness for Tablets + Smartphones
===================================================================*/
@media (max-width: 600px) {
	.form-elements .section row {
		margin: 0;
	}

	.form-elements .section row .colm {
		width: 100%;
		float: none;
		padding: 0;
	}

	.form-elements .bdl {
		border-left: 0;
	}

	.form-elements .border-right {
		border-right: 0;
	}

	.form-elements .align-right {
		text-align: left;
	}
}

/*==================================================================
  TEMP NEW INPUT FOCUS TRANSITION - REMOVE OR IMPLEMENT
===================================================================*/
.form-elements.theme-primary .gui-input {
	outline: 1px solid transparent;
	-webkit-transition: outline-color 0.5s ease;
	transition: outline-color ease 0.5s ease;
}

.form-elements.theme-primary .gui-input:focus {
	border-radius: 0;
	outline-color: #5d9cec;
}

/*==================================================================
  Stepper - jQuery UI
===================================================================*/
.stepper-wrap {
	position: relative;
	display: block;
	font: 11px Arial, sans-serif;
}

.stepper-wrap input {
	text-align: right;
	padding-right: 20px;
}

.stepper-btn-wrap {
	position: absolute;
	top: 0;
	right: -34px;
	width: 34px;
	height: 100%;
	overflow: hidden;
	background: #F5F5F5;
	border: 1px solid #ccc;
	border-width: 1px 1px 1px 0;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.stepper-btn-wrap a {
	display: block;
	height: 50%;
	overflow: hidden;
	line-height: 100%;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 0 #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-indent: -9999px;
	background: #F5F5F5;
	cursor: default;
	color: #666;
}

.stepper-btn-wrap a:hover {
	background: #F9F9F9;
}

.stepper-btn-up:before, .stepper-btn-dwn:before {
	content: '';
	border: 4px dashed;
	pointer-events: none;
	border-color: #9F9F9F transparent;
	border-color: #9f9f9f rgba(255, 255, 255, 0);
	position: absolute;
	right: 14px;
	z-index: 1;
	height: 0;
	top: 32%;
	width: 0;
}

.stepper-btn-up:before {
	border-bottom-style: solid;
	border-top: none;
}

.stepper-btn-dwn:before {
	margin-top: 10px;
	border-top-style: solid;
	border-bottom: none;
}

/*==================================================================
  Datepicker - jQuery UI
===================================================================*/
.ui-datepicker {
	z-index: 1025 !important;
	display: none;
	position: relative;
	width: 18em;
	margin-top: 8px;
	background: #fff;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #DDD;
	text-align: center;
	color: #666;
}

.ui-datepicker a {
	color: #404040;
	text-align: center;
}

.ui-datepicker .ui-state-disabled span {
	color: #DBDBDB;
}

.ui-datepicker .ui-datepicker-header {
	position: relative;
	background: #F5F5F5;
	border-bottom: 1px solid #E5E5E5;
	line-height: 27px;
	font-size: 15px;
	padding: 10px;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
	width: 34px;
	height: 34px;
	display: block;
	font-size: 14px;
	position: absolute;
	text-decoration: none;
	cursor: pointer;
	color: #666;
	top: 20.5%;
}

.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}

.ui-datepicker .ui-datepicker-next {
	right: 2px;
}

.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
	color: #555;
}

.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
	padding: 1px 5px;
	background-color: #EEE;
	border-color: #CCC;
}

.ui-datepicker .ui-datepicker-title select option {
	background: #FFF;
}

.ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
	width: 52%;
}

.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	margin: 0 0 15px;
	border-collapse: collapse;
}

.ui-datepicker th {
	padding: .5em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}

.ui-datepicker td {
	border: 0;
	padding: 2px 5px;
}

.ui-datepicker td span, .ui-datepicker td a {
	color: #AAA;
	padding: .35em .25em;
	display: block;
	text-align: center;
	text-decoration: none;
	border-radius: 3px;
}

.ui-datepicker td span:hover, .ui-datepicker td a:hover {
	background: #F5F5F5;
}

.ui-datepicker .ui-state-disabled span:hover {
	background: none;
}

.ui-datepicker-today a, .ui-datepicker-today a:hover, .ui-datepicker .ui-state-active, .ui-datepicker .ui-state-highlight {
	font-weight: 600;
	color: #fff;
	background: #CCC !important;
}

.ui-datepicker .ui-state-active {
	background: #888 !important;
}

/* jQuery UI Buttons */
.ui-datepicker-buttonpane {
	border-top: 1px solid #DDD;
	padding: 10px;
	background: #f8f8f8;
}

.ui-datepicker-buttonpane button {
	padding: 5px 12px;
	margin-right: 10px;
	font-size: 13px;
	position: relative;
	line-height: normal;
	display: inline-block;
	-webkit-user-drag: none;
	text-shadow: 0 1px rgba(255, 255, 255, 0.2);
	vertical-align: middle;
	background: #FFF;
	text-align: center;
	overflow: visible;
	cursor: pointer;
	color: #333;
	border: 1px solid #ddd;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

/* jQuery UI Button States */
.ui-datepicker-buttonpane button:hover {
	color: #243140;
	background: #f2f2f2;
}

.ui-datepicker-buttonpane button:active {
	color: #1d2938;
	background: #f0f0f0;
	border-color: #CCC;
}

.ui-monthpicker .ui-datepicker-header {
	margin-bottom: 3px;
}

/* Inline Picker */
.ui-datepicker-inline {
	width: 100%;
}

.ui-datepicker-inline, .ui-timepicker-inline, .ui-datetimepicker-inline {
	box-shadow: none;
	margin: 0 auto;
}

/*==================================================================
  Monthpicker - jQuery UI
===================================================================*/
.hasMonthpicker .ui-datepicker td {
	width: 25%;
	padding: 10px 8px;
}

/*==================================================================
  Multi-Month Datepicker - jQuery UI
===================================================================*/
.cal-widget .ui-datepicker {
	width: 100%;
	margin-top: 0;
}

.cal-widget .ui-datepicker:before {
	display: none;
}

.ui-datepicker.ui-datepicker-multi {
	width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.333%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}

.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/*==================================================================
  TimePicker - jQuery UI
===================================================================*/
.ui-timepicker-div .ui-widget-header {
	position: relative;
	background: #F5F5F5;
	line-height: 27px;
	font-size: 15px;
	padding: 10px;
	border-bottom: 1px solid #E5E5E5;
}

.ui-timepicker-div dl {
	text-align: left;
	padding: 15px 10px;
	margin: 0;
}

.ui-timepicker-div dl dt {
	float: left;
	clear: left;
	padding: 0 0 0 5px;
}

.ui-timepicker-div dl dd {
	margin: 0 10px 20px 40%;
}

.ui-timepicker-div dl .ui_tpicker_hour, .ui-timepicker-div dl .ui_tpicker_minute, .ui-timepicker-div dl .ui_tpicker_second, .ui-timepicker-div dl .ui_tpicker_millisec {
	background: #E5E5E5;
	position: relative;
	top: 6px;
}

.ui-timepicker-div td {
	font-size: 90%;
}

.ui-tpicker-grid-label {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}

.ui-timepicker-rtl {
	direction: rtl;
}

.ui-timepicker-rtl dl {
	text-align: right;
	padding: 0 5px 0 0;
}

.ui-timepicker-rtl dl dt {
	float: right;
	clear: right;
}

.ui-timepicker-rtl dl dd {
	margin: 0 40% 10px 10px;
}

/* jQuery Slider Settings when inside a timepicker widget */
.ui-timepicker-div .ui-slider .ui-slider-handle.ui-state-active {
	background: #FFF !important;
}

/*==================================================================
  Slider - jQuery UI
===================================================================*/
.form-elements .slider-countbox {
	margin-bottom: 5px;
	color: #f6931f;
	font-weight: bold;
	border: 0;
	background: transparent;
}

.slider-wrapper, .sliderv-wrapper {
	background: #E5E5E5;
	position: relative;
}

.ui-slider {
	position: relative;
	text-align: left;
}

.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.5em;
	height: 1.5em;
	cursor: default;
	background: #fff;
	border: 3px solid #ccc;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	-ms-touch-action: none;
	touch-action: none;
	margin-top: -3px;
	outline: none;
}

.ui-slider .ui-slider-handle:before {
	content: '';
	width: 7px;
	height: 7px;
	position: absolute;
	background-color: #ccc;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	z-index: 2;
	left: 4px;
	top: 4px;
}

.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
	background-color: #aaa;
}

.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .5em;
}

.ui-slider-horizontal .ui-slider-handle {
	top: -0.3em;
	margin-left: -0.6em;
}

.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, .sliderv-wrapper {
	width: .5em;
	height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
	left: -0.45em;
	margin-left: 0;
	margin-bottom: -0.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;
}

.slider-input {
	color: #f6931f!important;
	border: 0;
	background: none;
}

.slider-group .sliderv-wrapper {
	height: 150px;
	float: left;
	margin: 15px 15px;
}

.ui-slider .ui-state-active {
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: grabbing;
}

/* progress bar strips */
.ui-slider .ui-slider-range {
	background-size: 16px 16px;
	background-image: -webkit-linear-gradient(top left, transparent, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3));
	background-image: linear-gradient(to bottom right, transparent, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3));
}

/*==================================================================
  Slider Tooltips - jQuery UI
===================================================================*/
.slider-tip {
	display: block;
	position: absolute;
	text-align: center;
	font: 10pt Tahoma, Arial, sans-serif;
	background: #333333;
	padding: 10px;
	color: #fff;
}

.slider-wrapper .slider-tip {
	top: -50px;
	left: -15px;
}

.slider-wrapper .slider-tip:after {
	content: '';
	position: absolute;
	top: 98%;
	left: 35%;
	border-top: 8px solid #333333;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}

.sliderv-wrapper .slider-tip {
	left: 30px;
	top: -12px;
}

.sliderv-wrapper .slider-tip:after {
	content: '';
	position: absolute;
	top: 30%;
	right: 98%;
	border-right: 8px solid #333333;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
}

/*==================================================================
  Spectrum Color Picker
===================================================================*/
.sp-container {
	position: absolute;
	display: inline-block;
	*display: inline;
	z-index: 9999994;
	overflow: hidden;
	*zoom: 1;
	top: 0;
	left: 0;
	border-radius: 0;
	padding: 0;
	background: #f8f8f8;
	border: 1px solid #DDD;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}

/* expands container to the left of 
 * button, default opens right */
.sp-container.sp-left {
	top: 50px !important;
	left: auto !important;
	right: 0px !important;
}

.sp-container.sp-flat {
	position: relative;
}

.sp-top {
	position: relative;
	display: inline-block;
	width: 100%;
}

.sp-top-inner {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.sp-color {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 20%;
}

.sp-hue {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 84%;
	height: 100%;
}

.sp-clear-enabled .sp-hue {
	top: 33px;
	height: 77.5%;
}

.sp-fill {
	padding-top: 80%;
}

.sp-sat, .sp-val {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.sp-alpha-enabled .sp-top {
	margin-bottom: 18px;
}

.sp-alpha-enabled .sp-alpha {
	display: block;
}

.sp-alpha-handle {
	position: absolute;
	top: -4px;
	bottom: -4px;
	width: 6px;
	left: 50%;
	cursor: pointer;
	border: 1px solid black;
	background: white;
	opacity: .8;
}

.sp-alpha {
	display: none;
	position: absolute;
	bottom: -14px;
	right: 0;
	left: 0;
	height: 8px;
}

.sp-alpha-inner {
	border: solid 1px #333;
}

.sp-clear {
	display: none;
}

.sp-clear.sp-clear-display {
	background-position: center;
}

.sp-clear-enabled .sp-clear {
	display: block;
	position: absolute;
	top: 0px;
	right: 0;
	bottom: 0;
	left: 84%;
	height: 28px;
}

.sp-dd, .sp-clear, .sp-alpha, .sp-slider, .sp-dragger, .sp-preview, .sp-alpha-handle, .sp-container, .sp-replacer, .sp-container.sp-dragging .sp-input, .sp-container button {
	-webkit-user-select: none;
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.sp-container.sp-input-disabled .sp-input-container {
	display: none;
}

.sp-container.sp-buttons-disabled .sp-button-container {
	display: none;
}

.sp-palette-only .sp-picker-container {
	display: none;
}

.sp-palette-disabled .sp-palette-container {
	display: none;
}

.sp-initial-disabled .sp-initial {
	display: none;
}

.sp-sat {
	background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#ffffff), to(rgba(204, 154, 129, 0)));
	background-image: -webkit-linear-gradient(left, #ffffff, rgba(204, 154, 129, 0));
	background-image: -moz-linear-gradient(left, #ffffff, rgba(204, 154, 129, 0));
	background-image: -o-linear-gradient(left, #ffffff, rgba(204, 154, 129, 0));
	background-image: -ms-linear-gradient(left, #ffffff, rgba(204, 154, 129, 0));
	background-image: linear-gradient(to right, #ffffff, rgba(204, 154, 129, 0));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81');
}

.sp-val {
	background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));
	background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
	background-image: -moz-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
	background-image: -o-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
	background-image: -ms-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
	background-image: linear-gradient(to top, #000000, rgba(204, 154, 129, 0));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000');
}

.sp-hue {
	background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
	background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
	background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));
	background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}

.sp-1 {
	height: 17%;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00');
}

.sp-2 {
	height: 16%;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00');
}

.sp-3 {
	height: 17%;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff');
}

.sp-4 {
	height: 17%;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff');
}

.sp-5 {
	height: 16%;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff');
}

.sp-6 {
	height: 17%;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000');
}

.sp-hidden {
	display: none !important;
}

.sp-cf:before, .sp-cf:after {
	content: "";
	display: table;
}

.sp-cf:after {
	clear: both;
}

.sp-cf {
	*zoom: 1;
}

.sp-dragger {
	border-radius: 5px;
	height: 5px;
	width: 5px;
	border: 1px solid #fff;
	background: #000;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
}

.sp-slider {
	position: absolute;
	top: 0;
	cursor: pointer;
	height: 3px;
	left: -1px;
	right: -1px;
	border: 1px solid #000;
	background: white;
	opacity: .8;
}

.sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear {
	font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.sp-top {
	margin-bottom: 3px;
}

.sp-color, .sp-hue, .sp-clear {
	border: solid 1px #666;
}

.sp-input-container {
	float: right;
	width: 100px;
	margin-bottom: 4px;
}

.sp-initial-disabled .sp-input-container {
	width: 100%;
}

.sp-input {
	font-size: 12px !important;
	border: 1px inset;
	padding: 4px 5px;
	background: transparent;
	border-radius: 3px;
	width: 100%;
	color: #222;
	margin: 0;
}

.sp-input:focus {
	border: 1px solid orange;
}

.sp-input.sp-validation-error {
	border: 1px solid red;
	background: #fdd;
}

.sp-picker-container, .sp-palette-container {
	float: left;
	position: relative;
	padding: 10px 15px;
	padding-bottom: 300px;
	margin-bottom: -290px;
	min-height: 300px;
}

.sp-picker-container {
	width: 172px;
	border-left: 1px solid #DDD;
	background-color: #f1f1f1;
}

.sp-palette-container {
	padding: 5px;
	border-right: 1px solid transparent;
	background-color: #f1f1f1;
}

.sp-palette .sp-thumb-el {
	display: block;
	position: relative;
	float: left;
	width: 24px;
	height: 15px;
	margin: 3px;
	cursor: pointer;
	border: solid 2px transparent;
}

.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active {
	border-color: orange;
}

.sp-thumb-el {
	position: relative;
}

.sp-initial {
	float: left;
	border: solid 1px #333;
}

.sp-initial span {
	width: 30px;
	height: 25px;
	border: none;
	display: block;
	float: left;
	margin: 0;
}

.sp-initial .sp-clear-display {
	background-position: center;
}

.sp-button-container {
	float: right;
}

.sp-replacer {
	cursor: pointer;
	overflow: hidden;
	padding: 4px 10px;
	position: absolute;
	background: #F5F5F5;
	vertical-align: middle;
	border: solid 1px #DDD;
	border-width: 1px 1px 1px 0;
	display: inline-block;
	*display: inline;
	height: 100%;
	color: #333;
	margin: 0;
	*zoom: 1;
	right: 0;
}

.sp-replacer:hover, .sp-replacer.sp-active {
	color: #111;
	border-color: #CCC;
}

.sp-replacer.sp-disabled {
	cursor: default;
	border-color: #DDD;
	color: #AAA;
}

.sp-dd {
	padding: 2px 0;
	height: 16px;
	line-height: 16px;
	float: left;
	font-size: 12px;
	color: #9F9F9F;
	position: relative;
	top: 6px;
}

.sp-preview {
	position: relative;
	width: 25px;
	height: 20px;
	border: solid 1px #222;
	margin-right: 5px;
	margin-top: 6px;
	float: left;
	z-index: 0;
}

.sp-palette {
	*width: 220px;
	max-width: 220px;
}

.sp-palette .sp-thumb-el {
	width: 16px;
	height: 16px;
	margin: 2px 1px;
	border: solid 1px #d0d0d0;
}

.sp-container {
	padding-bottom: 0;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.sp-container button {
	cursor: pointer;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 3px;
	color: #666;
	font-size: 13px;
	line-height: 1;
	padding: 7px 8px;
	text-align: center;
	vertical-align: middle;
}

.sp-container button:hover {
	border: 1px solid #ddd;
}

.sp-container button:active {
	border: 1px solid #ccc;
}

.sp-cancel {
	font-size: 11px;
	color: #aaa !important;
	margin: 0;
	padding: 2px;
	margin-right: 7px;
	vertical-align: middle;
	text-decoration: none;
}

.sp-cancel:hover {
	color: #666 !important;
	text-decoration: none;
}

.sp-palette span:hover, .sp-palette span.sp-thumb-active {
	border-color: #000;
}

.sp-preview, .sp-alpha, .sp-thumb-el {
	position: relative;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}

.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.sp-palette .sp-thumb-inner {
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);
}

.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
}

.sp-clear-display {
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);
}

.sfcolor {
	padding-right: 63px;
}

.sfcolor .gui-input {
	-webkit-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
}

.sfcolor .gui-input + .sp-replacer {
	width: 63px;
	-webkit-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

/* Custom Changes - Field preview thumb */
.sp-preview {
	border-color: #fff;
}

/* Custom Changes - Primary Container */
.sp-picker-container {
	background-color: #fff;
	margin-bottom: -300px;
}

.sp-button-container {
	float: none;
	text-align: right;
	background: #f2f2f2;
	border-top: 1px solid #DDD;
	margin-top: 35px;
	margin-left: -15px;
	margin-right: -15px;
	padding: 6px;
}

.sp-palette-disabled .sp-button-container {
	margin-top: 5px;
}

/* Color Pointer */
.sp-dragger {
	background: rgba(255, 255, 255, 0.4);
	height: 10px;
	width: 10px;
	border-radius: 0px;
	border-color: rgba(255, 255, 255, 0.7);
}

/* hue + color border color */
.sp-color, .sp-hue, .sp-clear {
	border-color: #bbb;
}

/* Hue Slider */
.sp-input {
	background: #f1f1f1;
	border: 0;
}

.sp-slider {
	height: 6px;
	border: 0;
	background: rgba(0, 0, 0, 0.4);
	opacity: 1;
}

/* Custom Changes - Palette Container */
.sp-palette-button-container {
	display: none;
}

/* palette thumbs */
.sp-palette .sp-thumb-el {
	width: 18px;
	height: 18px;
	margin: 2px;
	border-color: #fff;
}

/* palette active thumb */
.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active {
	border-color: #fff;
}

.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
	background-image: none;
}

.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner:after {
	position: absolute;
	content: "\f00c";
	font-family: "FontAwesome";
	font-size: 12px;
	color: #FFF;
	left: 2px;
	top: 2px;
	-webkit-transform: rotate(-10deg);
	transform: rotate(-10deg);
}

.inline-cp + .sp-container {
	width: 100%;
	box-shadow: none;
}

.inline-cp + .sp-container > .sp-picker-container {
	width: 70%;
}

.inline-cp + .sp-container > .sp-palette-container {
	width: 30%;
}

.inline-cp + .sp-container > .sp-palette-container .sp-palette .sp-thumb-el {
	width: 22px;
	height: 22px;
	margin: 3px;
}

.inline-cp + .sp-container > .sp-palette-container .sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner:after {
	font-size: 13px;
	left: 3px;
	top: 3px;
}

/*==================================================================
  Google Map Block 
===================================================================*/
.form-elements .map-container {
	padding: 7px;
	border: 1px solid #CFCFCF;
}

.form-elements #map_canvas {
	width: 100%;
	height: 300px;
	overflow: hidden;
}

.form-elements .block {
	display: block;
}

/*==================================================================
  AdminForm Wizard
===================================================================*/

/* Wizard/Form Wrapper */
.wizard {
	background-color: #FFF;
}

/* Wizard Top Menu - "Steps" */
.wizard .steps {
	text-align: center;
	padding: 20px 15px 10px;
	border: 1px solid #E8E8E8;
	border-bottom: 0;
}

.wizard .steps ul, .wizard .steps li {
	list-style: none;
	text-decoration: none;
	padding: 0;
	margin: 0;
}

.wizard .steps li {
	display: inline-block;
	margin-right: 10px;
	background-color: #649ae1;
}

.wizard .steps li.last {
	margin-right: 0;
}

.wizard .steps li.disabled a {
	cursor: not-allowed;
}

.wizard .steps li a {
	display: inline-block;
	color: #FFF;
	font-size: 15px;
	text-align: center;
	padding: 12px 18px;
	text-decoration: none;
	-webkit-user-drag: none;
}

/* Nav item states */
.wizard .steps li.current {
	background-color: #2e76d6;
}

.wizard .steps li.disabled {
	background-color: #BBBBBB !important;
}

.wizard .steps li.current a:focus {
	outline-color: transparent;
}

/* Disable various nav meta information */
.wizard .steps li a .current-info, .wizard .steps li a .number {
	display: none;
}

/* Wizard Content */
.wizard .content {
	background-color: #ffffff;
	border: 1px solid #E8E8E8;
	border-top: 0;
}

.wizard .content + .actions {
	border-top: 0;
}

.wizard .wizard-section-title {
	display: none;
}

.wizard .wizard-section.body {
	padding: 15px;
}

/* Wizard Actions and Footer */
.wizard .actions {
	padding: 10px 15px;
	background-color: #f8f8f8;
	border: 1px solid #E8E8E8;
}

.wizard .actions ul {
	list-style: none;
	text-decoration: none;
	padding: 0;
	margin: 0;
	float: right;
}

.wizard .actions li {
	display: inline-block;
	margin-left: 10px;
}

.wizard .actions li a {
	display: inline-block;
	color: #FFF;
	padding: 9px 18px;
	background-color: #4a89dc;
	text-decoration: none;
	-webkit-user-drag: none;
}

.wizard .actions li.disabled a {
	cursor: not-allowed;
	background-color: #BBB !important;
}

/* hide steps icons */
.wizard.steps-hide-icons .steps .fa, .wizard.steps-hide-icons .steps .glyphicon, .wizard.steps-hide-icons .steps .glyphicon {
	display: none !important;
}

/* show steps icons */
.wizard.steps-show-icons .steps .fa, .wizard.steps-show-icons .steps .glyphicon, .wizard.steps-show-icons .steps .glyphicon {
	display: inline-block !important;
}

/* Steps - Align Right  */
.wizard.steps-left .steps {
	text-align: left;
}

/* Steps - Align Right  */
.wizard.steps-right .steps {
	text-align: right;
}

/* Steps - Tabs */
.wizard.steps-tabs .steps {
	padding: 0;
	height: 55px;
	position: relative;
	background-color: #EEE;
	border-color: transparent;
	border-bottom: 1px solid #E8E8E8;
}

.wizard.steps-tabs .steps li {
	margin: 0;
}

.wizard.steps-tabs .steps li a {
	padding: 18px 23px 18px;
}

/* Steps - Justified */
.wizard.steps-justified .steps {
	position: relative;
	width: 100%;
	height: auto;
}

.wizard.steps-justified .steps li {
	display: table-cell;
	position: relative;
	float: none;
	width: 1%;
	vertical-align: middle;
}

.wizard.steps-justified .steps li a {
	display: block;
}

/* Steps - Add BG */
.wizard.steps-bg .steps {
	padding: 15px;
	position: relative;
	background-color: #f8f8f8;
	border-bottom: 1px solid #E8E8E8;
}

.wizard.steps-bg.steps-tabs .steps {
	padding: 0;
	border-color: #E8E8E8;
}

.wizard.steps-bg .content, .wizard.steps-tabs .content, .wizard.steps-justified .content {
	padding-top: 10px;
}

/*==================================================================
  Panel
===================================================================*/
.form-elements .panel {
	margin-bottom: 20px;
	background-color: #ffffff;
	border: 1px solid #DDD;
}

/*==================================================================
  Panel Header
===================================================================*/
.form-elements .panel-heading {
	overflow: hidden;
	position: relative;
	height: auto;
	padding: 19px 22px 18px;
	color: #999;
	border-radius: 0;
	border-top: 1px solid transparent;
	border-left: 0;
	border-right: 0;
	border-bottom: 1px solid #DDD;
	background-color: #FAFAFA;
}

.form-elements .heading-border:before {
	content: "";
	background-color: #9999A3;
	position: absolute;
	height: 10px;
	z-index: 1;
	top: 0;
	right: 0;
	left: 0;
}

.form-elements .heading-border .panel-heading {
	padding: 30px 22px 17px;
}

.form-elements .heading-border .panel-title {
	color: #999;
}

.form-elements .panel-title {
	text-align: left;
	font-weight: 300;
	font-size: 26px;
	padding: 0;
	margin: 0;
	background: transparent;
}

.form-elements .panel-title i {
	font-size: 26px;
	position: relative;
	margin-right: 15px;
	top: 0;
	border-width: 0;
}

/*==================================================================
  Panel Body
===================================================================*/
.form-elements .panel-body {
	padding: 25px;
	border: 0;
}

/*==================================================================
  Panel Footer
===================================================================*/
.form-elements .panel-footer {
	padding: 12px 13px;
	border: 0;
	border-top: 1px solid #DDD;
	background: #f2f2f2;
}

/*==================================================================
  Progress Bars 
===================================================================*/
.form-elements .progress-section {
	display: none;
}

.progress-striped .progress-bar, .progress-bar-striped {
	background-size: 18px 18px;
	background-image: -webkit-linear-gradient(top left, transparent, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3));
	background-image: -moz-linear-gradient(top left, transparent, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3));
	background-image: -o-linear-gradient(top left, transparent, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3));
	background-image: linear-gradient(to bottom right, transparent, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3));
}

/*==================================================================
  Checkbox/Radio Confliction fixes
===================================================================*/
.form-elements .radio, .form-elements .checkbox {
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 0;
	top: 1px;
	vertical-align: bottom;
}

.form-elements .checkbox:after, .form-elements .checkbox:before {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-o-box-sizing: content-box;
	box-sizing: content-box;
}

/* This file creates and combines all of the AdminForm color skins.
* To minimize file size, we recommended using only one or two skins.
* However, we have provided this file as it proves useful for demonstrating
* all of skins or for enabling true multi-skin support. 
*/
.form-elements .panel-primary > .panel-heading {
	border-top-color: #5d9cec;
}

.form-elements .panel-primary > .panel-heading:before {
	background-color: #4a89dc;
}

.form-elements .panel-primary.heading-border:before, .form-elements .panel-primary .heading-border:before {
	background-color: #4a89dc;
}

.form-elements .bg-primary {
	background-color: #4a89dc;
}

.form-elements .bg-primary.light {
	background-color: #5d9cec;
}

.form-elements .bg-primary.lighter {
	background-color: #83aee7;
}

.form-elements .bg-primary.dark {
	background-color: #2e76d6;
}

.form-elements .bg-primary.darker {
	background-color: #2567bd;
}

.form-elements .option-primary input:hover + .checkbox, .form-elements .option-primary input:hover + .radio {
	border-color: #5d9cec;
}

.form-elements .option-primary input:checked + .checkbox, .form-elements .option-primary input:focus + .checkbox, .form-elements .option-primary input:checked + .radio, .form-elements .option-primary input:focus + .radio {
	border-color: #4a89dc;
}

.form-elements .option-primary input:checked + .radio:before, .form-elements .option-primary input:focus + .radio:before {
	background: #4a89dc;
}

.form-elements .option-primary input:checked + .checkbox:before, .form-elements .option-primary input:focus + .checkbox:before {
	border-color: #4a89dc;
}

.form-elements .switch-primary > input:checked + label {
	background: #4a89dc;
	border-color: #4a89dc;
}

.form-elements .switch-primary > input:checked + label:after {
	color: #4a89dc;
}

.form-elements .switch-primary > input:checked:focus + label {
	background: #2e76d6;
	border-color: #2e76d6;
}

.form-elements .btn-primary {
	background-color: #4a89dc;
}

.form-elements .btn-primary:hover, .form-elements .btn-primary:focus {
	background-color: #5d9cec;
	border-color: #5d9cec;
}

.form-elements .btn-primary:active {
	background-color: #2e76d6;
}

.form-elements .btn-primary, .form-elements .btn-primary:hover, .form-elements .btn-primary:focus, .form-elements .btn-primary:active {
	color: #fff;
	text-shadow: 0 1px rgba(0, 0, 0, 0.08);
}

.form-elements .slider-wrapper.slider-primary .ui-slider .ui-slider-range {
	background-color: #4a89dc;
}

.form-elements .slider-wrapper.slider-primary .ui-slider .ui-slider-handle {
	border-color: #4a89dc;
}

.form-elements .slider-wrapper.slider-primary .ui-slider .ui-slider-handle:before {
	background-color: #4a89dc;
}

.form-elements.theme-primary .section-divider span {
	color: #4a89dc;
}

.form-elements.theme-primary .tagline span {
	color: #4a89dc;
}

.form-elements.theme-primary .theme-link {
	color: #4a89dc;
}

.form-elements.theme-primary .gui-input:hover, .form-elements.theme-primary .gui-textarea:hover, .form-elements.theme-primary .gui-input:hover ~ .input-footer, .form-elements.theme-primary .file .gui-file:hover + .gui-input, .form-elements.theme-primary .gui-textarea:hover ~ .input-footer {
	border-color: #5d9cec;
}

.form-elements.theme-primary .gui-input:focus, .form-elements.theme-primary .gui-textarea:focus {
	border-color: #5d9cec;
	color: #3C3C3C;
}

.form-elements.theme-primary .gui-textarea:focus {
	height: 120px;
}

.form-elements.theme-primary .gui-input:focus ~ .field-icon i, .form-elements.theme-primary .gui-textarea:focus ~ .field-icon i {
	color: #4a89dc;
}

.form-elements.theme-primary .gui-textarea:focus ~ .input-footer, .form-elements.theme-primary .file .gui-file:focus + .gui-input {
	border-color: #5d9cec;
}

.form-elements.theme-primary .rating:hover .rating-star:hover, .form-elements.theme-primary .rating:hover .rating-star:hover ~ .rating-star, .form-elements.theme-primary .rating-input:checked ~ .rating-star {
	color: #4a89dc;
}

.form-elements.theme-primary .rating-star, .form-elements.theme-primary .rating:hover .rating-star {
	color: #A2A6A8;
}

.form-elements.theme-primary .ui-datepicker .ui-datepicker-prev, .form-elements.theme-primary .ui-datepicker .ui-datepicker-next, .form-elements.theme-primary .ui-datepicker .ui-datepicker-title {
	color: #4a89dc;
}

.form-elements.theme-primary .ui-datepicker-today a, .form-elements.theme-primary .ui-datepicker-today a:hover, .form-elements.theme-primary .ui-datepicker .ui-state-highlight {
	background: #9fc1ed !important;
}

.form-elements.theme-primary .ui-datepicker .ui-state-active {
	background: #4a89dc !important;
}

.form-elements.theme-primary .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle.ui-state-active {
	background: #FFF !important;
}

.form-elements.theme-primary .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle {
	border-color: #4a89dc;
}

.form-elements.theme-primary .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle:before {
	background-color: #4a89dc;
}

.form-elements.theme-primary .wizard .steps li {
	background-color: #4a89dc;
}

.form-elements.theme-primary .wizard .steps li.current {
	background-color: #2e76d6;
}

.form-elements.theme-primary .wizard .actions li a {
	background-color: #4a89dc;
}

.form-elements .panel-info > .panel-heading {
	border-top-color: #4fc1e9;
}

.form-elements .panel-info > .panel-heading:before {
	background-color: #3bafda;
}

.form-elements .panel-info.heading-border:before, .form-elements .panel-info .heading-border:before {
	background-color: #3bafda;
}

.form-elements .bg-info {
	background-color: #3bafda;
}

.form-elements .bg-info.light {
	background-color: #4fc1e9;
}

.form-elements .bg-info.lighter {
	background-color: #74c6e5;
}

.form-elements .bg-info.dark {
	background-color: #27a0cc;
}

.form-elements .bg-info.darker {
	background-color: #2189b0;
}

.form-elements .option-info input:hover + .checkbox, .form-elements .option-info input:hover + .radio {
	border-color: #4fc1e9;
}

.form-elements .option-info input:checked + .checkbox, .form-elements .option-info input:focus + .checkbox, .form-elements .option-info input:checked + .radio, .form-elements .option-info input:focus + .radio {
	border-color: #3bafda;
}

.form-elements .option-info input:checked + .radio:before, .form-elements .option-info input:focus + .radio:before {
	background: #3bafda;
}

.form-elements .option-info input:checked + .checkbox:before, .form-elements .option-info input:focus + .checkbox:before {
	border-color: #3bafda;
}

.form-elements .switch-info > input:checked + label {
	background: #3bafda;
	border-color: #3bafda;
}

.form-elements .switch-info > input:checked + label:after {
	color: #3bafda;
}

.form-elements .switch-info > input:checked:focus + label {
	background: #27a0cc;
	border-color: #27a0cc;
}

.form-elements .btn-info {
	background-color: #3bafda;
}

.form-elements .btn-info:hover, .form-elements .btn-info:focus {
	background-color: #4fc1e9;
	border-color: #4fc1e9;
}

.form-elements .btn-info:active {
	background-color: #27a0cc;
}

.form-elements .btn-info, .form-elements .btn-info:hover, .form-elements .btn-info:focus, .form-elements .btn-info:active {
	color: #fff;
	text-shadow: 0 1px rgba(0, 0, 0, 0.08);
}

.form-elements .slider-wrapper.slider-info .ui-slider .ui-slider-range {
	background-color: #3bafda;
}

.form-elements .slider-wrapper.slider-info .ui-slider .ui-slider-handle {
	border-color: #3bafda;
}

.form-elements .slider-wrapper.slider-info .ui-slider .ui-slider-handle:before {
	background-color: #3bafda;
}

.form-elements.theme-info .section-divider span {
	color: #3bafda;
}

.form-elements.theme-info .tagline span {
	color: #3bafda;
}

.form-elements.theme-info .theme-link {
	color: #3bafda;
}

.form-elements.theme-info .gui-input:hover, .form-elements.theme-info .gui-textarea:hover, .form-elements.theme-info .gui-input:hover ~ .input-footer, .form-elements.theme-info .file .gui-file:hover + .gui-input, .form-elements.theme-info .gui-textarea:hover ~ .input-footer {
	border-color: #4fc1e9;
}

.form-elements.theme-info .gui-input:focus, .form-elements.theme-info .gui-textarea:focus {
	border-color: #4fc1e9;
	color: #3C3C3C;
}

.form-elements.theme-info .gui-textarea:focus {
	height: 120px;
}

.form-elements.theme-info .gui-input:focus ~ .field-icon i, .form-elements.theme-info .gui-textarea:focus ~ .field-icon i {
	color: #3bafda;
}

.form-elements.theme-info .gui-input:focus ~ .input-footer, .form-elements.theme-info .gui-textarea:focus ~ .input-footer, .form-elements.theme-info .file .gui-file:focus + .gui-input {
	border-color: #4fc1e9;
}

.form-elements.theme-info .rating:hover .rating-star:hover, .form-elements.theme-info .rating:hover .rating-star:hover ~ .rating-star, .form-elements.theme-info .rating-input:checked ~ .rating-star {
	color: #3bafda;
}

.form-elements.theme-info .rating-star, .form-elements.theme-info .rating:hover .rating-star {
	color: #A2A6A8;
}

.form-elements.theme-info .ui-datepicker .ui-datepicker-prev, .form-elements.theme-info .ui-datepicker .ui-datepicker-next, .form-elements.theme-info .ui-datepicker .ui-datepicker-title {
	color: #3bafda;
}

.form-elements.theme-info .ui-datepicker-today a, .form-elements.theme-info .ui-datepicker-today a:hover, .form-elements.theme-info .ui-datepicker .ui-state-highlight {
	background: #91d2ea !important;
}

.form-elements.theme-info .ui-datepicker .ui-state-active {
	background: #3bafda !important;
}

.form-elements.theme-info .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle.ui-state-active {
	background: #FFF !important;
}

.form-elements.theme-info .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle {
	border-color: #3bafda;
}

.form-elements.theme-info .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle:before {
	background-color: #3bafda;
}

.form-elements.theme-info .wizard .steps li {
	background-color: #3bafda;
}

.form-elements.theme-info .wizard .steps li.current {
	background-color: #27a0cc;
}

.form-elements.theme-info .wizard .actions li a {
	background-color: #3bafda;
}

.form-elements .panel-success > .panel-heading {
	border-top-color: #87d37c;
}

.form-elements .panel-success > .panel-heading:before {
	background-color: #70ca63;
}

.form-elements .panel-success.heading-border:before, .form-elements .panel-success .heading-border:before {
	background-color: #70ca63;
}

.form-elements .bg-success {
	background-color: #70ca63;
}

.form-elements .bg-success.light {
	background-color: #87d37c;
}

.form-elements .bg-success.lighter {
	background-color: #9edc95;
}

.form-elements .bg-success.dark {
	background-color: #58c249;
}

.form-elements .bg-success.darker {
	background-color: #49ae3b;
}

.form-elements .option-success input:hover + .checkbox, .form-elements .option-success input:hover + .radio {
	border-color: #87d37c;
}

.form-elements .option-success input:checked + .checkbox, .form-elements .option-success input:focus + .checkbox, .form-elements .option-success input:checked + .radio, .form-elements .option-success input:focus + .radio {
	border-color: #70ca63;
}

.form-elements .option-success input:checked + .radio:before, .form-elements .option-success input:focus + .radio:before {
	background: #70ca63;
}

.form-elements .option-success input:checked + .checkbox:before, .form-elements .option-success input:focus + .checkbox:before {
	border-color: #70ca63;
}

.form-elements .switch-success > input:checked + label {
	background: #70ca63;
	border-color: #70ca63;
}

.form-elements .switch-success > input:checked + label:after {
	color: #70ca63;
}

.form-elements .switch-success > input:checked:focus + label {
	background: #58c249;
	border-color: #58c249;
}

.form-elements .btn-success {
	background-color: #70ca63;
}

.form-elements .btn-success:hover, .form-elements .btn-success:focus {
	background-color: #87d37c;
	border-color: #87d37c;
}

.form-elements .btn-success:active {
	background-color: #58c249;
}

.form-elements .btn-success, .form-elements .btn-success:hover, .form-elements .btn-success:focus, .form-elements .btn-success:active {
	color: #fff;
	text-shadow: 0 1px rgba(0, 0, 0, 0.08);
}

.form-elements .slider-wrapper.slider-success .ui-slider .ui-slider-range {
	background-color: #70ca63;
}

.form-elements .slider-wrapper.slider-success .ui-slider .ui-slider-handle {
	border-color: #70ca63;
}

.form-elements .slider-wrapper.slider-success .ui-slider .ui-slider-handle:before {
	background-color: #70ca63;
}

.form-elements.theme-success .section-divider span {
	color: #70ca63;
}

.form-elements.theme-success .tagline span {
	color: #70ca63;
}

.form-elements.theme-success .theme-link {
	color: #70ca63;
}

.form-elements.theme-success .gui-input:hover, .form-elements.theme-success .gui-textarea:hover, .form-elements.theme-success .gui-input:hover ~ .input-footer, .form-elements.theme-success .file .gui-file:hover + .gui-input, .form-elements.theme-success .gui-textarea:hover ~ .input-footer {
	border-color: #87d37c;
}

.form-elements.theme-success .gui-input:focus, .form-elements.theme-success .gui-textarea:focus {
	border-color: #87d37c;
	color: #3C3C3C;
}

.form-elements.theme-success .gui-textarea:focus {
	height: 120px;
}

.form-elements.theme-success .gui-input:focus ~ .field-icon i, .form-elements.theme-success .gui-textarea:focus ~ .field-icon i {
	color: #70ca63;
}

.form-elements.theme-success .rating:hover .rating-star:hover, .form-elements.theme-success .rating:hover .rating-star:hover ~ .rating-star, .form-elements.theme-success .rating-input:checked ~ .rating-star {
	color: #70ca63;
}

.form-elements.theme-success .rating-star, .form-elements.theme-success .rating:hover .rating-star {
	color: #A2A6A8;
}

.form-elements.theme-success .ui-datepicker .ui-datepicker-prev, .form-elements.theme-success .ui-datepicker .ui-datepicker-next, .form-elements.theme-success .ui-datepicker .ui-datepicker-title {
	color: #70ca63;
}

.form-elements.theme-success .ui-datepicker-today a, .form-elements.theme-success .ui-datepicker-today a:hover, .form-elements.theme-success .ui-datepicker .ui-state-highlight {
	background: #b6e4af !important;
}

.form-elements.theme-success .ui-datepicker .ui-state-active {
	background: #70ca63 !important;
}

.form-elements.theme-success .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle.ui-state-active {
	background: #FFF !important;
}

.form-elements.theme-success .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle {
	border-color: #70ca63;
}

.form-elements.theme-success .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle:before {
	background-color: #70ca63;
}

.form-elements.theme-success .wizard .steps li {
	background-color: #70ca63;
}

.form-elements.theme-success .wizard .steps li.current {
	background-color: #58c249;
}

.form-elements.theme-success .wizard .actions li a {
	background-color: #70ca63;
}

.form-elements .panel-warning > .panel-heading {
	border-top-color: #ffce54;
}

.form-elements .panel-warning > .panel-heading:before {
	background-color: #f6bb42;
}

.form-elements .panel-warning.heading-border:before, .form-elements .panel-warning .heading-border:before {
	background-color: #f6bb42;
}

.form-elements .bg-warning {
	background-color: #f6bb42;
}

.form-elements .bg-warning.light {
	background-color: #ffce54;
}

.form-elements .bg-warning.lighter {
	background-color: #f9d283;
}

.form-elements .bg-warning.dark {
	background-color: #f4af22;
}

.form-elements .bg-warning.darker {
	background-color: #d9950a;
}

.form-elements .option-warning input:hover + .checkbox, .form-elements .option-warning input:hover + .radio {
	border-color: #ffce54;
}

.form-elements .option-warning input:checked + .checkbox, .form-elements .option-warning input:focus + .checkbox, .form-elements .option-warning input:checked + .radio, .form-elements .option-warning input:focus + .radio {
	border-color: #f6bb42;
}

.form-elements .option-warning input:checked + .radio:before, .form-elements .option-warning input:focus + .radio:before {
	background: #f6bb42;
}

.form-elements .option-warning input:checked + .checkbox:before, .form-elements .option-warning input:focus + .checkbox:before {
	border-color: #f6bb42;
}

.form-elements .switch-warning > input:checked + label {
	background: #f6bb42;
	border-color: #f6bb42;
}

.form-elements .switch-warning > input:checked + label:after {
	color: #f6bb42;
}

.form-elements .switch-warning > input:checked:focus + label {
	background: #f4af22;
	border-color: #f4af22;
}

.form-elements .btn-warning {
	background-color: #f6bb42;
}

.form-elements .btn-warning:hover, .form-elements .btn-warning:focus {
	background-color: #ffce54;
	border-color: #ffce54;
}

.form-elements .btn-warning:active {
	background-color: #f4af22;
}

.form-elements .btn-warning, .form-elements .btn-warning:hover, .form-elements .btn-warning:focus, .form-elements .btn-warning:active {
	color: #fff;
	text-shadow: 0 1px rgba(0, 0, 0, 0.08);
}

.form-elements .slider-wrapper.slider-warning .ui-slider .ui-slider-range {
	background-color: #f6bb42;
}

.form-elements .slider-wrapper.slider-warning .ui-slider .ui-slider-handle {
	border-color: #f6bb42;
}

.form-elements .slider-wrapper.slider-warning .ui-slider .ui-slider-handle:before {
	background-color: #f6bb42;
}

.form-elements.theme-warning .section-divider span {
	color: #f6bb42;
}

.form-elements.theme-warning .tagline span {
	color: #f6bb42;
}

.form-elements.theme-warning .theme-link {
	color: #f6bb42;
}

.form-elements.theme-warning .gui-input:hover, .form-elements.theme-warning .gui-textarea:hover, .form-elements.theme-warning .gui-input:hover ~ .input-footer, .form-elements.theme-warning .file .gui-file:hover + .gui-input, .form-elements.theme-warning .gui-textarea:hover ~ .input-footer {
	border-color: #ffce54;
}

.form-elements.theme-warning .gui-input:focus, .form-elements.theme-warning .gui-textarea:focus {
	border-color: #ffce54;
	color: #3C3C3C;
}

.form-elements.theme-warning .gui-textarea:focus {
	height: 120px;
}

.form-elements.theme-warning .gui-input:focus ~ .field-icon i, .form-elements.theme-warning .gui-textarea:focus ~ .field-icon i {
	color: #f6bb42;
}

.form-elements.theme-warning .gui-input:focus ~ .input-footer, .form-elements.theme-warning .gui-textarea:focus ~ .input-footer, .form-elements.theme-warning .file .gui-file:focus + .gui-input {
	border-color: #ffce54;
}

.form-elements.theme-warning .rating:hover .rating-star:hover, .form-elements.theme-warning .rating:hover .rating-star:hover ~ .rating-star, .form-elements.theme-warning .rating-input:checked ~ .rating-star {
	color: #f6bb42;
}

.form-elements.theme-warning .rating-star, .form-elements.theme-warning .rating:hover .rating-star {
	color: #A2A6A8;
}

.form-elements.theme-warning .ui-datepicker .ui-datepicker-prev, .form-elements.theme-warning .ui-datepicker .ui-datepicker-next, .form-elements.theme-warning .ui-datepicker .ui-datepicker-title {
	color: #f6bb42;
}

.form-elements.theme-warning .ui-datepicker-today a, .form-elements.theme-warning .ui-datepicker-today a:hover, .form-elements.theme-warning .ui-datepicker .ui-state-highlight {
	background: #fbdea3 !important;
}

.form-elements.theme-warning .ui-datepicker .ui-state-active {
	background: #f6bb42 !important;
}

.form-elements.theme-warning .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle.ui-state-active {
	background: #FFF !important;
}

.form-elements.theme-warning .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle {
	border-color: #f6bb42;
}

.form-elements.theme-warning .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle:before {
	background-color: #f6bb42;
}

.form-elements.theme-warning .wizard .steps li {
	background-color: #f6bb42;
}

.form-elements.theme-warning .wizard .steps li.current {
	background-color: #f4af22;
}

.form-elements.theme-warning .wizard .actions li a {
	background-color: #f6bb42;
}

.form-elements .panel-danger > .panel-heading {
	border-top-color: #fc6e51;
}

.form-elements .panel-danger > .panel-heading:before {
	background-color: #e9573f;
}

.form-elements .panel-danger.heading-border:before, .form-elements .panel-danger .heading-border:before {
	background-color: #e9573f;
}

.form-elements .bg-danger {
	background-color: #e9573f;
}

.form-elements .bg-danger.light {
	background-color: #fc6e51;
}

.form-elements .bg-danger.lighter {
	background-color: #f08c7c;
}

.form-elements .bg-danger.dark {
	background-color: #e63c21;
}

.form-elements .bg-danger.darker {
	background-color: #cd3117;
}

.form-elements .option-danger input:hover + .checkbox, .form-elements .option-danger input:hover + .radio {
	border-color: #fc6e51;
}

.form-elements .option-danger input:checked + .checkbox, .form-elements .option-danger input:focus + .checkbox, .form-elements .option-danger input:checked + .radio, .form-elements .option-danger input:focus + .radio {
	border-color: #e9573f;
}

.form-elements .option-danger input:checked + .radio:before, .form-elements .option-danger input:focus + .radio:before {
	background: #e9573f;
}

.form-elements .option-danger input:checked + .checkbox:before, .form-elements .option-danger input:focus + .checkbox:before {
	border-color: #e9573f;
}

.form-elements .switch-danger > input:checked + label {
	background: #e9573f;
	border-color: #e9573f;
}

.form-elements .switch-danger > input:checked + label:after {
	color: #e9573f;
}

.form-elements .switch-danger > input:checked:focus + label {
	background: #e63c21;
	border-color: #e63c21;
}

.form-elements .btn-danger {
	background-color: #e9573f;
}

.form-elements .btn-danger:hover, .form-elements .btn-danger:focus {
	background-color: #fc6e51;
	border-color: #fc6e51;
}

.form-elements .btn-danger:active {
	background-color: #e63c21;
}

.form-elements .btn-danger, .form-elements .btn-danger:hover, .form-elements .btn-danger:focus, .form-elements .btn-danger:active {
	color: #fff;
	text-shadow: 0 1px rgba(0, 0, 0, 0.08);
}

.form-elements .slider-wrapper.slider-danger .ui-slider .ui-slider-range {
	background-color: #e9573f;
}

.form-elements .slider-wrapper.slider-danger .ui-slider .ui-slider-handle {
	border-color: #e9573f;
}

.form-elements .slider-wrapper.slider-danger .ui-slider .ui-slider-handle:before {
	background-color: #e9573f;
}

.form-elements.theme-danger .section-divider span {
	color: #e9573f;
}

.form-elements.theme-danger .tagline span {
	color: #e9573f;
}

.form-elements.theme-danger .theme-link {
	color: #e9573f;
}

.form-elements.theme-danger .gui-input:hover, .form-elements.theme-danger .gui-textarea:hover, .form-elements.theme-danger .gui-input:hover ~ .input-footer, .form-elements.theme-danger .file .gui-file:hover + .gui-input, .form-elements.theme-danger .gui-textarea:hover ~ .input-footer {
	border-color: #fc6e51;
}

.form-elements.theme-danger .gui-input:focus, .form-elements.theme-danger .gui-textarea:focus {
	border-color: #fc6e51;
	color: #3C3C3C;
}

.form-elements.theme-danger .gui-textarea:focus {
	height: 120px;
}

.form-elements.theme-danger .gui-input:focus ~ .field-icon i, .form-elements.theme-danger .gui-textarea:focus ~ .field-icon i {
	color: #e9573f;
}

.form-elements.theme-danger .gui-textarea:focus ~ .input-footer, .form-elements.theme-danger .file .gui-file:focus + .gui-input {
	border-color: #fc6e51;
}

.form-elements.theme-danger .rating:hover .rating-star:hover, .form-elements.theme-danger .rating:hover .rating-star:hover ~ .rating-star, .form-elements.theme-danger .rating-input:checked ~ .rating-star {
	color: #e9573f;
}

.form-elements.theme-danger .rating-star, .form-elements.theme-danger .rating:hover .rating-star {
	color: #A2A6A8;
}

.form-elements.theme-danger .ui-datepicker .ui-datepicker-prev, .form-elements.theme-danger .ui-datepicker .ui-datepicker-next, .form-elements.theme-danger .ui-datepicker .ui-datepicker-title {
	color: #e9573f;
}

.form-elements.theme-danger .ui-datepicker-today a, .form-elements.theme-danger .ui-datepicker-today a:hover, .form-elements.theme-danger .ui-datepicker .ui-state-highlight {
	background: #f3a79b !important;
}

.form-elements.theme-danger .ui-datepicker .ui-state-active {
	background: #e9573f !important;
}

.form-elements.theme-danger .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle.ui-state-active {
	background: #FFF !important;
}

.form-elements.theme-danger .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle {
	border-color: #e9573f;
}

.form-elements.theme-danger .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle:before {
	background-color: #e9573f;
}

.form-elements.theme-danger .wizard .steps li {
	background-color: #e9573f;
}

.form-elements.theme-danger .wizard .steps li.current {
	background-color: #e63c21;
}

.form-elements.theme-danger .wizard .actions li a {
	background-color: #e9573f;
}

.form-elements .panel-alert > .panel-heading {
	border-top-color: #ac92ec;
}

.form-elements .panel-alert > .panel-heading:before {
	background-color: #967adc;
}

.form-elements .panel-alert.heading-border:before, .form-elements .panel-alert .heading-border:before {
	background-color: #967adc;
}

.form-elements .bg-alert {
	background-color: #967adc;
}

.form-elements .bg-alert.light {
	background-color: #ac92ec;
}

.form-elements .bg-alert.lighter {
	background-color: #c0b0ea;
}

.form-elements .bg-alert.dark {
	background-color: #815fd5;
}

.form-elements .bg-alert.darker {
	background-color: #6c44ce;
}

.form-elements .option-alert input:hover + .checkbox, .form-elements .option-alert input:hover + .radio {
	border-color: #ac92ec;
}

.form-elements .option-alert input:checked + .checkbox, .form-elements .option-alert input:focus + .checkbox, .form-elements .option-alert input:checked + .radio, .form-elements .option-alert input:focus + .radio {
	border-color: #967adc;
}

.form-elements .option-alert input:checked + .radio:before, .form-elements .option-alert input:focus + .radio:before {
	background: #967adc;
}

.form-elements .option-alert input:checked + .checkbox:before, .form-elements .option-alert input:focus + .checkbox:before {
	border-color: #967adc;
}

.form-elements .switch-alert > input:checked + label {
	background: #967adc;
	border-color: #967adc;
}

.form-elements .switch-alert > input:checked + label:after {
	color: #967adc;
}

.form-elements .switch-alert > input:checked:focus + label {
	background: #815fd5;
	border-color: #815fd5;
}

.form-elements .btn-alert {
	background-color: #967adc;
}

.form-elements .btn-alert:hover, .form-elements .btn-alert:focus {
	background-color: #ac92ec;
	border-color: #ac92ec;
}

.form-elements .btn-alert:active {
	background-color: #815fd5;
}

.form-elements .btn-alert, .form-elements .btn-alert:hover, .form-elements .btn-alert:focus, .form-elements .btn-alert:active {
	color: #fff;
	text-shadow: 0 1px rgba(0, 0, 0, 0.08);
}

.form-elements .slider-wrapper.slider-alert .ui-slider .ui-slider-range {
	background-color: #967adc;
}

.form-elements .slider-wrapper.slider-alert .ui-slider .ui-slider-handle {
	border-color: #967adc;
}

.form-elements .slider-wrapper.slider-alert .ui-slider .ui-slider-handle:before {
	background-color: #967adc;
}

.form-elements.theme-alert .section-divider span {
	color: #967adc;
}

.form-elements.theme-alert .tagline span {
	color: #967adc;
}

.form-elements.theme-alert .theme-link {
	color: #967adc;
}

.form-elements.theme-alert .gui-input:hover, .form-elements.theme-alert .gui-textarea:hover, .form-elements.theme-alert .gui-input:hover ~ .input-footer, .form-elements.theme-alert .file .gui-file:hover + .gui-input, .form-elements.theme-alert .gui-textarea:hover ~ .input-footer {
	border-color: #ac92ec;
}

.form-elements.theme-alert .gui-input:focus, .form-elements.theme-alert .gui-textarea:focus {
	border-color: #ac92ec;
	color: #3C3C3C;
}

.form-elements.theme-alert .gui-textarea:focus {
	height: 120px;
}

.form-elements.theme-alert .gui-input:focus ~ .field-icon i, .form-elements.theme-alert .gui-textarea:focus ~ .field-icon i {
	color: #967adc;
}

.form-elements.theme-alert .gui-input:focus ~ .input-footer, .form-elements.theme-alert .gui-textarea:focus ~ .input-footer, .form-elements.theme-alert .file .gui-file:focus + .gui-input {
	border-color: #ac92ec;
}

.form-elements.theme-alert .rating:hover .rating-star:hover, .form-elements.theme-alert .rating:hover .rating-star:hover ~ .rating-star, .form-elements.theme-alert .rating-input:checked ~ .rating-star {
	color: #967adc;
}

.form-elements.theme-alert .rating-star, .form-elements.theme-alert .rating:hover .rating-star {
	color: #A2A6A8;
}

.form-elements.theme-alert .ui-datepicker .ui-datepicker-prev, .form-elements.theme-alert .ui-datepicker .ui-datepicker-next, .form-elements.theme-alert .ui-datepicker .ui-datepicker-title {
	color: #967adc;
}

.form-elements.theme-alert .ui-datepicker-today a, .form-elements.theme-alert .ui-datepicker-today a:hover, .form-elements.theme-alert .ui-datepicker .ui-state-highlight {
	background: #d6cbf1 !important;
}

.form-elements.theme-alert .ui-datepicker .ui-state-active {
	background: #967adc !important;
}

.form-elements.theme-alert .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle.ui-state-active {
	background: #FFF !important;
}

.form-elements.theme-alert .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle {
	border-color: #967adc;
}

.form-elements.theme-alert .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle:before {
	background-color: #967adc;
}

.form-elements.theme-alert .wizard .steps li {
	background-color: #967adc;
}

.form-elements.theme-alert .wizard .steps li.current {
	background-color: #815fd5;
}

.form-elements.theme-alert .wizard .actions li a {
	background-color: #967adc;
}

.form-elements .panel-system > .panel-heading {
	border-top-color: #48cfad;
}

.form-elements .panel-system > .panel-heading:before {
	background-color: #37bc9b;
}

.form-elements .panel-system.heading-border:before, .form-elements .panel-system .heading-border:before {
	background-color: #37bc9b;
}

.form-elements .bg-system {
	background-color: #37bc9b;
}

.form-elements .bg-system.light {
	background-color: #48cfad;
}

.form-elements .bg-system.lighter {
	background-color: #65d2b7;
}

.form-elements .bg-system.dark {
	background-color: #2fa285;
}

.form-elements .bg-system.darker {
	background-color: #288770;
}

.form-elements .option-system input:hover + .checkbox, .form-elements .option-system input:hover + .radio {
	border-color: #48cfad;
}

.form-elements .option-system input:checked + .checkbox, .form-elements .option-system input:focus + .checkbox, .form-elements .option-system input:checked + .radio, .form-elements .option-system input:focus + .radio {
	border-color: #37bc9b;
}

.form-elements .option-system input:checked + .radio:before, .form-elements .option-system input:focus + .radio:before {
	background: #37bc9b;
}

.form-elements .option-system input:checked + .checkbox:before, .form-elements .option-system input:focus + .checkbox:before {
	border-color: #37bc9b;
}

.form-elements .switch-system > input:checked + label {
	background: #37bc9b;
	border-color: #37bc9b;
}

.form-elements .switch-system > input:checked + label:after {
	color: #37bc9b;
}

.form-elements .switch-system > input:checked:focus + label {
	background: #2fa285;
	border-color: #2fa285;
}

.form-elements .btn-system {
	background-color: #37bc9b;
}

.form-elements .btn-system:hover, .form-elements .btn-system:focus {
	background-color: #48cfad;
	border-color: #48cfad;
}

.form-elements .btn-system:active {
	background-color: #2fa285;
}

.form-elements .btn-system, .form-elements .btn-system:hover, .form-elements .btn-system:focus, .form-elements .btn-system:active {
	color: #fff;
	text-shadow: 0 1px rgba(0, 0, 0, 0.08);
}

.form-elements .slider-wrapper.slider-system .ui-slider .ui-slider-range {
	background-color: #37bc9b;
}

.form-elements .slider-wrapper.slider-system .ui-slider .ui-slider-handle {
	border-color: #37bc9b;
}

.form-elements .slider-wrapper.slider-system .ui-slider .ui-slider-handle:before {
	background-color: #37bc9b;
}

.form-elements.theme-system .section-divider span {
	color: #37bc9b;
}

.form-elements.theme-system .tagline span {
	color: #37bc9b;
}

.form-elements.theme-system .theme-link {
	color: #37bc9b;
}

.form-elements.theme-system .gui-input:hover, .form-elements.theme-system .gui-textarea:hover, .form-elements.theme-system .gui-input:hover ~ .input-footer, .form-elements.theme-system .file .gui-file:hover + .gui-input, .form-elements.theme-system .gui-textarea:hover ~ .input-footer {
	border-color: #48cfad;
}

.form-elements.theme-system .gui-input:focus, .form-elements.theme-system .gui-textarea:focus {
	border-color: #48cfad;
	color: #3C3C3C;
}

.form-elements.theme-system .gui-textarea:focus {
	height: 120px;
}

.form-elements.theme-system .gui-input:focus ~ .field-icon i, .form-elements.theme-system .gui-textarea:focus ~ .field-icon i {
	color: #37bc9b;
}

.form-elements.theme-system .gui-input:focus ~ .input-footer, .form-elements.theme-system .gui-textarea:focus ~ .input-footer, .form-elements.theme-system .file .gui-file:focus + .gui-input {
	border-color: #48cfad;
}

.form-elements.theme-system .rating:hover .rating-star:hover, .form-elements.theme-system .rating:hover .rating-star:hover ~ .rating-star, .form-elements.theme-system .rating-input:checked ~ .rating-star {
	color: #37bc9b;
}

.form-elements.theme-system .rating-star, .form-elements.theme-system .rating:hover .rating-star {
	color: #A2A6A8;
}

.form-elements.theme-system .ui-datepicker .ui-datepicker-prev, .form-elements.theme-system .ui-datepicker .ui-datepicker-next, .form-elements.theme-system .ui-datepicker .ui-datepicker-title {
	color: #37bc9b;
}

.form-elements.theme-system .ui-datepicker-today a, .form-elements.theme-system .ui-datepicker-today a:hover, .form-elements.theme-system .ui-datepicker .ui-state-highlight {
	background: #7fdac3 !important;
}

.form-elements.theme-system .ui-datepicker .ui-state-active {
	background: #37bc9b !important;
}

.form-elements.theme-system .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle.ui-state-active {
	background: #FFF !important;
}

.form-elements.theme-system .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle {
	border-color: #37bc9b;
}

.form-elements.theme-system .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle:before {
	background-color: #37bc9b;
}

.form-elements.theme-system .wizard .steps li {
	background-color: #37bc9b;
}

.form-elements.theme-system .wizard .steps li.current {
	background-color: #2fa285;
}

.form-elements.theme-system .wizard .actions li a {
	background-color: #37bc9b;
}

.form-elements .panel-dark > .panel-heading {
	border-top-color: #424759;
}

.form-elements .panel-dark > .panel-heading:before {
	background-color: #3b3f4f;
}

.form-elements .panel-dark.heading-border:before, .form-elements .panel-dark .heading-border:before {
	background-color: #3b3f4f;
}

.form-elements .bg-dark {
	background-color: #3b3f4f;
}

.form-elements .bg-dark.light {
	background-color: #424759;
}

.form-elements .bg-dark.lighter {
	background-color: #51566c;
}

.form-elements .bg-dark.dark {
	background-color: #2c2f3c;
}

.form-elements .bg-dark.darker {
	background-color: #1e2028;
}

.form-elements .option-dark input:hover + .checkbox, .form-elements .option-dark input:hover + .radio {
	border-color: #424759;
}

.form-elements .option-dark input:checked + .checkbox, .form-elements .option-dark input:focus + .checkbox, .form-elements .option-dark input:checked + .radio, .form-elements .option-dark input:focus + .radio {
	border-color: #3b3f4f;
}

.form-elements .option-dark input:checked + .radio:before, .form-elements .option-dark input:focus + .radio:before {
	background: #3b3f4f;
}

.form-elements .option-dark input:checked + .checkbox:before, .form-elements .option-dark input:focus + .checkbox:before {
	border-color: #3b3f4f;
}

.form-elements .switch-dark > input:checked + label {
	background: #3b3f4f;
	border-color: #3b3f4f;
}

.form-elements .switch-dark > input:checked + label:after {
	color: #3b3f4f;
}

.form-elements .switch-dark > input:checked:focus + label {
	background: #2c2f3c;
	border-color: #2c2f3c;
}

.form-elements .btn-dark {
	background-color: #3b3f4f;
}

.form-elements .btn-dark:hover, .form-elements .btn-dark:focus {
	background-color: #424759;
	border-color: #424759;
}

.form-elements .btn-dark:active {
	background-color: #2c2f3c;
}

.form-elements .btn-dark, .form-elements .btn-dark:hover, .form-elements .btn-dark:focus, .form-elements .btn-dark:active {
	color: #fff;
	text-shadow: 0 1px rgba(0, 0, 0, 0.08);
}

.form-elements .slider-wrapper.slider-dark .ui-slider .ui-slider-range {
	background-color: #3b3f4f;
}

.form-elements .slider-wrapper.slider-dark .ui-slider .ui-slider-handle {
	border-color: #3b3f4f;
}

.form-elements .slider-wrapper.slider-dark .ui-slider .ui-slider-handle:before {
	background-color: #3b3f4f;
}

.form-elements.theme-dark .section-divider span {
	color: #3b3f4f;
}

.form-elements.theme-dark .tagline span {
	color: #3b3f4f;
}

.form-elements.theme-dark .theme-link {
	color: #3b3f4f;
}

.form-elements.theme-dark .gui-input:hover, .form-elements.theme-dark .gui-textarea:hover, .form-elements.theme-dark .gui-input:hover ~ .input-footer, .form-elements.theme-dark .file .gui-file:hover + .gui-input, .form-elements.theme-dark .gui-textarea:hover ~ .input-footer {
	border-color: #424759;
}

.form-elements.theme-dark .gui-input:focus, .form-elements.theme-dark .gui-textarea:focus {
	border-color: #424759;
	color: #3C3C3C;
}

.form-elements.theme-dark .gui-textarea:focus {
	height: 120px;
}

.form-elements.theme-dark .gui-input:focus ~ .field-icon i, .form-elements.theme-dark .gui-textarea:focus ~ .field-icon i {
	color: #3b3f4f;
}

.form-elements.theme-dark .gui-input:focus ~ .input-footer, .form-elements.theme-dark .gui-textarea:focus ~ .input-footer, .form-elements.theme-dark .file .gui-file:focus + .gui-input {
	border-color: #424759;
}

.form-elements.theme-dark .rating:hover .rating-star:hover, .form-elements.theme-dark .rating:hover .rating-star:hover ~ .rating-star, .form-elements.theme-dark .rating-input:checked ~ .rating-star {
	color: #3b3f4f;
}

.form-elements.theme-dark .rating-star, .form-elements.theme-dark .rating:hover .rating-star {
	color: #A2A6A8;
}

.form-elements.theme-dark .ui-datepicker .ui-datepicker-prev, .form-elements.theme-dark .ui-datepicker .ui-datepicker-next, .form-elements.theme-dark .ui-datepicker .ui-datepicker-title {
	color: #3b3f4f;
}

.form-elements.theme-dark .ui-datepicker-today a, .form-elements.theme-dark .ui-datepicker-today a:hover, .form-elements.theme-dark .ui-datepicker .ui-state-highlight {
	background: #676e89 !important;
}

.form-elements.theme-dark .ui-datepicker .ui-state-active {
	background: #3b3f4f !important;
}

.form-elements.theme-dark .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle.ui-state-active {
	background: #FFF !important;
}

.form-elements.theme-dark .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle {
	border-color: #3b3f4f;
}

.form-elements.theme-dark .ui-datepicker .ui-timepicker-div .ui-slider .ui-slider-handle:before {
	background-color: #3b3f4f;
}

.form-elements.theme-dark .wizard .steps li {
	background-color: #3b3f4f;
}

.form-elements.theme-dark .wizard .steps li.current {
	background-color: #2c2f3c;
}

.form-elements.theme-dark .wizard .actions li a {
	background-color: #3b3f4f;
}