@import "jquery-ui-1.10.3.custom.css";
@import "fullcalendar.css";
@import "chosen.css";
@import "select2.css";
@import "jquery.cleditor.css";
@import "jquery.noty.css";
@import "noty_theme_default.css";
@import "elfinder.min.css";
@import "elfinder.theme.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 "dropzone.css";
@import "filetypes.css";
@import "social.css";
@import "xcharts.min.css";
@import "jquery.easy-pie-chart.css";
@import "icheck/all.css";
@import "bootstrap-editable.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);/*!
* Author: Łukasz Holeczek
* Template: Genius Dashboard - Bootstrap Admin Template
* Version: 1.0.4
* Bootstrap version: 3.1.1
* Prototyped with: http://brix.io
* Copyright 2014 creativeLabs
* www: http://bootstrapmaster.com
* mail: lukasz@bootstrapmaster.com
* You can buy this theme on WrapBootstrap: https://wrapbootstrap.com/theme/genius-bootstrap-admin-template-WB0JM6RMD
* You can find our other themes on: https://bootstrapmaster.com
*/
.btntop{margin-top:20px;
}
.no-space [class*="span"] {
	margin-left: 0
}
.noMarginLeft {
	margin-left: 0!important
}
.noPadding {
	padding: 0!important
}
body {
	background: #e9ebec;
	color: #34383c;
	border: 0;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	margin: 0;
	padding: 0;
	position: relative
}
body:after {
	top: 0;
	left: 14.422%;
	margin-left: -1px;
	position: absolute;
	content: '';
	height: 100%;
	width: 85.578%;
	background: #f3f3f3;
	border-left: 1px solid #dbdee0;
	z-index: 0
}
body:before {
	content: '';
	position: absolute;
	background: #f3f3f3;
	width: 50%;
	height: 100%;
	top: 0;
	right: 0;
	z-index: 0
}
body.sidebar-minified:after {
	top: 0;
	left: 40px!important;
	margin-left: -1px;
	margin-right: 40px;
	position: absolute;
	content: '';
	height: 100%;
	background: #f3f3f3;
	border-left: 1px solid #dbdee0;
	z-index: 0
}
a {
	color: #34383c
}
h1 {
	font-size: 32px;
	line-height: 32px;
	font-weight: 300
}
h2 {
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
}
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 {
	padding: 20px;
	position: relative;
	background: #f3f3f3;
	z-index: 1
}
#content:before {
	position: absolute;
	content: '';
	height: 100%;
	width: 1px;
	border-left: 1px solid #dbdee0;
	z-index: 1;
	top: 0;
	left: -1px
}
#content.sidebar-minified {
	width: 100%!important;
	border-left: 40px solid #e9ebec;
	margin-right: 1px!important
}
#content.full {
	width: 100%!important;
	margin-left: 0!important;
	margin-right: 0!important;
	border: none!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
}
.breadcrumb {
	background: #e9ebec;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	height: 40px;
	position: relative;
	border-bottom: 1px solid #dbdee0
}
.breadcrumb .choose-date {
	position: absolute;
	top: 0;
	right: 0;
	height: 40px;
	width: 254px;
	border: 0;
	border-left: 1px solid #dbdee0;
	padding: 3px 10px
}
.breadcrumb .choose-date .input-group-addon, .breadcrumb .choose-date input {
	background: transparent;
	border: 0
}
.breadcrumb .choose-date .input-group-addon {
	font-size: 12px
}
.breadcrumb .choose-date input {
	padding: 0;
	font-weight: 300
}
.breadcrumb .choose-date input:focus {
	outline: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}
.box {
	border: 1px solid #dbdee0;
	margin: 0 0 30px 0
}
.box.noOverflow {
	overflow: hidden
}
.box .box-header {
	background: white;
	color: #34383c;
	font-size: 16px;
	overflow: hidden;
	background: #f7f7f8;
	border-bottom: 1px solid #dbdee0;
	height: 40px
}
.box .box-header h2 {
	float: left;
	padding: 10px 0;
	margin: 0 0 0 20px
}
.box .box-header h2 i {
	border-right: 1px solid #dbdee0;
	color: #ced1d4;
	padding: 12px 0;
	height: 40px;
	width: 40px;
	display: inline-block;
	text-align: center;
	margin: -10px 20px -10px -20px;
	font-size: 16px
}
.box .box-header .box-icon {
	float: right
}
.box .box-header .box-icon i {
	display: inline-block;
	color: #ced1d4;
	text-align: center;
	height: 40px;
	width: 40px;
	padding: 12px 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;
	border-left: 1px solid #ced1d4;
	text-decoration: none
}
.box .box-header .box-icon a {
	margin-left: -3px!important
}
.box .box-content {
	  padding-bottom: 0px;
          padding-top: 10px;
	  background: white
}
.box .box-content.no-padding {
	background: white;
	padding: 1px 0
}
blockquote {
	background: url(../img/quote.png) no-repeat 0 10px;
	font-style: italic;
	border-left: none;
	padding: 0 0 0 30px
}
.alert {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}
.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: white
}
.grey {
	color: #b2b8bd
}
.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: white
}
.backgroundColor.grey {
	background: #b2b8bd
}
.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: white
}
.backgroundColorTitle.grey .title {
	background: #b2b8bd
}
.clearfix {
*zoom:1
}
.clearfix:before, .clearfix:after {
	display: table;
	content: "";
	line-height: 0
}
.clearfix:after {
	clear: both
}
.navbar {
	margin: 0;
	min-height: 40px;
	border: 0;
	background: #34383c;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	z-index: 2
}
.navbar a {
	color: #7b7b7b
}
.navbar a i {
	margin-top: 2px
}
.navbar a:hover i {
	opacity: .8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)"
}
.navbar #search {
	position: relative;
	background: #282b2e;
	height: 30px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin: 5px 0 5px 16%
}
.navbar #search select {
	margin: 4px 0 0 -11px;
	height: 22px;
	line-height: 22px;
	background: #585e65;
	border: 0;
	color: white;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	text-align: center;
	text-align: -moz-center;
	text-align: -webkit-center;
	text-align: -khtml-center;
	font-size: 12px;
	cursor: pointer;
	width: 30%;
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: .01px;
	text-overflow: '';
	padding: 2px 0
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.navbar #search select {
	padding: 0 15px
}
}
.navbar #search input {
	margin-left: 5px;
	width: 70%;
	background: transparent;
	border: 0;
	font-size: 12px;
	color: white
}
.navbar #search i {
	position: absolute;
	top: 8px;
	right: 10px;
	color: white
}
.navbar-brand {
	background: #282b2e;
	text-align: center;
	height: 40px;
	line-height: 40px;
	padding: 0
}
.navbar-brand span {
    float: left; margin-left: 5px;
	font-family: 'Kaushan Script', cursive;
	color: #fff;
	text-shadow: none
}
.navbar-brand.noBg {
	background: #34383c;
	border-bottom: 0
}
.navbar-brand:hover {
	background: #282b2e
}
.header-nav {
	position: relative;
	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 a.btn {
	position: relative;
	height: 30px;
	width: 40px;
	background: #40454a;
	color: #fff!important;
	text-shadow: none!important;
	padding: 5px 0!important;
	margin: 5px 3px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 12px
}
.header-nav a.btn .number {
	position: absolute;
	font-size: 8px;
	top: -3px;
	right: 3px
}
.header-nav a.btn.account {
	background: transparent;
	height: 40px;
	width: auto;
	padding: 8px 0 5px 10px!important;
	margin: 0 -15px 0 3px
}
.header-nav a.btn.account .avatar {
	width: 60px;
	float: right
}
.header-nav a.btn.account .avatar img {
	margin: -13px -10px -14px 10px;
	height: 40px;
	width: 40px
}
.header-nav a.btn:hover {
	background: #282b2e
}
.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: bold
}
.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: white;
	background-color: #282b2e;
	outline: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}
.dropdown-menu:after, .dropdown-menu:before {
	display: none!important
}
.dropdown-menu {
	position: absolute;
	top: 90%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 166px;
	max-width: 300px;
	padding: 0;
	margin: 0;
	list-style: none;
	text-shadow: none;
	background: white;
	border: 1px solid #dbdee0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-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: normal;
	line-height: 20px;
	color: #34383c;
	white-space: normal!important
}
.dropdown-menu li {
	border-bottom: 1px solid #e9ebec
}
.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: #62bce8
}
.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: #e9ebec;
	color: #34383c;
	padding: 5px 10px;
	display: block
}
.dropdown-menu-sub-footer {
	text-align: center;
	background: #e9ebec;
	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!important;
	height: 40px;
	width: 40px;
	margin-top: 5px;
	margin-right: 10px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}
ul.messages li .header {
	display: block
}
ul.messages li .header .from {
	font-size: 12px;
	font-weight: bold
}
ul.notifications li .icon {
	margin: -5px 10px -5px -10px!important;
	padding: 7px 10px 9px 10px;
	color: white;
	width: 40px;
	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: white
}
ul.notifications li .icon.grey {
	background: #b2b8bd
}
ul.notifications li .time, ul.tasks li .header .percent, ul.messages li .header .time {
	font-size: 11px;
	font-weight: bold;
	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 {
	background: #1c1e21;
	width: 40px;
	height: 40px;
	color: white;
	position: absolute;
	z-index: 1000;
	top: 0;
	left: 0;
	padding: 8px 13px;
	font-size: 16px;
	text-shadow: none;
	text-decoration: none;
	cursor: pointer
}
a#main-menu-toggle.close {
	opacity: 1;
	background: #282b2e!important;
	padding: 10px 13px!important
}
a#main-menu-min {
	display: block;
	border-bottom: 1px solid #dbdee0;
	width: 100%;
	margin: 30px 0;
	position: relative;
	text-decoration: none
}
a#main-menu-min i {
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -10px;
	width: 20px;
	height: 20px;
	background: #dbdee0;
	font-size: 14px;
	padding: 3px 0;
	color: #7c848d;
	text-align: center
}
a#main-menu-min i:hover {
	background: #ced1d4;
	color: #6f7880
}
#sidebar-left {
	padding: 10px!important;
	z-index: 2
}
.sidebar-nav>ul {
	margin: -9px -25px;
	border: 0;
	padding-bottom: 1px;
	font-size: 14px;
	white-space: nowrap
}
.sidebar-nav>ul>li>ul, .sidebar-nav>ul>li>ul>li>ul, .sidebar-nav>ul>li>ul>li>ul>li>ul {
	list-style: none;
	display: none;
	margin: 0;
	padding: 0
}
.nav.main-menu>li {
	margin-top: -1px
}
.nav.main-menu>li>a, .nav.main-menu>li>ul>li>a, .nav.main-menu>li>ul>li>ul>li>a, .nav.main-menu>li>ul>li>ul>li>ul>li>a {
	margin: 0;
	height: 40px;
	padding: 1px 0 0 0;
	color: #7c848d;
	border: 0;
	border-bottom: 1px solid #dbdee0;
	background: transparent;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	text-decoration: none;
	display: block;
	position: relative
}
.nav.main-menu>li>a .chevron, .nav.main-menu>li>ul>li>a .chevron, .nav.main-menu>li>ul>li>ul>li>a .chevron, .nav.main-menu>li>ul>li>ul>li>ul>li>a .chevron {
	font-family: 'FontAwesome';
	position: absolute;
	top: 2px;
	right: -5px;
	height: 40px;
	width: 40px;
	padding: 12px 0;
	display: inline-block;
	text-align: center;
	font-size: 10px;
	color: #b2b8bd!important
}
.nav.main-menu>li>a .chevron.opened:after, .nav.main-menu>li>ul>li>a .chevron.opened:after, .nav.main-menu>li>ul>li>ul>li>a .chevron.opened:after, .nav.main-menu>li>ul>li>ul>li>ul>li>a .chevron.opened:after {
	height: 100%;
	width: 100%;
	content: "\f078";
	text-shadow: none
}
.nav.main-menu>li>a .chevron.closed:after, .nav.main-menu>li>ul>li>a .chevron.closed:after, .nav.main-menu>li>ul>li>ul>li>a .chevron.closed:after, .nav.main-menu>li>ul>li>ul>li>ul>li>a .chevron.closed:after {
	height: 100%;
	width: 100%;
	content: "\f053";
	text-shadow: none;
	color: #b2b8bd!important
}
.nav.main-menu>li>a>i, .nav.main-menu>li>ul>li>a>i {
	margin-right: 10px;
	height: 38px;
	width: 40px;
	padding: 13px 0;
	display: inline-block;
	text-align: center;
	border-right: 1px solid #dbdee0
}
.nav.main-menu>li>ul>li>a>i, .nav.main-menu>li>ul>li>ul>li>a>i, .nav.main-menu>li>ul>li>ul>li>ul>li>a>i {
	margin-right: 10px;
	height: 38px;
	width: auto;
	padding: 13px 0;
	display: inline-block;
	text-align: center;
	font-size: 13px;
	border-right: 1px solid #dbdee0
}
.nav.main-menu>li>ul>li>a {
	background: #e4e5e7
}
.nav.main-menu>li>ul>li>ul>li>a {
	background: #e1e3e5
}
.nav.main-menu>li>ul>li>ul>li>ul>li>a {
	background: #dee0e2
}
.nav.main-menu>li>a:hover, .nav.main-menu>li>ul>li>a:hover, .nav.main-menu>li>ul>li>ul>li>a:hover, .nav.main-menu>li>ul>li>ul>li>ul>li>a:hover {
	background: #ced1d4;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}
.nav.main-menu>li>a:hover>i, .nav.main-menu>li>ul>li>a:hover>i, .nav.main-menu>li>ul>li>ul>li>a:hover>i, .nav.main-menu>li>ul>li>ul>li>ul>li>a:hover>i {
	border-right: 1px solid #c8ccd0
}
.nav.main-menu>li>a:hover, .nav.main-menu>li>ul>li>a:hover {
	background: #ced1d4;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}
.nav.main-menu>li.active>a, .nav.main-menu>li>ul>li.active>a, .nav.main-menu>li>ul>li>ul>li.active>a, .nav.main-menu>li>ul>li>ul>li>ul>li.active>a {
	background: #ced1d4
}
.nav.main-menu>li.active>a>i, .nav.main-menu>li>ul>li.active>a>i, .nav.main-menu>li>ul>li>ul>li.active>a>i, .nav.main-menu>li>ul>li>ul>li>ul>li.active>a>i {
	border-right: 1px solid #c8ccd0
}
.nav.main-menu>li.active>a:hover, .nav.main-menu>li>ul>li.active>a:hover {
	border: 0;
	color: white
}
.nav.main-menu>li.active>ul {
	padding: 5px 0;
	background: #dbdee0
}
.nav.main-menu>li:first-child>a {
	margin: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}
.nav.main-menu>li:last-child>a {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}
#sidebar-left.minified {
	width: 40px!important;
	margin-right: -40px
}
#sidebar-left.minified .sidebar-nav>ul>li {
	position: relative
}
#sidebar-left.minified .sidebar-nav>ul>li>a {
	width: 40px;
	position: relative
}
#sidebar-left.minified .sidebar-nav>ul>li>a.open {
	cursor: default
}
#sidebar-left.minified .sidebar-nav>ul>li>a .chevron {
	display: none;
	position: absolute;
	left: 178px;
	z-index: 1000
}
#sidebar-left.minified .sidebar-nav>ul>li>a .text {
	position: absolute;
	z-index: 1000;
	background: #e9ebec;
	min-height: 40px;
	width: 150px;
	padding: 8px 15px;
	border: 1px solid #dbdee0;
	top: 0;
	left: 39px;
	display: none!important
}
#sidebar-left.minified .sidebar-nav>ul>li>ul {
	display: none!important
}
#sidebar-left.minified .sidebar-nav>ul>li:hover>a {
	position: relative;
	cursor: pointer
}
#sidebar-left.minified .sidebar-nav>ul>li:hover>a .chevron {
	display: inline-block
}
#sidebar-left.minified .sidebar-nav>ul>li:hover>a .text {
	position: absolute;
	z-index: 1000;
	background: #e9ebec;
	min-height: 40px;
	width: 180px;
	padding: 8px 15px;
	border: 1px solid #dbdee0;
	top: 0;
	left: 39px;
	display: block!important
}
#sidebar-left.minified .sidebar-nav>ul>li:hover>ul {
	display: block!important;
	position: absolute;
	top: 39px;
	left: 39px;
	z-index: 1000;
	width: 180px;
	background: #e9ebec;
	border: 1px solid #dbdee0;
	border-bottom: 0
}
.btn {
	border: 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-shadow: none;
	background: #e9ebec;
	color: #7c848d
}
.btn i {
	margin-top: 2px
}
.btn-primary {
	color: #fff;
	background: #36a9e1
}
.btn-primary:hover, .btn-primary.disabled, .btn-primary[disabled] {
	background-color: #1e8fc6
}
.btn-primary:active, .btn-primary.active {
	background-color: #1c89be
}
.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;
	color: #fff
}
.btn-inverse:active, .btn-inverse.active {
	background-color: #252525
}
.btn-facebook, .btn-twitter, .btn-linkedin {
	color: white;
	position: relative;
	text-align: center;
	height: 40px;
	width: 100%;
	font-family: 'FontAwesome';
	font-weight: bold;
	padding: 10px 0
}
.btn-facebook:before, .btn-twitter:before, .btn-linkedin:before {
	position: absolute;
	display: block;
	height: 40px;
	width: 40px;
	top: 0;
	left: 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 20px;
	padding: 6px 0
}
.btn-facebook span, .btn-twitter span, .btn-linkedin span {
	margin-left: 40px
}
.btn-facebook:hover, .btn-twitter:hover, .btn-linkedin:hover {
	color: white
}
.btn-facebook {
	background: #3b5998
}
.btn-facebook:before {
	content: "\f09a";
	background: #344e86
}
.btn-facebook:hover {
	background: #344e86
}
.btn-facebook:hover:before {
	background: #2d4373
}
.btn-twitter {
	background: #00aced
}
.btn-twitter:before {
	content: "\f099";
	background: #0099d4
}
.btn-twitter:hover {
	background: #0099d4
}
.btn-twitter:hover:before {
	background: #0087ba
}
.btn-linkedin {
	background: #4875b4
}
.btn-linkedin:before {
	content: "\f0e1";
	background: #4169a2
}
.btn-linkedin:hover {
	background: #4169a2
}
.btn-linkedin:hover:before {
	background: #395d90
}
.nav-tabs li a {
	border-color: #dbdee0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background: #e9ebec;
	margin: 6px -1px -6px 0;
	line-height: 1
}
.nav-tabs li a:hover {
	border-color: #dbdee0;
	background: #dbdee0
}
.nav-tabs li.active>a {
	line-height: 1.428571429;
	margin: 0 -1px 0 0
}
.tab-content {
	background: white;
	border: 1px solid #dbdee0;
	border-top: 0;
	padding: 10px
}
.box-header .nav-tabs {
	border: 0;
	float: right
}
.box-header .nav-tabs li a {
	background: transparent;
	border: 0;
	border-left: 1px solid #ced1d4;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	margin: 0;
	font-size: 14px;
	line-height: 16px;
	font-weight: 300;
	padding: 11px 15px;
	height: 40px
}
.box-header .nav-tabs li.active>a {
	background: white;
	border: 0;
	border-left: 1px solid #ced1d4
}
.box-header .nav-tabs li:hover {
	border: 0
}
.box-header .nav-tabs li:last-child {
	margin-right: 3px
}
.box-content .tab-content {
	background: transparent;
	border: 0;
	padding: 0
}
.form-horizontal .form-group {
	margin-right: 0;
	margin-left: 0
}
.input-group-addon, 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: #e9ebec;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}
textarea {
	border: 1px solid #e9ebec;
	-webkit-border-radius: 2px!important;
	-moz-border-radius: 2px!important;
	border-radius: 2px!important
}
.input-group-addon.clear {
	background: white;
	margin: 0 -1px;
	color: #b2b8bd
}
.limiterBox {
	border: 1px solid #b2b8bd;
	border-top: 0;
	background-color: #b2b8bd;
	padding: 3px 6px;
	font-size: 10px;
	color: white;
	opacity: .9;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}
.editor {
	max-height: 250px;
	height: 250px;
	background-color: white;
	border-collapse: separate;
	border: 1px solid #ced1d4!important;
	padding: 4px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	overflow: scroll;
	outline: 0;
	margin-top: 20px
}
div[data-role="editor-toolbar"] {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.dropdown-menu a {
	cursor: pointer
}
.twitter-typeahead .tt-query, .twitter-typeahead .tt-hint {
	margin-bottom: 0
}
.tt-dropdown-menu {
	min-width: 160px;
	margin-top: 2px;
	padding: 5px 0;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,0.2);
*border-right-width:2px;
*border-bottom-width:2px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box
}
.tt-suggestion {
	display: block;
	padding: 3px 20px
}
.tt-suggestion.tt-is-under-cursor {
	color: #fff;
	background-color: #0081c2;
	background-image: -moz-linear-gradient(top, #08c, #0077b3);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0077b3));
	background-image: -webkit-linear-gradient(top, #08c, #0077b3);
	background-image: -o-linear-gradient(top, #08c, #0077b3);
	background-image: linear-gradient(to bottom, #08c, #0077b3);
	background-repeat: repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0)
}
.tt-suggestion.tt-is-under-cursor a {
	color: #fff
}
.tt-suggestion p {
	margin: 0
}
.notification {
	position: absolute;
	top: -12px;
	right: -12px;
	line-height: 16px;
	height: 16px;
	padding: 6px 10px;
	color: white!important;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}
.notification.small {
	padding: 2px 7px;
	color: white!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-weight: 300;
	font-size: 10px;
	padding: 4px 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
}
body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
	margin-right: 0
}
.panel-group .panel {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: 1px solid #dbdee0
}
.panel-group .panel .panel-heading {
	background: #f7f7f8
}
footer {
	background: #34383c;
	color: white;
	min-height: 40px;
	line-height: 40px;
	padding: 0 20px;	
	position: relative;
	z-index: 1;
	font-size: 12px;
        margin:0 0 -20px 0 !important;
}
footer a {
	color: white;
	font-weight: bold
}
.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: white;
	-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: white;
	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: #34383c
}
.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
}
.smallchart {
	background: white;
	text-align: center
}
.smallchart .title {
	padding: 10px;
	color: white;
	background: #dbdee0
}
.smallchart .content {
	padding: 40px 0;
	background: #dbdee0
}
.smallchart .content i {
	font-size: 40px;
	color: white
}
.smallchart .value {
	color: #34383c;
	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: white
}
.smallchart.grey .title {
	background: #b2b8bd
}
.sparkLineStats {
	position: relative;
	margin-bottom: -4px
}
.sparkLineStats ul {
	margin: 0 0 0 -40px;
	list-style: none
}
.sparkLineStats ul li {
	margin-bottom: 0;
	line-height: 32px;
	padding-top: 3px;
	font-size: 12px
}
.sparkLineStats ul li div {
	float: left
}
.sparkLineStats ul li div:first-child {
	margin-right: 5px
}
.sparkLineStats ul li .number {
	font-size: 17px;
	font-weight: 700;
	padding: 0 0 0 2px;
	color: #fa603d
}
.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
}
canvas.chartjs {
	width: 100%!important;
	max-width: 2000px;
	height: auto!important
}
.jqstooltip {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}
.smallstat {
	background: white;
	padding: 10px;
	position: relative;
	text-align: right
}
.smallstat .linechart-overlay, .smallstat .boxchart-overlay {
	width: 84px;
	padding: 10px;
	text-align: center;
	margin-right: 10px;
	float: left;
	overflow: hidden
}
.smallstat .linechart-overlay.blue, .smallstat .boxchart-overlay.blue {
	background: #36a9e1
}
.smallstat .linechart-overlay.lightBlue, .smallstat .boxchart-overlay.lightBlue {
	background: #67c2ef
}
.smallstat .linechart-overlay.green, .smallstat .boxchart-overlay.green {
	background: #bdea74
}
.smallstat .linechart-overlay.darkGreen, .smallstat .boxchart-overlay.darkGreen {
	background: #78cd51
}
.smallstat .linechart-overlay.pink, .smallstat .boxchart-overlay.pink {
	background: #e84c8a
}
.smallstat .linechart-overlay.orange, .smallstat .boxchart-overlay.orange {
	background: #fa603d
}
.smallstat .linechart-overlay.lightOrange, .smallstat .boxchart-overlay.lightOrange {
	background: #fabb3d
}
.smallstat .linechart-overlay.red, .smallstat .boxchart-overlay.red {
	background: #ff5454
}
.smallstat .linechart-overlay.yellow, .smallstat .boxchart-overlay.yellow {
	background: #eae874
}
.smallstat .linechart-overlay.white, .smallstat .boxchart-overlay.white {
	background: white
}
.smallstat .linechart-overlay.grey, .smallstat .boxchart-overlay.grey {
	background: #b2b8bd
}
.smallstat .piechart-overlay {
	padding: 5px;
	text-align: center;
	margin-right: 10px;
	float: left;
	overflow: hidden
}
.smallstat .piechart-overlay.blue {
	background: #36a9e1
}
.smallstat .piechart-overlay.lightBlue {
	background: #67c2ef
}
.smallstat .piechart-overlay.green {
	background: #bdea74
}
.smallstat .piechart-overlay.darkGreen {
	background: #78cd51
}
.smallstat .piechart-overlay.pink {
	background: #e84c8a
}
.smallstat .piechart-overlay.orange {
	background: #fa603d
}
.smallstat .piechart-overlay.lightOrange {
	background: #fabb3d
}
.smallstat .piechart-overlay.red {
	background: #ff5454
}
.smallstat .piechart-overlay.yellow {
	background: #eae874
}
.smallstat .piechart-overlay.white {
	background: white
}
.smallstat .piechart-overlay.grey {
	background: #b2b8bd
}
.smallstat .piechart {
	color: white;
	font-size: 10px
}
.smallstat i {
	text-align: center;
	display: block;
	color: white;
	width: 50px;
	font-size: 22px;
	padding: 14px 0;
	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: white
}
.smallstat i.grey {
	background: #b2b8bd
}
.smallstat .title {
	top: 12px;
	color: #b2b8bd;
	display: block;
	font-size: 12px;
	margin-top: 4px;
	font-weight: bold
}
.smallstat .value {
	font-size: 20px
}
.smallstat .more {
	background: #e9ebec;
	border-top: 1px solid #dbdee0;
	margin: 12px -10px -10px -10px;
	padding: 5px 10px;
	display: block;
	font-size: 12px;
	text-align: left
}
.smallstat .more:hover {
	color: #34383c;
	text-decoration: none
}
.smallstat .more i {
	padding: 0;
	margin: 4px 0 0 0;
	display: inline;
	color: #34383c;
	font-size: 10px;
	float: right;
	width: 10px
}
ul.stats {
	list-style: none;
	padding: 0;
	border-top: 1px solid #e9ebec;
	margin: 20px -10px -10px -10px;
*zoom:1
}
ul.stats:before, ul.stats:after {
	display: table;
	content: "";
	line-height: 0
}
ul.stats:after {
	clear: both
}
ul.stats li {
	position: relative;
	z-index: 2;
	width: 25%;
	border-right: 1px solid #e9ebec;
	float: left;
	text-align: center;
	padding: 20px 0;
	margin: 0;
	overflow: hidden
}
ul.stats li:last-child {
	border: 0
}
ul.stats li .bgchart {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0
}
.info-box .backgroundColor {
	color: white;
	padding: 10px
}
.info-box .title, .info-box .value {
	font-weight: bold;
	font-size: 12px;
	margin: 0;
	padding: 0
}
.info-box .date, .info-box .change {
	font-size: 10px;
	margin: 0;
	padding: 0
}
.info-box .title, .info-box .date {
	float: left
}
.info-box .value, .info-box .change {
	float: right
}
.info-box .quarters {
	background: white;
*zoom:1
}
.info-box .quarters:before, .info-box .quarters:after {
	display: table;
	content: "";
	line-height: 0
}
.info-box .quarters:after {
	clear: both
}
.info-box .quarters .quarter {
	padding: 10px
}
.info-box .quarters .quarter span {
	display: block;
	font-size: 10px;
	color: #b2b8bd
}
.info-box .quarters .q1, .info-box .quarters .q2, .info-box .quarters .q3, .info-box .quarters .q4 {
	width: 50%;
	float: left
}
.info-box .quarters .q1, .info-box .quarters .q2 {
	border-bottom: 1px solid #e9ebec;
	height: 60px
}
.info-box .quarters .q2 {
	padding: 0
}
.info-box .quarters .q2, .info-box .quarters .q4 {
	text-align: right
}
.info-box .quarters .q4 {
	border-left: 1px solid #e9ebec
}
.info-box .quarters .verticalChart {
	float: right;
	text-align: center;
	margin: 3px 0 0 0;
	width: 100%;
	padding: 6px
}
.info-box .quarters .verticalChart .singleBar {
	width: 10.5%;
	margin: 0 0 0 3px
}
.info-box .quarters .verticalChart .singleBar .bar {
	height: 22px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px
}
.info-box .quarters .verticalChart .singleBar .bar .value {
	background: #b2b8bd;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px
}
.info-box .quarters .verticalChart .singleBar .title {
	margin: 2px auto 0 auto;
	text-align: center;
	color: #b2b8bd;
	font-size: 8px;
	font-weight: 400;
	width: 100%
}
.discussions ul {
	list-style: none;
	margin: 0;
	padding: 0
}
.discussions ul li {
	font-size: 12px;
	border: 1px solid #dbdee0;
	position: relative;
	background: white;
	margin: 0 40px 20px 80px;
	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;
	top: 0;
	left: -70px
}
.discussions ul li .author img {
	height: 50px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}
.discussions ul li .name {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 100%;
	background: #e9ebec;
	padding: 5px 10px 5px 10px
}
.discussions ul li .date {
	position: absolute;
	top: 10px;
	right: -1px;
	z-index: 1;
	background: #dbdee0;
	padding: 5px 20px 5px 10px
}
.discussions ul li .delete {
	position: absolute;
	background: #ced1d4;
	top: 10px;
	right: -30px;
	padding: 5px 10px;
	display: inline-block;
	cursor: pointer
}
.discussions ul li .message {
	border-bottom: 1px solid #e9ebec;
	margin: 20px -10px 0 -10px;
	padding: 20px;
	font-size: 12px
}
.discussions ul li ul {
	overflow: hidden
}
.discussions ul li ul li {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: 0;
	border-bottom: 1px solid #e9ebec;
	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: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}
.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 {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	width: 100%;
	font-size: 12px;
	padding: 5px
}
.chat {
	position: relative;
	background: white
}
.chat .contacts {
	position: absolute;
	height: 100%;
	float: left;
	width: 30%;
	background: #e9ebec;
	border-right: 1px solid #dbdee0
}
.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 #dbdee0;
	cursor: pointer
}
.chat .contacts ul.list li:hover {
	background: #b2b8bd
}
.chat .contacts ul.list li img.avatar {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	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: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}
.chat .contacts ul.list li .status.online {
	background: #bdea74
}
.chat .contacts ul.list li .status.offline {
	background: #b2b8bd
}
.chat .contacts ul.list li .status.busy {
	background: #fa603d
}
.chat .contacts ul.list li .important {
	font-size: 11px;
	display: inline-block;
	position: absolute;
	top: 1px;
	left: 35px;
	font-size: 10px;
	padding: 3px 7px;
	color: white;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #ff5454
}
.chat .conversation {
	width: 70%;
	float: right
}
.chat .conversation .actions {
	background: #34383c;
	width: 100%;
	height: 50px
}
.chat .conversation .actions a {
	display: block;
	color: white;
	padding: 16px;
	font-size: 18px;
	width: 18px;
	float: left
}
.chat .conversation .actions img.avatar {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	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 #dbdee0
}
.chat .conversation ul li img.avatar {
	top: 10px;
	left: 10px;
	position: absolute;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	width: 40px;
	margin-right: 10px
}
.chat .conversation ul li .name {
	font-weight: bold;
	text-transform: uppercase
}
.chat .conversation ul li .time {
	font-weight: bold;
	right: 10px;
	position: absolute;
	color: #b2b8bd;
	font-size: 11px
}
.chat .conversation ul li .message {
	margin-top: 10px;
	font-size: 12px
}
.chat .conversation .form {
	border-top: 2px solid #dbdee0;
	height: 60px;
	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;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 100%
}
.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: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	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: white
}
.calendar .calendar-details {
	background: #dbdee0;
	color: white;
	font-weight: 300px;
	position: relative;
	padding: 20px
}
.calendar .calendar-details .day {
	font-size: 20px;
	text-transform: uppercase;
	float: left;
	margin: 10px
}
.calendar .calendar-details .date {
	font-size: 20px;
	margin: 10px;
	text-transform: uppercase
}
.calendar .calendar-details ul.events {
	list-style: none;
	margin: 0;
	padding: 0
}
.calendar .calendar-details ul.events li {
	margin: 0 10px
}
.calendar .calendar-details .add-event {
	display: block;
	bottom: 10px;
	border-bottom: #b2b8bd;
	padding: 13px 5px 0 5px
}
.calendar .calendar-details .add-event input {
	width: 100%;
	color: white;
	border: 0;
	font-size: 12px;
	margin: 0;
	padding: 5px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #ced1d4;
	z-index: 9
}
.calendar .fc {
	padding: 20px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}
.calendar .fc-widget-header, .calendar .fc-widget-content {
	border-color: #e9ebec
}
.calendar .fc-state-default {
	background: white;
	border: 0;
	color: #b2b8bd;
	text-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	margin-top: -5px;
	margin-left: -10px
}
.calendar .fc-state-hover, .calendar .fc-state-down, .calendar .fc-state-active, .calendar .fc-state-disabled {
	color: #34383c;
	background: white
}
.calendar .fc-day-number {
	margin: 0 0 0 -30px;
	padding: 5px!important;
	text-align: left;
	font-size: 10px;
	font-weight: 300
}
.calendar .fc-state-highlight {
	background: transparent
}
.calendar .fc-state-highlight .fc-day-number {
	color: #36a9e1;
	font-weight: 700
}
.calendar .event {
	background: #36a9e1;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: white
}
.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: #b2b8bd
}
.calendar .fc-event {
	border: 0;
	height: 1px;
	background: #b2b8bd
}
.calendar .fc-event .fc-event-inner {
	display: none
}
ul.dashboard-list {
	padding: 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 #e9ebec
}
ul.dashboard-list li {
	padding: 5px 0;
	list-style: none;
	border-bottom: 1px solid #e9ebec;
	font-size: 12px
}
ul.dashboard-list li a span {
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	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: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}
ul.dashboard-list li i {
	font-size: 18px;
	opacity: .7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)"
}
ul.users-list {
	padding: 0
}
ul.users-list a:hover {
	text-decoration: none
}
ul.users-list li:last-child {
	border-bottom: 0;
	min-height: 51px
}
ul.users-list li:first-child {
	border-top: 0;
	border-bottom: 1px solid #e9ebec
}
ul.users-list li {
	min-height: 60px;
	padding: 5px 10px;
	list-style: none;
	border-bottom: 1px solid #e9ebec;
	font-size: 12px
}
ul.users-list li a img.avatar {
	height: 40px;
	width: 40px;
	float: left;
	margin-top: 3px;
	margin-right: 15px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}
ul.users-list li .name {
	margin: 5px 0 -2px 0;
	font-size: 14px;
	font-weight: bold
}
ul.users-list li .name .dropdown {
	float: right;
	margin: -1px 0
}
ul.users-list li .name .dropdown a {
	color: #b2b8bd;
	font-size: 11px;
	text-decoration: none
}
ul.users-list li .name .dropdown ul li {
	padding: 0;
	min-height: 10px
}
ul.users-list li .name .dropdown ul li i {
	display: inline-block;
	width: 20px
}
ul.users-list li span {
	display: inline-block;
	margin-right: 5px;
	font-size: 10px;
	color: #b2b8bd
}
ul.users-list li .place {
	width: 35%
}
ul.users-list li i {
	color: #b2b8bd;
	margin-right: 2px;
	font-size: 11px
}
ul.users-list.no-padding li {
	padding: 5px 0
}
ul.comments-list {
	padding: 0
}
ul.comments-list a:hover {
	text-decoration: none
}
ul.comments-list li:last-child {
	border-bottom: 0
}
ul.comments-list li:first-child {
	border-top: 0;
	border-bottom: 1px solid #e9ebec
}
ul.comments-list li {
	padding: 5px 10px;
	list-style: none;
	border-bottom: 1px solid #e9ebec;
	font-size: 12px
}
ul.comments-list li a img.avatar {
	height: 50px;
	width: 50px;
	float: left;
	margin-top: 3px;
	margin-right: 15px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}
ul.comments-list li div {
	margin-left: 65px
}
ul.comments-list li div.date {
	margin-top: 5px;
	font-size: 10px;
	font-weight: bold;
	color: #b2b8bd
}
ul.comments-list.no-padding li {
	padding: 5px 0
}
.todo ul {
	list-style: none;
	padding: 0;
	margin: -10px
}
.todo ul li {
	background: white;
	margin-left: 0!important;
	padding: 10px 10px 10px 35px;
	border-bottom: 1px solid #e9ebec;
	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: 14px;
	color: #dbdee0;
	margin: -1px 5px 0 10px;
	display: block
}
.todo ul li .todo-actions i.done {
	color: #ced1d4
}
.todo ul li .todo-actions i:hover {
	color: #b2b8bd
}
.todo ul li .remove {
	display: none;
	position: absolute;
	right: 10px;
	color: #b2b8bd
}
.todo ul li:hover .label {
	position: absolute;
	right: 30px
}
.todo ul li:hover .remove {
	display: inline
}
#feed {
	background: #e9ebec;
	top: 0;
	right: 0;
	position: absolute;
	height: 100%;
	border-left: 1px solid #dbdee0
}
#feed h2 {
	background: #dbdee0;
	padding: 12px;
	margin: 0 -15px 10px -15px
}
#feed h2 a {
	float: right;
	color: #b2b8bd;
	text-decoration: none;
	cursor: pointer
}
#feed h2 a:hover {
	color: #34383c
}
#feed ul#filter {
	margin: 0 0 10px -40px;
	list-style: none;
*zoom:1
}
#feed ul#filter:before, #feed ul#filter:after {
	display: table;
	content: "";
	line-height: 0
}
#feed ul#filter:after {
	clear: both
}
#feed ul#filter li {
	float: left;
	margin-right: 20px;
	cursor: pointer
}
#feed ul#filter li a {
	text-decoration: none
}
#feed ul#filter li a.active {
	font-weight: bold
}
#feed ul#filter li a:hover {
	color: inherit
}
#feed ul#timeline {
	margin: 0 0 0 10px;
	list-style: none;
	border-left: 1px solid #dbdee0
}
#feed ul#timeline li {
	position: relative;
	margin: 0 0 20px -20px;
	font-size: 12px
}
#feed ul#timeline li i {
	position: absolute;
	top: -4px;
	left: -36px;
	background: #e9ebec;
	padding: 5px 0;
	font-size: 15px;
	width: 30px;
	text-align: center
}
#feed ul#timeline li.tasks i {
	color: #bdea74
}
#feed ul#timeline li.comments i {
	color: #ff5454
}
#feed ul#timeline li.messages i {
	color: #36a9e1
}
#feed ul#timeline li .title {
	font-weight: bold
}
#feed ul#timeline li .desc {
	margin: 5px 0
}
#feed ul#timeline li .date, #feed ul#timeline li .separator, #feed ul#timeline li .name {
	color: #b2b8bd
}
#feed ul#timeline li .separator {
	margin: 0 5px
}
#feed #load-more {
	color: #dbdee0;
	margin: 0 auto;
	display: block;
	text-align: center;
	text-decoration: none
}
#feed #load-more:hover {
	color: #34383c
}
.slider {
	background: #e9ebec;
	border: 0;
	height: 10px;
	position: relative;
	z-index: 10;
	margin: 5px 0!important
}
.slider .ui-slider-range {
	position: absolute;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}
.slider.small {
	height: 6px
}
.ui-slider-handle {
	border: 1px solid #ced1d4;
	outline: none!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: 8px 8px!important
}
.ui-slider-horizontal.small .ui-slider-handle {
	background: url("../img/handle.png") no-repeat center center scroll #fff!important;
	background-position: 50% 50%;
	background-size: 8px 8px!important;
	width: 14px!important;
	height: 14px!important
}
.sliderVertical {
	background: #e9ebec;
	border: 0;
	top: auto;
	bottom: auto;
	width: 10px!important;
	position: relative;
	float: left;
	height: 100px;
	margin: 10px 20px;
	width: 5px
}
.sliderVertical .ui-slider-range {
	height: 100%;
	width: 100%;
	top: auto;
	bottom: auto;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}
.sliderVertical .ui-slider-handle {
	background: url("../img/handlev.png") no-repeat center center scroll #fff!important;
	background-position: 50% 50%;
	background-size: 8px 8px!important;
	left: 50%;
	margin: 9px 0 -9px -9px!important
}
.sliderVertical .ui-slider-range-max {
	top: 0
}
.sliderVertical .ui-slider-range-min {
	bottom: 0
}
.sliderVertical.small {
	width: 6px!important;
	position: relative;
	float: left;
	height: 100px;
	margin: 10px 20px;
	width: 5px
}
.sliderVertical.small .ui-slider-handle {
	background: url("../img/handlev.png") no-repeat center center scroll #fff!important;
	background-position: 50% 50%;
	background-size: 8px 8px!important;
	width: 14px;
	height: 14px;
	margin: 0 0 -7px -7px!important
}
.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: #e9ebec;
	color: #e9ebec;
	border: 0;
	height: 14px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	position: relative;
	margin-top: -2px
}
.progress .ui-progressbar-value {
	border: 0;
	height: 100%;
	top: 1px;
	position: absolute;
	left: 1px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}
.progress.slim {
	height: 10px
}
.progressBarValue span {
	font-size: 12px
}
.progressBarValue span.progressCustomValueVal {
	font-size: 18px;
	font-weight: 700;
	padding: 0 5px;
	color: #fa603d
}
.progressSlim {
	background: #ced1d4;
	border: 0;
	height: 10px;
	position: relative;
	margin-top: -2px
}
.progressSlim .ui-progressbar-value {
	border-color: transparent;
	height: 100%;
	top: 0;
	position: absolute;
	left: 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}
.tasks .progressSlim {
	overflow: hidden;
	border: none!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: none!important
}
.quick-button {
	border: 1px solid #dbdee0;
	background: #e9ebec;
	margin-bottom: -1px;
	padding: 30px 0 10px 0;
	font-size: 14px;
	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;
	color: #b2b8bd;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}
.quick-button:hover {
	color: #34383c;
	text-decoration: none;
	background: #dbdee0
}
.quick-button .notification {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	top: -1px;
	right: -1px;
	font-size: 10px
}
.quick-button i {
	font-size: 32px
}
.quick-button.small {
	padding: 15px 0 0 0;
	font-size: 10px
}
.quick-button.small i {
	font-size: 20px
}
.quick-button.small .notification {
	top: -1px;
	right: -1px;
	font-size: 7px;
	padding: 4px 5px
}
.tempStats {
	text-align: center!important
}
.tempStatBox {
	width: 120px;
	padding: 25px 0;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	margin: 0 auto
}
.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;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}
.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,0.3), 0px 1px 0 #fff;
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.3), 0px 1px 0 #fff;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.3), 0px 1px 0 #fff;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}
.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,0.4);
	-moz-box-shadow: 0 0 1px rgba(0,0,0,0.4);
	box-shadow: 0 0 1px rgba(0,0,0,0.4);
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}
.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,0.7);
	-webkit-box-shadow: inset 0 0 0 2px rgba(0,0,0,0.2), 0 0 0 4px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0 0 0 2px rgba(0,0,0,0.2), 0 0 0 4px rgba(0,0,0,0.1);
	box-shadow: inset 0 0 0 2px rgba(0,0,0,0.2), 0 0 0 4px rgba(0,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,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;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}
.circleStatsItemBox .header {
	background: rgba(255,255,255,0.2);
	color: rgba(255,255,255,0.9);
	width: 100%;
	height: 20px;
	padding: 5px 0;
	position: absolute;
	top: 0;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}
.circleStatsItemBox .footer {
	background: rgba(0,0,0,0.1);
	color: rgba(255,255,255,0.9);
	width: 100%;
	height: 20px;
	padding: 5px 0;
	position: absolute;
	bottom: 0;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}
.circleStatsItemBox .footer .count {
	font-size: 10px
}
.circleStatsItemBox .footer .value {
	font-weight: bold
}
.circleStatsItemBox .percent {
	font-size: 12px;
	position: absolute;
	top: 110px;
	width: 100%;
	left: 0;
	text-align: center;
	color: rgba(255,255,255,0.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,0.8)
}
.circleStatsItemBox input:focus {
	outline: 0;
	outline: thin dotted 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}
.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: normal;
	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
}
.glyphicons-icon-list div {
	margin: 10px 0
}
.glyphicons-icon-list div span, .glyphicons-icon-list div strong {
	font-size: 10px
}
.glyphicons-icon-list div strong {
	margin-top: -5px;
	display: block
}
.fontawesome-icon-list div {
	margin: 5px 0
}
.fontawesome-icon-list .fa {
	width: 20px;
	text-align: center;
	margin-right: 10px
}
.elfinder .elfinder-button {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}
.text-with-hr {
	text-align: center;
	position: relative;
	z-index: 2
}
.text-with-hr:before {
	position: absolute;
	content: '';
	top: 20px;
	left: 0;
	width: 100%;
	border-bottom: 1px solid #e9ebec;
	z-index: -1
}
.text-with-hr span {
	display: inline-block;
	background: white;
	padding: 10px
}
.switch {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 56px;
	height: 20px;
	padding: 3px;
	background-color: white;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	box-shadow: inset 0 -1px #fff, inset 0 1px 1px rgba(0,0,0,0.05);
	cursor: pointer;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}
.switch-input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0
}
.switch-label {
	position: relative;
	display: block;
	height: inherit;
	font-size: 10px;
	text-transform: uppercase;
	background: #f9f9f9;
	border-radius: inherit;
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.12), inset 0 0 2px rgba(0,0,0,0.15);
	-webkit-transition: .15s ease-out;
	-moz-transition: .15s ease-out;
	-o-transition: .15s ease-out;
	transition: .15s ease-out;
	-webkit-transition-property: opacity background;
	-moz-transition-property: opacity background;
	-o-transition-property: opacity background;
	transition-property: opacity background
}
.switch-label:before, .switch-label:after {
	position: absolute;
	top: 50%;
	margin-top: -0.5em;
	line-height: 1;
	-webkit-transition: inherit;
	-moz-transition: inherit;
	-o-transition: inherit;
	transition: inherit
}
.switch-label:before {
	content: attr(data-off);
	right: 11px;
	color: #aaa;
	text-shadow: 0 1px rgba(255,255,255,0.5)
}
.switch-label:after {
	content: attr(data-on);
	left: 11px;
	color: white;
	text-shadow: 0 1px rgba(0,0,0,0.2);
	opacity: 0
}
.switch-input:checked ~ .switch-label {
	background: #b2b8bd;
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.15), inset 0 0 3px rgba(0,0,0,0.2)
}
.switch-input:checked ~ .switch-label:before {
	opacity: 0
}
.switch-input:checked ~ .switch-label:after {
	opacity: 1
}
.switch-handle {
	position: absolute;
	top: 4px;
	left: 4px;
	width: 18px;
	height: 18px;
	background: white;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
	background-image: -webkit-linear-gradient(top, #fff 40%, #f0f0f0);
	background-image: -moz-linear-gradient(top, #fff 40%, #f0f0f0);
	background-image: -o-linear-gradient(top, #fff 40%, #f0f0f0);
	background-image: linear-gradient(to bottom, #fff 40%, #f0f0f0);
	-webkit-transition: left .15s ease-out;
	-moz-transition: left .15s ease-out;
	-o-transition: left .15s ease-out;
	transition: left .15s ease-out
}
.switch-handle:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -6px;
	width: 12px;
	height: 12px;
	background: #f9f9f9;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	box-shadow: inset 0 1px rgba(0,0,0,0.02);
	background-image: -webkit-linear-gradient(top, #eee, #fff);
	background-image: -moz-linear-gradient(top, #eee, #fff);
	background-image: -o-linear-gradient(top, #eee, #fff);
	background-image: linear-gradient(to bottom, #eee, #fff)
}
.switch-input:checked ~ .switch-handle {
	left: 40px;
	box-shadow: -1px 1px 5px rgba(0,0,0,0.2)
}
.switch-primary>.switch-input:checked ~ .switch-label {
	background: #36a9e1
}
.switch-success>.switch-input:checked ~ .switch-label {
	background: #78cd51
}
.switch-warning>.switch-input:checked ~ .switch-label {
	background: #fabb3d
}
.switch-important>.switch-input:checked ~ .switch-label {
	background: #ff5454
}
.switch-info>.switch-input:checked ~ .switch-label {
	background: #67c2ef
}
.switch-danger>.switch-input:checked ~ .switch-label {
	background: #d9534f
}
table tr td.left, table tr th.left {
	text-align: left
}
table tr td.center, table tr th.center {
	text-align: center
}
table tr td.right, table tr th.right {
	text-align: right
}
table tr td .progress {
	margin: 3px 0 0 0
}
table.table-clear tr, table.table-clear td {
	border: none!important
}
table.small-font {
	font-size: 12px
}
.table thead>tr>th, .table tbody>tr>th, .table tfoot>tr>th, .table thead>tr>td, .table tbody>tr>td, .table tfoot>tr>td {
	padding: 8px;
	line-height: 1.428571429;
	vertical-align: top;
	border-top: 1px solid #e9ebec
}
.table thead>tr>th {
	vertical-align: bottom;
	border-bottom: 2px solid #e9ebec
}
.table-bordered {
	border: 1px solid #e9ebec
}
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
	border: 1px solid #e9ebec
}
ul.skill-bar {
	padding: 0
}
ul.skill-bar h5 {
	margin-bottom: 6px
}
ul.skill-bar li {
	margin-bottom: 12px;
	list-style: none;
	padding-left: 0
}
ul.skill-bar li .meter {
	height: 20px;
	position: relative;
	background: #e9ebec
}
ul.skill-bar li .meter span {
	display: block;
	height: 100%;
	position: relative;
	overflow: hidden;
	color: white;
	background: #b2b8bd;
	text-align: right;
	padding-right: 10px;
	margin: 0
}
ul.skill-bar li .meter span.blue {
	background: #36a9e1
}
ul.skill-bar li .meter span.lightBlue {
	background: #67c2ef
}
ul.skill-bar li .meter span.green {
	background: #bdea74
}
ul.skill-bar li .meter span.darkGreen {
	background: #78cd51
}
ul.skill-bar li .meter span.pink {
	background: #e84c8a
}
ul.skill-bar li .meter span.orange {
	background: #fa603d
}
ul.skill-bar li .meter span.lightOrange {
	background: #fabb3d
}
ul.skill-bar li .meter span.red {
	background: #ff5454
}
ul.skill-bar li .meter span.yellow {
	background: #eae874
}
ul.skill-bar li .meter span.white {
	background: white
}
ul.skill-bar li .meter span.grey {
	background: #b2b8bd
}
div.dataTables_length label {
	font-weight: normal;
	float: left;
	text-align: left
}
div.dataTables_length select {
	width: 75px
}
div.dataTables_filter label {
	font-weight: normal;
	float: right
}
div.dataTables_info {
	padding-top: 8px
}
div.dataTables_paginate {
	float: right;
	margin: 0
}
div.dataTables_paginate ul.pagination {
	margin: 2px
}
table.table {
	clear: both;
	margin-top: 6px!important;
	margin-bottom: 6px!important;
	max-width: none!important
}
table.table .btn {
	margin: 1px 0
}
table.table thead .sorting, table.table thead .sorting_asc, table.table thead .sorting_desc, table.table thead .sorting_asc_disabled, table.table thead .sorting_desc_disabled {
	cursor: pointer
}
table.table thead .sorting {
	background: url('../img/sort_both.png') no-repeat center right
}
table.table thead .sorting_asc {
	background: url('../img/sort_asc.png') no-repeat center right
}
table.table thead .sorting_desc {
	background: url('../img/sort_desc.png') no-repeat center right
}
table.table thead .sorting_asc_disabled {
	background: url('../img/sort_asc_disabled.png') no-repeat center right
}
table.table thead .sorting_desc_disabled {
	background: url('../img/sort_desc_disabled.png') no-repeat center right
}
table.dataTable th:active {
	outline: 0
}
div.dataTables_scrollHead table {
	margin-bottom: 0!important;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}
div.dataTables_scrollHead table thead tr:last-child th:first-child, div.dataTables_scrollHead table thead tr:last-child td:first-child {
	border-bottom-left-radius: 0!important;
	border-bottom-right-radius: 0!important
}
div.dataTables_scrollBody table {
	border-top: 0;
	margin-bottom: 0!important
}
div.dataTables_scrollBody tbody tr:first-child th, div.dataTables_scrollBody tbody tr:first-child td {
	border-top: 0
}
div.dataTables_scrollFoot table {
	border-top: 0
}
.table tbody tr.active td, .table tbody tr.active th {
	background-color: #08C;
	color: white
}
.table tbody tr.active:hover td, .table tbody tr.active:hover th {
	background-color: #0075b0!important
}
.table-striped tbody tr.active:nth-child(odd) td, .table-striped tbody tr.active:nth-child(odd) th {
	background-color: #017ebc
}
table.DTTT_selectable tbody tr {
	cursor: pointer
}
div.DTTT .btn {
	color: #333!important;
	font-size: 12px
}
div.DTTT .btn:hover {
	text-decoration: none!important
}
ul.DTTT_dropdown.dropdown-menu {
	z-index: 2003
}
ul.DTTT_dropdown.dropdown-menu a {
	color: #333!important
}
ul.DTTT_dropdown.dropdown-menu li {
	position: relative
}
ul.DTTT_dropdown.dropdown-menu li:hover a {
	background-color: #08c;
	color: white!important
}
div.DTTT_print_info.modal {
	height: 150px;
	margin-top: -75px;
	text-align: center
}
div.DTTT_print_info h6 {
	font-weight: normal;
	font-size: 28px;
	line-height: 28px;
	margin: 1em
}
div.DTTT_print_info p {
	font-size: 14px;
	line-height: 20px
}
div.DTFC_LeftHeadWrapper table, div.DTFC_LeftFootWrapper table, div.DTFC_RightHeadWrapper table, div.DTFC_RightFootWrapper table, table.DTFC_Cloned tr.even {
	background-color: white
}
div.DTFC_RightHeadWrapper table, div.DTFC_LeftHeadWrapper table {
	margin-bottom: 0!important;
	border-top-right-radius: 0!important;
	border-bottom-left-radius: 0!important;
	border-bottom-right-radius: 0!important
}
div.DTFC_RightHeadWrapper table thead tr:last-child th:first-child, div.DTFC_RightHeadWrapper table thead tr:last-child td:first-child, div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child, div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child {
	border-bottom-left-radius: 0!important;
	border-bottom-right-radius: 0!important
}
div.DTFC_RightBodyWrapper table, div.DTFC_LeftBodyWrapper table {
	border-top: 0;
	margin-bottom: 0!important
}
div.DTFC_RightBodyWrapper tbody tr:first-child th, div.DTFC_RightBodyWrapper tbody tr:first-child td, div.DTFC_LeftBodyWrapper tbody tr:first-child th, div.DTFC_LeftBodyWrapper tbody tr:first-child td {
	border-top: 0
}
div.DTFC_RightFootWrapper table, div.DTFC_LeftFootWrapper table {
	border-top: 0
}
@media(-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
table.table thead .sorting {
	background: url('../img/sort_both%402x.png') no-repeat center right;
	background-size: 19px 19px
}
table.table thead .sorting_asc {
	background: url('../img/sort_asc%402x.png') no-repeat center right;
	background-size: 19px 19px
}
table.table thead .sorting_desc {
	background: url('../img/sort_desc%402x.png') no-repeat center right;
	background-size: 19px 19px
}
table.table thead .sorting_asc_disabled {
	background: url('../img/sort_asc_disabled%402x.png') no-repeat center right;
	background-size: 19px 19px
}
table.table thead .sorting_desc_disabled {
	background: url('../img/sort_desc_disabled%402x.png') no-repeat center right;
	background-size: 19px 19px
}
}
.sz1 {
	width: 200px;
	height: 160px
}
.sz0 {
	margin: 2em 0 0 0
}
.sz0 {
	width: 100px;
	height: 80px
}
.dd {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 13px;
	line-height: 20px
}
.dd-list {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none
}
.dd-list .dd-list {
	padding-left: 30px
}
.dd-collapsed .dd-list {
	display: none
}
.dd-item, .dd-empty, .dd-placeholder {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	min-height: 20px;
	font-size: 13px;
	line-height: 20px
}
.dd-handle {
	display: block;
	height: 30px;
	margin: 5px 0;
	padding: 4px 10px;
	text-decoration: none;
	border: 1px solid #dbdee0;
	background: #e9ebec;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.dd-handle:hover {
	color: #36a9e1;
	background: white
}
.dd-handle .icon {
	float: right;
	font-size: 16px;
	margin-left: 10px
}
.dd-handle .icon:hover {
	text-decoration: none
}
.dd-item>button {
	display: block;
	position: relative;
	cursor: pointer;
	float: left;
	width: 25px;
	height: 20px;
	margin: 5px 0;
	padding: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	border: 0;
	background: transparent;
	font-size: 12px;
	line-height: 1;
	text-align: center;
	font-weight: bold
}
.dd-item>button:before {
	content: '+';
	display: block;
	position: absolute;
	width: 100%;
	text-align: center;
	text-indent: 0
}
.dd-item>button[data-action="collapse"]:before {
	content: '-'
}
.dd-placeholder, .dd-empty {
	margin: 5px 0;
	padding: 0;
	min-height: 30px;
	background: #f2fbff;
	border: 1px dashed #b6bcbf;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.dd-empty {
	border: 1px dashed #bbb;
	min-height: 100px;
	background-color: #e5e5e5;
	background-size: 60px 60px;
	background-position: 0 0, 30px 30px
}
.dd-dragel {
	position: absolute;
	pointer-events: none;
	z-index: 9999
}
.dd-dragel>.dd-item .dd-handle {
	margin-top: 0
}
.dd-dragel .dd-handle {
	-webkit-box-shadow: 2px 4px 6px 0 rgba(0,0,0,0.1);
	-moz-box-shadow: 2px 4px 6px 0 rgba(0,0,0,0.1);
	box-shadow: 2px 4px 6px 0 rgba(0,0,0,0.1)
}
.nestable-lists {
	display: block;
	clear: both;
	padding: 30px 0;
	width: 100%;
	border: 0;
	border-top: 2px solid #ddd;
	border-bottom: 2px solid #ddd
}
#nestable-menu {
	padding: 0;
	margin: 20px 0
}
#nestable-output, #nestable2-output {
	width: 100%;
	height: 7em;
	font-size: .75em;
	line-height: 1.333333em;
	font-family: Consolas, monospace;
	padding: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
#nestable2 .dd-handle {
	color: white;
	border: 1px solid #b2b8bd;
	background: #b2b8bd
}
#nestable2 .dd-handle:hover {
	border: 1px solid #34383c;
	background: #34383c
}
#nestable2 .dd-item>button:before {
	color: #fff
}
@media only screen and (min-width:700px) {
.dd {
	float: left;
	width: 48%
}
.dd+.dd {
	margin-left: 2%
}
}
.dd-hover>.dd-handle {
	background: #2ea8e5!important
}
.dd3-content {
	display: block;
	height: 30px;
	margin: 5px 0;
	padding: 5px 10px 5px 40px;
	text-decoration: none;
	font-weight: bold;
	border: 1px solid #dbdee0;
	background: #e9ebec;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.dd3-content:hover {
	color: #36a9e1;
	background: #fff
}
.dd-dragel>.dd3-item>.dd3-content {
	margin: 0
}
.dd3-item>button {
	margin-left: 30px
}
.dd3-handle {
	position: absolute;
	margin: 0;
	left: 0;
	top: 0;
	cursor: pointer;
	width: 30px;
	white-space: nowrap;
	overflow: hidden;
	border: 1px solid #dbdee0;
	background: #dbdee0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	color: white
}
.dd3-handle:hover {
	background: #b2b8bd;
	color: white
}
.wizard {
*zoom:1;
	position: relative;
	overflow: hidden;
	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;
	width: 4000px
}
.wizard ul li {
	float: left;
	margin: 0;
	padding: 0 20px 0 30px;
	height: 40px;
	line-height: 40px;
	position: relative;
	background: #f7f7f8;
	color: #b2b8bd;
	font-size: 16px;
	cursor: default
}
.wizard ul li:first-child {
	-webkit-border-radius: 2px 0 0 2px;
	-moz-border-radius: 2px 0 0 2px;
	border-radius: 2px 0 0 2px
}
.wizard ul li:last-child {
	-webkit-border-radius: 0 2px 2px 0;
	-moz-border-radius: 0 2px 2px 0;
	border-radius: 0 2px 2px 0
}
.wizard ul li .chevron {
	border: 48px solid transparent;
	border-left: 28px solid white;
	border-right: 0;
	display: block;
	position: absolute;
	right: -14px;
	top: -28px;
	z-index: 1
}
.wizard ul li .chevron:before {
	border: 48px solid transparent;
	border-left: 28px solid #f7f7f8;
	border-right: 0;
	content: "";
	display: block;
	position: absolute;
	right: 5px;
	top: -48px
}
.wizard ul li.complete {
	background: #bdea74;
	color: white
}
.wizard ul li.complete:hover {
	background: #e7eff8;
	cursor: pointer
}
.wizard ul li.complete:hover .chevron:before {
	border-left: 28px solid #e7eff8
}
.wizard ul li.complete .chevron:before {
	border-left: 28px solid #bdea74
}
.wizard ul li.active {
	background: #b2b8bd;
	color: white
}
.wizard ul li.active .chevron:before {
	border-left: 28px solid #b2b8bd
}
.wizard ul li .badge {
	margin-right: 8px
}
.wizard ul li:first-child {
	border-radius: 4px 0 0 4px;
	padding-left: 20px
}
.wizard .actions {
	z-index: 1000;
	position: absolute;
	right: 0;
	line-height: 46px;
	float: right;
	padding-left: 15px;
	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
}
.step-content .active .btn-group .active {
	display: inline-block
}
.datepicker {
	padding: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	direction: ltr
}
.datepicker-inline {
	width: 220px
}
.datepicker.datepicker-rtl {
	direction: rtl
}
.datepicker.datepicker-rtl table tr td span {
	float: right
}
.datepicker-dropdown {
	top: 0;
	left: 0
}
.datepicker-dropdown:before {
	content: '';
	display: inline-block;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #ccc;
	border-top: 0;
	border-bottom-color: rgba(0,0,0,0.2);
	position: absolute
}
.datepicker-dropdown:after {
	content: '';
	display: inline-block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid white;
	border-top: 0;
	position: absolute
}
.datepicker-dropdown.datepicker-orient-left:before {
	left: 6px
}
.datepicker-dropdown.datepicker-orient-left:after {
	left: 7px
}
.datepicker-dropdown.datepicker-orient-right:before {
	right: 6px
}
.datepicker-dropdown.datepicker-orient-right:after {
	right: 7px
}
.datepicker-dropdown.datepicker-orient-top:before {
	top: -7px
}
.datepicker-dropdown.datepicker-orient-top:after {
	top: -6px
}
.datepicker-dropdown.datepicker-orient-bottom:before {
	bottom: -7px;
	border-bottom: 0;
	border-top: 7px solid #999
}
.datepicker-dropdown.datepicker-orient-bottom:after {
	bottom: -6px;
	border-bottom: 0;
	border-top: 6px solid white
}
.datepicker>div {
	display: none
}
.datepicker.days div.datepicker-days {
	display: block
}
.datepicker.months div.datepicker-months {
	display: block
}
.datepicker.years div.datepicker-years {
	display: block
}
.datepicker table {
	margin: 0;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.datepicker td, .datepicker th {
	text-align: center;
	width: 20px;
	height: 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 0
}
.table-striped .datepicker table tr td, .table-striped .datepicker table tr th {
	background-color: transparent
}
.datepicker table tr td.day:hover {
	background: #eee;
	cursor: pointer
}
.datepicker table tr td.old, .datepicker table tr td.new {
	color: #34383c
}
.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
	background: 0;
	color: #f9f9f9;
	cursor: default
}
.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover {
	background: #36a9e1;
	color: #000
}
.datepicker table tr td.today:hover:hover {
	color: #000
}
.datepicker table tr td.today.active:hover {
	color: #fff
}
.datepicker table tr td.range, .datepicker table tr td.range:hover, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover {
	background: #eee;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}
.datepicker table tr td.range.today, .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover {
	background: #f3c17a;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}
.datepicker table tr td.selected, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover {
	background: #f9f9f9;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25)
}
.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover {
	background: #36a9e1;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25)
}
.datepicker table tr td span {
	display: block;
	width: 23%;
	height: 54px;
	line-height: 54px;
	float: left;
	margin: 1%;
	cursor: pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}
.datepicker table tr td span:hover {
	background: #eee
}
.datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover {
	background: 0;
	color: #f9f9f9;
	cursor: default
}
.datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover {
	background: #36a9e1;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25)
}
.datepicker table tr td span.old, .datepicker table tr td span.new {
	color: #f9f9f9
}
.datepicker th.datepicker-switch {
	width: 145px
}
.datepicker thead tr:first-child th, .datepicker tfoot tr th {
	cursor: pointer
}
.datepicker thead tr:first-child th:hover, .datepicker tfoot tr th:hover {
	background: #eee
}
.datepicker .cw {
	font-size: 10px;
	width: 12px;
	padding: 0 2px 0 5px;
	vertical-align: middle
}
.datepicker thead tr:first-child th.cw {
	cursor: default;
	background-color: transparent
}
.input-append.date .add-on i, .input-prepend.date .add-on i {
	display: block;
	cursor: pointer;
	width: 16px;
	height: 16px
}
.input-daterange input {
	text-align: center
}
.input-daterange input:first-child {
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px
}
.input-daterange input:last-child {
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0
}
.input-daterange .add-on {
	display: inline-block;
	width: auto;
	min-width: 16px;
	height: 18px;
	padding: 4px 5px;
	font-weight: normal;
	line-height: 18px;
	text-align: center;
	text-shadow: 0 1px 0 white;
	vertical-align: middle;
	background-color: #eee;
	border: 1px solid #ccc;
	margin-left: -5px;
	margin-right: -5px
}
.bootstrap-timepicker {
	position: relative
}
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu {
	left: auto;
	right: 0
}
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before {
	left: auto;
	right: 12px
}
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after {
	left: auto;
	right: 13px
}
.bootstrap-timepicker .input-group-addon {
	cursor: pointer;
	-webkit-border-radius: 4px 0 0 4px!important;
	border-radius: 4px 0 0 4px!important;
	border-right: 0
}
.bootstrap-timepicker-widget.dropdown-menu {
	padding: 2px 3px 2px 2px;
	margin-left: 54px
}
.bootstrap-timepicker-widget.dropdown-menu.open {
	display: inline-block
}
.bootstrap-timepicker-widget.dropdown-menu:before {
	border-bottom: 7px solid rgba(0,0,0,0.2);
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	content: "";
	display: inline-block;
	left: 9px;
	position: absolute;
	top: -7px
}
.bootstrap-timepicker-widget.dropdown-menu:after {
	border-bottom: 6px solid #fff;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	content: "";
	display: inline-block;
	left: 10px;
	position: absolute;
	top: -6px
}
.bootstrap-timepicker-widget a.btn, .bootstrap-timepicker-widget input {
	border-radius: 4px
}
.bootstrap-timepicker-widget table {
	width: 100%;
	margin: 0
}
.bootstrap-timepicker-widget table td {
	text-align: center;
	height: 30px;
	margin: 0;
	padding: 2px
}
.bootstrap-timepicker-widget table td:not(.separator) {
	min-width: 30px
}
.bootstrap-timepicker-widget table td span {
	width: 100%
}
.bootstrap-timepicker-widget table td a {
	border: 1px transparent solid;
	width: 100%;
	display: inline-block;
	margin: 0;
	padding: 8px 0;
	outline: 0;
	color: #333
}
.bootstrap-timepicker-widget table td a:hover {
	text-decoration: none;
	background-color: #eee;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-color: #ddd
}
.bootstrap-timepicker-widget table td a i {
	margin-top: 2px
}
.bootstrap-timepicker-widget table td input {
	width: 25px;
	margin: 0;
	text-align: center;
	border: 1px solid #b2b8bd
}
.bootstrap-timepicker-widget .modal-content {
	padding: 4px
}
@media(min-width:767px) {
.bootstrap-timepicker-widget.modal {
	width: 200px;
	margin-left: -100px
}
}
@media(max-width:767px) {
.bootstrap-timepicker {
	width: 100%
}
.bootstrap-timepicker .dropdown-menu {
	width: 100%
}
}
.daterangepicker.dropdown-menu {
	max-width: none;
	z-index: 3000
}
.daterangepicker.opensleft .ranges, .daterangepicker.opensleft .calendar {
	float: left;
	margin: 4px
}
.daterangepicker.opensright .ranges, .daterangepicker.opensright .calendar {
	float: right;
	margin: 4px
}
.daterangepicker .ranges {
	width: 160px;
	text-align: left
}
.daterangepicker .ranges .range_inputs>div {
	float: left
}
.daterangepicker .ranges .range_inputs>div:nth-child(2) {
	padding-left: 11px
}
.daterangepicker .calendar {
	display: none;
	max-width: 270px
}
.daterangepicker .calendar th, .daterangepicker .calendar td {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	white-space: nowrap;
	text-align: center;
	min-width: 32px
}
.daterangepicker .ranges label {
	color: #333;
	display: block;
	font-size: 11px;
	font-weight: normal;
	height: 20px;
	line-height: 20px;
	margin-bottom: 2px;
	text-shadow: #fff 1px 1px 0;
	text-transform: uppercase;
	width: 74px
}
.daterangepicker .ranges input {
	font-size: 11px
}
.daterangepicker .ranges .input-mini {
	background-color: #eee;
	border: 1px solid #ccc;
	border-radius: 4px;
	color: #555;
	display: block;
	font-size: 11px;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	margin: 0 0 10px 0;
	padding: 0 6px;
	width: 74px
}
.daterangepicker .ranges ul {
	list-style: none;
	margin: 0;
	padding: 0
}
.daterangepicker .ranges li {
	font-size: 13px;
	background: #f5f5f5;
	border: 1px solid #f5f5f5;
	color: #08c;
	padding: 3px 12px;
	margin-bottom: 8px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer
}
.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
	background: #08c;
	border: 1px solid #08c;
	color: #fff
}
.daterangepicker .calendar-date {
	border: 1px solid #ddd;
	padding: 4px;
	border-radius: 4px;
	background: #fff
}
.daterangepicker .calendar-time {
	text-align: center;
	margin: 8px auto 0 auto;
	line-height: 30px
}
.daterangepicker {
	position: absolute;
	background: #fff;
	top: 100px;
	left: 20px;
	padding: 4px;
	margin-top: 1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}
.daterangepicker.opensleft:before {
	position: absolute;
	top: -7px;
	right: 9px;
	display: inline-block;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #ccc;
	border-left: 7px solid transparent;
	border-bottom-color: rgba(0,0,0,0.2);
	content: ''
}
.daterangepicker.opensleft:after {
	position: absolute;
	top: -6px;
	right: 10px;
	display: inline-block;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #fff;
	border-left: 6px solid transparent;
	content: ''
}
.daterangepicker.opensright:before {
	position: absolute;
	top: -7px;
	left: 9px;
	display: inline-block;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #ccc;
	border-left: 7px solid transparent;
	border-bottom-color: rgba(0,0,0,0.2);
	content: ''
}
.daterangepicker.opensright:after {
	position: absolute;
	top: -6px;
	left: 10px;
	display: inline-block;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #fff;
	border-left: 6px solid transparent;
	content: ''
}
.daterangepicker table {
	width: 100%;
	margin: 0
}
.daterangepicker td, .daterangepicker th {
	text-align: center;
	width: 20px;
	height: 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
	white-space: nowrap
}
.daterangepicker td.off {
	color: #999
}
.daterangepicker td.disabled {
	color: #999
}
.daterangepicker td.available:hover, .daterangepicker th.available:hover {
	background: #eee
}
.daterangepicker td.in-range {
	background: #ebf4f8;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}
.daterangepicker td.active, .daterangepicker td.active:hover {
	background-color: #357ebd;
	border-color: #3071a9;
	color: #fff
}
.daterangepicker td.week, .daterangepicker th.week {
	font-size: 80%;
	color: #ccc
}
.daterangepicker select.monthselect, .daterangepicker select.yearselect {
	font-size: 12px;
	padding: 1px;
	height: auto;
	margin: 0;
	cursor: default
}
.daterangepicker select.monthselect {
	margin-right: 2%;
	width: 56%
}
.daterangepicker select.yearselect {
	width: 40%
}
.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.ampmselect {
	width: 50px;
	margin-bottom: 0
}
.colorpicker-saturation {
	width: 100px;
	height: 100px;
	background-image: url(../img/saturation.png);
	cursor: crosshair;
	float: left
}
.colorpicker-saturation i {
	display: block;
	height: 5px;
	width: 5px;
	border: 1px solid #000;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	position: absolute;
	top: 0;
	left: 0;
	margin: -4px 0 0 -4px
}
.colorpicker-saturation i b {
	display: block;
	height: 5px;
	width: 5px;
	border: 1px solid #fff;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}
.colorpicker-hue, .colorpicker-alpha {
	width: 15px;
	height: 100px;
	float: left;
	cursor: row-resize;
	margin-left: 4px;
	margin-bottom: 4px
}
.colorpicker-hue i, .colorpicker-alpha i {
	display: block;
	height: 1px;
	background: #000;
	border-top: 1px solid #fff;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	margin-top: -1px
}
.colorpicker-hue {
	background-image: url(../img/hue.png)
}
.colorpicker-alpha {
	background-image: url(../img/alpha.png);
	display: none
}
.colorpicker {
*zoom:1;
	top: 0;
	left: 0;
	padding: 4px;
	min-width: 120px;
	margin-top: 1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}
.colorpicker:before, .colorpicker:after {
	display: table;
	content: "";
	line-height: 0
}
.colorpicker:after {
	clear: both
}
.colorpicker:before {
	content: '';
	display: inline-block;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #ccc;
	border-bottom-color: rgba(0,0,0,0.2);
	position: absolute;
	top: -7px;
	left: 6px
}
.colorpicker:after {
	content: '';
	display: inline-block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid white;
	position: absolute;
	top: -6px;
	left: 7px
}
.colorpicker div {
	position: relative
}
.colorpicker.alpha {
	min-width: 140px
}
.colorpicker.alpha .colorpicker-alpha {
	display: block
}
.colorpicker-color {
	height: 10px;
	margin-top: 5px;
	clear: both;
	background-image: url(../img/alpha.png);
	background-position: 0 100%
}
.colorpicker-color div {
	height: 10px
}
.input-append.color .add-on i, .input-prepend.color .add-on i {
	display: block;
	cursor: pointer;
	width: 16px;
	height: 16px
}
.input-group.color .input-group-addon i {
	display: block;
	cursor: pointer;
	width: 13px
}
.inbox .inbox-menu {
	background: #e9ebec;
	border-right: 1px solid #dbdee0;
	padding-top: 30px
}
.inbox .inbox-menu .btn {
	width: 100%
}
.inbox .inbox-menu ul {
	margin-top: 30px;
	padding: 0;
	list-style: none
}
.inbox .inbox-menu ul li {
	height: 30px;
	margin: 0 -15px;
	padding: 5px 15px;
	position: relative
}
.inbox .inbox-menu ul li:hover, .inbox .inbox-menu ul li.active {
	background: #dbdee0
}
.inbox .inbox-menu ul li.title {
	margin: 20px -15px -10px -15px;
	text-transform: uppercase;
	font-size: 10px;
	color: #b2b8bd
}
.inbox .inbox-menu ul li.title:hover {
	background: transparent
}
.inbox .inbox-menu ul li a {
	display: block;
	width: 100%;
	text-decoration: none;
	color: #34383c
}
.inbox .inbox-menu ul li a i {
	margin-right: 10px
}
.inbox .inbox-menu ul li a .label {
	position: absolute;
	top: 10px;
	right: 15px;
	display: block;
	min-width: 14px;
	height: 14px;
	padding: 2px
}
.inbox .buttons {
	margin: 30px 0
}
.inbox .buttons .btn, .inbox .buttons .btn-group .btn {
	border: 1px solid #dbdee0
}
.inbox .buttons .btn-group .caret {
	border-top-color: #7c848d;
	margin-top: -4px;
	margin-left: 5px
}
.inbox .messages {
	background: white;
	margin: 0;
	border-right: 1px solid #dbdee0
}
.inbox ul.messages-list {
	list-style: none;
	padding: 0
}
.inbox ul.messages-list li {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	cursor: pointer;
	margin-bottom: 10px;
	padding: 10px
}
.inbox ul.messages-list li.unread .header, .inbox ul.messages-list li.unread .title {
	font-weight: bold
}
.inbox ul.messages-list li.active {
	background: #e9ebec;
	border: 1px solid #dbdee0;
	padding: 9px
}
.inbox ul.messages-list li.active .action {
	color: #c0c4c8
}
.inbox ul.messages-list li .header {
	margin: 0 0 5px 0
}
.inbox ul.messages-list li .header .from {
	width: 49.9%;
	white-space: nowrap;
	overflow: hidden!important;
	text-overflow: ellipsis
}
.inbox ul.messages-list li .header .date {
	width: 50%;
	text-align: right;
	float: right
}
.inbox ul.messages-list li .title {
	margin: 0 0 5px 0;
	white-space: nowrap;
	overflow: hidden!important;
	text-overflow: ellipsis
}
.inbox ul.messages-list li .description {
	font-size: 12px;
	padding-left: 29px
}
.inbox ul.messages-list li .action {
	display: inline-block;
	width: 16px;
	text-align: center;
	margin-right: 10px;
	color: #dbdee0
}
.inbox ul.messages-list li .action .fa-check-square-o {
	margin: 0 -1px 0 1px
}
.inbox ul.messages-list li .action .fa-square {
	float: left;
	margin-top: -16px;
	margin-left: 4px;
	font-size: 11px;
	color: white
}
.inbox ul.messages-list li .action .fa-star.bg {
	float: left;
	margin-top: -16px;
	margin-left: 3px;
	font-size: 12px;
	color: white
}
.inbox .message {
	margin: 0;
	background: white;
	border-right: 1px solid #dbdee0
}
.inbox .message textarea {
	color: #34383c!important
}
.inbox .message .message-title {
	padding-top: 10px;
	font-weight: bold;
	font-size: 14px
}
.inbox .message .header {
	margin: 20px 0 30px 0;
	padding: 10px 0 10px 0;
	border-top: 1px solid #e9ebec;
	border-bottom: 1px solid #e9ebec
}
.inbox .message .header .avatar {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	height: 34px;
	width: 34px;
	float: left;
	margin-right: 10px
}
.inbox .message .header i {
	margin-top: 1px
}
.inbox .message .header .from {
	display: inline-block;
	width: 50%;
	font-size: 12px;
	margin-top: -2px;
	color: #b2b8bd
}
.inbox .message .header .from span {
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #34383c
}
.inbox .message .header .date {
	display: inline-block;
	width: 29%;
	text-align: right;
	float: right;
	font-size: 12px;
	margin-top: 18px
}
.inbox .message .attachments {
	border-top: 3px solid #f9f9f9;
	border-bottom: 3px solid #f9f9f9;
	padding: 10px 0;
	margin-bottom: 20px;
	font-size: 12px
}
.inbox .message .attachments ul {
	list-style: none;
	margin: 0 0 0 -40px
}
.inbox .message .attachments ul li {
	margin: 10px 0
}
.inbox .message .attachments ul li .label {
	padding: 2px 4px
}
.inbox .message .attachments ul li span.quickMenu {
	float: right;
	text-align: right
}
.inbox .message .attachments ul li span.quickMenu .glyphicons {
	padding: 5px 0 5px 25px
}
.inbox .message .attachments ul li span.quickMenu .glyphicons:before {
	font-size: 14px;
	margin: -2px 0 0 5px;
	color: #b2b8bd
}
.inbox .contacts {
	background: #e9ebec;
	padding-top: 30px
}
.inbox .contacts .btn {
	width: 100%;
	margin-bottom: 30px
}
.inbox .contacts ul {
	padding: 0;
	list-style: none
}
.inbox .contacts ul li {
	height: 30px;
	margin: 0 -15px;
	padding: 5px 15px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis!important;
	position: relative;
	cursor: pointer
}
.inbox .contacts ul li .label {
	display: inline-block;
	width: 6px;
	height: 6px;
	padding: 0;
	margin: 0 5px 2px 0
}
.inbox .contacts ul li:hover {
	background: #dbdee0
}
.invoice .header .well p {
	padding: 0;
	margin: 0
}
.invoice table {
	margin-bottom: 20px!important
}
.page-todo .tasks {
	background: white;
	padding: 0;
	border-right: 1px solid #dbdee0;
	margin: -30px 15px -30px -15px
}
.page-todo .task-list {
	padding: 30px 15px;
	height: 100%
}
.page-todo .graph {
	height: 100%
}
.page-todo .priority.high {
	background: #ffeded;
	margin-bottom: 1px
}
.page-todo .priority.high span {
	background: #ff5454;
	padding: 2px 10px;
	color: white;
	display: inline-block;
	font-size: 12px
}
.page-todo .priority.medium {
	background: #fef8eb;
	margin-bottom: 1px
}
.page-todo .priority.medium span {
	background: #fabb3d;
	padding: 2px 10px;
	color: white;
	display: inline-block;
	font-size: 12px
}
.page-todo .priority.low {
	background: #e4f5dc;
	margin-bottom: 1px
}
.page-todo .priority.low span {
	background: #78cd51;
	padding: 2px 10px;
	color: white;
	display: inline-block;
	font-size: 12px
}
.page-todo .task {
	border-bottom: 1px solid #f9f9f9;
	margin-bottom: 1px;
	position: relative
}
.page-todo .task .desc {
	display: inline-block;
	width: 75%;
	padding: 10px 10px;
	font-size: 12px
}
.page-todo .task .desc .title {
	font-size: 18px;
	margin-bottom: 5px
}
.page-todo .task .time {
	display: inline-block;
	width: 15%;
	padding: 10px 10px 10px 0;
	font-size: 12px;
	text-align: right;
	position: absolute;
	top: 0;
	right: 0
}
.page-todo .task .time .date {
	font-size: 18px;
	margin-bottom: 5px
}
.page-todo .task.last {
	border-bottom: 1px solid transparent
}
.page-todo .task.high {
	border-left: 2px solid #ff5454
}
.page-todo .task.medium {
	border-left: 2px solid #fabb3d
}
.page-todo .task.low {
	border-left: 2px solid #78cd51
}
.page-todo .timeline {
	width: auto;
	height: 100%;
	margin: 20px auto;
	position: relative
}
.page-todo .timeline:before {
	position: absolute;
	content: '';
	height: 100%;
	width: 4px;
	background: #e9ebec;
	left: 50%;
	margin-left: -2px
}
.page-todo .timeslot {
	display: inline-block;
	position: relative;
	width: 100%;
	margin: 5px 0
}
.page-todo .timeslot .task {
	position: absolute;
	width: 42%;
	padding-right: 18px;
	display: block;
	height: auto;
	border: 0;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}
.page-todo .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
}
.page-todo .timeslot .task span span.details {
	font-size: 16px;
	margin-bottom: 10px
}
.page-todo .timeslot .task span span.remaining {
	font-size: 14px
}
.page-todo .timeslot .task span span {
	border: 0;
	background: transparent;
	padding: 0
}
.page-todo .timeslot .task .arrow {
	position: absolute;
	top: 6px;
	right: 0;
	height: 20px;
	width: 20px;
	background: url(../img/timeline-left-arrow.png) no-repeat
}
.page-todo .timeslot .icon {
	position: absolute;
	border: 2px solid #b2b8bd;
	background: #34383c;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
	height: 30px;
	width: 30px;
	left: 50%;
	margin-left: -16px;
	color: white;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	text-shadow: none;
	z-index: 2;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}
.page-todo .timeslot .time {
	background: #e9ebec;
	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
}
.page-todo .timeslot.alt .task {
	left: auto;
	right: -20px;
	padding-left: 18px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}
.page-todo .timeslot.alt .task .arrow {
	position: absolute;
	top: 6px;
	left: 0;
	height: 20px;
	width: 20px;
	background: url(../img/timeline-right-arrow.png) no-repeat
}
.page-todo .timeslot.alt .time {
	top: 1px;
	left: auto;
	right: 50%;
	padding: 5px 40px 5px 10px
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.page-todo task .desc {
	display: inline-block;
	width: 70%;
	padding: 10px 10px;
	font-size: 12px
}
.page-todo task .desc .title {
	font-size: 16px;
	margin-bottom: 5px
}
.page-todo task .time {
	display: inline-block;
	float: right;
	width: 20%;
	padding: 10px 10px;
	font-size: 12px;
	text-align: right
}
.page-todo task .time .date {
	font-size: 16px;
	margin-bottom: 5px
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.page-todo .task {
	border-bottom: 1px solid #f9f9f9;
	margin-bottom: 1px
}
.page-todo .task .desc {
	display: inline-block;
	width: 65%;
	padding: 10px 10px;
	font-size: 10px;
	margin-right: -20px
}
.page-todo .task .desc .title {
	font-size: 14px;
	margin-bottom: 5px
}
.page-todo .task .time {
	display: inline-block;
	float: right;
	width: 25%;
	padding: 10px 10px;
	font-size: 10px;
	text-align: right
}
.page-todo .task .time .date {
	font-size: 14px;
	margin-bottom: 5px
}
.page-todo .timeslot .task span {
	border: 2px solid #67c2ef;
	background: rgba(103,194,239,0.1);
	padding: 5px;
	display: block;
	font-size: 10px
}
.page-todo .timeslot .task span span {
	border: 0;
	background: transparent;
	padding: 0
}
.page-todo .timeslot .task span span.details {
	font-size: 14px;
	margin-bottom: 0
}
.page-todo .timeslot .task span span.remaining {
	font-size: 12px
}
}
@media only screen and (max-width:767px) {
.page-todo .tasks {
	position: relative;
	margin: 0!important
}
.page-todo .graph {
	position: relative;
	margin: 0!important
}
.page-todo .task {
	border-bottom: 1px solid #f9f9f9;
	margin-bottom: 1px
}
.page-todo .task .desc {
	display: inline-block;
	width: 65%;
	padding: 10px 10px;
	font-size: 10px;
	margin-right: -20px
}
.page-todo .task .desc .title {
	font-size: 14px;
	margin-bottom: 5px
}
.page-todo .task .time {
	display: inline-block;
	float: right;
	width: 25%;
	padding: 10px 10px;
	font-size: 10px;
	text-align: right
}
.page-todo .task .time .date {
	font-size: 14px;
	margin-bottom: 5px
}
.page-todo .timeslot .task span {
	padding: 5px;
	display: block;
	font-size: 10px
}
.page-todo .timeslot .task span span {
	border: 0;
	background: transparent;
	padding: 0
}
.page-todo .timeslot .task span span.details {
	font-size: 14px;
	margin-bottom: 0
}
.page-todo .timeslot .task span span.remaining {
	font-size: 12px
}
}
.profile-image {
	width: 100%;
	border: 5px solid white;
	outline: 1px solid #dbdee0
}
.profile h3 {
	padding: 0 5px
}
ul.profile-details {
	margin-top: 10px;
	padding: 0 5px;
	list-style: none;
	color: #7c848d
}
ul.profile-details li {
	position: relative;
	margin: 0 0 20px 0;
	padding-left: 22px
}
ul.profile-details li div {
	color: #b2b8bd
}
ul.profile-details li div i {
	position: absolute;
	top: 4px;
	left: -5px;
	color: #ced1d4;
	width: 20px;
	text-align: center
}
ul.profile-details li input[type="text"] {
	color: black!important
}
ul.friends-list {
	padding: 0;
	list-style: none
}
ul.friends-list li {
	width: auto;
	min-width: 170px;
	margin-bottom: 20px;
	border: 1px solid #e9ebec;
	background: #f7f7f8;
	float: left;
	padding: 5px;
	margin: 0 0 5px 5px;
	white-space: nowrap;
	overflow: hidden
}
ul.friends-list li:last-child {
	margin-bottom: 0
}
ul.friends-list li .avatar {
	float: left;
	margin-right: 10px;
	width: 40px
}
ul.friends-list li .avatar img {
	width: 40px
}
ul.friends-list li a {
	display: inline-block;
	font-size: 22px;
	line-height: 8px;
	text-decoration: none;
	color: #b2b8bd
}
.login-box, .register-box {
	width: 400px;
	padding: 20px;
	margin: 100px auto;
	background: #fff
}
.login-box .header, .register-box .header {
	background: #34383c;
	color: white;
	text-align: center;
	margin: -20px -20px 20px -20px;
	padding: 15px;
	text-transform: uppercase
}
.login-box form.login input[type="text"], .register-box form.login input[type="text"], .login-box form.login input[type="password"], .register-box form.login input[type="password"] {
	border-right: none!important;
	-webkit-border-radius: 2px 0 0 2px;
	-moz-border-radius: 2px 0 0 2px;
	border-radius: 2px 0 0 2px
}
.login-box form.login .input-group-addon, .register-box form.login .input-group-addon {
	height: 0!important;
	border: 1px solid #e9ebec!important;
	background: white;
	-webkit-border-radius: 0 2px 2px 0;
	-moz-border-radius: 0 2px 2px 0;
	border-radius: 0 2px 2px 0;
	border-left: 1px none!important;
	margin-left: -1px!important
}
.login-box label, .register-box label {
	margin: 10px 5px -10px 5px
}
.login-box input[type="text"], .register-box input[type="text"], .login-box input[type="password"], .register-box input[type="password"] {
	border: 1px solid #e9ebec;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	padding: 0 10px;
	height: 40px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}
.login-box input[type="text"]:focus, .register-box input[type="text"]:focus, .login-box input[type="password"]:focus, .register-box input[type="password"]:focus {
	outline: 0
}
.login-box .confirm, .register-box .confirm {
	position: relative;
	margin: 20px 0 10px -15px
}
.login-box .confirm label, .register-box .confirm label {
	position: absolute;
	top: -9px;
	left: 30px
}
.login-box form.register .input-group-addon, .register-box form.register .input-group-addon {
	height: 0!important;
	width: 35%;
	border: 1px solid #e9ebec!important;
	background: #e9ebec!important;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}
.login-box button, .register-box button {
	margin: 15px 0!important
}
.price-table.type1 {
	margin-top: 22px;
	padding-left: 1px
}
.price-table.type1 ul {
	position: relative;
	z-index: 1;
	list-style: none;
	float: left;
	margin: 0 -1px 0 -1px;
	padding: 0;
	text-align: center;
	border: 1px solid #dbdee0;
	background: #f3f3f3
}
.price-table.type1 ul li:nth-child(2n+1) {
	background: #e9ebec
}
.price-table.type1 ul li.price {
	background: #34383c;
	color: white;
	font-size: 18px;
	font-weight: bold;
	text-shadow: none;
	padding: 20px 0;
	height: 58px
}
.price-table.type1 ul li.strike {
	text-decoration: line-through
}
.price-table.type1 ul li {
	font-size: 12px;
	text-shadow: none;
	padding: 10px 0
}
.price-table.type1 ul li span {
	font-weight: bold
}
.price-table.type1 ul.best-option {
	border: 3px solid #36a9e1;
	margin: -27px -3px 0 -3px;
	z-index: 2
}
.price-table.type1 ul.best-option li.header {
	font-size: 16px;
	font-weight: bold;
	padding: 20px 0;
	position: relative;
	overflow: hidden
}
.price-table.type1 ul.best-option li.header span {
	font-size: 10px;
	line-height: 12px;
	position: absolute;
	top: -20px;
	left: -141px;
	background: #36a9e1;
	color: white;
	padding: 30px 130px 5px 130px;
	-webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	-ms-transform: rotate(315deg);
	-o-transform: rotate(315deg)
}
.price-table.type1 ul.best-option li.price {
	font-size: 24px;
	font-weight: bold;
	padding: 20px 0;
	background: #36a9e1
}
.price-table.type2 {
	margin-top: 22px;
	padding-left: 1px
}
.price-table.type2 ul {
	position: relative;
	z-index: 1;
	list-style: none;
	float: left;
	margin: 0 -1px 0 -1px;
	padding: 0;
	text-align: center;
	border: 1px solid #ced1d4;
	background: white
}
.price-table.type2 ul li.header {
	background: #b2b8bd;
	color: white;
	font-size: 20px;
	padding-bottom: 70px;
	margin-bottom: 60px
}
.price-table.type2 ul li.price {
	background: #b2b8bd;
	color: white;
	font-size: 40px;
	font-weight: bold;
	padding: 26px 0;
	border: 4px solid #e9ebec;
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
	display: inline-block;
	height: 116px;
	width: 116px;
	top: 45px;
	left: 50%;
	margin-left: -54px;
	position: absolute
}
.price-table.type2 ul li.price span {
	font-size: 20px
}
.price-table.type2 ul li.strike {
	text-decoration: line-through
}
.price-table.type2 ul li {
	font-size: 12px;
	padding: 10px 0;
	border-bottom: 1px solid #e9ebec;
	background: white
}
.price-table.type2 ul li span {
	font-weight: bold
}
.price-table.type2 ul li.select {
	position: relative;
	background: #b2b8bd;
	padding: 0
}
.price-table.type2 ul li.select a {
	color: white;
	font-weight: 700;
	font-size: 14px;
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
	padding: 10px 0
}
.price-table.type2 ul li.select:before {
	content: '';
	position: absolute;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #b2b8bd;
	top: -10px;
	left: 50%;
	margin-left: -5px
}
.price-table.type2 ul li.select:hover {
	background: #b2b8bd
}
.price-table.type2 ul li.select:hover:before {
	border-bottom: 10px solid #b2b8bd
}
.price-table.type2 ul.best-option li.header {
	font-weight: bold;
	position: relative;
	background: #92d721
}
.price-table.type2 ul.best-option li.price {
	font-weight: bold;
	background: #bdea74;
	border: 4px solid #a8e348
}
.price-table.type2 ul.best-option li.select {
	position: relative;
	background: #92d721
}
.price-table.type2 ul.best-option li.select:before {
	border-bottom: 10px solid #92d721
}
.price-table.type2 ul.best-option li.select:hover {
	background: #74ab1a
}
.price-table.type2 ul.best-option li.select:hover:before {
	border-bottom: 10px solid #74ab1a
}
.price-table.five ul {
	width: 20%
}
.price-table.four ul {
	width: 25%
}
.price-table.three ul {
	width: 33.333%
}
.price-table.two ul {
	width: 50%
}
.price-table.one ul {
	width: 100%
}
.box-error {
	margin-top: 200px
}
.box-error h1 {
	float: left;
	font-size: 48px;
	margin-right: 20px
}
.box-error p {
	margin-top: -8px;
	font-weight: 300
}
.login-box-locked {
	position: relative;
	z-index: 9999;
	background: rgba(255,255,255,0.9);
	padding: 30px;
	border: 1px solid #e9ebec;
	margin-top: 250px
}
.login-box-locked.type2 {
	background: rgba(255,255,255,0.7)
}
.login-box-locked img.avatar {
	float: left;
	width: 120px;
	margin-right: 20px
}
.login-box-locked p {
	margin-top: -8px;
	font-weight: 300
}
.login-box-locked a {
	display: block;
	font-weight: 300;
	margin-top: 5px;
	font-size: 12px
}
@media(min-width:1200px) {
.hidden-xs, .hidden-sm, .hidden-md, .hidden-lg {
	display: inline-block!important
}
a.navbar-brand {
	position: absolute;
	width: 14.422%;
	left: 15px
}
.navbar-collapse {
	max-height: 100%
}
.container {
	width: 100%!important
}
.container #content {
	padding: 30px;
	margin: 0;
	height: 100%;
	width: 85.578%
}
.container #sidebar-left {
	width: 14.422%
}
.container .breadcrumb {
	margin: -30px -30px 30px -30px;
	padding: 10px 30px
}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.hidden-xs, .hidden-sm, .hidden-md, .hidden-lg {
	display: inline-block!important
}
a.navbar-brand {
	position: absolute;
	width: 14.422%;
	left: 15px
}
.navbar-collapse {
	max-height: 100%
}
.container {
	width: 100%!important
}
.container #content {
	padding: 30px;
	margin: 0;
	height: 100%;
	width: 85.578%
}
.container #sidebar-left {
	width: 14.422%
}
.container .breadcrumb {
	margin: -30px -30px 30px -30px;
	padding: 10px 30px
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
a#main-menu-toggle {
	margin-left: 8.334%
}
a.navbar-brand {
	width: 8.334%;
	position: absolute;
	left: 15px
}
a.navbar-brand span {
	font-size: 12px
}
.navbar-collapse {
	max-height: 100%
}
.container {
	width: 100%!important
}
.container #content {
	padding: 30px
}
.container #sidebar-left {
	margin-left: 0!important;
	width: 8.334%!important
}
.container .breadcrumb {
	margin: -30px -30px 30px -30px;
	padding: 10px 30px
}
.sidebar-nav>ul {
	margin: -9px -10px;
	border: 0;
	padding-bottom: 1px;
	font-size: 18px
}
.nav.main-menu>li>ul>li, .nav.main-menu>li>ul>li>ul>li, .nav.main-menu>li>ul>li>ul>li>ul>li {
	width: 100%
}
.nav.main-menu>li>a>i, .nav.main-menu>li>ul>li>a>i, .nav.main-menu>li>ul>li>ul>li>a>i, .nav.main-menu>li>ul>li>ul>li>ul>li>a>i {
	height: 38px;
	width: 100%;
	padding: 11px 0;
	display: inline-block;
	text-align: center;
	border-right: 1px solid #dbdee0
}
.btn-navbar {
	display: none!important
}
.nav-collapse, .nav-collapse.collapse {
	height: auto!important;
	overflow: visible!important;
	margin-left: -20px!important
}
.sidebar-nav {
	padding: 0;
	margin-bottom: 0
}
}
@media only screen and (max-width:767px) {
body:after, body:before {
	display: none
}
a.navbar-brand {
	margin-bottom: 0
}
#search {
	margin-left: 10px!important
}
.hidden-sm {
	display: inline-block!important
}
.navbar-toggle {
	position: absolute;
	top: -3px;
	right: -10px;
	z-index: 100;
	background: transparent!important;
	text-shadow: none!important;
	border: none!important
}
.navbar-toggle .icon-bar {
	background: white
}
.navbar-collapse {
	max-height: 300px;
	border-top: 0;
	box-shadow: none;
	overflow-x: hidden;
	padding-right: 0;
	padding-left: 0
}
.header-nav {
	display: none
}
.header-nav li {
	float: left
}
.pull-right {
	width: 100%;
	margin: 10px auto;
	text-align: center
}
#content {
	overflow: hidden
}
#content .breadcrumb {
	margin: -4px -5px 30px -5px
}
#sidebar-left {
	min-height: 0;
	padding: 0!important
}
.sidebar-nav {
	border-bottom: 1px solid #dbdee0
}
.sidebar-nav>ul {
	margin: 0;
	background: #f3f3f3
}
.message-view {
	margin: 0
}
.price-table-overlay {
	width: 100%!important;
	overflow-x: scroll
}
.price-table.five {
	width: 1000px
}
.price-table.four {
	width: 800px
}
.price-table.three {
	width: 900px
}
.price-table.five ul {
	width: 200px
}
.price-table.four ul {
	width: 200px
}
.price-table.three ul {
	width: 300px
}
.price-table.two ul {
	width: 50%
}
.price-table.one ul {
	width: 100%
}
}
@media only screen and (min-width:480px) and (max-width:767px) {
body {
	padding: 0
}
#content {
	padding: 5px
}
}
@media only screen and (max-width:479px) {
body {
	padding: 0
}
.col-xxs-12 {
	width: 100%
}
a.navbar-brand {
	background: transparent
}
a.navbar-brand:hover {
	background: transparent
}
#search select {
	display: none
}
#search input {
	margin-top: 5px;
	margin-left: -10px!important;
	width: 100%!important
}
#content {
	padding: 5px
}
.quick-button, .quick-button-small {
	margin-bottom: 20px
}
.discussions ul li .date {
	display: none
}
}