/*
* Author: Łukasz Holeczek
* Template: SimpliQ - Flat & Responsive Bootstrap Admin Template
* Version: 1.0.2
* Bootstrap version: 2.3.2
* Copyright 2013 creativeLabs
* www: http://bootstrapmaster.com
* mail: lukasz@bootstrapmaster.com
* You can buy this theme on WrapBootstrap: https://wrapbootstrap.com/theme/simpliq-flat-responsive-admin-template-WB0N1X0T1
* You can find our other themes on: https://bootstrapmaster.com
*/

@import "jquery-ui-1.10.3.custom.css";
@import "fullcalendar.css";
@import "chosen.css";
@import "uniform.default.css";
@import "jquery.cleditor.css";
@import "jquery.noty.css";
@import "noty_theme_default.css";
@import "elfinder.min.css";
@import "elfinder.theme.css";
@import "jquery.iphone.toggle.css";
@import "uploadify.css";
@import "jquery.gritter.css";
@import "font-awesome.min.css";
@import "font-awesome-ie7.min.css";
@import "glyphicons.css";
@import "halflings.css";
@import url(http://fonts.googleapis.com/css?family=Lato:300);
@import url(http://fonts.googleapis.com/css?family=Lato:400);
@import url(http://fonts.googleapis.com/css?family=Kaushan+Script);


html.js.inlinesvg.js.borderradius.csstransforms.csstransforms3d body div.container-fluid-full div.row-fluid div#sidebar-left.span2 div.nav-collapse.sidebar-nav ul.nav.nav-tabs.nav-stacked.main-menu li{border-bottom: 1px solid #bababa;}
.no-space [class*="span"] {
	margin-left: 0
}

.navbar .nav{margin-top:-41px !important;}
.noMarginLeft {
	margin-left: 0!important
}
body {
	background: #f5f5f5;
	color: #383e4b;
	border: 0;
	font-family: 'Lato', sans-serif;
	font-weight: 400
}
a {
	color: #2e5112
}
h1 {
	font-size: 32px;
	line-height: 32px;
	font-weight: 300
}
h2 {
	font-size: 16px;
	line-height: 16px;
	font-weight: 300
}
h3 {
	font-size: 15px;
	line-height: 15px
}
h4 {
	font-size: 14px;
	line-height: 14px
}
h5 {
	font-size: 13px;
	line-height: 13px
}
h6 {
	font-size: 12px;
	line-height: 12px
}
#content {
	min-height: 100%;
	padding: 20px 20px;
	position: relative
}
#content.full {
	width: 100%!important;
	margin-left: 0!important
}
.well {
	border: 1px solid #ddd;
	background-color: #f6f6f6;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}
.box {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 1px 0 1px #e4e6eb;
	-moz-box-shadow: 0 1px 0 1px #e4e6eb;
	box-shadow: 0 1px 0 1px #e4e6eb;
	overflow: hidden;
	margin: 0 0 28px 0
}
.box .box-header {
	background: #78b14a;
	color: #fff;
	font-size: 16px;
	overflow: hidden
}
.box .box-header h2 {
	float: left;
	padding: 10px 0;
	margin: 0 0 0 20px
}
.box .box-header h2 i {
	background: #2E5112;
	color: #fff;
	padding: 10px 0;
	width: 36px;
	display: inline-block;
	text-align: center;
	margin: -10px 20px -10px -20px
}
.box .box-header .box-icon {
	background: #2E5112;
	float: right
}
.box .box-header .box-icon i {
	display: inline-block;
	color: #fff;
	text-align: center;
	width: 36px;
	padding: 10px 0;
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
	opacity: .8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(Opacity=80)";
	border-left: 1px solid #2e5112;
	text-decoration: none
}
.box .box-header .box-icon i:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(Opacity=100)"
}
.box .box-content {
	padding: 10px;
	background: #fff
}
blockquote {
	background: url(../img/quote.png) no-repeat 0 10px;
	font-style: italic;
	border-left: 0;
	padding: 0 0 0 30px
}
.blue {
	color: #36a9e1
}
.lightBlue {
	color: #67c2ef
}
.green {
	color: #bdea74
}
.darkGreen {
	color: #78cd51
}
.pink {
	color: #e84c8a
}
.orange {
	color: #fa603d
}
.lightOrange {
	color: #fabb3d
}
.red {
	color: #ff5454
}
.yellow {
	color: #eae874
}
.white {
	color: #fff
}
.grey {
	color: #c7cbd5
}
.backgroundColor.blue {
	background: #36a9e1
}
.backgroundColor.lightBlue {
	background: #67c2ef
}
.backgroundColor.green {
	background: #bdea74
}
.backgroundColor.darkGreen {
	background: #78cd51
}
.backgroundColor.pink {
	background: #e84c8a
}
.backgroundColor.orange {
	background: #fa603d
}
.backgroundColor.lightOrange {
	background: #fabb3d
}
.backgroundColor.red {
	background: #ff5454
}
.backgroundColor.yellow {
	background: #eae874
}
.backgroundColor.white {
	background: #fff
}
.backgroundColor.grey {
	background: #c7cbd5
}
.backgroundColorTitle.blue .title {
	background: #36a9e1
}
.backgroundColorTitle.lightBlue .title {
	background: #67c2ef
}
.backgroundColorTitle.green .title {
	background: #bdea74
}
.backgroundColorTitle.darkGreen .title {
	background: #78cd51
}
.backgroundColorTitle.pink .title {
	background: #e84c8a
}
.backgroundColorTitle.orange .title {
	background: #fa603d
}
.backgroundColorTitle.lightOrange .title {
	background: #fabb3d
}
.backgroundColorTitle.red .title {
	background: #ff5454
}
.backgroundColorTitle.yellow .title {
	background: #eae874
}
.backgroundColorTitle.white .title {
	background: #fff
}
.backgroundColorTitle.grey .title {
	background: #c7cbd5
}
.clearfix {
*zoom:1
}
.clearfix:before, .clearfix:after {
	display: table;
	content: "";
	line-height: 0
}
.clearfix:after {
	clear: both
}
.navbar {
	margin-bottom: 0
}
.navbar-inner {
background-color: #fafafa;
background-image: linear-gradient(to bottom, #fff, #ecf2e9);
background-repeat: repeat-x;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
min-height: 50px;
	
	
	
	
	
	
	
	margin-bottom: 0;
	
	padding: 0 20px;
	border: 0;
	color: #fff;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.navbar-inner a {
	color: #7b7b7b
}
.navbar-inner a i {
	margin-top: 2px
}
.navbar-inner a:hover i {
	opacity: .8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(Opacity=80)"
}
a.brand {
/*	background: #ccc;
*/	text-align: center;
/*	border-bottom: 1px solid #ccc;
	padding: 10px 0!important*/
}
a.brand span {
	font-family: 'Kaushan Script', cursive;
	color: #fff;
	text-shadow: none
}
a.brand.noBg {
/*	background: #ccc;*/
	border-bottom: 0
}
.header-nav {
	padding: 0;
	color: #fff!important;
	background: #000!important
}
.header-nav .btn {
	display: inline-block;
	margin: 0;
	font-size: 15px;
	text-align: center;
	background: transparent;
	border: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}
.header-nav .btn .caret {
	border-top-color: #fff!important;
	border-bottom-color: #fff!important
}
.header-nav .btn:hover .caret {
	border-top-color: #fff!important;
	border-bottom-color: #fff!important
}
.header-nav a.btn {
	color: #b51515 !important;
	text-shadow: none!important;
	padding: 8px 15px 12px 15px!important
}
.header-nav a.btn.account {
	padding: 7px 10px 5px 0!important
}
.header-nav .avatar {
	width: 60px;
	float: left
}
.header-nav .avatar img {
	margin: -13px 10px -14px 10px;
	height: 30px;
	width: 30px;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em
}
.header-nav .user {
	display: inline-block;
	text-align: left;
	margin-top: -5px;
	padding: 0
}
.header-nav .user .hello {
	display: block;
	font-size: 11px;
	font-weight: 700
}
.header-nav .user .name {
	display: block;
	margin-top: -6px!important;
	font-size: 13px
}
.navbar .nav li.dropdown.open>.dropdown-toggle, .navbar .nav li.dropdown.active>.dropdown-toggle, .navbar .nav li.dropdown.open.active>.dropdown-toggle {
	color: #fff;
	background-color: #ccc;
	outline: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}
.dropdown-menu:after, .dropdown-menu:before {
	border-bottom-color: #2E5112!important
}
.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	max-width: 300px;
	padding: 0;
	margin: 0;
	list-style: none;
	text-shadow: none;
	background: #fff;
	border: 1px solid #c7cbd5;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}
.dropdown-menu.pull-right {
	right: 0;
	left: auto
}
.dropdown-menu .divider {
	margin: 0 1px
}
.dropdown-menu li a {
	display: block;
	padding: 5px 10px!important;
	clear: both;
	font-weight: 400;
	line-height: 20px;
	color: #383e4b;
	white-space: normal!important
}
.dropdown-menu li {
	border-bottom: 1px solid #f9f9f9
}
.dropdown-menu li:last-child {
	border-bottom: 0!important
}
.dropdown-menu li>a:hover, .dropdown-menu li>a:focus, .dropdown-submenu:hover>a {
	color: #fff;
	text-decoration: none;
	background: #78b14a
}
.dropdown-menu .active>a, .dropdown-menu .active>a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #0077b3;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #08c), to( #0077b3));
	background-image: -webkit-linear-gradient(top, #08c, #0077b3);
	background-image: -moz-linear-gradient(top, #08c, #0077b3);
	background-image: -o-linear-gradient(top, #08c, #0077b3);
	background-image: -ms-linear-gradient(top, #08c, #0077b3);
	background-image: linear-gradient(top, #08c, #0077b3)
}
.dropdown-menu .disabled>a, .dropdown-menu .disabled>a:hover {
	color: #999
}
.dropdown-menu .disabled>a:hover {
	text-decoration: none;
	cursor: default;
	background-color: transparent
}
.dropdown-menu-title {
	background: #2E5112;
	color: #fff;
	padding: 5px 10px;
	display: block;
	font-weight: 700;
	margin: -1px
}
.dropdown-menu-sub-footer {
	text-align: center;
	background: #e4e6eb;
	cursor: pointer
}
.dropdown-menu ul, .dropdown-menu ul li {
	padding: 0!important;
	margin: 0!important
}
ul.notifications li, ul.tasks li, ul.messages li {
	min-width: 260px
}
ul.notifications li .avatar img, ul.tasks li .avatar img, ul.messages li .avatar img {
	float: left;
	height: 40px;
	width: 40px;
	margin-top: 5px;
	margin-right: 10px;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em
}
ul.messages li .header {
	display: block
}
ul.messages li .header .from {
	font-size: 12px;
	font-weight: 700
}
ul.notifications li .icon {
	margin: -5px 10px -5px -10px!important;
	padding: 7px 10px 9px 10px;
	color: #fff;
	width: 16px;
	display: inline-block;
	text-align: center
}
ul.notifications li .icon.blue {
	background: #36a9e1
}
ul.notifications li .icon.lightBlue {
	background: #67c2ef
}
ul.notifications li .icon.green {
	background: #bdea74
}
ul.notifications li .icon.darkGreen {
	background: #78cd51
}
ul.notifications li .icon.pink {
	background: #e84c8a
}
ul.notifications li .icon.orange {
	background: #fa603d
}
ul.notifications li .icon.lightOrange {
	background: #fabb3d
}
ul.notifications li .icon.red {
	background: #ff5454
}
ul.notifications li .icon.yellow {
	background: #eae874
}
ul.notifications li .icon.white {
	background: #fff
}
ul.notifications li .icon.grey {
	background: #c7cbd5
}
ul.notifications li .time, ul.tasks li .header .percent, ul.messages li .header .time {
	font-size: 11px;
	font-weight: 700;
	font-style: italic;
	position: absolute;
	right: 5px
}
ul.tasks li .title, ul.notifications li .message {
	font-size: 12px
}
ul.notifications li.warning a {
	color: #fa603d
}
ul.messages li .message {
	font-size: 11px
}
a#main-menu-toggle {
	color: #000;
	position: absolute;
	z-index: 1000;
	top: 0;
	left: 5px;
	padding: 10px 12px;
	font-size: 16px;
	text-shadow: none;
	text-decoration: none;
	cursor: pointer
}
#sidebar-left {
	background: #e6e6e6;
	border: 1px solid #ccc;
/*	padding: 10px*/
}
#sidebar-left .actions .search {
	background: #2d323d;
	color: #fff;
	border: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}
#sidebar-left .label {
	-webkit-border-radius: 2px 0 0 2px;
	-moz-border-radius: 2px 0 0 2px;
	border-radius: 2px 0 0 2px;
	position: absolute;
	right: 0;
	background: #fff;
	color: #383e4b
}
.sidebar-nav>ul {
	margin: 0 -10px;
	border: 0;
	padding-bottom: 1px;
	font-size: 14px
}
.sidebar-nav>ul>li>ul {
	list-style: none;
	display: none;
	margin: 0 0
}
.nav-tabs.nav-stacked>li>a, .nav-tabs.nav-stacked>li>ul>li>a {
	padding: 10px 25px;
	color: #3d3d3d;
	border: 0;
	background: transparent;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	text-decoration: none;
	display: block
}
.nav-tabs.nav-stacked>li>ul>li>a {
	padding: 10px 20px
}
.nav-tabs.nav-stacked>li>a>i, .nav-tabs.nav-stacked>li>ul>li>a>i {
	margin-right: 10px
}
.nav-tabs.nav-stacked>li>a:hover {
	background: #2d323d;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}
.nav-tabs.nav-stacked>li>a:hover, .nav-tabs.nav-stacked>li>ul>li>a:hover {
	background: #78b14a;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	color:#fff
}
.nav-tabs.nav-stacked>li.active>a, .nav-tabs.nav-stacked>li>ul>li.active>a {
	background: #78b14a
}
.nav-tabs.nav-stacked>li.active>a:hover, .nav-tabs.nav-stacked>li>ul>li.active>a:hover {
	border: 0;
	color: #fff
}
.nav-tabs.nav-stacked>li.active>ul {
	padding: 5px 0;
	background: #2d323d
}
.nav-tabs.nav-stacked>li:first-child>a {
	margin: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}
.nav-tabs.nav-stacked>li:last-child>a {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}
.btn {
	border: 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-shadow: none;
	background: #d6d9e0
}
.btn i {
	margin-top: 2px
}
.btn-primary {
	color: #fff;
	background: #2E5112
}
.btn-primary:hover, .btn-primary.disabled, .btn-primary[disabled] {
	background-color: #78b14a
}
.btn-primary:active, .btn-primary.active {
	background-color: #78b14a
}
.btn-warning {
	color: #fff;
	background: #fabb3d
}
.btn-warning:hover, .btn-warning.disabled, .btn-warning[disabled] {
	background-color: #f9aa0b
}
.btn-warning:active, .btn-warning.active {
	background-color: #f4a406
}
.btn-danger {
	color: #fff;
	background: #ff5454
}
.btn-danger:hover, .btn-danger.disabled, .btn-danger[disabled] {
	background-color: #ff2121
}
.btn-danger:active, .btn-danger.active {
	background-color: #ff1717
}
.btn-success {
	color: #fff;
	background: #78cd51
}
.btn-success:hover, .btn-success.disabled, .btn-success[disabled] {
	background-color: #5db734
}
.btn-success:active, .btn-success.active {
	background-color: #59af32
}
.btn-info {
	color: #fff;
	background: #67c2ef
}
.btn-info:hover, .btn-info.disabled, .btn-info[disabled] {
	background-color: #39afea
}
.btn-info:active, .btn-info.active {
	background-color: #30ace9
}
.btn-inverse {
	color: #fff;
	background: #444
}
.btn-inverse:hover, .btn-inverse.disabled, .btn-inverse[disabled] {
	background-color: #2b2b2b
}
.btn-inverse:active, .btn-inverse.active {
	background-color: #252525
}
.tab-menu.nav-tabs {
	margin-top: -48px;
	border-bottom: 0
}
.tab-menu.nav-tabs>li {
	float: right;
	margin-bottom: -1px
}
.tab-menu.nav-tabs>li>a {
	padding-top: 11px;
	padding-bottom: 11px;
	line-height: 16px;
	margin-left: -3px;
	border: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	color: #fff
}
.tab-menu.nav-tabs>li>a:hover {
	background: #78b14a
}
.tab-menu.nav-tabs>.active>a {
	border: 0;
	color: #36a9e1;
	cursor: default;
	background: #fff
}
.tab-menu.nav-tabs>.active>a:hover {
	border: 0;
	background: #fff
}
input[placeholder], [placeholder], [placeholder] {
color:#fff!important
}
input:-moz-placeholder, textarea:-moz-placeholder {
color:#fff
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color:#fff
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color:#fff
}
.add-on, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], input[type="file"], .uneditable-input {
	border-color: #bfc1c6 !important;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}
div.checker, div.radio {
	margin-top: -4px!important
}
div.uploader {
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px
}
.notification {
	position: absolute;
	top: -12px;
	right: -12px;
	line-height: 16px;
	height: 16px;
	padding: 6px 10px;
	color: #fff!important;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em
}
.notification.small {
	padding: 2px 7px;
	color: #fff!important;
	border-width: 1px;
	border-style: solid;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em
}
.notification.small.blue, .notification.blue {
	background: #36a9e1
}
.notification.small.yellow, .notification.yellow {
	background: #eae874
}
.notification.small.red, .notification.red {
	background: #ff5454
}
.notification.small.green, .notification.green {
	background: #78cd51
}
.notification.small.orange, .notification.orange {
	background: #fabb3d
}
.notification.small.red, .notification.red {
	background: #ff5454
}
.label, .badge {
	font-family: 'Lato', sans-serif;
	font-weight: 600;
	font-size: 12px;
	padding: 3px 6px;
	border: 0;
	text-shadow: none
}
.label {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}
.label-important, .badge-important, .label-important[href], .badge-important[href] {
	background: #ff5454
}
.label-warning, .badge-warning, .label-warning[href], .badge-warning[href] {
	background: #fabb3d
}
.label-success, .badge-success, .label-success[href], .badge-success[href] {
	background: #78cd51
}
.label-info, .badge-info, .label-info[href], .badge-info[href] {
	background: #67c2ef
}
footer {
	background: #383e4b;
	color: #fff;
	padding: 10px 20px 20px 20px!important;
	margin: 0!important
}
footer a {
	color: #fff;
	font-weight: 700
}
.main-chart {
	height: 300px;
	margin-top: 40px;
	margin-bottom: 58px;
	border-top: 1px dashed #c7cbd5
}
.main-chart .bar {
	height: 100%;
	position: relative;
	width: 3%;
	margin: 20px 1%;
	float: left;
	text-align: center;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	z-index: 10
}
.main-chart .bar:before {
	content: '';
	position: absolute;
	z-index: -1;
	margin-top: -24px;
	left: 50%;
	margin-left: -4px;
	height: 8px;
	width: 8px;
	background: #c7cbd5
}
.main-chart .bar:after {
	content: '';
	position: absolute;
	z-index: -1;
	margin-top: -10px;
	left: 50%;
	margin-left: -1px;
	height: 100%;
	width: 2px;
	background: #c7cbd5
}
.main-chart .bar .title {
	position: absolute;
	top: -50px;
	width: 100%;
	text-align: center
}
.main-chart .bar .value {
	position: absolute;
	bottom: 0;
	background: #c7cbd5;
	color: #c7cbd5;
	width: 100%;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}
.main-chart .bar .value:before {
	border-top: 5px solid #f5f5f5;
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: -5px;
	left: 0
}
.main-chart .bar .value:hover {
	background: #36a9e1;
	color: #fff
}
.main-chart .bar.simple:before {
	content: '';
	position: absolute;
	z-index: -1;
	margin-top: -23px;
	left: 50%;
	margin-left: -2px;
	height: 5px;
	width: 5px;
	background: #c7cbd5
}
.main-chart .bar.simple:after {
	content: '';
	position: absolute;
	z-index: -1;
	margin-top: -10px;
	left: 50%;
	margin-left: 0;
	height: 100%;
	width: 1px;
	background: transparent;
	border-left: 1px dashed #d6d9e0
}
.main-chart .bar.simple .title {
	top: -46px;
	font-size: 10px
}
.verticalChart {
	margin: 10px
}
.verticalChart .singleBar {
	width: 6%;
	display: block;
	margin: 0 2% 0 2%;
	float: left
}
.verticalChart .singleBar .bar {
	position: relative;
	height: 120px;
	background: #f9f9f9;
	overflow: hidden;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}
.verticalChart .singleBar .bar .value {
	position: absolute;
	bottom: 0;
	width: 100%;
	background: #bdea74;
	color: #fff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}
.verticalChart .singleBar .bar .value span {
	position: absolute;
	font-size: 12px;
	bottom: 0;
	width: 100%;
	height: 20px;
	color: #fff;
	text-shadow: 0 -1px 0 #bdea74, 0px 1px 0 #bdea74, 1px 0 0 #bdea74, -1px 0 0 #bdea74, -1px -1px 0 #bdea74, -1px 1px 0 #bdea74, 1px 1px 0 #bdea74, 1px -1px 0 #bdea74;
	display: none;
	text-align: center
}
.verticalChart .singleBar .title {
	margin-top: 5px;
	text-align: center;
	color: #383e4b
}
.chart-type2 {
	position: relative;
	z-index: 2;
	background: #36a9e1;
	margin: 10px 10px 40px 10px
}
.chart-type2:before {
	position: absolute;
	z-index: -1;
	content: '';
	background: #36a9e1;
	height: 100%;
	width: 100%;
	padding: 20px;
	top: -20px;
	left: -20px
}
.browserStat.big {
	display: inline-block;
	width: 49%;
	text-align: center;
	margin-bottom: 20px;
	padding: 0
}
.browserStat {
	display: inline-block;
	width: 32%;
	text-align: center;
	margin: 0;
	padding: 0
}
.browserStat span {
	display: block;
	text-align: center;
	margin-top: 10px
}
.multi-stat-box {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 1px 0 1px #e4e6eb;
	-moz-box-shadow: 0 1px 0 1px #e4e6eb;
	box-shadow: 0 1px 0 1px #e4e6eb;
	overflow: hidden
}
.multi-stat-box .left {
	width: 40%;
	float: left
}
.multi-stat-box .right {
	width: 60%;
	float: right
}
.multi-stat-box .header {
	font-size: 16px;
	background: #fff
}
.multi-stat-box .header .left {
	position: relative;
	background: #1e8fc6;
	color: #fff;
	border-bottom: 1px solid #36a9e1
}
.multi-stat-box .header .left h2 {
	padding: 10px 10px;
	margin: 0
}
.multi-stat-box .header .left a {
	text-decoration: none;
	color: #fff;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer
}
.multi-stat-box .header .left a:hover {
	opacity: .9
}
.multi-stat-box .header .right {
	position: relative;
	border-bottom: 1px solid #e4e6eb
}
.multi-stat-box .header .right h2 {
	padding: 10px 10px;
	margin: 0
}
.multi-stat-box .header .right .percent {
	position: absolute;
	top: 0;
	right: 0;
	padding: 8px;
	border-left: 1px solid #e4e6eb
}
.multi-stat-box .header .right .percent i.icon-double-angle-up {
	color: #bdea74
}
.multi-stat-box .header .right .percent i.icon-double-angle-down {
	color: #ff5454
}
.multi-stat-box .content .left {
	background: #36a9e1;
	color: #fff;
	height: 180px
}
.multi-stat-box .content .left ul {
	list-style: none;
	margin: 0;
	padding: 0
}
.multi-stat-box .content .left ul li {
	padding: 10px 10px;
	height: 20px
}
.multi-stat-box .content .left ul li .date {
	float: left
}
.multi-stat-box .content .left ul li .value {
	float: right;
	font-weight: 700
}
.multi-stat-box .content .left ul li:hover, .multi-stat-box .content .left ul li.active {
	background: #219fdd;
	cursor: pointer
}
.multi-stat-box .content .right {
	background: #fff;
	height: 180px
}
.smallchart {
	background: #fff;
	text-align: center
}
.smallchart .title {
	padding: 10px;
	color: #fff;
	background: #eaebef
}
.smallchart .content {
	padding: 40px 0;
	background: #e4e6eb
}
.smallchart .content i {
	font-size: 40px;
	color: #fff
}
.smallchart .value {
	color: #383e4b;
	padding: 10px
}
.smallchart.blue .title {
	background: #36a9e1
}
.smallchart.lightBlue .title {
	background: #67c2ef
}
.smallchart.green .title {
	background: #bdea74
}
.smallchart.darkGreen .title {
	background: #78cd51
}
.smallchart.pink .title {
	background: #e84c8a
}
.smallchart.orange .title {
	background: #fa603d
}
.smallchart.lightOrange .title {
	background: #fabb3d
}
.smallchart.red .title {
	background: #ff5454
}
.smallchart.yellow .title {
	background: #eae874
}
.smallchart.white .title {
	background: #fff
}
.smallchart.grey .title {
	background: #c7cbd5
}
.sparkLineStats {
	position: relative;
	margin-bottom: -4px
}
.sparkLineStats ul {
	margin: 0
}
.sparkLineStats ul li {
	margin-bottom: 0;
	line-height: 32px;
	padding-top: 3px;
	font-size: 12px
}
.sparkLineStats ul li .number {
	font-size: 17px;
	font-weight: 700;
	padding: 0 0 0 2px;
	color: #fa603d
}
.sparkLineStats ul li span:first-child {
	margin-right: 5px
}
.sparkLineStats ul li h4 {
	position: relative;
	border-bottom: 1px solid #c4c4c4;
	padding-bottom: 0;
	margin-bottom: 10px;
	line-height: 37px;
	-webkit-box-shadow: 0 1px 0 #fff;
	-moz-box-shadow: 0 1px 0 #fff;
	box-shadow: 0 1px 0 #fff
}
.smallstat {
	background: #fff;
	padding: 10px;
	position: relative
}
.smallstat .boxchart-overlay {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	width: 64px;
	padding: 10px;
	text-align: center;
	margin-right: 10px;
	float: left;
	overflow: hidden
}
.smallstat .boxchart-overlay.blue {
	background: #36a9e1
}
.smallstat .boxchart-overlay.lightBlue {
	background: #67c2ef
}
.smallstat .boxchart-overlay.green {
	background: #bdea74
}
.smallstat .boxchart-overlay.darkGreen {
	background: #78cd51
}
.smallstat .boxchart-overlay.pink {
	background: #e84c8a
}
.smallstat .boxchart-overlay.orange {
	background: #fa603d
}
.smallstat .boxchart-overlay.lightOrange {
	background: #fabb3d
}
.smallstat .boxchart-overlay.red {
	background: #ff5454
}
.smallstat .boxchart-overlay.yellow {
	background: #eae874
}
.smallstat .boxchart-overlay.white {
	background: #fff
}
.smallstat .boxchart-overlay.grey {
	background: #c7cbd5
}
.smallstat i {
	text-align: center;
	display: block;
	color: #fff;
	width: 50px;
	font-size: 22px;
	padding: 14px 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	float: left;
	margin-right: 10px
}
.smallstat i.blue {
	background: #36a9e1
}
.smallstat i.lightBlue {
	background: #67c2ef
}
.smallstat i.green {
	background: #bdea74
}
.smallstat i.darkGreen {
	background: #78cd51
}
.smallstat i.pink {
	background: #e84c8a
}
.smallstat i.orange {
	background: #fa603d
}
.smallstat i.lightOrange {
	background: #fabb3d
}
.smallstat i.red {
	background: #ff5454
}
.smallstat i.yellow {
	background: #eae874
}
.smallstat i.white {
	background: #fff
}
.smallstat i.grey {
	background: #c7cbd5
}
.smallstat .title {
	top: 12px;
	color: #c7cbd5;
	display: block;
	font-size: 14px;
	margin-top: 4px
}
.smallstat .value {
	font-size: 20px;
	font-weight: 700
}
.discussions ul {
	list-style: none;
	margin: 0;
	padding: 0
}
.discussions ul li {
	position: relative;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 1px 0 1px #e4e6eb;
	-moz-box-shadow: 0 1px 0 1px #e4e6eb;
	box-shadow: 0 1px 0 1px #e4e6eb;
	background: #fff;
	padding-left: 70px;
	padding-right: 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;/*margin-bottom:20px;margin-left:80px;margin-right:40px;*/
	padding: 10px
}
.discussions ul li:before {
	content: '';
	width: 20px;
	height: 20px;
	top: 15px;
	left: -20px;
	position: absolute;
	background: url("../img/disc-arrow.png") no-repeat;
	background-size: 20px 20px
}
.discussions ul li .author {
	position: absolute;
	z-index: 1;
	width: 60px;
	float: left;
	left: -70px;
	top: 0
}
.discussions ul li .author img {
	height: 50px;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
	-webkit-box-shadow: 0 1px 0 1px #e4e6eb;
	-moz-box-shadow: 0 1px 0 1px #e4e6eb;
	box-shadow: 0 1px 0 1px #e4e6eb
}
.discussions ul li .name {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 100%;
	background: #fbfcfc;
	padding: 5px 10px 5px 10px;
	-webkit-border-radius: 2px 0 0 2px;
	-moz-border-radius: 2px 0 0 2px;
	border-radius: 2px 0 0 2px
}
.discussions ul li .date {
	position: absolute;
	top: 10px;
	right: 0;
	z-index: 1;
	background: #f3f4f6;
	padding: 5px 20px 5px 10px;
	-webkit-border-radius: 2px 0 0 2px;
	-moz-border-radius: 2px 0 0 2px;
	border-radius: 2px 0 0 2px
}
.discussions ul li .delete {
	position: absolute;
	-webkit-border-radius: 0 2px 2px 0;
	-moz-border-radius: 0 2px 2px 0;
	border-radius: 0 2px 2px 0;
	background: #e4e6eb;
	top: 10px;
	right: -30px;
	padding: 5px 10px;
	display: inline-block;
	cursor: pointer
}
.discussions ul li .message {
	border-bottom: 1px solid #e4e6eb;
	margin: 20px -10px 0 -10px;
	padding: 20px
}
.discussions ul li ul {
	overflow: hidden
}
.discussions ul li ul li {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border-bottom: 1px solid #e4e6eb;
	margin: 0 -10px;
	padding-left: 70px
}
.discussions ul li ul li:before {
	display: none
}
.discussions ul li ul li:last-child {
	border-bottom: 0
}
.discussions ul li ul li .author {
	top: 10px;
	left: 10px
}
.discussions ul li ul li .author img {
	height: 40px;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
	-webkit-box-shadow: 0 1px 0 1px #e4e6eb;
	-moz-box-shadow: 0 1px 0 1px #e4e6eb;
	box-shadow: 0 1px 0 1px #e4e6eb
}
.discussions ul li ul li .name {
	left: 70px
}
.discussions ul li ul li .date {
	background: transparent;
	right: 30px
}
.discussions ul li ul li .delete {
	background: transparent;
	right: 10px
}
.discussions ul li ul li .message {
	border-bottom: 0
}
.discussions ul li ul li textarea {
	border: 0;
	background: #c7cbd5;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	width: 98%
}
.chat {
	position: relative;
	background: #fff
}
.chat .contacts {
	position: absolute;
	height: 100%;
	float: left;
	width: 30%;
	background: #e4e6eb
}
.chat .contacts ul.list {
	list-style: none;
	margin: 0;
	padding: 0
}
.chat .contacts ul.list li {
	position: relative;
	padding: 5px 10px;
	border-bottom: 1px solid #d6d9e0;
	cursor: pointer
}
.chat .contacts ul.list li:hover {
	background: #c7cbd5
}
.chat .contacts ul.list li img.avatar {
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
	width: 40px;
	margin-right: 10px
}
.chat .contacts ul.list li .status {
	display: block;
	position: absolute;
	top: 42%;
	right: 20px;
	width: 8px;
	height: 8px;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em
}
.chat .contacts ul.list li .status.online {
	background: #bdea74
}
.chat .contacts ul.list li .status.offline {
	background: #c7cbd5
}
.chat .contacts ul.list li .status.busy {
	background: #fa603d
}
.chat .contacts ul.list li .important {
	font-size: 11px;
	display: inline-block;
	position: absolute;
	top: 4px;
	left: 35px;
	line-height: 16px;
	padding: 2px 7px;
	color: #fff;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
	background: #ff5454
}
.chat .conversation {
	width: 70%;
	float: right
}
.chat .conversation .actions {
	background: #383e4b;
	width: 100%;
	height: 50px
}
.chat .conversation .actions a {
	display: block;
	color: #fff;
	padding: 16px;
	font-size: 18px;
	width: 18px;
	float: left
}
.chat .conversation .actions img.avatar {
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
	width: 30px;
	margin: 10px 0 10px 10px
}
.chat .conversation ul {
	height: 516px;
	overflow-y: scroll;
	list-style: none;
	margin: 0;
	padding: 0
}
.chat .conversation ul li {
	position: relative;
	padding: 15px 10px 10px 60px;
	border-bottom: 1px solid #e4e6eb
}
.chat .conversation ul li img.avatar {
	top: 10px;
	left: 10px;
	position: absolute;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
	width: 40px;
	margin-right: 10px
}
.chat .conversation ul li .name {
	font-weight: 700;
	text-transform: uppercase
}
.chat .conversation ul li .time {
	font-weight: 700;
	right: 10px;
	position: absolute;
	color: #c7cbd5;
	font-size: 11px
}
.chat .conversation ul li .message {
	margin-top: 10px;
	font-size: 12px
}
.chat .conversation .form {
	border-top: 2px solid #e4e6eb;
	height: 40px;
	padding: 10px
}
.chat .conversation .form input {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	background: #c7cbd5;
	color: #fff
}
.chat.alt .contacts {
	width: 60px
}
.chat.alt .contacts ul.list {
	list-style: none;
	margin: 0;
	padding: 0
}
.chat.alt .contacts ul.list li {
	text-align: center
}
.chat.alt .contacts ul.list li img.avatar {
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
	width: 40px;
	margin: 0 auto
}
.chat.alt .contacts ul.list li .name {
	display: none
}
.chat.alt .contacts ul.list li .status {
	top: 70%;
	right: 10px
}
.chat.alt .conversation {
	width: auto;
	margin-left: 60px
}
.calendar {
	background: #fff
}
.calendar .calendar-details {
	height: 400px;
	width: 33%;
	background: #36a9e1;
	float: left;
	color: #fff;
	font-weight: 300px;
	position: relative
}
.calendar .calendar-details .day {
	font-size: 20px;
	margin: 150px 10px 0 10px;
	text-transform: uppercase
}
.calendar .calendar-details .date {
	font-size: 20px;
	margin: 5px 10px 0 10px;
	text-transform: uppercase
}
.calendar .calendar-details .events {
	margin: 25px 10px 0 10px
}
.calendar .calendar-details .events ul {
	list-style: none;
	margin: 0;
	padding: 0
}
.calendar .calendar-details .add-event {
	width: 90%;
	margin: 0 5%;
	position: absolute;
	bottom: 10px;
	border-bottom: 1px solid #62bce8
}
.calendar .calendar-details .add-event i {
	color: #8fcfee
}
.calendar .calendar-details .add-event input {
	width: 80%;
	color: #fff;
	border: 0;
	font-size: 12px;
	margin: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}
.calendar .calendar-small {
	width: 67%;
	float: right
}
.calendar .fc td, .calendar .fc th {
	padding: .4em;
	vertical-align: middle;
	font-weight: 400
}
.calendar .fc-widget-header, .calendar .fc-widget-content {
	border: 1px solid transparent
}
.calendar .fc-content {
	margin: 50px 30px 30px 30px;
	text-transform: uppercase
}
.calendar .fc-state-default {
	background: #fff;
	border: 0;
	color: #c7cbd5;
	text-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}
.calendar .fc-state-hover, .calendar .fc-state-down, .calendar .fc-state-active, .calendar .fc-state-disabled {
	color: #383e4b;
	background: #fff
}
.calendar .fc-day-number {
	display: block;
	width: 18px;
	margin: -5px auto;
	padding: 5px!important
}
.calendar .fc-state-highlight {
	background: transparent
}
.calendar .fc-state-highlight .fc-day-number {
	background: #36a9e1;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #fff
}
.calendar .event {
	background: #36a9e1;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #fff
}
.calendar .fc-grid .fc-day-number {
	float: none;
	padding: 0 2px;
	text-align: center
}
.calendar .fc-grid .fc-other-month .fc-day-number {
	opacity: 1;
	filter: alpha(opacity=1);
	color: #c7cbd5
}
.calendar .fc-event {
	border: 0;
	height: 1px;
	background: #c7cbd5
}
.calendar .fc-event .fc-event-inner {
	display: none
}
ul.dashboard-list {
	margin: 0
}
ul.dashboard-list a:hover {
	text-decoration: none
}
ul.dashboard-list li:last-child {
	border-bottom: 0
}
ul.dashboard-list li:first-child {
	border-top: 0;
	border-bottom: 1px solid #eee
}
ul.dashboard-list li {
	padding: 5px 0;
	list-style: none;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #eee;
	font-size: 12px
}
ul.dashboard-list li a span {
	display: inline-block;
	font-size: 18px;
	font-weight: 700;
	margin-right: 10px;
	text-align: right;
	width: 50px;
	zoom: 1
}
ul.dashboard-list li a img.avatar {
	height: 50px;
	width: 50px;
	float: left;
	margin-top: 3px;
	margin-right: 15px;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em
}
ul.dashboard-list li i {
	font-size: 18px;
	opacity: .7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(Opacity=70)"
}
ul.tickets {
	margin: 0
}
ul.tickets li:last-child {
	border-bottom: 0
}
ul.tickets li:first-child {
	border-top: 0;
	border-bottom: 1px solid #eee
}
ul.tickets li {
	list-style: none;
	padding: 5px 0;
	border-bottom: 1px solid #eee;
	font-size: 12px
}
ul.tickets li.ticket .left {
	display: inline-block;
	width: 60%
}
ul.tickets li.ticket .right {
	display: inline-block;
	width: 39%;
	text-align: right
}
ul.tickets li.ticket .status {
	width: 100px;
	display: inline-block;
	text-align: center
}
ul.tickets li.ticket .date {
	width: 150px;
	display: inline-block;
	text-align: center
}
ul.tickets li.ticket .title {
	display: inline-block;
	font-weight: 700
}
ul.tickets li.ticket .name {
	display: inline-block
}
ul.tickets li.ticket .number {
	display: inline-block;
	font-weight: 700;
	margin-left: 20px
}
.todo ul {
	list-style: none;
	padding: 0;
	margin: -10px
}
.todo ul li {
	background: #fff;
	margin-left: 0!important;
	padding: 10px 10px 10px 35px;
	border-bottom: 1px solid #e4e6eb;
	font-size: 12px;
	position: relative
}
.todo ul li:last-child {
	border-bottom: 0
}
.todo ul li .label {
	position: absolute;
	right: 10px
}
.todo ul li .todo-actions {
	position: absolute;
	left: 0;
	margin-top: 2px
}
.todo ul li .todo-actions a {
	text-decoration: none
}
.todo ul li .todo-actions i {
	font-size: 18px;
	color: #c7cbd5;
	margin: 0 5px 0 10px
}
.todo ul li .todo-actions i:hover {
	color: #36a9e1
}
.slider {
	background: #e4e6eb;
	border: 0;
	height: 20px;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
	position: relative;
	z-index: 10;
	margin: 0 18px!important
}
.slider:after {
	background: #e4e6eb;
	content: '';
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100%;
	padding: 0 19px;
	left: -19px;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
	overflow: hidden
}
.slider .ui-slider-range {
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
	position: absolute;
	padding: 0 19px 0 19px;
	margin: 0 -19px 0 -19px
}
.ui-slider-handle {
	border: 0!important;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
	outline: 0!important
}
.ui-slider-horizontal .ui-slider-handle {
	background: url("../img/handle.png") no-repeat center center scroll #fff!important;
	background-position: 50% 50%;
	background-size: 16px 16px!important;
	width: 36px;
	height: 18px
}
.ui-slider-horizontal .ui-slider-handle {
	top: 1px;
	margin-left: -18px
}
.sliderVertical {
	background: #e4e6eb;
	border: 0;
	top: auto;
	bottom: auto;
	width: 20px!important;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
	-webkit-box-shadow: inset 0 5px 6px rgba(0,0,0,.05);
	-moz-box-shadow: inset 0 5px 6px rgba(0,0,0,.05);
	box-shadow: inset 0 5px 6px rgba(0,0,0,.05);
	position: relative;
	float: left;
	height: 100px;
	margin: 38px 20px 0 20px;
	width: 5px
}
.sliderVertical:after {
	content: '';
	background: #e4e6eb;
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 38px 0 0 0;
	top: -38px;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
	overflow: hidden
}
.sliderVertical .ui-slider-range {
	height: 100%;
	width: 100%;
	top: auto;
	bottom: auto;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
	padding-top: 38px;
	margin-top: -38px
}
.sliderVertical .ui-slider-handle {
	background: url("../img/handlev.png") no-repeat center center scroll #fff!important;
	background-position: 50% 50%;
	background-size: 16px 16px!important;
	width: 18px;
	height: 36px;
	left: 50%;
	margin: 0 0 1px -9px!important
}
.sliderVertical .ui-slider-range-max {
	top: 0
}
.sliderVertical .ui-slider-range-min {
	bottom: 0
}
.sliderBlue .ui-slider-range, .progressBlue .ui-progressbar-value {
	background: #36a9e1
}
.sliderGreen .ui-slider-range, .progressGreen .ui-progressbar-value {
	background: #bdea74
}
.sliderDarkGreen .ui-slider-range, .progressDarkGreen .ui-progressbar-value {
	background: #78cd51
}
.sliderPink .ui-slider-range, .progressPink .ui-progressbar-value {
	background: #e84c8a
}
.sliderOrange .ui-slider-range, .progressOrange .ui-progressbar-value {
	background: #fa603d
}
.sliderLightOrange .ui-slider-range, .progressLightOrange .ui-progressbar-value {
	background: #fabb3d
}
.sliderRed .ui-slider-range, .progressRed .ui-progressbar-value {
	background: #ff5454
}
.sliderYellow .ui-slider-range, .progressYellow .ui-progressbar-value {
	background: #eae874
}
.progress {
	background: #e4e6eb;
	border: 0;
	height: 14px;
	-webkit-border-radius: 50em!important;
	-moz-border-radius: 50em!important;
	border-radius: 50em!important;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	position: relative;
	margin-top: -2px
}
.progress .ui-progressbar {
	-webkit-border-radius: 50em!important;
	-moz-border-radius: 50em!important;
	border-radius: 50em!important
}
.progress .ui-progressbar-value {
	border: 0;
	height: 100%;
	top: 1px;
	position: absolute;
	left: 1px;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}
.progressBarValue span {
	font-size: 12px
}
.progressBarValue span.progressCustomValueVal {
	font-size: 18px;
	font-weight: 700;
	padding: 0 5px;
	color: #fa603d
}
.progressSlim {
	background: #e4e6eb;
	border: 0;
	height: 10px;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
	position: relative;
	margin-top: -2px
}
.progressSlim .ui-progressbar-value {
	border-color: transparent;
	height: 100%;
	top: 0;
	position: absolute;
	left: 0;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em
}
.tasks .progressSlim {
	overflow: hidden;
	border: 0!important;
	height: 8px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	margin-top: 0
}
.tasks .progressSlim .ui-progressbar-value {
	overflow: hidden;
	margin: 0;
	border: 0!important;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em
}
.quick-button {
	border: 1px solid #ddd;
	margin-bottom: -1px;
	padding: 10px;
	font-size: 14px;
	background-color: #efefef;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #fafafa), to( #efefef));
	background-image: -webkit-linear-gradient(top, #fafafa, #efefef);
	background-image: -moz-linear-gradient(top, #fafafa, #efefef);
	background-image: -o-linear-gradient(top, #fafafa, #efefef);
	background-image: -ms-linear-gradient(top, #fafafa, #efefef);
	background-image: linear-gradient(top, #fafafa, #efefef);
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8);
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,.8);
	box-shadow: 0 1px 0 rgba(255,255,255,.8);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	display: block;
	text-align: center;
	cursor: pointer;
	position: relative;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}
.quick-button:hover {
	text-decoration: none;
	border-color: #a5a5a5;
	color: #444;
	text-shadow: 0 1px 0 #fff;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.25);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.25);
	box-shadow: 0 0 3px rgba(0,0,0,.25)
}
.quick-button:hover .notification {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.6);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.6);
	box-shadow: 0 0 3px rgba(0,0,0,.6)
}
.quick-button i {
	font-size: 32px
}
.quick-button-small {
	border: 1px solid #ddd;
	padding: 15px 0 0 0;
	font-size: 10px;
	background-color: #efefef;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #fafafa), to( #efefef));
	background-image: -webkit-linear-gradient(top, #fafafa, #efefef);
	background-image: -moz-linear-gradient(top, #fafafa, #efefef);
	background-image: -o-linear-gradient(top, #fafafa, #efefef);
	background-image: -ms-linear-gradient(top, #fafafa, #efefef);
	background-image: linear-gradient(top, #fafafa, #efefef);
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8);
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,.8);
	box-shadow: 0 1px 0 rgba(255,255,255,.8);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	display: block;
	text-shadow: 0 1px 0 rgba(255,255,255,.6);
	text-align: center;
	cursor: pointer;
	position: relative;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}
.quick-button-small:hover {
	text-decoration: none;
	border-color: #a5a5a5;
	color: #444;
	text-shadow: 0 1px 0 #fff;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.25);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.25);
	box-shadow: 0 0 3px rgba(0,0,0,.25)
}
.quick-button-small:hover .notification {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.6);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.6);
	box-shadow: 0 0 3px rgba(0,0,0,.6)
}
.quick-button-small i {
	font-size: 20px
}
.tempStats {
	text-align: center
}
.tempStatBox {
	width: 120px;
	padding: 25px 0
}
.tempStatBox .tempStat {
	position: relative;
	font-size: 34px;
	line-height: 100px;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
	border: 10px solid #FFF;
	background: #f9f9f9;
	height: 100px;
	width: 100px;
	text-align: center;
	margin: 0 auto
}
.tempStatBox .tempStat:before {
	content: "";
	top: -10px;
	left: -10px;
	height: 120px;
	width: 120px;
	position: absolute;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
	background: transparent;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.3), 0px 1px 0 #fff;
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.3), 0px 1px 0 #fff;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.3), 0px 1px 0 #fff
}
.tempStatBox .tempStat:after {
	content: "";
	top: 0;
	left: 0;
	height: 98px;
	width: 98px;
	position: absolute;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
	border: 1px solid #fff;
	background: transparent;
	-webkit-box-shadow: 0 0 1px rgba(0,0,0,.4);
	-moz-box-shadow: 0 0 1px rgba(0,0,0,.4);
	box-shadow: 0 0 1px rgba(0,0,0,.4)
}
.tempStatBox .tempStat.t0 {
	border-color: #67c2ef
}
.tempStatBox .tempStat.t20 {
	border-color: #bdea74
}
.tempStatBox .tempStat.t40 {
	border-color: #eae874
}
.tempStatBox .tempStat.t60 {
	border-color: #fabb3d
}
.tempStatBox .tempStat.t80 {
	border-color: #fa603d
}
.tempStatBox .tempStat.t100 {
	border-color: #ff5454
}
.tempStatBox span {
	width: 100%;
	text-align: center;
	display: block;
	margin-top: 10px;
	text-shadow: 0 1px 0 #fff
}
.circleStats {
	text-align: center;
	position: relative
}
.circleStatsItem {
	position: relative;
	background: rgba(255,255,255,.7);
	-webkit-box-shadow: inset 0 0 0 2px rgba(0,0,0,.2), 0 0 0 4px rgba(0,0,0,.1);
	-moz-box-shadow: inset 0 0 0 2px rgba(0,0,0,.2), 0 0 0 4px rgba(0,0,0,.1);
	box-shadow: inset 0 0 0 2px rgba(0,0,0,.2), 0 0 0 4px rgba(0,0,0,.1);
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
	width: 120px;
	height: 120px;
	margin: 10px auto
}
.circleStatsItem i {
	font-size: 30px;
	position: absolute;
	top: 30%;
	margin-top: 0;
	width: 100%;
	text-align: center
}
.circleStatsItem input {
	cursor: default;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: 0;
	height: auto;
	position: absolute;
	top: 15px;
	left: 120px;
	padding: 5px 0!important;
	border-color: rgba(0,0,0,.8)
}
.circleStatsItem input:focus {
	outline: 0;
	outline: thin dotted 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}
.circleStatsItem .plus {
	font-size: 16px;
	position: absolute;
	top: 55%;
	margin-left: 30px
}
.circleStatsItem .percent {
	font-size: 14px;
	position: absolute;
	top: 57%;
	margin-left: 78px
}
.circleStatsItem.orange, .circleStatsItem.orange i {
	color: #fa603d
}
.circleStatsItem.lightorange, .circleStatsItem.lightorange i {
	color: #fabb3d
}
.circleStatsItem.blue, .circleStatsItem.blue i {
	color: #36a9e1
}
.circleStatsItem.green, .circleStatsItem.green i {
	color: #bdea74
}
.circleStatsItem.yellow, .circleStatsItem.yellow i {
	color: #eae874
}
.circleStatsItem.pink, .circleStatsItem.pink i {
	color: #e84c8a
}
.circleStatsItemBox {
	position: relative;
	background: #67c2ef;
	width: 100%;
	min-width: 130px;
	height: 160px;
	margin: 10px auto;
	padding-top: 40px
}
.circleStatsItemBox .header {
	background: rgba(255,255,255,.2);
	color: rgba(255,255,255,.9);
	width: 100%;
	height: 20px;
	padding: 5px 0;
	position: absolute;
	top: 0
}
.circleStatsItemBox .footer {
	background: rgba(0,0,0,.1);
	color: rgba(255,255,255,.9);
	width: 100%;
	height: 20px;
	padding: 5px 0;
	position: absolute;
	bottom: 0
}
.circleStatsItemBox .footer .count {
	font-size: 12px
}
.circleStatsItemBox .footer .value {
	font-weight: 700
}
.circleStatsItemBox .percent {
	font-size: 12px;
	position: absolute;
	top: 110px;
	width: 100%;
	left: 0;
	text-align: center;
	color: rgba(255,255,255,.9)
}
.circleStatsItemBox input {
	cursor: default;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: 0;
	height: auto;
	position: absolute;
	top: 30px;
	padding: 5px 0!important;
	border-color: rgba(0,0,0,.8)
}
.circleStatsItemBox input:focus {
	outline: 0;
	outline: thin dotted 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}
.sz1 {
	width: 200px;
	height: 160px
}
.sz0 {
	margin: 2em 0 0 0
}
.sz0 {
	width: 100px;
	height: 80px
}
.wizard {
*zoom:1;
	padding-bottom: 20px;
	border-bottom: 1px solid #e4e6eb;
	margin-bottom: 20px
}
.wizard:before, .wizard:after {
	display: table;
	content: "";
	line-height: 0
}
.wizard:after {
	clear: both
}
.wizard ul {
	list-style: none outside none;
	padding: 0;
	margin: 0
}
.wizard ul li {
	float: left;
	margin: 0;
	padding: 0 20px 0 30px;
	height: 46px;
	line-height: 46px;
	position: relative;
	color: #c7cbd5;
	font-size: 16px;
	cursor: default
}
.wizard ul li .chevron {
	display: none
}
.wizard ul li:after {
	position: absolute;
	content: '';
	z-index: -1;
	width: 100%;
	height: 4px;
	background: #e4e6eb;
	left: 0;
	top: 50%;
	margin-top: 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}
.wizard ul li:before {
	position: absolute;
	content: '';
	z-index: -1;
	width: 100%;
	height: 8px;
	background: #f6f6f8;
	left: -2px;
	top: 50%;
	padding: 0 2px;
	margin-top: -2px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}
.wizard ul li.complete {
	color: #bdea74
}
.wizard ul li.complete:hover {
	cursor: pointer
}
.wizard ul li.complete:after {
	background: #bdea74
}
.wizard ul li.complete .badge {
	border: 1px solid #bdea74;
	background: #bdea74;
	color: #fff
}
.wizard ul li.active {
	color: #36a9e1
}
.wizard ul li.active .badge {
	border: 1px solid #36a9e1;
	background: #fff;
	color: #383e4b
}
.wizard ul li .badge {
	position: relative;
	margin-right: 8px;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
	font-size: 12px;
	padding: 10px;
	width: 14px;
	text-align: center;
	border: 1px solid #e4e6eb;
	background: #fff;
	color: #383e4b
}
.wizard ul li .badge:before {
	position: absolute;
	content: '';
	z-index: -1;
	width: 100%;
	height: 100%;
	padding: 6px;
	background: #f6f6f8;
	top: -6px;
	left: -6px;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em
}
.wizard ul li:nth-child(1) {
	border-radius: 4px 0 0 4px;
	padding-left: 20px;
	z-index: 10
}
.wizard ul li:nth-child(2) {
	z-index: 9
}
.wizard ul li:nth-child(3) {
	z-index: 8
}
.wizard ul li:nth-child(4) {
	z-index: 7
}
.wizard ul li:nth-child(5) {
	z-index: 6
}
.wizard ul li:nth-child(6) {
	z-index: 5
}
.wizard ul li:nth-child(7) {
	z-index: 4
}
.wizard ul li:nth-child(8) {
	z-index: 3
}
.wizard ul li:nth-child(9) {
	z-index: 2
}
.wizard ul li:nth-child(10) {
	z-index: 1
}
.wizard .actions {
	line-height: 44px;
	float: right;
	padding-right: 15px;
	vertical-align: middle
}
.wizard .actions a {
	line-height: 45px;
	font-size: 12px;
	margin-right: 8px
}
.wizard .actions .btn-prev i {
	margin-right: 5px
}
.wizard .actions .btn-next i {
	margin-left: 5px
}
.step-content .step-pane {
	display: none
}
.step-content .active {
	display: block
}
.masonry-thumb {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 6px
}
.rating {
	unicode-bidi: bidi-override;
	direction: rtl;
	font-size: 30px
}
.rating span.star, .rating span.star {
	font-family: FontAwesome;
	font-weight: 400;
	font-style: normal;
	display: inline-block
}
.rating span.star:hover, .rating span.star:hover {
	cursor: pointer
}
.rating span.star:before, .rating span.star:before {
	content: "\f006";
	padding-right: 5px;
	color: #999
}
.rating span.star:hover:before, .rating span.star:hover:before, .rating span.star:hover~span.star:before, .rating span.star:hover~span.star:before {
	content: "\f005";
	color: #e3cf7a
}
.the-icons {
	list-style: none
}
.message-view {
	position: absolute;
	height: 100%;
	background: #fff;
	padding: 20px;
	top: 0;
	right: -1px
}
ul.messagesList {
	list-style: none;
	margin: 0;
	font-size: 12px
}
ul.messagesList li {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 5px 10px;
	cursor: pointer
}
ul.messagesList li .glyphicons {
	padding: 5px 0 5px 25px
}
ul.messagesList li .glyphicons i:before {
	font-size: 14px;
	margin: -2px 0 0 5px;
	color: #383e4b
}
ul.messagesList li:nth-child(odd) {
	background: #fff!important
}
ul.messagesList li.odd {
	background: #fff!important
}
ul.messagesList li span {
	display: inline-block
}
ul.messagesList li span.from {
	width: 25%;
	white-space: nowrap;
	overflow: hidden!important;
	text-overflow: ellipsis
}
ul.messagesList li span.title {
	width: 55%;
	font-weight: 300;
	white-space: nowrap;
	overflow: hidden!important;
	text-overflow: ellipsis
}
ul.messagesList li span.date {
	width: 20%;
	text-align: right
}
.message textarea {
	color: #383e4b!important
}
.message .header {
	margin-bottom: 30px
}
.message .header h1 {
	border-top: 1px solid #1e8fc6;
	background: #36a9e1;
	color: #fff;
	margin: -20px -20px 10px -20px;
	padding: 20px
}
.message .header i {
	margin-top: 1px
}
.message .header .from {
	display: inline-block;
	width: 70%;
	font-size: 12px
}
.message .header .date {
	display: inline-block;
	width: 29%;
	text-align: right;
	float: right;
	font-size: 12px
}
.message .attachments {
	border-top: 3px solid #f9f9f9;
	border-bottom: 3px solid #f9f9f9;
	padding: 10px 0;
	margin-bottom: 20px;
	font-size: 12px
}
.message .attachments ul {
	list-style: none;
	margin: 0
}
.message .attachments ul li {
	margin: 10px 0
}
.message .attachments ul li span.label {
	font-size: 12px!important
}
.message .attachments ul li span.quickMenu {
	float: right;
	text-align: right
}
.message .attachments ul li span.quickMenu .glyphicons {
	padding: 5px 0 5px 25px
}
.message .attachments ul li span.quickMenu .glyphicons i:before {
	font-size: 14px;
	margin: -2px 0 0 5px;
	color: #383e4b
}
.task-list {
	background: #fff;
	padding: 20px;
	margin-top: -28px;
	margin-left: -26px!important;
	position: absolute;
	height: 100%
}
.graph {
	position: relative;
	margin-left: 60%!important
}
.priority.high {
	background: #ffeded;
	margin-bottom: 1px
}
.priority.high span {
	background: #ff5454;
	padding: 2px 10px;
	color: #fff;
	display: inline-block;
	font-size: 12px
}
.priority.medium {
	background: #fef8eb;
	margin-bottom: 1px
}
.priority.medium span {
	background: #fabb3d;
	padding: 2px 10px;
	color: #fff;
	display: inline-block;
	font-size: 12px
}
.priority.low {
	background: #e4f5dc;
	margin-bottom: 1px
}
.priority.low span {
	background: #78cd51;
	padding: 2px 10px;
	color: #fff;
	display: inline-block;
	font-size: 12px
}
.task {
	border-bottom: 1px solid #f9f9f9;
	margin-bottom: 1px;
	position: relative
}
.task .desc {
	display: inline-block;
	width: 75%;
	padding: 10px 10px;
	font-size: 12px
}
.task .desc .title {
	font-size: 18px;
	margin-bottom: 5px
}
.task .time {
	display: inline-block;
	width: 15%;
	padding: 10px 10px 10px 0;
	font-size: 12px;
	text-align: right;
	position: absolute;
	top: 0;
	right: 0
}
.task .time .date {
	font-size: 18px;
	margin-bottom: 5px
}
.task.last {
	border-bottom: 1px solid transparent
}
.task.high {
	border-left: 2px solid #ff5454
}
.task.medium {
	border-left: 2px solid #fabb3d
}
.task.low {
	border-left: 2px solid #78cd51
}
.timeline {
	width: auto;
	height: 100%;
	margin: 20px auto;
	position: relative
}
.timeline:before {
	position: absolute;
	content: '';
	height: 100%;
	width: 4px;
	background: #e4e6eb;
	left: 50%;
	margin-left: -2px
}
.timeslot {
	display: inline-block;
	position: relative;
	width: 100%;
	margin: 5px 0
}
.timeslot .task {
	position: absolute;
	width: 42%;
	padding-right: 18px;
	display: block;
	height: auto;
	border: 0
}
.timeslot .task span {
	border: 2px solid #67c2ef;
	background: #f1fafe;
	padding: 5px;
	display: block;
	font-size: 11px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}
.timeslot .task span span.details {
	font-size: 16px;
	margin-bottom: 10px
}
.timeslot .task span span.remaining {
	font-size: 14px
}
.timeslot .task span span {
	border: 0;
	background: transparent;
	padding: 0
}
.timeslot .task .arrow {
	position: absolute;
	top: 6px;
	right: 0;
	height: 20px;
	width: 20px;
	background: url(../img/timeline-left-arrow.png) no-repeat
}
.timeslot .icon {
	position: absolute;
	border: 2px solid #67c2ef;
	background: #383e4b;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
	height: 30px;
	width: 30px;
	left: 50%;
	margin-left: -16px;
	color: #fff;
	font-size: 18px;
	line-height: 30px;
	text-align: center;
	text-shadow: none;
	z-index: 2
}
.timeslot .time {
	background: #e4e6eb;
	position: absolute;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	top: 1px;
	left: 50%;
	padding: 5px 10px 5px 40px;
	z-index: 1;
	margin-top: 1px
}
.timeslot.alt .task {
	left: auto;
	right: -20px;
	padding-left: 18px
}
.timeslot.alt .task .arrow {
	position: absolute;
	top: 6px;
	left: 0;
	height: 20px;
	width: 20px;
	background: url(../img/timeline-right-arrow.png) no-repeat
}
.timeslot.alt .time {
	top: 1px;
	left: auto;
	right: 50%;
	padding: 5px 40px 5px 10px
}
.login-box {
	color: black !important;
	width: 300px;
	padding: 20px;
	margin: 100px auto;
	background-color: rgba(255, 255, 255, 0.78);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}
.login-box input[type="text"], .login-box input[type="password"] {
	color: black !important;
	border: 0;
	border-radius: 2px;
	padding: 0 10px;
	height: 40px;
	margin: 5px auto;
	box-shadow:0px 1px 2px #777777;
}
.login-box button {
	margin: 15px 0!important
}
.login-box .remember {
	margin-top: 20px;
	float: left
}
.login-btn{padding:10px !important; background:#78b14a !important;	 }
.login-btn:hover {padding:10px !important; background:#78b14a !important;	}